/* CSS Document for WayneTrinklein.com -
Site designed and Produced by Rhaya Shilts
www.rhaya.com */



/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

body {
background:#3c3c32 url(images/template/bodybg.jpg) repeat-x;
font-family:"Lucida Grande","Lucida Sans Unicode", Verdana, Arial,sans-serif;
color:#615641;
}

/* ------------- LAYOUT ------------- */
	
#frame {
width:880px;
text-align:left;
}

#header {
width:880px;
height:308px;
background:url(images/template/header.jpg);
text-indent:-9999px;
}

#leftcontent {
width:200px;
float:left;
font-size:11px;
font-weight:normal;
}

#rightcontent {
width:600px;
float:left;
border:solid 7px #f6c878;
background:#fff;
font-size:12px;
margin:0 0 24px 0;
padding:0 0 12px 0;
min-height:736px;
height:auto !important;
height:736px;

}


/* ------------- LEFT NAVIGATION ------------- */

ul#leftcats {
list-style-type:none;
width:162px;
padding:0 0 15px 15px;
}

ul#leftcats li ul {
list-style-type:none;
width:162px;
margin:0 0 0 0;
}

ul#leftcats li ul a {
list-style-type:none;
width:162px;
/* text-indent:14px;
background:url(images/template/leftcats/sub.gif) no-repeat; 
color:#fdd9af;*/
background:#383124;
}

ul#leftcats li ul a:hover {
list-style-type:none;
width:162px;
/* text-indent:14px;
background:url(images/template/leftcats/subroll.gif) no-repeat; */
background:#383124;
}

ul#leftcats a {
display:block;
}

li#leftcats a, .page_item a, ul#leftcats li a {
width:162px;
color:#ffe;
border-bottom:1px solid #65604e;
text-decoration:none;
padding:4px 0 5px 0;
text-indent:7px;
}

li#leftcats a:hover, .page_item a:hover, ul#leftcats li a:hover {
color:#f6c878;
text-indent:7px;
}

li#thetrees {
list-style-type:none;
width:162px;
height:24px;
background:url(images/template/leftcats/trees.gif);
text-indent:-9999px;
}

li#photos {
list-style-type:none;
width:162px;
height:24px;
background:url(images/template/leftcats/photos.gif) no-repeat;
text-indent:-9999px;
margin-top:24px;
}

li#archives {
list-style-type:none;
width:162px;
height:24px;
background:url(images/template/leftcats/achives.gif) no-repeat;
text-indent:-9999px;
margin-top:24px;
}

li#sold {
list-style-type:none;
width:162px;
height:24px;
background:url(images/template/leftcats/sold.gif) no-repeat;
text-indent:-9999px;
}

ul#photocats {
list-style-type:none;
padding:0 0 15px 15px;
}

li#phototable img {
padding: 2px 2px 2px 2px;
border:solid 1px #756e58;
margin:0 3px 6px 0;
}

li#phototable a {
border:none;
}

li#phototable a:hover img {
border:solid 1px #f6c878;
}

/* ------------- HORIZONTAL NAVIGATION ------------- */

#navarea {
width:586px;
border:solid 7px #39642e;
background:#ffe7cc;
height:30px;
}

ul#nav_main {
list-style-type:none;
position:relative;
width:586px;
height:30px;
top: 0;
left: 0;
}

li#home {
position:absolute;
top: 0;
left: 0;
width:51px;
height:30px;
background: url(images/template/mainnav/home.gif) no-repeat;
}

li#home a {
display:block;
width:51px;
height:30px;
text-indent:-9999px;
}

li#about {
position:absolute;
top: 0;
left: 51px;
width:57px;
height:30px;
background: url(images/template/mainnav/about.gif) no-repeat;
}

li#about a {
display:block;
width:57px;
height:30px;
text-indent:-9999px;
}

li#news {
position:absolute;
top: 0;
left: 108px;
width:52px;
height:30px;
background: url(images/template/mainnav/news.gif) no-repeat;
}

li#news a {
display:block;
width:52px;
height:30px;
text-indent:-9999px;
}

li#working {
position:absolute;
top: 0;
left: 160px;
width:150px;
height:30px;
background: url(images/template/mainnav/working.gif) no-repeat;
}

li#working a {
display:block;
width:150px;
height:30px;
text-indent:-9999px;
}

li#studio {
position:absolute;
top: 0;
left: 310px;
width:124px;
height:30px;
background: url(images/template/mainnav/studio.gif) no-repeat;
}

li#studio a {
display:block;
width:124px;
height:30px;
text-indent:-9999px;
}


li#ordering {
position:absolute;
top: 0;
left: 434px;
width:79px;
height:30px;
background: url(images/template/mainnav/ordering.gif) no-repeat;
}

li#ordering a {
display:block;
width:79px;
height:30px;
text-indent:-9999px;
}

li#contact {
position:absolute;
top: 0;
left: 513px;
width:73px;
height:30px;
background: url(images/template/mainnav/contact.gif) no-repeat;
}

li#contact a {
display:block;
width:73px;
height:30px;
text-indent:-9999px;
}

li#home a:hover { background: url(images/template/mainnav/home_roll.gif); }
li#about a:hover { background: url(images/template/mainnav/about_roll.gif); }
li#news a:hover { background: url(images/template/mainnav/news_roll.gif); }
li#working a:hover { background: url(images/template/mainnav/working_roll.gif); }
li#studio a:hover { background: url(images/template/mainnav/studio_roll.gif); }
li#ordering a:hover { background: url(images/template/mainnav/ordering_roll.gif); }
li#contact a:hover { background: url(images/template/mainnav/contact_roll.gif); }


/* ------------- MAIN CONTENT AREA ------------- */

#contentarea {
font-size:12px;
padding: 14px 14px 14px 14px;
line-height:155%;
}

#contentarea p {
padding: 0 0 12px 0;
}

#contentarea h1 {
padding: 0 0 12px 0;
font-size:18px;
font-weight:bold;
color:#39642e;
}

#contentarea a {
color:#39642e;
text-decoration:underline;
}

#contentarea a:hover {
color:#d89727;
text-decoration:underline;
}

#contentarea img {
border:solid 1px #615641;
}

.padright {
margin-right:12px;
}

.padleft {
margin-left:12px;
}

.treephoto {
margin-right:12px;
margin-bottom:12px;
}

hr {
border:none 0;
border-top:1px solid #f6c878;
height:1px;
margin: 12px 0 12px 0;
}

.hide {
display:none;
}