/*Sunset by Payal Dhar (http://writeside.net/), 2006
Feel free to use or modify, but please retain credits.*/

*{
padding:0;
margin:0;
outline:0;
}

body{
background:#000 url(img/sunset.jpg) top left no-repeat;
font:0.8em 'Trebuchet MS', Arial, sans-serif;
line-height:1.5em;
color:#898989;
}

a{
color:#B07A34;
text-decoration:none;
}

a:hover, a:active{
color:#898989;
text-decoration:underline;
}

#header{
float:left;
width:240px;
margin:15px;
background:url(img/header.gif) top left no-repeat;
}

#header .main{
font-size:1.5em;
border-bottom:1px solid #B07A34;
padding:10px 10px 10px 2px;
}

#header .subtitle{
font-size:1em;
font-variant:small-caps;
padding:2px;
}

#wrapper{
margin:15px auto 0 300px;
width:460px;
background:#FFFED5;
}

#toplinks{
margin:5px auto 0 300px;
}

#toplinks ul li{
list-style:none;
display:inline;
padding:2px 12px 2px 2px;
}

#toplinks ul li a:hover, a:active{
background:url(img/links-hover.gif) left no-repeat;
}

#toplinks form{
display:inline;
}

input{
border:1px solid #B07A34;
padding:2px;
color:#B07A34;
}

input:hover{
border: 1px solid #898989;
}

#text{
min-height:460px;
padding:10px;
}

#text p{
padding:5px;
}

h1, h2, h3{
padding:5px;
color:#B07A34;
}

h1{
font-size:1.2em;
font-variant:small-caps;
border-bottom:1px solid #B07A34;
text-align:center;
}

h2{
font-size:1.05em;
}

h3{
font-size:1em;
}

#text ul, ol{
padding-left:12px;
margin-left:12px;
}

blockquote{
margin:2px 15px;
border-left:3px double #B07A34;
padding-left:5px;
}


.meta{
text-align:right;
color:#B07A34;
font-size:0.79em;
}

.meta a{
text-decoration:underline;
}

#footer{
font-size:0.79em;
text-align:center;
margin:10px;
height:25px;
line-height:25px;
border-top:1px solid #B07A34;
}

#footer a{
text-decoration:underline;
}