body { position:relative; background-color:#302d29; color:#68625b; font-family:verdana, arial, helvetica, sans-serif; }
* { margin:0; padding:0; }
p, ul { font-size:.75em; line-height:1.5em; margin:.25em 0 1em; }
h1 { font-size:1.5em; margin:.25em 0 1em; }
h2 { font-size:1.25em; color:#83b5a9; }
h3 { font-size:1em; margin:.25em 0 .5em; color:#34312e; }
a { color:#669099; text-decoration:none; }
a:hover { color:#427580; text-decoration:underline; }
a img { border:0; }

/* structure */
#container { position:relative; margin-top:80px; min-width:990px; background-color:#fff; border-right:40px solid #bea7ab; }
#holder { position:relative; margin:0 auto; padding:25px 0; width:960px; }
#tagline { position:absolute; top:25px; right:-32px; }
#content { position:relative; margin-top:30px; }
#about #content_sub { padding-top:30px; }

/* nav */
#nav_main { position:absolute; top:-80px; right:0; color:#fff; background:url("/images/topnav_divider.gif") no-repeat top right; }
#nav_main ul { list-style:none; margin:0; }
#nav_main ul li { display:inline; font-family:arial, helvetica, sans-serif; background:url("/images/topnav_divider.gif") no-repeat top left; padding:20px 10px 35px 10px; line-height:55px; margin:0; }
#nav_main ul li.On { color:#fff; background:url("/images/topnav_hilite.gif") repeat-x; }
#nav_main ul li a { color:#dbd5ce; }
#nav_main ul li.On a { color:#fff; }
#nav_main ul li a:hover { color:#fff; text-decoration:none; }
#nav_sub { position:absolute; top:-60px; right:10px; }
#nav_sub img, #nav_sub ul { display:inline; margin:0; vertical-align:middle; }
#nav_sub ul li { display:inline; list-style:none; border-right:1px solid #948e88; padding:0 8px; color:#68625b; font-weight:bold; }
#nav_sub ul li.last { border:none; }
#nav_sub ul li a { color:#77a1aa; font-weight:normal; }
#site_info { margin:8px auto; width:1000px; color:#857e78; font-family:arial, helvetica, sans-serif; font-size:.75em; line-height:1.5em; }
#site_info a { color:#8bacb3; }

/* home */
#home #branding { margin:170px 0 180px; } /* if there is an announcement: { margin:170px 0 0; } */
#home #branding img { display:block; margin-bottom:40px; }
#branding #announcement { margin:80px 0 40px; width:330px; }
#home #content { position:absolute; top:0; right:0; }


/* gallery */
#gallery h2 { text-indent:-999em; height:40px; width:305px; }
h2.dogs { background:url("/images/h_gallery-dogs.gif") no-repeat #bfd1b3 10px 50%; }
h2.cats { background:url("/images/h_gallery-cats.gif") no-repeat #bfd1b3 10px 50%; }
h2.horses { background:url("/images/h_gallery-horses.gif") no-repeat #bfd1b3 10px 50%; }
h2.others { background:url("/images/h_gallery-others.gif") no-repeat #bfd1b3 10px 50%; }
#gallery #content #mainImg, #coolest #content #mainImg { position:absolute; top:-10px; right:0; }
#gallery #content_sub { width:305px; padding-bottom:40px; min-height:380px; }
#gallery #content_sub ul { list-style:none; margin:0; }
#gallery #content_sub ul li { display:inline; }
#gallery #content_sub ul li img { margin:18px 16px 0 0; }
#gallery #content_sub ul li.last img { margin:18px 0 0 0; }
#nav_section { margin-top:10px; text-align:right; padding-right:3px; }

/* coolest & coolstuff */
#coolest .head, #archive .head { height:40px; width:305px; background-color:#8bb0b8; margin-bottom:10px; }
#coolest #content_sub, #stuff #content_sub { width:305px; padding-bottom:50px; min-height:420px; }
ul#imgNav { list-style:none; margin:0; }
ul#imgNav li { display:inline; }
ul#imgNav li img { margin:5px 2px 0 6px; }
ul#imgNav li.last img { margin:5px 0 0 6px; }
ul#imgNav li a img { border:2px solid #fff; }
ul#imgNav li a:hover img { border:2px solid #b3cdd3; }
#archive ul { list-style:none; }
#archive table td { vertical-align:top; padding-right:15px; }
#archive #content #mainImg { position:absolute; top:0; right:0; }

#stuff #content #mainImg { position:absolute; top:-70px; right:0; }
#stuff ul#imgNav li img { margin:10px 10px 0 10px; }
#stuff h2 { text-indent:-999em; height:40px; width:305px; background:url("/images/h_coolstuff.gif") no-repeat #a38eac; margin-bottom:10px; }

/* about */
#about #content { background:url("/images/img_about2.jpg") no-repeat; padding-left:420px; }

/* buzz & faqs */
#buzz #mainImg, #faqs #mainImg { position:absolute; top:100px; right:0; }
#buzz #content, #faqs #content { width: 610px; min-height:400px; }
#buzz #content img { float:right; margin-left:15px; }
#buzz p, #faqs p { margin-bottom:2em; }
#faqs p em { color:#8390b5; font-weight:bold; font-style:normal; }
#buzz h2 { text-indent:-999em; height:40px; width:610px; background:url("/images/h_buzz.gif") no-repeat #83b5a9; margin-bottom:10px; }
#faqs h2 { text-indent:-999em; height:40px; width:610px; background:url("/images/h_faqs.gif") no-repeat #a2abc4; margin-bottom:10px; }