/* ----------------------------------------------- Website Name - - - - - - - - - - - - - - - - - - - - - - - - Description: IT Rockstar Filename: itrockstar.base.css Author: Catch Design Limited (www.catchdesign.co.nz) Date: 23 March 2009 Updated: 23 March 2009 Version: v.1.0 ----------------------------------------------- */ /* GLOBAL - Reset - Clearfix - Generic - Typography - Forms - Lists - Tables STRUCTURE - Masthead - Content - Footer - Primary Nav - Secondary Nav DETAIL - Articles PLUGINS - Plugin specific styles here */ /* =GLOBAL ----------------------------------------------- */ /* RESET Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} body { background:#000 ; font: 63.7%/1.4 Georgia, "Times New Roman", Times, serif; color:#000; } /* =Clearfix */ .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =Generic */ a { color:#008acc; text-decoration:underline; } a:hover { text-decoration: none; } a img, a:hover img { border: none; } .hide { text-indent:-9999em; outline: none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:0; } img.alignleft { padding:0; margin:0; } /* =Typography */ p { font-size:1.4em} p.intro{text-align:center;width:329px;} p.the_edge{background: url(../img/bg_banner_the_edge.png) top left no-repeat; display:block; color:#fff; font-size:1.05em;padding:15px 105px 15px 10px;width:230px;margin-bottom:5px;} #submit .col2 p{text-align:left; font-size:1.3em; width:auto;margin-bottom:20px;} #submit p{font-size:1.3em;} #detail p {font-size:1.2em;margin-bottom:10px;} #submissions p {font-size:1.2em;margin-bottom:10px; padding-left:24px;} #submissions .intro p { font-size:1.4em; width:400px; } small {} strong {font-weight: bold; font-style:italic;} em { font-style:italic;} h1 {} #logo {margin-left:250px;} h2 {font-size:3em;margin-bottom:10px;} #detail h2 {background: url(../img/bg_h2.jpg) top left no-repeat; color:#fff;position:relative;z-index:500;padding:5px 5px 5px 20px;line-height:1;} #winner #winner_blog h2 {background: url(../img/bg_h2.jpg) top left no-repeat; height:auto; color:#fff;position:relative;z-index:500;padding:5px 5px 5px 20px;line-height:1;} h3 {font-size:1.5em;font-weight:bold;margin-bottom:10px;} h4 {font-size:1.4em; font-weight:bold;margin-bottom:5px;} #detail h3.comments{background: url(../img/bg_h3.jpg) top left no-repeat; color:#fff;position:relative;z-index:500;padding:9px 5px 7px 16px;line-height:1; font-weight:normal;} h5 {} /* =Forms */ fieldset {} fieldset legend {display:none;} label {font-size:1em; font-weight:bold; width:100%; display:block;margin-bottom:5px;margin-left:15px;} label span{font-weight:normal;} input {border:none;padding:10px;width:250px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;} input.textbox {} input.radio {width:auto;vertical-align:middle;} input.checkbox {width:auto;vertical-align:middle;} label.radio {width:auto !important;display:inline;margin-left:5px;margin-right:40px;} label.checkbox {width:auto !important;display:inline;margin-left:5px;margin-right:40px;} input.submit {} textarea {font-size:1em;border:none;padding:10px;width:260px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px; font-weight:bold;} #submit .col2 textarea{height:140px;width:260px;} select {} form li{list-style-type:none;margin-bottom:15px; font-weight:bold;} fieldset li{list-style-type:none;} #submit .col2 li{list-style-type:none;} form {margin-top:20px;} .SI-FILES-STYLIZED label.browse_video{ background: url(../img/bg_browse_video.jpg) 0 0 no-repeat; display:block; outline:none; width:116px; height:99px; /*text-indent:-999em;*/ float:right; overflow:hidden; cursor:pointer !important; } .SI-FILES-STYLIZED label.browse_video:hover{ background: url(../img/bg_browse_video.jpg) -116px 0 no-repeat; } .SI-FILES-STYLIZED label.browse_video input.file{ position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor:pointer; } .SI-FILES-STYLIZED label.browse_image{ background: url(../img/bg_browse_image.jpg) 0 0 no-repeat; display:block; outline:none; width:116px; height:99px; /*text-indent:-999em;*/ float:right; overflow:hidden; cursor:pointer; } .SI-FILES-STYLIZED label.browse_image:hover{ background: url(../img/bg_browse_image.jpg) -116px 0 no-repeat; } .SI-FILES-STYLIZED label.browse_image input.file{ position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor:pointer; } #commentForm input{width:95%;} #commentForm textarea{width:95%;} /* =Lists */ ul { list-style: disc;} ol { list-style:decimal;} ol li li li{font-size: 1em;} li { font-size:1.2em;} ul h4{font-size:1em;} ul#filter{margin-top:10px;padding-left:45px;} ul#filter li{list-style-type:none;float:left; font-size:1em;padding-left:5px;} ul#filter li a{padding-right:5px; text-decoration:none;} ul#filter li a.selected{text-decoration:none; color: #000;} ul#filter li a.selected:hover{text-decoration:none; color: #000;background:inherit;} ul#filter li a:hover{background:#7dd0c9;text-decoration:none;} ul#filter strong{font-style:normal;} /* =Tables */ table { font-size:1.2em;} td {} /* =STRUCTURE ----------------------------------------------- */ #container {width:935px;margin:0 auto;} .wrap {width:935px;} /* Masthead */ #header{background: url(../img/bg_header_home.jpg) top right no-repeat;height:225px;position:relative;width:935px;} #header h1{text-indent:-999em;} #win{height:218px; width:215px;position:absolute;top:0;right:11px;text-indent:-999em;margin:0 !important;} #win span{background: url(../img/bg_header_win.jpg) top left no-repeat;display:block;outline:none;width:100%;height:100%;} /*#win a:hover{background: url(../img/bg_header_win.jpg) -296px 0 no-repeat;}*/ /* Content */ #body {background: url(../img/bg_body.jpg) top right repeat-y;width:935px;position:relative;z-index:1;} #bolt{background: url(../img/bg_bolt_bottom.jpg) top left no-repeat;width:76px;height:60px; display:block;position:absolute;top:0;right:366px;z-index:100;} .columns{width:837px;float:right;position:relative;z-index:1;} .col1{float:left;width:380px;padding-left:38px;padding-bottom:10px;} .col2{float:left;padding-left:38px;width:370px;padding-bottom:10px;} .col3{float:right;padding-right:20px; width:170px;} .col1.wide{width:580px !important;float:none;padding-bottom:0;} #submit .col1{width:290px;padding-left:30px;} #submit .col1 p{padding-right:10px;padding-left:24px;} #submit .intro p { font-size:1.4em; width:480px; } #submit .col2{width:290px;padding-left:21px;padding-bottom:0;} #submit .columns_alt { width:650px; float:right;position:relative;z-index:1; } #submit .columns_alt #bolt { right:175px; } #submit .col3 { margin-top:108px; } #detail .col1{width:475px;} #detail .col2{width:255px;float:right;padding-left:0;padding-right:30px;} .col1.submitentry{width:600px !important; /*padding-left:150px !important;*/ text-align:center; padding:20px 0;} .submitentry p{margin-bottom:10px;} .submitentry input.btn_submit { margin-left:150px; } .borderright{background: url(../img/bg_vert_dash.png) top right repeat-y;} .borderleft{background: url(../img/bg_vert_dash.png) top left repeat-y;} .borderbottom{background: url(../img/bg_horiz_dash.png) bottom left repeat-x;} .bordertop{background: url(../img/bg_horiz_dash.png) top left repeat-x;} #video{margin:10px 0 20px 0;} hr{background: url(../img/bg_horiz_dash.png) top right repeat-x;border:none; height:1px;margin-top:24px;margin-bottom:12px;} .col2 hr {margin-left:-20px;} #detail .col2 hr {margin-left: 0;} .upload_image p{margin-bottom:0 !important;} div#comment_number{background: url(../img/bg_comments.jpg) top right no-repeat;display:block;padding:8px 17px 8px 31px;float:right;font-weight:bold;} div#comment_number a{color:#000;text-decoration:none;} div#comment_number a:hover{text-decoration:undelrine;} div#meta h3 {float:left;margin-bottom:0;vertical-align:middle;} div#meta{padding-right:20px;} /* Image headings */ h2.unleash {background: url(../img/txt_unleash.jpg) top right no-repeat; width:325px;height:172px; text-indent:-999em;margin-bottom:0;} h2.rate {background: url(../img/txt_rate_entries.png) top right no-repeat; width:319px;height:48px; text-indent:-999em;margin-bottom:10px;padding-left:10px} h2.submit {background: url(../img/txt_submit.jpg) top right no-repeat; width:328px;height:45px; text-indent:-999em;margin-bottom:10px;} h3.tips {background: url(../img/txt_entries.jpg) top right no-repeat; width:161px;height:31px; text-indent:-999em;margin-bottom:10px;} h3.submit_comments {background: url(../img/txt_submit_comment.png) top right no-repeat; width:246px;height:34px; text-indent:-999em;margin-bottom:10px;} /* comments */ ol.comments{} ol.comments li{font-size:1em;background:transparent url(../img/bg_comments_btm.png) no-repeat scroll right bottom;margin-bottom:15px;position:relative;} ol.comments .comment_meta {display:inline;float:left;margin:18px 0 0 0;width:100px;} .comment_meta p, .comment-author p {font-weight:bold;} .comment-author p {margin-bottom:5px;} ol.comments .comment_text{background:transparent url(../img/bg_comments_top.png) no-repeat scroll right top;float:right;margin-bottom:0;width:370px;} .comment_text p{margin:13px 10px 10px 54px;} .prev_next .prev {float:left;} .prev_next .next {float:right;} /* Buttons */ .btn_submit{background: url(../img/btn_submit.png) 0 -58px no-repeat; height:50px; padding:0; width:351px; display:block; text-indent:-999em;margin-left:-4px;outline:none; cursor: pointer;} .btn_submit:hover{background: url(../img/btn_submit.png) 0 -116px no-repeat; } .btn_entries09{background: url(../img/btn_entries09.png) no-repeat; height:50px; padding:0; width:351px; display:block; text-indent:-999em;margin-left:-4px;outline:none; cursor: pointer;} .btn_entries09:hover{background: url(../img/btn_entries09.png) 0 -58px no-repeat; } .btn_top_ten{background: url(../img/btn_top_ten.png) no-repeat; height:50px; padding:0; width:351px; display:block; text-indent:-999em;margin:-4px 0 0 13px;outline:none; cursor: pointer;} .btn_top_ten:hover{background: url(../img/btn_top_ten.png) 0 -58px no-repeat; } .btn_check_out_top_five{background: url(../img/btn_check_out_top_five.png) no-repeat; height:64px; padding:0; width:351px; display:block; text-indent:-999em;margin:0 0 0 0;outline:none; cursor: pointer;} .btn_check_out_top_five:hover{background-position: 0 -64px; } .disabled{ background: url(../img/btn_submit.png) 0 -1px no-repeat; cursor:default; } .disabled:hover{ background: url(../img/btn_submit.png) 0 -1px no-repeat; } .btn_view{background: url(../img/btn_view.png) 0 0 no-repeat; height:55px;width:351px; display:block; text-indent:-999em;margin-left:-4px;outline:none;} .btn_view:hover{background: url(../img/btn_view.png) 0 -60px no-repeat; } .btn_comment{width:217px !important;height:61px; display:block;float:right;} /* Bubble */ .bubble{background: url(../img/bg_bubble_body.jpg) center left no-repeat;margin-bottom:70px;} .bubble ul{padding:10px 5px 10px 10px;background: url(../img/bg_bubble_tile.jpg) 0 0;margin-left:13px;} .bubble li{list-style-type:none;font-size:1.2em;} .bubble.image{margin-top:28px; margin-bottom:0;} .bubble.video{margin-top:100px; margin-bottom:0;} #text_entry {float:left; margin-top:-30px; font-size:1.2em; margin-left:0;} #typewriter {background:url(../img/img_typewriter.png) no-repeat top right; display:block;height:60px;} /* Entries Gallery */ #entries_gallery {background: url(../img/bg_gallery.png) 0 0 no-repeat;margin-top:10px;margin-bottom:10px;padding-left:15px;} #entries_gallery ul{} #entries_gallery ul li {list-style-type:none;float:left;margin-right:5px;} #entries_gallery img {border:5px solid #fff;} /* Primary Nav */ #primary_nav li{margin-bottom:5px; } #primary_nav a {background:transparent url(../img/bg_primary_nav.png) no-repeat scroll 0 0;display:block;text-indent:-999em;outline:none;} #primary_nav {list-style:none;width:93px; float:left;} #about a {background-position:0 0; width:93px; height:89px;} #judges a {background-position: 0 -98px; width:93px;height:105px;} #winners a {background-position: 0 -209px; width:93px;height:89px;} #about a:hover, #about a.selected {background-position:-100px 0;} #judges a:hover, #judges a.selected {background-position: -100px -98px;} #winners a:hover, #winners a.selected {background-position: -100px -209px;} /* Footer */ #footer{height:294px;background: url(../img/bg_footer.jpg) top right no-repeat;padding-top:20px;position:relative;} #footer_nav a {background:transparent url(../img/bg_footer_nav.png) no-repeat scroll 0 0;display:block;height:44px;text-indent:-999em;outline:none;width:96px;} #footer li{margin-bottom:5px; } #faq a {background-position:0 0; width:96px;} #contact a {background-position: 0 -53px; width:96px;} #faq a:hover, #faq a.selected {background-position: -102px 0} #contact a:hover, #contact a.selected {background-position: -102px -53px;} #teaser_tvc{background:transparent url(../img/bg_tvc_teaser3.jpg) no-repeat scroll 0 0;width:359px !important; /*height:172px;*/height:178px;text-indent:-999em; display:block;position:absolute;top:10px;left:109px; outline:none;} #teaser_friend{background:transparent url(../img/bg_friend_teaser.jpg) no-repeat scroll 0 0;width:118px !important;height:85px;text-indent:-999em; display:block;position:absolute;top:10px;left:478px; outline:none;} #teaser_friend:hover{background:transparent url(../img/bg_friend_teaser.jpg) no-repeat scroll -117px 0 !important;} #rss_feed{background:transparent url(../img/bg_rss.jpg) no-repeat scroll 0 0;width:86px !important;height:75px;text-indent:-999em; display:block;position:absolute;top:16px;left:619px; outline:none;} #rss_feed:hover{background:transparent url(../img/bg_rss.jpg) no-repeat scroll -86px 0 !important;} #ninetwenty{width:136px !important; height:76px;display:block; outline:none;background:transparent url(../img/logo_920_v2.png) no-repeat top left;position:absolute;right:48px;top:10px;text-indent:-999em;} #footer_flash {float:right;margin-top:-30px;} /* =DETAIL ----------------------------------------------- */ /* Sidebar */ #detail .col2 {width: 280px;} #rating {background: url(../img/bg_rating.png) no-repeat top left; display: block; width:214px; height:86px;margin:0 0 22px 6px;padding:48px 22px 0 22px;} #rating_img {background:url(../img/img_rating.png) repeat-x top left; width:210px; height:51px; display:block;} #rating p {font-size:1.5em; text-align:center;color:#fff; padding-top:10px} #views {background: url(../img/bg_views.png) no-repeat top left; display:block; width: 258px; height:69px; margin:0 0 22px 6px;} #views p {font-weight:bold; text-align:center; color:#fff; font-size:1.5em; padding-top:43px;margin-left:-10px;} #do_better {background:url(../img/hdr_think_you_can_do_better.png) no-repeat top left; width:268px; height:80px; display:block;} #submit_your_entry {background:url(../img/btn_submit_your_entry.png) no-repeat top left; display:block; width:280px; height:68px;margin-top: 9px;} #submit_your_entry:hover {background-position: top right;} /* Submissions page */ #submissions .col1 {width: 474px;} #submissions .col2 {padding-left:20px;width:280px;} #submissions h2 {background:url(../img/hdr_submissions.png) no-repeat top left; display:block; width:330px;height:45px;} #submissions_for {margin-top:20px; background: url(../img/bg_horiz_dash.png) repeat-x bottom left;} #submissions_for p {font-weight:bold; float:left; font-size:1em;} #submissions_for p.small {font-weight:normal; float:right;margin:0 16px 0 0;padding-left:0;} #submissions_for p.small a {text-decoration:none;} #submissions_for p.small a:hover {text-decoration: underline;} #submissions_list {margin-bottom: 10px} #submissions #submissions_list div#comment_number {padding:6px 19px 8px 31px; margin-top:10px;} #submissions_list ul {list-style:none;} #submissions_list td {vertical-align:top; background:url(../img/bg_horiz_dash.png) repeat-x bottom left;} #submissions_list img {border:5px solid #fff; margin:20px;} #submissions_list td ul {margin-top:17px;} #submissions_list td li {font-size:1em;} #submissions_list td li strong {font-style:normal;} #submissions_list td li span {font-size:.9em;} #submissions_list td li a { text-transform:uppercase; font-weight:bold; color:#008acc; text-decoration:none;} #submissions_list td li a:hover {text-decoration: underline;} #submissions_list .rating {background: url(../img/img_rating_small.png) repeat-x 0 -42px; display:block; width: 80px; height:21px;margin:5px 10px 0 0; float:left} #submissions_list td li.top { padding-top:5px; } #submissions_list td li div.views {padding: 10px 0 0 10px; font-size:.9em} #submissions .prev_next {margin-bottom:14px;} #submissions .prev_next a {text-decoration:none;} #submissions .prev_next a:hover {text-decoration: underline;} #submissions .prev_next .next { float:right; } #submissions .prev_next .previous { float:left; } .submitentry {background:url(../img/submit_3.png) no-repeat center top;margin-left:5px;padding-top:41px !important;} .submitentry label { font-size:1.3em; font-weight:normal; margin-top:10px; } .submitentry #terms {margin-right:6px;} li#nomination_for { margin-left:15px; } /* About IT Rockstar page */ #about_it_rockstar .col1 {width: 472px;} #about_it_rockstar .col2 {padding-left:10px;width:317px;} #about_it_rockstar h2 {background:url(../img/hdr_about_it_rockstar.png) no-repeat top left;display:block; width:329px; height:46px; margin-bottom:25px;} #its_time_to_dust {background:url(../img/hdr_its_time_to_dust.png) no-repeat top left; display:block; width:440px; height:79px; margin: 21px 0 14px 25px;} #enter_and_win {background:url(../img/hdr_enter_and_win.png) no-repeat top left; display:block; width:422px; height:81px; margin: 21px 0 14px 25px; } #about_it_rockstar p {margin:16px 0 0 25px;} #about_it_rockstar strong {font-style:normal;} #about_it_rockstar .btn_submit {margin-left:36px;} #about_it_rockstar hr {margin-top: 34px;} #rate_whos_hot {background:url(../img/hdr_rate_whos_hot.png) no-repeat top left; display: block; width:421px; height:23px; margin: 21px 0 14px 25px;} .btn_view_rate {background: url(../img/btn_view_and_rate.png) no-repeat top left; width:351px; height:57px; display:block;margin: -6px 0 15px 36px;} .btn_view_rate:hover {background-position: bottom left;} #link_winner a { background:#BCCFBC; display:block; color:#000; margin:10px 0 0; padding:5px; text-decoration:none; width:242px; font-weight:bold; font-style:italic; } .to_top a { float:right; background:#7fd2d0; text-transform:uppercase; color:#fff; font-size:0.6em; text-decoration:none; padding:1px 3px; margin-bottom:10px; } /* Judges pages */ #rockstar_judges .wide {float:left;padding:0 0 0 38px;width:800px !important;} .wide hr {margin-bottom:0;} #rockstar_judges .col1 {width:440px;margin-bottom:25px;} #rockstar_judges .col2 {margin:0 0 20px 0;padding:0 0 0 52px;width:307px;} #rockstar_judges h2 {background:url(../img/hdr_rockstar_judges.png) no-repeat top left; display:block; width:342px; height:45px;} #rockstar_judges p {margin:16px 0 0 0; font-size:1.2em;} #judges_list div {float:left; width:110px; height:134px;padding-right:8px;} #judges_list #text_col {width:230px;} #judges_list #text_col p {text-align:left;margin-top:8px;padding-bottom:10px;} #judges_list p {text-align:center; margin: 0;} #judges_list .img_col {padding-left:4px;} #judges_list .img_col a {background:url(../img/img_judges.jpg) no-repeat top left; display:block; width:106px; height:91px;margin:5px 3px 10px;} #judges_list #rhoda_col a:hover {background-position: 0 -121px;} #judges_list #scott_col {width:93px;} #judges_list #scott_col a {background-position: -106px 0; height:102px;width: 87px; margin:0 0 4px;} #judges_list #scott_col a:hover {background-position: -106px -110px;} #judges_list #brett_col {width:106px;} #judges_list #brett_col a {background-position: -194px 0; height:89px; width:103px;} #judges_list #brett_col a:hover {background-position: -194px -123px;} #judges_list #mauricio_col {width:93px;} #judges_list #mauricio_col a {background-position: -296px 0; height:101px; width:88px; margin:0 0 3px;} #judges_list #mauricio_col a:hover {background-position: -296px -109px;} #judges_list #adam_col {width:98px;} #judges_list #adam_col a {background-position: -385px 0; height:106px; width:96px; margin:0;} #judges_list #adam_col a:hover {background-position: -385px -106px;} #hdr_rhoda {background:url(../img/hdr_rhoda.png) no-repeat top left; display: block; width:306px; height:80px;} #hdr_scott {background:url(../img/hdr_scott.png) no-repeat top left; display: block; width:183px; height:25px;} #hdr_brett {background:url(../img/hdr_brett.png) no-repeat top left; display: block; width:213px; height:25px;} #hdr_mauricio {background:url(../img/hdr_mauricio.png) no-repeat top left; display: block; width:250px; height:25px;} #hdr_adam {background:url(../img/hdr_adam.png) no-repeat top left; display: block; width:183px; height:25px;} #twitter {background:url(../img/img_bird.png) no-repeat top left; display:block;height:52px; font-size:1.2em;margin-top:24px; padding-top:1px;} #twitter a {background:#BCCFBC;display:block;margin:10px 0 0 60px;padding:5px;width:190px; color:#000; text-decoration:none;} #blog, .blog {background:url(../img/img_website.png) no-repeat 0 0; display:block;height:45px; font-size:1.2em;margin-top:24px; padding-top:1px;} .pure_link { font-size:1.2em;margin-top:24px; } #blog a, .blog a {background:#BCCFBC;display:block;margin:10px 0 0 60px;padding:5px;width:177px; color:#000; text-decoration:none;} .pure_link a {background:#BCCFBC;display:block;margin:10px 0 0 60px;padding:5px;width:210px; color:#000; text-decoration:none;} /* FAQ */ #q_and_a .col1 {width:458px;} #q_and_a h2 {background:url(../img/hdr_q_and_a.png) no-repeat top left; display:block; width:375px; height:44px;} #q_and_a ol {margin-left:40px;margin-bottom:20px;padding-top:12px;} #q_and_a p {font-size:1em;margin-bottom:5px;} #q_and_a .question {font-weight:bold;} #q_and_a .col1 li {padding-bottom:15px; background: url(../img/bg_horiz_dash.png) repeat-x bottom left; margin-bottom:10px} #q_and_a .col2 {padding-left:20px;width:321px;} /* 2008 Winner */ #winner h2 {background:url(../img/hdr_2008_winner.png) no-repeat top left; display:block;width:380px; height:47px;margin-bottom:0;margin-top:12px;} #winner .col2 { float:right; width:300px; padding-left:0; } #winner .col1 { width:475px; } #winner .col1 p {font-size:1.2em;} #winner .date {font-size:1.4em; background:url(../img/hdr_blog_date.png) no-repeat top left; display:block; width:191px; height:30px; color:#fff; padding:5px 0 0 17px;} #winner .col1 p {margin-bottom:16px;} #winner .col2 #the_winner { background:url(../img/bg_winner_sidebar.jpg) no-repeat top; width:272px; height:440px; padding-top:76px; } #winner .col2 #the_winner h4 { text-transform:uppercase; padding:0 130px 0 13px; margin-bottom:14px; } #winner .col2 #the_winner p { font-size:1.2em; padding:0 25px 0 13px; margin-bottom:12px; } #blog_content a { background:#BCCFBC;margin:0;padding:2px;color:#000; text-decoration:none; } #blog_content a:hover { background:#8f9e8e; color:#fff; } #winner .posting h4 a { text-decoration:none; text-transform:uppercase; font-weight:normal; background:url(../img/hdr_blog_date.png) no-repeat top left; display:block; width:191px; height:30px; color:#fff; padding:5px 0 0 17px;} #winner .posting p a { background:#BCCFBC;margin:0;padding:2px;color:#000; text-decoration:none; } #winner .posting p a:hover { background:#8f9e8e; color:#fff; } #winner .intro p { font-size:1.4em; } #winner .intro p strong { font-style:italic; } /* Tell a Friend */ #tell_a_friend, .tvc_coming_soon {background:url(../img/bg_tell_a_friend.png) no-repeat top left; display:block; width:356px; height:281px;padding-top:1px;} #tell_a_friend #close, .tvc_coming_soon #close {color:#000;float:right;margin:8px 14px 0 0;text-decoration:none;} #img_tell_a_friend {background:url(../img/img_tell_a_friend.png) no-repeat top left; width:114px; height:77px; display:block;margin: 9px 0 0 122px;} #tell_a_friend p {text-align:center; font-size:1.5em; margin:0 10px; padding-bottom:2px;} #tell_a_friend ul li{margin-bottom:5px;} #tell_a_friend labal{display:none;position: absolute; left: -9999px;} #tell_a_friend input{border:0px;} #hype {margin-top:10px;} #hype input {margin:0 0 0 15px;text-align:center;width:300px;} #btn_submit_small {background:url(../img/btn_submit_small.png) no-repeat top left; display:block; width:125px; height:36px;margin:0 auto;} #btn_submit_small:hover {background-position:bottom left;} .tvc_coming_soon h3 { margin:90px auto; text-align:center; } #tvc #close {float:right; background:url(../img/btn_close.png) no-repeat top left; width:18px; height:18px; display:block;right:-15px;top:-15px;position:absolute;z-index:2000;} /* Terms and Conditions */ #terms_conditions h2 {background:url(../img/hdr_terms_conditions.png) no-repeat top left;display:block; width:342px; height:50px; margin-bottom:25px;} #terms_conditions .col1 {width:750px;} #terms_conditions ol ol {padding: 0 0 20px 20px;} #terms_conditions ol ol li {padding-bottom:5px;} #terms_conditions ol ol ol {padding-top:10px;} #terms_conditions ol ol ol li {font-size:1em;} /* Notes */ .notes { margin:10px 0; padding:10px; font-size:1.4em; line-height:1.6; } .success, .filename { background:#037399; color:#fff; } #submit p.filename { margin-top:35px; margin-bottom:10px !important; } .errors { background:#990b1f; color:#fff; list-style:none; } /* Top Ten*/ #top_ten h2 {background:url(../img/hdr_top_ten.png) no-repeat top left; display:block; width:330px;height:126px;} /* Homepage Top Ten */ h2.top_ten {background: url(../img/hdr_top_ten_sidebar.png) no-repeat 0 0; display: block; width:362px; height:119px;margin:23px 0 0;} .bg_check_out_top_ten {background:url(../img/bg_check_out_top_ten.jpg) no-repeat 0 0; width:362px; height:233px; display: block;margin-left:18px;} .bg_check_out_top_ten a {background: url(../img/btn_top_ten_hand.jpg) no-repeat 0 0; display:block; width:147px; height:149px; margin: 66px 0 0 103px;} /* Top Five*/ .top_five {background:url(../img/hdr_top_five_sidebar.png) no-repeat top left; display:block; width:346px;height:141px; margin-bottom:0;} .bg_top_five {background:url(../img/bg_top_five.png) repeat-y 0 0; width:346px; height:224px; display: block;margin-left:0px;} .bg_top_five ul {margin-left:11px; list-style:none; height:110px;} .bg_top_five li {float:left;} .bg_top_five a {} .bg_top_five img {border:5px solid #FFF;margin:4px 4px 0;} .bg_top_five a:hover img {border:5px solid #FFF;} .bg_top_five #second {margin-left:64px;} #top_five h2 {background:url(../img/hdr_top_five_small.png) no-repeat 0 0;display:block; width:257px; height:120px;} /* The Winner */ .winner {margin: 23px 0 0;} .winner a{background:url(../img/hdr_winner.png) no-repeat 0 0; display:block; width:358px; height:111px;} .bg_winner {background:url(../img/img_winner.jpg) no-repeat 0 0; display:block; width:358px; height:294px;} .bg_winner a{background:url(../img/img_winner.jpg) no-repeat 0 0; display:block; width:358px; height:294px;} #the_winner {background:url(../img/hdr_winner_small.png) no-repeat 0 0; width:358px; height:161px; display:block;} #winner_col {width: 282px; float:right;} #winner_pose {padding-bottom:10px; margin-bottom:10px; background:url(../img/bg_horiz_dash.png) repeat-x bottom left;} #winner_col1 {width:470px;} #winner_col1 #submission_for, #winner_col1 #submissions_list td {background:none;} /* =PLUGINS ----------------------------------------------- */ .blur {color:#999;} .subscribe-to-comments input { float:left; margin-right:3px;} #simplemodal-overlay {background-color:#000; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} #simplemodal-container {height:281px; width:356px;} #simplemodal-container-advert {height:468px; width:752px;}