/* Main Stylesheet */

/* www.treforestdesign.com */


* {
margin:0;
padding:0;
}

body, html, div, img, label, p, h1, h2, h3, h4, h5, ul, li, fieldset, a {
border:0;
font-size:100%;
list-style:none;
margin:0;
padding:0;
text-decoration:none;
} 

body {
background:#000 url(../images/body-bg.jpg) repeat;
color:#fff;
font:70%/140% Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
background:url(../images/wrapper-bg.png) repeat-y;
margin:0 auto;
position:relative;
width:900px;
}



/* header */

#header {
display:block;
height:245px;
position:relative;
margin:0 auto;
width:790px;
}

#header .sitename {
background:url(../images/sitename.png);
height:111px;
position:absolute;
right:0;
text-indent:-9999px;
top:95px;
width:614px;
z-index:10;
}

#header .date {
background:#900;
color:#fff;
height:50px;
left:0;
position:absolute;
top:30px;
width:300px;
}

a#feed {
background:url(../images/rss.png);
height:187px;
position:absolute;
left:-10px;
text-indent:-9999px;
top:35px;
width:124px;
z-index:9;
}

#nav {
right:0;
position:absolute;
top:0;
z-index:10;
}

#nav li {
display:inline;
float:left;
padding:0 3px;
width:auto;
}

#nav li a {
background:transparent;
color:#f1f1f1;
float:left;
font:12px/21px Verdana, Arial, Helvetica, sans-serif;
padding-top:30px;
padding-left:15px;
width:auto;
}

#nav li a span {
float:left;
display:block;
height:100%;
padding-bottom:5px;
padding-right:15px;
width:auto;
}

#nav li a:hover, #nav li a.current {
background:#a11f0e url(../images/nav-left.png) left bottom no-repeat;
}

#nav li a:hover span, #nav li a.current span {
background:#a11f0e url(../images/nav-right.png) right bottom no-repeat;
cursor:pointer;
color:#fff;
}





/* content */

#content {
margin:0 auto;
position:relative;
width:790px;
}

h1 {
color:#897660;
font:12px/24px Arial, Helvetica, sans-serif;
text-align:right;
text-transform:uppercase;
}




/* main page */

#latest-video {
float:left;
margin-top:30px;
width:350px;
z-index:0;
}

.coming-soon {
background:url(../images/coming-soon.png);
display:block;
height:256px;
position:absolute;
width:350px;
z-index:2;

}
#latest-messages {
float:right;
margin-top:30px;
width:390px;
}

.updated p, .updated a {
color:#897660;
display:block;
font:12px/24px Arial, Helvetica, sans-serif;
margin-top:2px;
width:143px;
}

.updated a {
background:transparent;
font:12px "Courier New", Courier, monospace;
color:#D8981A;
}







/* messages */

#form-content {
float:left;
width:350px;
}

#form-content p {
color:#666; 
font:11px Arial, Helvetica, sans-serif; 
line-height:1.5em; 
margin:10px 0 25px 0;
}

#contact label {display:block; color:#fff; clear:both;}

#contact input {font:0.9em Arial, Helvetica, sans-serif;}

#contact input, #contact textarea {
background:#2f5983;
border:1px solid #396da1;
color:#fff;
font:12px Arial, Helvetica, sans-serif;
float:left;
margin:8px 0 15px 0;
padding:6px 3px; 
width:235px; 
}

#contact textarea {
height:150px;
overflow:auto; 
width:338px;
}

#contact #button {
background:url(../images/send-button.png) no-repeat;
border:none;
clear:both;
color:#fff;
cursor:pointer;
display:block;
font:12px/22px Arial, Helvetica, sans-serif;
height:18px;
margin:-30px auto 0 auto;
padding:0 0 0 10px;
text-transform:uppercase;
width:85px;
}

#contact #button:hover {
background-position:0 -18px;
color:#fff;
}

h5 {font-size:1.5em;}

#posted-messages {
float:right;
margin-top:0;
width:390px;
}




/* shared */

.thumbs ul {
margin:0;
}

.thumbs li {
float:left;
height:95px;
margin:0 4px 4px 0;
position:relative;   
width:95px;
}

.thumbs li.last {
margin-right:0;
}



.paginator {
clear:both;
display:block;
float:left;
height:36px;
line-height:36px;
margin-top:15px;	
text-align:left;
width:700px;
}

.paginator a {
background:#897660;
color:#fff;
margin-right:7px;
padding:8px;	
}

.paginator a:hover {
background:#A11F0E;
color:#fff;
}

.paginator .current {
background:#A11F0E;
color:#fff;
padding:8px;	
}

.paginator span {
margin-right:5px;
}

.message-list-top {
background:url(../images/message-list-top.png) no-repeat;
height:30px;
margin:-4px auto 0 auto;
width:390px;
}

.message-list {
background:#248409;
border-bottom:10px solid #1c6a06;
display:block;
height:auto;
margin:0 auto;
padding:5px 0 18px 0;
width:390px;
}

.message-content {
display:block;
width:350px;
margin:auto;
}

.message-content h1  {
background:#1c6a06 url(../images/quote.png) 4px 6px no-repeat;
font:bold 15px/25px "Times New Roman", Times, serif;
height:25px;
margin-top:13px;
padding-left:30px;
color:#fff;
text-align:left;
}

.message-content h1 span {
color:#fff;
font:bold 11px Arial, Helvetica, sans-serif;
padding-left:10px;
}

.message-content p {
color:#fff;
font:12px/20px Georgia, "Times New Roman", Times, serif;
padding:5px 0;
}


/* footer */

#footer {
background:url(../images/footer-brd.png) top repeat-x;
border:none;
height:50px;
margin:0 auto;
position:relative;
width:790px;
}

#footer p {
color:#f1f1f1;
font:12px/24px Arial, Helvetica, sans-serif;
padding:8px 0;
}

a#treforest {
background:url(../images/treforest.png);
height:13px;
position:absolute;
top:15px;
right:0;
width:73px;
}


.border-one, .border-two, .border-three, .border-four, .border-five, .border-six, .border-seven, .border-eight, .border-nine, .border-ten, .border-eleven {background:url(../images/groove.png) top left repeat-x; border:none; display:block; height:9px; clear:both;} .border-two {background-position:left bottom; height:5px;} .border-three {background-position:left top; height:9px;} .border-four {background-position:left bottom; height:9px;} .border-five {background-position:left top; height:10px;} .border-six {background-position:left bottom; height:9px;} .border-seven {background-position:left top; height:9px;} .border-eight {background-position:left bottom; height:5px;} .border-nine {background-position:left top; height:10px;} .border-ten {background-position:left top; height:5px;} .border-eleven {background-position:left top; height:10px;} 


#stats {
display:none;
}