/* Design by Wes Foster - www.wesfed.com */ @charset "utf-8"; /* CSS Document */ * {margin:0;padding:0} .clear {clear:both;height:0;overflow:hidden} body {padding:0px; margin:0px; font-family:Arial, Tahoma; font-size:12px; background:#ccc url(./images/glossymetal.jpg)} fieldset{border:0} hr {background:#ddd; border:1px dashed #efefef; border-bottom:0px; margin:10px 9px} #wrapper {background:url(./images/bg-shadow.gif) repeat-x;} #container {} .mask{ position: relative; overflow: hidden; margin: 0px auto; width: 973px; padding:0 3px; background-color: #ffffff; } .pic_small, .pic_med{border:2px solid #b7cce0; padding:1px;} .pic_small, .pic_small img {width:29px; height:29px} .red, .green {font:bold 13px Arial, Tahoma} .red{color:#f12227} .green{color:#31a21e} /* Links */ a img{border:0px; outline:none} a, a:active, a:visited {color:#325fac; font-weight:bold; text-decoration:none; outline:none} a:hover {text-decoration:underline} /* Round corners */ #content .t {background: url(./images/corners/round_content_t.gif) 0 0 repeat-x} #content .b {background: url(./images/corners/round_content_b.png) 0 100% repeat-x} #content .l {background: url(./images/corners/round_content_l.png) 0 0 repeat-y} #content .r {background: url(./images/corners/round_content_r.png) 100% 0 repeat-y} #content .bl {background: url(./images/corners/round_content_bl.png) 0 100% no-repeat} #content .br {background: url(./images/corners/round_content_br.png) 100% 100% no-repeat} #content .tl {background: url(./images/corners/round_content_tl.gif) 0 0 no-repeat} #content .tr {background: url(./images/corners/round_content_tr.png) 100% 0 no-repeat} #content .inner{padding:5px 0 5px 0} #loginbox, #similarbox, #postbox, #topsillybox {padding:10px; border:3px solid #fff} #loginbox{border-color:#8FADE1} #similarbox{border-color:#299E29} #postbox{border-color:#EF991D} #topsillybox{border-color:#C51DEF} /* #loginbox .t {background: url(./images/corners/round_blue_t.gif) 0 0 repeat-x}#loginbox .b {background: url(./images/corners/round_blue_b.gif) 0 100% repeat-x}#loginbox .l {background: url(./images/corners/round_blue_l.gif) 0 0 repeat-y}#loginbox .r {background: url(./images/corners/round_blue_r.gif) 100% 0 repeat-y}#loginbox .bl {background: url(./images/corners/round_blue_bl.gif) 0 100% no-repeat}#loginbox .br {background: url(./images/corners/round_blue_br.gif) 100% 100% no-repeat}#loginbox .tl {background: url(./images/corners/round_blue_tl.gif) 0 0 no-repeat}#loginbox .tr {background: url(./images/corners/round_blue_tr.gif) 100% 0 no-repeat}#loginbox .inner{padding:15px}#postbox .t {background: url(./images/corners/round_yellow_t.gif) 0 0 repeat-x}#postbox .b {background: url(./images/corners/round_yellow_b.gif) 0 100% repeat-x}#postbox .l {background: url(./images/corners/round_yellow_l.gif) 0 0 repeat-y}#postbox .r {background: url(./images/corners/round_yellow_r.gif) 100% 0 repeat-y}#postbox .bl {background: url(./images/corners/round_yellow_bl.gif) 0 100% no-repeat}#postbox .br {background: url(./images/corners/round_yellow_br.gif) 100% 100% no-repeat}#postbox .tl {background: url(./images/corners/round_yellow_tl.gif) 0 0 no-repeat}#postbox .tr {background: url(./images/corners/round_yellow_tr.gif) 100% 0 no-repeat}#postbox .inner{padding:15px 8px 15px 8px}#topsillybox .t {background: url(./images/corners/round_purple_t.gif) 0 0 repeat-x}#topsillybox .b {background: url(./images/corners/round_purple_b.gif) 0 100% repeat-x}#topsillybox .l {background: url(./images/corners/round_purple_l.gif) 0 0 repeat-y}#topsillybox .r {background: url(./images/corners/round_purple_r.gif) 100% 0 repeat-y}#topsillybox .bl {background: url(./images/corners/round_purple_bl.gif) 0 100% no-repeat}#topsillybox .br {background: url(./images/corners/round_purple_br.gif) 100% 100% no-repeat}#topsillybox .tl {background: url(./images/corners/round_purple_tl.gif) 0 0 no-repeat}#topsillybox .tr {background: url(./images/corners/round_purple_tr.gif) 100% 0 no-repeat}#topsillybox .inner{padding:15px}#similarbox .t {background: url(./images/corners/round_green_t.gif) 0 0 repeat-x}#similarbox .b {background: url(./images/corners/round_green_b.gif) 0 100% repeat-x}#similarbox .l {background: url(./images/corners/round_green_l.gif) 0 0 repeat-y}#similarbox .r {background: url(./images/corners/round_green_r.gif) 100% 0 repeat-y}#similarbox .bl {background: url(./images/corners/round_green_bl.gif) 0 100% no-repeat}#similarbox .br {background: url(./images/corners/round_green_br.gif) 100% 100% no-repeat}#similarbox .tl {background: url(./images/corners/round_green_tl.gif) 0 0 no-repeat}#similarbox .tr {background: url(./images/corners/round_green_tr.gif) 100% 0 no-repeat}#similarbox .inner{padding:15px} */ #comment_box .t {background: url(./images/corners/round_purple_t.gif) 0 0 repeat-x} #comment_box .b {background: url(./images/corners/round_purple_b.gif) 0 100% repeat-x} #comment_box .l {background: url(./images/corners/round_purple_l.gif) 0 0 repeat-y} #comment_box .r {background: url(./images/corners/round_purple_r.gif) 100% 0 repeat-y} #comment_box .bl {background: url(./images/corners/round_purple_bl.gif) 0 100% no-repeat} #comment_box .br {background: url(./images/corners/round_purple_br.gif) 100% 100% no-repeat} #comment_box .tl {background: url(./images/corners/round_purple_tl.gif) 0 0 no-repeat} #comment_box .tr {background: url(./images/corners/round_purple_tr.gif) 100% 0 no-repeat} #comment_box .inner{padding:15px} /* Body */ .headerbar {background:#000; border-bottom:1px solid #abbcd2; width:100%; padding:3px 0 3px 0} .headerbar .news {float:left; padding-left:10px; color:#fff} .news b {color:#315ead; margin-right:5px} .headerbar .usermenu {float:right; padding-right:10px} .header{width:100%; height:160px; background:#333 url(./images/header-back.png) repeat-x} .header #htl {float:left; margin-left:10px} .header #htl a{color:#fff} .header #htr {float:right; margin-right:3px} .header #htr a{border:1px solid #7b7; padding:5px 3px; color:#fff; display:block; float:left; margin:5px 3px 0} .header #htr a:hover{border:1px solid #7b7; background:#00d70c; padding:5px 3px; color:#fff; display:block; float:left; margin:5px 3px 0} .header #headerhome a {border:1px solid #7b7; padding-top:2px; padding-left:3px; padding-right:3px; color:#fff; display:block; float:left; margin-top:5px; margin-right:5px;} .header #headerhome a:hover {border:1px solid #7b7; background:#00d70c; padding-top:2px; padding-left:3px; padding-right:3px; color:#fff; display:block; float:left; margin-top:5px;margin-right:5px;} .header #hb1{float:left; width:25%; color:#fff; font-size:15px; margin:15px 1% 15px} .header #hb1 a {color:#D8FA62} .header #hb2{float:left; width:37%; margin:20px 0 0; text-align:center} .header #hb3{float:left; width:35%; margin:35px 0 0} .header #hb3 #searchbar{width:200px; border:3px solid #959595; background:#373737; color:#959595} #post_q{color:#fff; text-align:left; font:bold 14px Arial, Tahoma; padding-right:10px; position:relative; top:-7px} #post_q a, #post_qprev a{color:#D8FA62} #nav1{height:30px; width:100%; background:#8FADE1; font-size:14px; font-weight:bold} #nav1 ul {list-style-type:none} #nav1 li {float:left; margin:0 5px 0 7px} #nav1 li a {color:#445470; display:block; height:23px; padding:7px 5px 0 5px} #nav1 li.selected a, #nav1 li a:hover {color:#fff; background:#39588e; text-decoration:none} /*#nav1{height:30px; width:100%; background:#8FADE1; font-size:15px; font-weight:bold} #nav1 ul {list-style-type:none} #nav1 li {float:left; margin:0 5px 0 7px} #nav1 li a {color:#445470; display:block; height:23px; padding:7px 5px 0 5px} #nav1 li.selected a, #nav1 li a:hover {color:#445470; background:#39588e; text-decoration:none} .down, .down_hover, .down_hover:hover {color:#fff; background:#39588e url(./images/navsub_bg.gif) no-repeat center bottom} #nav1 li.selected a.down, #nav1 li a.down:hover {color:#fff; background:#39588e url(./images/navsub_bg.gif) no-repeat center bottom} */ #nav1sub{height:30px; width:100%; background:#39588e; font-size:13px; font-weight:bold} #nav1sub ul {list-style-type:none; padding-top:8px; margin-left:20px} #nav1sub li {float:left; margin:0 10px 0 12px} #nav1sub li a {color:#bbc} #nav1sub li.selected a, #nav1sub li a:hover {color:#fff; text-decoration:none} #nav2{height:28px; width:100%; background:#325FAC; font-weight:bold; font-size:11px} #nav2 ul {list-style-type:none; margin-left:35px} #nav2 li {float:left; margin:0 12px 0 18px} #nav2 li a {color:#ddd; display:block; height:16px; margin-top:3px; padding:3px 5px 0 5px; border:1px solid #bbb; border-bottom:1px solid #777; border-right:1px solid #777} #nav2 li.selected a, #nav2 li a:hover {background:#436FBD url(./images/nav2_selected.gif) no-repeat center bottom; text-decoration:none; color:#fff; padding:2px 6px 1px 4px; border:1px solid #ddd; border-bottom:1px solid #555; border-right:1px solid #555} #indexhead #ih_image{float:left; width:446px} #indexhead #ih_text{float:right; width:220px; margin-left:11px; color:#777; /*color:#004080;*/ } #indexhead #ih_text h1{color:#fff;} #indexhead #ih_text h2{color:#fff; font-size:12px;} #indexhead #ih_text a{color:#eee} #breadcrumb{height:25px; line-height:25px; background:#f5f5f5; border:1px solid #ccc; margin:5px 0; padding:0 5px} #content{width:981px; background:#fff; margin:5px 0 5px 0} #content_full {margin:0 5px 0 5px} #content_2-3 {margin-left:5px; width:675px; float:left; padding:1px 5px 0 5px} #content_1-3 {margin-right:10px; width:280px; float:right} #loginbox{background:#d9e4f7; text-align:center; margin-bottom:8px} #loginbox input[type="text"], #loginbox input[type="password"] {width:125px; text-align:left; margin-bottom:5px} #postbox{background:#fff4e5; margin-bottom:8px; text-align:center} #postbox textarea {width:232px} #postbox input[type="text"] {width:120px} #btn_postquick{text-align:center} #postbox h2 {color:#E28500; font-size:17px; font-weight:bold; margin:0} #postbox b {color:#E28500} #topsillybox{background:#ffe5f8} .box_votes{width:32px; height:32px; background:url(./images/box_votes.gif) no-repeat; text-align:center; font:bold 12px Arial, Tahoma; color:#8f8f8f; float:left; margin-bottom:3px} .box_votes div {padding-top:8px; padding-left:1px} #comment_box{background:#ffe5f8} #similarbox{background:#eaffe5} .info_hold {float:left; width:350px} .imghold{width:80px; height:80px; margin:0 auto} a.preview img{width:80px; height:80px} .hide{display:none} .hide img{display:none} #menwomen{float:left; width:250px} .footer{height:263px; background:#333 url(./images/footer-back.png) repeat-x} #footerlinks{height:41px; line-height:40px; color:#fff; text-align:center} #footerlinks a{color:#fff; font-weight:bold; margin:3px 15px 0 15px} #footerlinks .right {float:right; margin-right:10px} .footer #f1, .footer #f2, .footer #f3{width:31%; float:left; color:#fff; padding:0 1%} .footer #f1 a, .footer #f2 a, .footer #f3 a{color:#fff} .footer #f1 h3, .footer #f2 h3, .footer #f3 h3{margin:0 0 10px; text-decoration:underline} .footer #f3{color:#999} #copyright{font-size:10px; text-align:center; line-height:10px; padding-top:10px} #copyright a{color:#707070} /* GPOP */ #gpop, #fbemailpop {background:#fff; width:500px; height:250px; border:10px solid #8FADE1; padding:15px; display:none} #fbemailpop {width:500px; height:125px} #simplemodal-overlay {background:#000; cursor:wait} #simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer} /*Preview*/ #preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff} /* Q PAGE #opt_holder{width:615px; margin:0 auto; height:142px;} #opt1, #opt2 {float:left; width:271px; height:100%; text-align:center; font-size:25px;} #opt1:hover, #opt2:hover {background-color:#cedcf5} #opt1 span, #opt2 span {font-size:25px;} #opt1 a, #opt2 a {font-size:25px; display:block; padding-top:40px; margin:0} #opt1{background:url(./images/qbox_l.png) center no-repeat} #opt2{background:url(./images/qbox_r.png) center no-repeat} #opt_or {float:left; width:73px; height:142px; background:url(./images/qbox_or.png) center no-repeat} .pollbar{margin:0 auto; width:30px} */ /* NEW Q PAGE */ #sponsor_box{padding:10px; border:1px solid #bbb; background:#f5f5f5; width:90%; margin:0 auto 10px} #sponsor_img {width:100px; min-height:100px; height:auto !important; height:100px; padding:5px; float:left; text-align:center; background:#000; color:#fff} #sponsor_box h1 {float:left; width:460px; margin:10px 0 0 20px} #qbox{width:615px; margin:0 auto} #qbox-head{height:9px; background:url(./images/qbox_head.png) no-repeat} #qbox-body{border-left:3px solid #f1c484; border-right:3px solid #f1c484; padding:5px 10px} .qopt {border:1px solid #ddd; padding:10px; margin:5px} #qbox-foot{height:9px; background:url(./images/qbox_foot.png) no-repeat} #stat_box{background:#f5f5f5; border:1px solid #bbb; padding:10px; margin:10px auto} .redstwrn {color:#ff0000;} .opt-percent-holder{float:left; width:495px; font-weight:bold; font-size:15px} .opt-vote-holder{float:left; width:30px; text-align:center; margin-left:5px} .opt-thumb-holder{float:left; width:80px; margin:0 10px} .opt-thumb-holder img {margin:0 auto} .opt-has-img .opt-percent-holder{width:295px; padding-top:24px} .opt-has-img .opt-vote-holder{padding-top:30px} div.pollbar{background:#fff url(./images/pollbar_l.png) no-repeat left; padding-left:4px; height:10px} div.pollbar span{background:#fff url(./images/pollbar_r.png) no-repeat right; padding-right:4px; height:10px; display:block} /* Sponsored Listing Page */ .sponsor-list{padding:3px; background:#000; color:#ddd} .sponsor-list.white{background:#e9e9e9; color:#111} .sponsor-list.featured{background:#000; color:#ddd} .sponsor-list.white.featured{background:#e9e9e9; color:#111} .sponsow-row{padding:10px; background:#000} .sponsor-row .total_votes{width:auto !important; text-align:center; font-weight:normal} .sponsor-row .total_votes b{color:#fff} .white .sponsor-row .total_votes b{color:#325fac} .sponsor-list-img{float:left; width:100px; text-align:center; margin-right:15px} .sponsor-post {border:1px solid #ddd; padding:3px 5px; text-align:center; color:#fff; font-size:11px; margin-bottom:5px} .white .sponsor-post {color:#111} .sponsor-row .big_link{color:#fff; font-size:16px} .white .sponsor-row .big_link{color:#325fac} .sponsor-row .tags{background:none; padding:0} .sponsor-row .feat-img-holder {background:#000; border:0 none} /* Sections */ .featured {border:2px solid #aaf; padding:3px; background:#fcfcff} .total_votes{text-align:center; color:#aaa; font-weight:bold; float:left; margin-top:3px; margin-left:5px; width:50px} .total_votes b {color:#31a21e; font-size:13px} .options{float:right; margin:0; width:190px} .options a{font:bold 13px Arial, Tahoma; float:left} .option-head{width:150px; height:1px; background:url(./images/votebox_top1.png) #ddd no-repeat} .option-bg{background:#fff; width:148px; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; overflow:hidden; height:25px; float:left} .option-bg:hover{background:#cedcf5} .option_chosen {background:#ffff99} .opt-title{padding:4px 0 0 4px} .option-foot{width:150px; height:4px; background:url(./images/votebox_bottom1.png) #ddd no-repeat} .percent {float:right; margin-right:5px} .thumb {float:left; margin-left:5px} .total_comments {height:14px; padding-left:16px; background:url(./images/ico_comments.png) no-repeat left} .total_comments a {font-weight:normal} .tags {padding-left:18px; background:url(./images/ico_tag.png) no-repeat top left; color:#aaa} .tags a {font:normal 11px Arial, Tahoma; color:#777} .male {height: 17px; padding-left:15px; background:url(./images/ico_male.gif) no-repeat top left; float:left; margin-left:1px; color:#444} .female {height: 17px; padding-left:15px; background:url(./images/ico_female.gif) no-repeat top left; float:left; margin-left:1px; color:#444} .feat-img-holder{text-align:center; margin:15px auto 0; overflow:hidden; padding:10px; background:#f5f5f5; border:1px solid #ddd} /* Rows */ th.rowhead{background:#415E9C; color:#fff; font-size:15px; font-weight:bold; padding:5px} row1{background:#fff; padding:5px} row2{background:#ddf; padding:5px} .row1 a.big_link, .row2 a.big_link {font-size:15px} .row1 small, .row2 small {padding-left:15px; font-size:11px; color:#777} .datetime {font-weight:bold; color:#a93796} #error_row {background:#fdd; border:1px solid #ecc; color:#000; font-weight:bold; padding:10px; margin:10px} #success_row {background:#dfd; border:1px solid #cec; color:#000; font-weight:bold; padding:10px; margin:10px} #error_row a, #success_row a {color:#000; text-decoration:underline} .comment_row1{background:#fff; padding:5px} .comment_row2{background:#F7DCF0; padding:5px} .footer_row{background:#ccd; text-align:center; padding:6px} /*Paging*/ #page {float:right; margin:0 10px 10px 0} #page a { font:bold 12px Arial, Tahoma; text-decoration:none; padding:5px; border:1px solid #ddd; } #page a.normal { background:#369; width:50px; color:#fff } #page a.selected { background:#ff9; color:#fff; border:1px solid #555; color:#000 } /*Ken*/ html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) no-repeat top left; } .epyri {font-size:13px} .epyri a{color:#325fac; font-weight:bold} .epyri h1 {color:#325fac; margin:0; padding:0} .epyri h3 {color:#aaa; font-size:15px} /*YRI*/ .epyri table {width:100%} .epyri table th, .epyri table td{padding:6px} .epyri table th{background:#464646; color:#fff} .epyri table td{color:#464646} .epyri table td.row1{background:#fff} .epyri table td.row2{background:#dcdcdc} .epyri table td a{color:#00f; font-weight:normal} /* Profile */ fieldset.profile, fieldset.profile legend {border:1px solid #ddd; background:#f5f5f5} fieldset.profile legend {color:#325fac; font-weight:bold; font-size:25px; background:#fff; padding:5px} fieldset.profile ul {margin:0 5px 0 7px; padding-left:10px;} fieldset.profile h3 {color:#666666; font-weight:bold; font-size:14px;} fieldset.ssprizebox {margin:0px; padding:5px; border:1px solid #ddd; background:#eee} fieldset.ssprizebox ul {margin:0 5px 0 7px; padding-left:10px; font-size:14px; font-weight:bold; color:#FF0000;} #ssfriendlist {margin:10px; padding:5px; border:1px solid #ddd; background:#eee} #ssfriendlist b {font-size:15px; display:block; text-align:center} #ssfriendlist div {float:left; width:50%; text-align:center; overflow:hidden} #ssfriendlist br {clear:both} /* Ken's YRI Menu*/ #yrimenu ul { margin:0; padding:0; list-style-type:none; width:637px; position:relative; display:block; height:40px; text-transform:uppercase; font-size:12px; background:transparent url("/images/yrimenublack.jpg") repeat-x top left; font-family:Helvetica,Arial,Verdana,sans-serif; } #yrimenu ul li{ display:block; float:left; margin:0; pading:0; border-right:1px solid #ffffff; } #yrimenu ul li a{ display:block; float:left; color:#ffffff; text-decoration:none; padding:12px 14px 0 14px; height:24px; height:40px; } #yrimenu ul li a:hover{ text-decoration:underline; background:transparent url("/images/yrimenublue.jpg") repeat-x top left; } /* Ken's Blog Formatting */ .blogtitlelg {color:#afd046; font-size:15px; font-weight:bold;} .blogtitlemgs {color:#95b13a; font-size:15px; font-weight:bold;} .blogtitlemg {color:#95b13a; font-size:15px; font-weight:bold;} .blogtitleblk {color:#000; font-size:17px; font-weight:bold;} .alexaclass {width:144px; height:95px; padding:0px; margin:0px; font-size:12px; background:#ccc url("/images/alexausa.png") no-repeat;} .alexaclass a {color:#00f;} .articlethumbs img {border:4px solid #ccc;padding:2px;} .articlethumbs a:hover img {border:4px solid #000;padding:2px;} /*Color picker*/ #color-choices{float:left; width:300px; margin-right:10px} #color-choices fieldset label {width:100px; padding:3px; margin-right:3px; float:left} #color-choices fieldset br {clear:left} #color-preview{float:left; width:300px} /* Readmore*/ #readmore{display:none} #txt-captcha{text-transform:uppercase; text-align:left} /* Vote board */ #voteboard {margin:20px auto 0; border:1px solid #ddd; width:90%} #voteboard th, #voteboard td{padding:5px} #voteboard th {background:#EDEDED} /* New menu style */ ul.topnav { list-style: none; padding: 0 20px; margin: 0; float: left; width:933px; background: #222; font-size: 1em; background: url(./images/topnav_bg.png) repeat-x; } ul.topnav li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/ } ul.topnav li a{ padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left; } ul.topnav li a:hover, ul.topnav li.selected a{ background: url(./images/topnav_hover.png) no-repeat center top; } ul.topnav li span { /*--Drop down trigger styles--*/ width: 17px; height: 35px; float: left; background: url(./images/subnav_btn.png) no-repeat center top; } ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #111; } ul.topnav li ul.subnav li{ margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; width: 170px; } html ul.topnav li ul.subnav li a { float: left; width: 145px; background: #333 url(./images/dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px; } html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background: #222 url(./images/dropdown_linkbg.gif) no-repeat 10px center; }