/*
===========================
DIY Trunk Show 2004 stylesheet
http://www.weightshift.net
work@weightshift.net
===========================
*/

html, body {
color: #333333;
background: #f9d08a;
margin: 0px 0px 0px 0px;
font-family: verdana, georgia, arial, trebuchet MS, sans, serif;
font-size: 11px;
}

a:link { color: #669999; text-decoration: none; background: transparent; }
a:visited { color: #669999; text-decoration: none; background: transparent; }
a:hover { color: #397373; text-decoration: underline; background: transparent; }
a:active { color: #669999; text-decoration: none; background: transparent; }

p, tr, td { color: #333333; font-size: 11px; background-color: transparent; line-height: 18px;}

#main p { margin: 0px 0px 0px 0px; padding: 0px 0px 18px 0px; }

h1 {
font-family: georgia, arial, verdana, sans, serif;
font-size: 18px;
font-weight: normal;
background: transparent;
margin: 0px 0px 0px 0px;
padding: 4px 0px 3px 0px;
}

.author { color: #CC0000; }

.sub-title { 
color: #333;
font-family: georgia, verdana, arial, trebuchet MS, sans, serif;
font-size: 11px;
font-weight: bold;
background-color: transparent;
}

p.pad {
margin-bottom: 30px;
}

h3 {
font-family: verdana, arial, trebuchet MS, sans, serif;
font-size: 11px;
font-weight: normal;
background: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h4 {
font-family: verdana, arial, trebuchet MS, sans, serif;
font-size: 10px;
font-weight: normal;
background: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h5 {
font-family: georgia, verdana, arial, trebuchet MS, sans, serif;
font-size: 11px;
font-weight: bold;
background: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


hr.light {
height: 1px;
border-top: 0px; 
border-right: 0px; 
border-left: 0px;
border-bottom: 1px solid #DDD; 
margin: 0px 0px 18px 0px; 
padding: 0px 0px 0px 0px;}

hr.dashed {
height: 1px;
border-top: 0px; 
border-right: 0px; 
border-left: 0px;
border-bottom: 1px dashed #DDD; 
margin: 0px 0px 18px 0px; 
padding: 0px 0px 0px 0px;
}

hr.dotted {
height: 1px;
border-top: 0px; 
border-right: 0px; 
border-left: 0px;
border-bottom: 1px dotted #DDD; 
margin: 0px 0px 18px 0px; 
padding: 0px 0px 0px 0px;
}

img { border: 0; }

ul.faq { 
margin: -10px 0px 0px 8px;
padding: 0px 0px 0px 8px;
list-style-type: square;
color: #CCC;
}

ul { 
margin: 0px 0px 0px 8px;
padding: 0px 0px 0px 8px;
}

ol { 
margin: 0px 0px 0px 12px;
padding: 0px 0px 0px 12px;
}

blockquote {
font-family: verdana, arial, times new roman, sans, serif; 
font-size: 11px;
line-height: 16px;
color: #555555;
background: transparent;
border-top: 1px solid #BEE0E0;
border-bottom: 1px solid #BEE0E0;
padding: 12px 10px 12px 10px;
margin: 0px 0px 0px 0px;
}

input.search {
font-family: verdana, arial, times new roman, sans, serif; 
font-size: 11px;
font-weight: normal;
color: #333;
background: transparent;
border: 1px solid #999999;
width: 110px;
}

/* nav stuff */

#nav {
width: 660px;
height: 43px;
background: url(gfx/nav.jpg);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
}

#nav span { display: none; }

#nav li {margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px;}

#nav li, #nav a {height: 43px; display: block;}
#nav1 {left: 15px; width: 68px;}
#nav2 {left: 83px; width: 131px;}
#nav3 {left: 214px; width: 139px;}
#nav4 {left: 353px; width: 77px;}
#nav5 {left: 430px; width: 210px;}

#nav1 a:hover {background: transparent url(gfx/nav.jpg) -15px -43px no-repeat;}
#nav2 a:hover {background: transparent url(gfx/nav.jpg) -83px -43px no-repeat;}
#nav3 a:hover {background: transparent url(gfx/nav.jpg) -214px -43px no-repeat;}
#nav4 a:hover {background: transparent url(gfx/nav.jpg) -353px -43px no-repeat;}
#nav5 a:hover {background: transparent url(gfx/nav.jpg) -430px -43px no-repeat;}


/* == classes == */

.text-sans {
font-family: arial, verdana, sans, serif;
font-size: 11px;
color: #FF6600;
font-weight: bold;
background: transparent;
}

.drop {
font-family: verdana, arial, georgia, garamond, sans, serif;
font-size: 9px;
font-weight: normal;
color: #333333; 
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 110px;
}

.recently { font-family: arial, verdana, sans, serif; font-size: 11px; color: #999999; }

.content p.footnote {
font-family: georgia, garamond, times new roman, sans, serif;
font-size: 10px;
font-weight: normal;
line-height: 13px;
text-decoration: none;
background-color: transparent;
}

/* comments classes */

.nopad { padding-top: 0px; margin-top: 0px; }

.radio {
font-family: verdana, arial, times new roman, sans, serif;
font-size: 9px; 
background-color: transparent; 
color: #333333; 
border: 0px solid #555;
}

.w160 { /* comment input box widths */
font-family: verdana, arial, times new roman, sans, serif;
font-size: 11px; 
background-color: #EFEFEF; 
color: #333333; 
border: 1px solid #CCCCCC;
width: 160px;
}

.textbox {
font-family: verdana, arial, times new roman, sans, serif;
font-size: 11px; 
background-color: #EFEFEF; 
color: #333333; 
border: 1px solid #CCCCCC;
width: 230px;
}

.textbox-join {
font-family: verdana, arial, times new roman, sans, serif;
font-size: 11px; 
background-color: #EFEFEF; 
color: #333333; 
border: 1px solid #CCCCCC;
width: 400px;
height: 200px;
}

.required {color: #CC0000; }

.comm-date {
color: #777;
}

.s-caps {
font-family: verdana, arial, times new roman, sans, serif;
font-size: 10px;
text-transform: uppercase;
color: #333333;
}

.photo {
border: 10px solid #E3F2F5;
}