/* ----------------------------------------------- design|snips Base Stylesheet ----------------------------------------------- */ /* Global ----------------------------------------------- */ html { height: 101%; overflow: scroll; } body { margin: 0; padding: 0; color: #444; font: 14px/1.5 Garamond, "Times New Roman", Georgia, serif; border-top: 4px solid #444; } a { color: #c33; text-decoration: none; } a:hover { text-decoration: underline; } p { margin: 1em 0; line-height: 1.7; } hr { display: none; } /* Structure ----------------------------------------------- */ #page { margin: 0 auto; padding: 0 0 50px 0; width: 800px; position: relative; background-color: #fff; } #header { margin: 0; padding: 60px 20px 5px 20px; border-bottom: 1px dotted #ccc; } #header h1.logo { float: left; } #header ul.navigation { margin: 0; padding: 14px 0 0 0; width: 300px; float: right; } #banner { margin: 0; padding: 20px; border-bottom: 1px dotted #ccc; } #banner h2.tagline { float: left; } #banner .categories { width: 380px; float: left; } #content { margin: 0; padding: 20px; } #footer { margin: 0; padding: 5px 20px; border-top: 1px dotted #ccc; } .clear:after, #header:after, #banner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear, #header, #banner { display: inline-block; } /* ie5 mac \*/ * html .clear, * html #header, * html #banner { height: 1%; } .clear, #header, #banner { display: block; } /* end ie5 mac */ /* Headlines ----------------------------------------------- */ #header h1.logo { width: 151px; height: 62px; background-image: url(../images/h1_logo_bg.gif); } #header h1.logo a { width: 151px; height: 62px; } #banner { } #banner h2 { background-position: center left; background-repeat: no-repeat; } #banner h2.tagline { width: 380px; min-height: 120px; background-image: url(../images/h2_tagline_bg.gif); } * html #banner h2.tagline { height: 120px; } #banner h2.blog { width: 331px; height: 110px; background-image: url(../images/h2_blog_bg.gif); background-position: bottom left; } #banner h2.submit { width: 611px; height: 110px; background-image: url(../images/h2_submit_bg.gif); background-position: bottom left; } #banner h2.archives { width: 464px; height: 110px; background-image: url(../images/h2_archives_bg.gif); } #banner h3 { margin: 0; padding: 0 0 7px 0; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; } #content { } #content h4 { margin: 0; padding: 0 0 10px 0; font-size: 18px; font-weight: normal; line-height: 1; } #content h4 a { color: #444; } #blog .content { } #blog .content h2 { margin: 0; padding: 15px 0 10px 0; font-size: 11px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; } #blog .content h3 { margin: 0; padding: 0; font-size: 18px; font-weight: normal; } .replace { margin: 0; padding: 0; text-indent: -9999px; background-repeat: no-repeat; display: block; outline: none; } .replace a { display: block; outline: none; } /* Blog Slider ----------------------------------------------- */ #blog { } #blog_inner { width: 100%; background-color: #444; color: #fff; } #blog #blog_tab { width: 800px; height: 24px; margin: 0 auto; } #blog #blog_tab a { width: 60px; height: 24px; background: url(../images/blog_tab_bg.gif) no-repeat; margin: 0 40px 0 0; float: right; } #blog #blog_tab a:hover { background-position: 0 -24px; } #blog #blog_tab a.open { background-position: -60px 0; } #blog #blog_tab a.open:hover { background-position: -60px -24px; } #blog .content { margin: 0 auto; padding: 0; width: 800px; } #blog .content .post { margin: 0; padding: 0 0 30px 0; width: 560px; float: left; } #blog .content .sidebar { width: 200px; float: right; } #blog .content .sidebar ul { margin: 0; padding: 0 0 15px 0; list-style-type: none; font-size: 12px; } #blog .content .sidebar ul li { padding: 0 0 0 10px; background: url(../images/blog_bullet_bg.gif) 0 8px no-repeat; } #blog .content .sidebar p { margin: 0; padding: 0; font-size: 12px; line-height: 1.3; } #blog .content .sidebar a.feedback_link { } #blog .content .sidebar a.feedback_link img { border: 0; } #blog .content p { margin: 0; padding: 0; } #blog .content a { color: #fff; text-decoration: underline; } #blog .content a:hover { text-decoration: none; } /* Navigation ----------------------------------------------- */ #header ul { margin: 0; padding: 0; list-style-type: none; position: relative; z-index: 2; height: 22px; } #header ul li { display: inline; } #header ul li a { position: absolute; background: url(../images/nav_bg.gif) no-repeat; height: 22px; display: block; } #header ul li#home_link a { background-position: 0 0; width: 71px; left: 0; } #header ul li#home_link a:hover, #header ul li#home_link.active a { background-position: 0 -22px; } #header ul li#archives_link a { background-position: -71px 0; width: 87px; left: 71px; } #header ul li#archives_link a:hover, #header ul li#archives_link.active a { background-position: -71px -22px; } #header ul li#submit_link a { background-position: -158px 0; width: 83px; left: 158px; } #header ul li#submit_link a:hover, #header ul li#submit_link.active a { background-position: -158px -22px; } #header ul li#feed_link a { background-position: -241px 0; width: 59px; left: 241px; } #header ul li#feed_link a:hover, #header ul li#feed_link.active a { background-position: -241px -22px; } /* Banner ----------------------------------------------- */ #banner { } #banner ul { margin: 0; padding: 0; list-style-type: none; } #banner ul li { width: 115px; padding: 0 0 0 10px; float: left; background: url(../images/bullet_bg.gif) 0 8px no-repeat; } #banner ul li a { } #banner ul li a.active { font-weight: bold; text-decoration: underline; } #banner ul li.all_link { background: none; } #banner ul li.all_link a { color: #444; font-weight: bold; } /* Content ----------------------------------------------- */ #content { } #content h4 { margin: 0; padding:0;} #content p.author { margin: 0 0 10px 0; padding: 0; text-transform: uppercase; font-size: 10px; } #content ul.features { margin: 0; padding: 0; list-style-type: none; } #content ul.features li { margin: 0; padding: 0 20px 20px 0; width: 175px; float: left; } * html #content ul.features li { padding-right: 17px; } #content ul.features li.row_end { padding-right: 0; } #content ul.features li.row_start { clear: both; } #content ul.features li a img { border: 1px solid #c33; } #content ul.features li a:hover img { border-color: #999; } #content ul.features li dl { margin:10px 0 0 0; padding: 0; } #content ul.features li dl dt { margin: 0; padding: 0; font-size: 12px; line-height: 1; text-transform: uppercase; letter-spacing: 0.5px; } #content ul.features li dl dd { margin: 0; padding: 0 0 10px 0; font-size: 12px; line-height: 1; } #content ul.page_nav { margin: 0; padding: 0; list-style-type: none; } #content ul.page_nav li { width: 380px; display: block; } #content ul.page_nav li.older { float: left; text-align: left; } #content ul.page_nav li.newer { float: right; text-align: right; } /* archives */ .rssCcat { margin: 0; padding: 15px 0 0 0; font-size: 18px; } a.archive_screen img { border: 1px solid #c33; } a.archive_screen:hover img { border-color: #999; } /* Ad Blocks ----------------------------------------------- */ #ads-lower {padding:20px; background-color:#f1f1f1;} #ads-lower h4 {font-size: 18px; font-weight:normal; margin: 0 0 10px 0;} /* Footer ----------------------------------------------- */ #footer { } #footer p { margin: 0; padding: 0; text-align: right; font-size: 12px; color: #666; } /* Forms ----------------------------------------------- */ form { margin: 0; padding: 0; width: 50%; } form fieldset { margin: 0; padding: 0; border: 0; } form fieldset legend { display: none; } form fieldset label { } form fieldset input, form fieldset textarea { margin: 0 0 10px 0; width: 100%; } form fieldset input.zemSubmit { width: auto; } /* Star Rater ----------------------------------------------- */ #page #content .ratingblock { width: 50%; display: block; } #page #content .loading { height: 20px; background: url('../images/working.gif') 50% 50% no-repeat; } #page #content .unit-rating { list-style: none; margin: 0px; padding: 0px; height: 20px; position: relative; background: url('../images/starrating.gif') top left repeat-x; } #page #content .unit-rating li { text-indent: -90000px; padding: 0px; margin: 0px; width: auto; /*\*/ float: left;/* */ } #page #content .unit-rating li a { outline: none; display: block; width: 20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; } #page #content .unit-rating li a:hover { background: url('../images/starrating.gif') left center; z-index: 2; left: 0px; } #page #content .unit-rating a.r1-unit { left: 0px; } #page #content .unit-rating a.r1-unit:hover { width:20px; } #page #content .unit-rating a.r2-unit { left:20px; } #page #content .unit-rating a.r2-unit:hover { width: 40px; } #page #content .unit-rating a.r3-unit { left: 40px; } #page #content .unit-rating a.r3-unit:hover { width: 60px; } #page #content .unit-rating a.r4-unit { left: 60px; } #page #content .unit-rating a.r4-unit:hover { width: 80px; } #page #content .unit-rating a.r5-unit { left: 80px; } #page #content .unit-rating a.r5-unit:hover { width: 100px; } #page #content .unit-rating a.r6-unit { left: 100px; } #page #content .unit-rating li.current-rating { background: url('../images/starrating.gif') left bottom; position: absolute; height: 20px; display: block; text-indent: -9000px; z-index: 1; } #page #content .voted, #page #content .ratingblock p { display: none; } #page #content .thanks { color: green; font-size: 12px; }