* { margin:0; padding:0; } body { /*background: #e0e0e0 url(/images/source/bg_repeat.gif) repeat-y top center !important;*/ /*background: #e0e0e0 url(/images/source/adidas.jpg) no-repeat fixed top center !important;*/ background: #c1c1c1 /*url(/images/source/body_bg_repeat.gif) top center !important*/; background-attachment: fixed; font-family:arial, verdana, helvetica, sans-serif; font-size:13px; } .titles h2 { clear:both; color:#E61E21; font-size:20px; font-weight:bold; margin:0 0 10px; border-bottom:1px solid #BCBCBC; } h2 {margin:0} a {text-decoration:none;} #channel #main_content h2, #profile #main_content h2, #network #main_content h2, #profile #main_content h2, #preferences #main_content h2, #user #main_content h2, #search #main_content h2 {margin-bottom: 10px; } input { border: 1px solid #CCC; } label.aright { color: #222; } hr {border-bottom:2px solid #E0DFDF; border-width: 0 0 2px; height:0px; width:100%; clear:both; color:#E0DFDF;background:transparent;} .wrapper_outer { /* background: transparent url(/images/source/bg_repeat_h.jpg) repeat-x top center !important; */ float:left; width:975px; padding:0; margin:0; position:relative; left:50%; margin-left:-487px; background:#383838; } .wrapper { float:left; margin:9px; width:957px; } .wrapper_inner { float:left; width:957px; } div#main_content {width: 617px; margin:-28px 0 10px; position:relative;float:left;height:auto; overflow:hidden; z-index:2} .sidebar, #sidebar, #ads {float:right; width:295px; margin:0 0 10px 0; overflow:visible; clear:right;} .sidebar, #ads {text-align:center; padding-left:0 !important; padding-right:0 !important; width:313px;} .left_align {text-align:left;} /*Common Classes*/ .clear {clear:both; height:0px;font-size:0px;padding:0; margin:0;} .both {padding: 10px 0 10px 0; clear:both;} .left {float: left;} .js_enabled .js_hide {display:none} .right {float: right;} .section {background:#fff; padding: 10px;} /*FACEBOX */ #facebox {font-size:12px;} #facebox div p, #facebox div ul {margin-bottom:10px;} #facebox ul{padding-left:25px;} #facebox ul li{list-style-type:disc;} .titles .left {float:none;} /*ul {padding: 0; margin: 0; list-style-type: none;}*/ .hide{display:none;} .centerit {text-align: center;} ul li {list-style-type: none;} .none {padding: 0; margin: 0;} .elip {float: left; padding-top: 10px; padding-right: 3px;} .media-wrap {clear: left;} /*div, ul {overflow: hidden;} */ .rightcol {width: 305px;float:right;} .leftcol {width: 445px;float: left;} table#forum {clear: both;} ul.thumb_small {clear: both;} ol.romanlist{ padding: 0 40px; } ol.romanlist li {padding-bottom: 15px; list-style-type: circle;} .white {color: #fff;} .seeall {text-align: right;} #details ul.action {clear: both;} input { background-color: transparent; } form input[type="submit"], form input[type="button"] {background:#750009 none; color:#fff; font-size:14px; font-weight:normal; float:right; margin:0 0 0 10px;border-width:0;padding:5px 10px;} #jq_modal form input[type="submit"], #jq_modal form input[type="button"], #jq_modal form input[type="text"] {float:left} #jq_modal * {color:#fff !important;} form input[type="submit"]:hover, form input[type="button"]:hover {color: #777; } /* Channel Item */ body#channel_item .leftcol{padding: 20px 0 0 30px; width: 530px;} body#channel_item .rightcol {width: 200px; padding-top: 20px;} body#channel_item div#sidebar {width: auto; float: none;} body#channel_item div#mediaWrapper {padding: 0} /* body#channel_item div#pageContent a{color: #336699;} */ body#channel_item div#edittext {float: none;} body#channel_item div#tag_box, body#channel_item ul#itemBottNav {padding: 10px; background: #f3f3f3; margin:0 20px 10px 0;} body#channel_item div.itemInfo ul li{float: left; clear: both;} body#channel div#doc_body, body#channel #doc_body_container{background: none;} body#channel div.squaread{margin: 0 0 10px 0;} body#channel_item div#tag_box {font-size: 12px; line-height: 15px;} div.theuser {background: #ccc; text-align: center; font-size: 11px; padding: 2px 0; color: #000;} div#homepage .squaread{margin-bottom: 10px;} div#threads table#forum.thread{padding-top: 20px;} #blog ul.action, #media ul.action {padding-left: 150px; padding-top: 20px;} #channel_item label.aright {width: auto;} /*Action Buttons*/ ul.action {list-style: none; float: left; padding: 0; margin: 0 0 0 10px; width: 100%; } ul.action li {float: left; width: auto;} ul.action li a {float: left; text-decoration: none; color: #ccc; padding: 3px 15px 0 0; margin-right: 8px; font: 900 11px "Lucida Grande", Helvetica, sans-serif; background: url(action.gif) no-repeat top right;} div.inviteentry ul.action {margin:0;margin-bottom: 10px;} ul.action li a span {float: left; padding-right: 15px; display: block; margin-top: -3px; height: 20px; background: url(action.gif) no-repeat top left;} ul.action li a:hover {background: url/(images/cc/action.gif) no-repeat top right;} ul.action li a:hover span {background: url(action.gif) no-repeat top left;} ul.action li a.red {color: #6f1111;} ul.action li a.red:hover {color: #831515;} ul.action li a.blue {color: #336699;} ul.action li a.black {color: #000;} ul.action li a.blue:hover {color: #222;} ul.action li a.blue:hover {color: #3d78b3;} ul.action li a.green {color: #2d6f11;} ul.action li a.green:hover {color: #378715;} ul.action.padbottom {margin: 1em 0 2em 0;} ul.action li a.current span {background: url(action.gif) no-repeat top left;} .unchanged {border: none !important;} .redborder { padding-bottom: 0; margin-bottom: 0;} div#actions {overflow: hidden;} /*Icon Actions*/ ul.iconaction {list-style: none;background-color: #fff; float: left; clear: left; padding: 0; margin: 0; } ul.iconaction li {float: left;} ul.iconaction li a {float: left; text-decoration: none; color: #fff; padding: 8px 15px 0 0px; font: 900 11px "Lucida Grande", Helvetica, sans-serif; background: url(iconaction.gif) no-repeat top right;} ul.iconaction li#upload a span {background-position: 0 -62px; } ul.iconaction li#rss a span {background-position: 0 -124px; } ul.iconaction li#invite a span {background-position: 0 -93px; } ul.iconaction li#create a span {background-position: 0 -31px; } ul.iconaction li a span {float: left; padding-right: 15px; padding-left:30px; display: block; margin-top: -8px; height: 31px; background: url(iconaction.gif) no-repeat top left;} ul.iconaction li a:hover {background: url(iconaction.gif) no-repeat top right; color: #f3f3f3;} ul.iconaction li a:hover span {background: url(iconaction.gif) no-repeat top left;} ul.iconmobile {list-style: none;background-color: #fff; float: left; clear: left; padding: 0; margin: 0; } ul.iconmobile li {float: left;} ul.iconmobile li a {float: left; text-decoration: none; color: #333; padding: 8px 15px 0 0px; margin-right: 8px; font: 900 11px "Lucida Grande", Helvetica, sans-serif; background: url(mobile-btn.gif) no-repeat top right;} ul.iconmobile li a span {float: left; padding-right: 15px; padding-left:20px; display: block; margin-top: -8px; height: 34px; background: url(mobile-btn.gif) no-repeat top left;} ul.iconmobile li a:hover {background: url(mobile-btn.gif) no-repeat top right; color: #ccc;} ul.iconmobile li a:hover span {background: url(mobile-btn.gif) no-repeat top left;} div.navigation{clear:both; background: #fff; float:left; width:100%; height:19px; position:absolute; top:100px; font-family:arial; font-weight:bold;} div.navigation ul {float:left;} div.navigation li {float:left;} div.navigation .tier_1 { position:absolute; top:0; width: 100%; padding: 2px 0; background: #00aef0; height:14px; } div.navigation .tier_1 li .separator {font-size: 14px; padding: 0 4px 0 0px; color: #000000;} div.navigation .tier_1 li {padding:0 0 0 4px; background-image:none;} div.navigation .tier_1 a {color:#fff; background:transparent; font-size:14px;} div.navigation .tier_1 a:hover, div.navigation .tier_1 li.selected a {color:#383838;} div.navigation .tier_2 {position:absolute; top:20px; background: transparent; width: 100%; background: url(MainNavBG.png) top repeat-x; } div.navigation .tier_2 li {padding:0 0 0 4px; background-image:none;} div.navigation .tier_2 li .separator {font-size: 24px; padding: 0 6px 0 2px; color: #00aef0;} div.navigation .tier_2 a {color:#000; font-size:24px;} div.navigation .tier_2 a:hover, div.navigation .tier_2 li.selected a {color:#ed1c24;} /* OLD Navigation div.navigation{clear:both; background: url(/images/source/main_nav_bg.gif) repeat-x; float:left; width:100%; height:50px; position:absolute; top:160px;} ul.navigation{float: left; height:29px; } ul.navigation li{position:relative; overflow:visible; float: left; background: url(/images/source/nav_divider.gif) no-repeat 0 6px; padding-left:2px; z-index:75; } ul.navigation li.selected li a, ul.navigation li a{font-size: 11px;display:block; width:109px; height:29px; line-height:29px; text-align:center; color: #fff; border-right-color: #929041; background:transparent;} ul.navigation li:last-child a{width:108px} ul.navigation li.selected:hover, ul.navigation li:hover{color: #fff; text-decoration: none; background: transparent url(/images/source/nav_selected_bg.gif) no-repeat top center; overflow:visible;} ul.navigation li div, ul.navigation li ul{position:absolute; top: 29px; left: 0px; z-index:75; background:#111113; border-width:0px 1px 1px;margin:0; display:none; padding:10px 10px 10px 0;} ul.navigation li div.type_3{width:988px; left:-111px} ul.navigation li div.type_5{width:200px;right-5px;} ul.navigation li.last div, ul.navigation li.last ul {left:auto; right:0px;} ul.navigation li.last div div {float:right;} ul.navigation li ul{width:150px; padding:10px;} ul.navigation li div ul{width:auto; position:static; padding:0; margin:10px 0 10px !important;} ul.navigation li div li{border-width:0; background:transparent none; padding:0; float:left} ul.navigation li li a{ padding:0 5px; background:transparent none; text-align:left !important;border-width:0;margin:0; display:block; width:142px !important;} ul.navigation li li a:hover{background:#222222 none;} ul.navigation li div div {border-right: 1px solid #222222; padding:0 10px 0 10px; float:left; width:176px; position:static; display:block;} ul.navigation li div ul {margin-bottom:10px; float:left; width:100%;} ul.navigation li h3 {background:#222222; color:#fff;padding:5px; clear:both; margin:0} ul.navigation li:hover > div, ul.navigation li:hover > ul{display:block; border-top:1px solid #261012; } ul.navigation li:hover > div ul {display:block;} ul.navigation li:hover > div a{ width:166px !important;} ul.navigation li li{background:transparent none; padding-left:0; } div.image {overflow: hidden;} div#tab_fullwidth {margin: 0;} */ input.topsubmit {} #profile_edit ul.action {margin: 10px 0 0 150px;} #profile_edit span.profiledit {margin: 10px 0 0 150px;} /*Topbar*/ div.header{overflow: hidden; height:100px; margin: 0 0;clear: both; position:relative;} div.header #logo{float:left; margin:0; width:400px;} div.advert {width:468px; height:90px;float:right;} div#current_issue {position:absolute; right:0px; top:0px; width:220px; height:151px;} div#current_issue .badge {position:absolute; left:0px; bottom:0px; z-index:2;} div#current_issue .cover {position:absolute; right:0px; bottom:0px; z-index:1;} div.header #welcome_msg {position:absolute; right: 230px; top:0px; float:right; font-size:16px; color:#fff;} #header_search {width: 312px; position:absolute; top:220px; right:0px; z-index:5;} #header_search #header_searchTerm {background:#fff; border-width:0; width:250px !important; float:left; color:#000; padding:2px 5px; text-align:center;} #login_container {position:absolute;top:0px;right:223px; width:355px;color:#a7a7a7;} .topbar ul {float:left; color:#a7a7a7; position:absolute; top:40px; right:224px;} .topbar li {float:left; border-left:1px solid #a7a7a7; padding:0 5px;} .topbar li:first-child {border-width:0;} .topbar li a{color:#a7a7a7;cursor:pointer;} .topbar li a.red {color:#ff0000;} #login_container form {float:left;} #login_container form div {float:left; position:relative; border-width:0; width:auto; line-height:20px; margin:0 2px 0 0; padding:0} form#header_search label, #login_container form div label{position:absolute; top:0; left:5px; width:125px; text-align:center; color:#000; font-weight: normal;} form#header_search label{ width:283px; line-height:20px} #blog_list div.branding form label { font-weight:normal;margin:0px; font-size:inherit;} #login_container div input[type='text'], #login_container div input[type='password'] {width:125px;padding:2px 5px; background:#fff; border-width:0px; text-align:center} #login_container div input[type='submit'], #header_search #header_searchTermSubmit {background:#ed1c24; padding:0px 3px 1px; color:#fff; margin:0; font-size:12px; border-width:0; float:left;} #footer_advert {padding-bottom:18px; margin-bottom:18px; text-align:center; border-bottom:1px solid #d7d7d7;} /*Footer*/ #footer {color:#fff !important;} #footer h3 {color:#fff; font-size:24px; font-family:arial; font-weight:bold; text-align:center; margin:7px 0;} div#footer #blog_roll .footer_col {padding-left: 10px; float:left; width:151px; text-align:left;} div#footer #blog_roll .footer_col.first {padding-left: 0;} div#footer #blog_roll .footer_col h4 {margin:0; padding:0; font-size:14px; font-weight:bold;} div#footer #blog_roll .footer_col ul {margin:0;} div#footer #blog_roll .footer_col a{font-size:10px;line-height:120%; color:#00aef0; font-weight:bold;} div#footer ul.foot_links { float:left; font-size:12px; left:32%; margin-bottom:10px; margin-left:-334px; position:relative; height:auto; overflow:hidden; zoom:1; } div#footer ul.foot_links.first{ margin:10px 0; text-align:center; height:auto; overflow:hidden; zoom:1; background:#383838; } div#footer ul#copyright{font-size:10px; width:510px; margin:15px 0 15px -255px;} div#footer ul.foot_links li{float: left; padding-left:15px; margin-left:5px; background: transparent url(foot_nav_plus.png) no-repeat left center;} div#footer ul.foot_links li:first-child{padding:0; margin:0;background-image:none;} div#footer ul.foot_links li a{color:#fff; font-weight:bold;} div#footer #copyright a {color:#fff;} /*Forum Top Level*/ #forum.top {font-size: 11px; color:#aeaeae; border-collapse:collapse;} #forum.top h1{font-size: 12px; margin:3px 0 0 0; padding: 0; font-weight: bold;} #forum.top a{color:#fff;} #forum.top tr.label{font-size: 12px; color: #fff; background: #6b6b6b; text-align: left;} #forum.top tr th {padding: 3px 10px; font-weight:normal;} #forum.top tr.row td {margin:3px 0;padding: 3px 10px; font-size: 11px;} #forum.top td,#forum.top th {border:2px solid #fff;} /*td.border-top{border-top: 4px solid #d5d5d5; background: #ccc;}*/ #forum.top td.centerit {font-size: 12px; padding-left: 0;width: 81px;} #forum.top tr.mainrow td{background:#2a2c2b url(forum_td_bg.gif) repeat-x top left;} #forum.top tr.mainrow td.title { padding-left:10px; width: 373px} #forum.top tr.mainrow td.meta{padding:10px;} #forum_crud.js_enabled textarea, #forum_crud.js_enabled .long {padding:5px; } #forum_crud.js_enabled #main_content .submit {margin:10px 0 0;} #forum_crud.js_enabled #main_content label {width:auto;font-size:15px;float:none;margin:5px 0 0;clear:both; font-weight:bold;text-align:left;} #forum_crud.js_enabled #main_content label.left {float:left; margin:-.25em 5px 0 0;} #forum_top .flags {border:2px solid #fff; border-width:2px 1px 1px 1px;} #forum.top {font-size: 11px;} #forum.top td.title{} #forum_top #quick_jump { position:absolute; /*top:7px;*/ right:7px;} #forum_crud #forum.thread{display:none;} #forum_crud.js_enabled #forum.thread{display:block;} #forum.thread ol li {border-width: 0 /* needs removal from common_kyle */ /*;background: #f3f3f3*/ /*url('/images/cc/thread_repeat_bg.gif') repeat-y top left*/; padding-bottom:3px /*overriding common_kyle*/; width:100%; margin-top:10px;} #forum.thread ol li li{background:transparent none;border:0; width:auto;} #forum.thread ol li .user_info {float:left; overflow:auto; width:160px; font-size:12px; border-right: 1px solid white; margin-bottom:10px;} #forum.thread ol li .user_info .avatar {margin: 5px 0;} #forum.thread ol li .user_info a img {margin: 0;} #forum.thread ol li .post {float:right; width:450px; font-size: 12px; overflow: visible;} #forum.thread ol li .post blockquote {background:#fff;padding:0 5px 5px; border:1px solid #ccc;} #forum.thread ol li .post blockquote cite {background:#f3f3f3; font-weight:bold; display:block; padding:5px;} #forum.thread ol li .actions { clear:both; border-top:1px solid #fff; /* float:left; */ width:100%; margin:10px 0 0; padding-top:3px;} #forum.thread ol li .actions .post_date {margin:5px; float:left;} #forum.thread ol li .actions ul {float:right; width:611px; position:relative; right:-5px;} #forum.thread ol li .actions ul li {float:left; padding:0;margin:0 5px 0 0;clear:none;} #forum.thread ol li#thread {border: 0px solid #858585; background-color:white;} #forum.thread ol li#thread .actions {border-color: #858585;} #forum.thread ol li .user_info {border-color: #858585; } #subforum table {margin:20px 0;} col#thread{width:539px;} col#ast_post{width:158px;} col#post_count{width:63px;} div.user_info a img{margin-top: 10px; } a.black-action, a.blackaction, .blackaction {color: #fff !important; display: block; float: left; padding: 6px 10px; font-size:14px; background:#3A3838; color:#fff; repeat-x scroll 0 -6px;} a.blackaction:hover { color:#BBB !important;}; #forum.in {font-size: 11px;} #forum.in a {color: #336699; font-size: 12px;} #forum.in tr.label{font-size: 12px; color: #585858; background: #e7e7e7; text-align: left;} #forum.in tr th {padding: 3px 10px;} #forum.in .borderbottom {border-bottom: 1px solid #e7e7e7; padding-left: 11px;} #forum.in tr.mainrow td.title {width: 550px; border-bottom:1px solid #e7e7e7; padding: 8px 10px;} #forum.in tr.mainrow td.title span { color: #333;} #forum.in tr.mainrow td.borderbottom img{margin-right: 5px; width: 25px; height: 25px; border: 1px solid #222;} #forum.in tr.mainrow td.borderbottom span{color: #acacac;} #forum.thread ol li{ padding: 0px;/* border: 1px solid #eeeeee; */ overflow: hidden; /*margin-bottom: 10px;*/} #forum.thread .meta {width: 135px;} #forum.thread .comment {padding:0 10px; width: 715px;} /* FORUM ADMIN */ #forum_admin .label {padding:5px 10px; height:23px; position:relative; background:#750009;} #forum_admin h1, #forum_admin table table h2 {position: relative; background:transparent; margin:0;} #forum_admin h2 {position:relative;} #forum_admin .label a.right, #forum_admin h1 a.right, #forum_admin h2 a.right {color:#333; font-size:10px; background:#fff; display:block; padding: 2px 10px; border:1px solid #333; font-weight:bold;position:absolute; top:0px; right:10px;width:auto;} #forum_admin h1 a.right {margin-top:10px;} #forum_admin table table {margin:0 10px 10px 0; width:100%;} #forum_admin table table h2 {background:transparent !important; margin:0; padding:0; font-size:13px;} #forum_admin table table td {border:1px solid #e7e7e7; padding: 10px;} #forum_admin .hidden {opacity:.5; background-color:#ddd; !important} #forum_admin td.title {padding:10px;} /*Alternate rows*/ div.titles {overflow: hidden; position:relative; z-index:1} div.titles select {position:absolute; top:0px; right:3px;} div.titles a {font-weight: normal; color: #7F1919;} div.titles span.right a {color: #336699;} div.titles span.right a:hover {text-decoration: underline;} div.titles span.right p{padding-top: 25px;} div.titles .right {position:absolute; top:7px; right:2px;} body#subforum div#main_content { padding-top: 0;} body#subforum a.black-action {margin-bottom: 30px;} body#subforum span a{font-size: 11px !important; color: #333 !important;} body#subforum span a:hover{color: #999 !important;} body#subforum2 a.black-action {margin-bottom: 30px;} body#subforum2 span a{font-size: 11px !important; color: #333 !important;} body#subforum2 span a:hover{color: #999 !important;} div.base {margin-top: 30px; border-top: 1px solid #e7e7e7;} /*Login Scripting*/ .loginfield {position:relative;margin-right:5px;} form div.loginfield input {width:96px;} .js_enabled .loginfield label {position:absolute;top:3px;left:3px;color:#666;} .focus {background:#999;} .unchanged {border:1px solid red;} /*Tabs & Headers*/ div.mod-header {margin-bottom:10px; font-size: 13px; background: #fff url(header.gif) repeat-x; } div.mod-header a {/* color: #ccc; */} div.mod-header .content {clear:both; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 5px 10px 5px 10px;} div.mod-header .content a {color: #336699;} div.mod-header .content h2 {margin: 3px 0 0 0;font-size: 15px; font-weight: bold;} div.mod-header .content small {color: #999;} div.mod-header .content p {font-size: 11px;} .content { padding-bottom: 5px; min-height: 40px; float: left; width: 660px; } div.mod-header ul.flags {overflow: hidden; height: 31px;padding: 0 10px 0 10px; background: #750009; } div.mod-header li.label {color: #fff; margin-top: 7px;} div.mod-header ul.nav li{color: #fff; float: left; list-style-type: none; padding-right: 20px;} div.mod-header ul.nav li.label{padding-top: 8px;} div.mod-header ul.nav li a{display: block; padding: 3px 15px 7px 15px; margin-top: 5px;} div.mod-header ul.nav li a:hover, div.mod-header li.ui-tabs-selected a {background: #fff; color: #333;} /*Subnav*/ div.subnav { float: left; padding-bottom:9px; background: url(subnav-bottom.gif) no-repeat bottom;} div.subnav .title {height: 30px; padding: 5px 0; color: #ccc; font-size: 11px;} div.subnav ul li.title a{padding: 2px 0; } div.subnav ul li.title a:hover{background: #ccc; color: #000;} div.subnav ul{ font-size: 13px; width: 153px; padding: 0px 5px; background: #4a4a4a url(subnav-flag.gif) no-repeat;} div.subnav ul li a{color: #ccc; display: block; padding: 5px 10px; border-bottom: 1px solid #404040;} div.subnav ul li a:hover, div.subnav li.selected{ color: white; background: #3b3b3b; border-top: #404040; } div.subnav ul li.button {text-align: center !important; clear: both; overflow: hidden;} div.subnav ul li.button a{display: block; background: url(subnav-button.gif) repeat-x; color: #000; font-size: 11px; margin: 7px 10px; text-align: center; border: 1px solid #333;} div.subnav ul li.button a:hover{background-position: 0 -36px; color: #fff; } /* Master Styles */ /* div#doc_body_container, div#doc_body { background:#fff;} */ /*Channel*/ body#channel div#main_content img.user_icon, body#profile div#main_content img.user_icon {float: left; background: #e7e7e7; padding: 0px; border-color: black;} body#channel div#main_content ul.profile, body#profile div#main_content ul.profile { float: right; overflow: hidden ; width:100%;} body#channel div#main_content ul.profile h4, body#profile div#main_content ul.profile h4 { float: left; width: 80px ; color: #999; text-align:right; min-height:20px; clear:left; line-height:18px; } body#channel div#main_content ul.profile p, body#profile div#main_content ul.profile p{ width: 79%; margin-left:90px; display:block; min-height: 20px; } body#channel div#main_content { /* margin: 0; width: auto; */ } body#channel ul.hometabs {border-left: 1px solid #ccc; border-right: 1px solid #ccc;} body#channel #friends .thumb {margin-left:31px; margin-right:0;} body#channel #friends .thumb:first-child {margin-left:0;} body#channel .content {width: 617px;} body#channel .leftcol {margin-right: 10px; width: 455px;} body#channel .rightcol {width: 320px;} body#channel div#doc_body {padding:0;} div#main_content #avatar_actions {width: 160px !important;} .paddme{padding: 10px 0; float: left} ul.admins {padding: 5px 5px 5px 0;} ul.admins img{ border: 1px solid #9ab39a;} div.profileimg {overflow: hidden; /* padding: 15px 0px 15px 15px;*/ background: #fff; margin-bottom: 10px; clear:both; } body#profile div.myparkingspace {overflow: hidden; height: 1%; float: right; width: 570px} div.myparkingspace {margin-left: 5px; float: left; height: 1%} body#channel div.myparkingspace, body#profile div.myparkingspace { width: 452px;} /*Menutabs*/ ul.menutabs {font-size: 12px;padding-top:10px; overflow: hidden; float: left;} ul.menutabs li{float: left;} ul.menutabs li a{display: block; padding: 5px 15px; background: #f4f4f4; margin-right: 0px;} ul.menutabs li a:hover, ul.menutabs li.selected a{background: #fff;} /* #sidebar ul.menutabs {width:300px; background-color: #E6E6E6; padding:4px;} #sidebar ul.menutabs li {width:294px;margin-bottom:4px; } #sidebar ul.menutabs li a{ background-color: white; } #sidebar ul.menutabs li a:hover { border-left: 5px solid #f4f4f4; padding-left: 10px; font-weight: bold; color:#7F1919; } #sidebar ul.menutabs li.selected a{ color: #013451; border-left: 5px solid #013451; padding-left: 10px; font-weight: bold;} */ ul.menutabs2 {font-size: 12px;padding-top:10px; overflow: hidden; float: left;} ul.menutabs2 li{float: left;} ul.menutabs2 li a{display: block; padding: 5px 20px; background: #f4f4f4; margin-right: 2px;} ul.menutabs2 li a:hover, ul.menutabs li.selected a{background: #fff;} /*Module Header2*/ div.modheader2 {margin-bottom: 10px; font-size: 13px; background: url(header.gif) repeat-x;} div.modheader2 ul.nameheader {color: #fff; font-size: 15px; overflow: hidden; height: 31px;padding: 0 10px 0 10px; background: transparent url(header-flag.gif) no-repeat right; width: 555px; } div.modheader2 ul.nameheader li {margin-top: 5px;} div.profileimg div.right {clear: both;} /*Favorite Drivers*/ ul.favdriver {text-align: center;} ul.favdriver li{float: left; padding-right: 0 !important;padding: 5px 21px;} ul.favdriver li a{font-size: 11px; display:block;} /*Friends*/ div.browse_new ul.thumb_small li {margin: 0; padding: 0; width: 65px;padding: 0 18px 15px 10px;} /*Homepage*/ ul.helptopics {overflow: hidden; padding: 10px; background: #fff; margin-bottom: 10px} ul.helptopics li{float: left;} ul.helptopics li a{padding: 0 10px 0 10px; border-right: 1px solid #ccc;} ul.helptopics li a:hover{text-decoration: underline;} /*ul.helptopics li.first {padding: 0 10px 0 0;}*/ ul.homepage li{float:left;} ul.homepage li a{} #main_content label {width:145px; float:left; text-align:right;margin-right:5px;} .right {float:right !important;} textarea {padding:5px; border:1px solid #ccc; } #profile_edit textarea { width: 452px;} .even {/*background:#f0f0f0;*/} div.title span.right{padding-top:0 !important; /* should just be removed from original */} div.branding {overflow:visible; height:118px; margin-bottom:10px;} div.branding div, div.branding ul {overflow:visible;} div#doc_body_container {float:left; width:100%; /* background:#fff */; padding:0 0 20px; margin-top:28px;} body.has_tabs div#main_content{padding-top: 50px;} /*titles*/ div.titles {overflow: hidden; position:relative; z-index:1; float:left; width:617px; margin-top:-28px; margin-bottom:-100%;} div.titles a {font-weight: normal;} div.titles span.right a {color: #336699;} div.titles span.right a:hover {text-decoration: underline;} /*Pagination*/ div.page_numbers {position:relative; padding: 3px; float: right; top:0px; right:0px; overflow: hidden; font: 900 11px "Lucida Grande", Helvetica, sans-serif; color: #333; font-weight: normal; height: auto;} div.page_numbers a {color:#000; background:#fff;margin:0; padding: 4px 6px 4px 6px; margin-left:2px; border:1px solid #858585;} div.page_numbers a:hover {background-color:#F4F4F4; color:#7F1919;} span.page_number, span.elip {float:left; padding: 4px; } span.page_number {font-weight:bold; color: #7F1919; } a.page_number {float:left; display: block; border: 1px solid #ccc; padding: 3px 5px 3px 5px; color:#999; margin:0 3px 0 0; background: white;} a.prevnext {float:left; padding: 4px 6px 4px 6px;} div.pages_bottom {border-top: 1px solid #f3f3f3; position:relative; height:30px; margin-top:10px; float:left; width:100%;} div.thumb {padding-right:0; /*position:relative; left: 23px;*/ margin:0 15px 30px 0;} div.thumb.last {padding-right:0px;margin-right:0 !important;} #channel div.thumb.last, #network div.thumb.last {margin-left:-1px;} #channel div.thumb, #network div.thumb {margin-right:13px;} /*Messaging*/ #inbox {float:left;margin-bottom:10px;width:100%;border-collapse:collapse;} #inbox th {text-align:left;} #inbox td {padding:3px; border-bottom:1px solid #efefef;} #inbox tr.newMsg {background-color:#FDFFD6;} #inbox .statusCol {width:3%;margin-right:12px;} #inbox .actionCol {width:2%;font-weight:normal;} #inbox .fromCol {width:15%;} #inbox .subjectCol {width:65%;} #inbox .sentCol {width:15%;text-align:left;} /*Text Editor*/ .rt_actions {float:left;margin-bottom:3px;} .rt_actions li{float:left;margin-right:2px;} .rt_actions li a{float:left;} /*Groups*/ #group_list p, #group_detail p {clear: both;} #group_detail #main_content a{color: #336699;} #group_list #main_content .private, #group_detail #main_content .private{padding-left:20px; background: transparent url('lock_icon.gif') no-repeat top left;} #group_list #main_content .meta, #group_detail #main_content .meta {clear: both; float: left; border:1px solid #f1f1f1; background:#f9f9f9; padding:3px; color:#336699;margin:5px 0 5px 0; border: 1px solid #ededed; } #group_detail #main_content .meta ul{float: left;} /* #group_detail #main_content li {display: inline; float: left; padding-right: 5px;} COMMENTED OUT BY DAVE TO FIX MEDIA SCROLLER */ #group_detail .forum-wrapper {padding-bottom: 20px;} #group_detail .leftcol, #group_detail .rightcol {margin-top: 40px;} #group_list #main_content .meta a, #group_detail #main_content .meta a{color: #336699;} #group_list #main_content .meta a:hover, #group_detail #main_content .meta a:hover{text-decoration: underline;} p.list_intro {color: #666;} #channel div.mod-header .content p {font-size: 11px;} #group_list #main_content ul.groups {margin:0 25px;clear: both;} #group_list #main_content ul.groups li {border-bottom:1px solid #f3f3f3;padding: 20px 0 10px;float:left;} #group_list #main_content ul.groups li li {border-width:0px;padding: 0px;} #group_list #main_content ul.groups li .avatar{float:left; width:130px} #group_list #main_content ul.groups li .avatar img{background: #f3f3f3;display:block;} #group_list #main_content ul.groups li .info{float:right; width:565px;margin-left:15px;} #group_list #main_content ul.groups li .info h3 {font-weight:bold; font-size:15px; line-height:16px;margin-bottom:5px;} #group_list .meta {border:1px solid #f1f1f1; background:#f3f3f3; padding:3px;color:#336699;margin-bottom:15px;} #group_list #main_content .admins {margin:0;} #group_list #main_content .admins li {margin-right:20px;} #group_list #main_content .admins li a{line-height:25px;display:block; float:left;} #group_list #main_content .admins li a:hover {text-decoration:none;} #group_list #main_content .admins li a img{float:left;margin-right:5px;} #group_detail #main_content .status {font-size:14px; line-height:14px;} #group_detail #avatar {float:left; width:180px; } #group_detail #details {float:right; width:545px; margin-left:15px;} #group_detail #details h2 {color: #000; padding:0; margin:0 0 5px; float: left;} /* #group_detail #details h2 a {font-size:11px; padding: 2px 5px; border:1px solid #ccc;} */ #group_detail h3 {font-weight: bold; color: #000;} #group_detail h3 span {font-size: 11px; padding-left: 10px;} #group_detail div.group-info h3 {padding-bottom: 3px} div.group-info {padding: 20px 0;} ul.menutabs {position:relative; top:0px; left:0px; padding-top:0; /* REMOVE PADDING TOP 10px from original */ margin: 0 0 10px 0;} ul.menutabs li a:hover, ul.menutabs li.selected a {color:#000;} #main_content ul.menutabs li.selected { border-bottom: 1px solid white; } #main_content ul.menutabs li { border: 2px solid #EAEAEA; margin-right:2px; border-bottom: 1px solid #eaeaea; } ul.secondary {margin-left: 5px;} ul.secondary li{float: left; padding:0 10px 0 10px; margin-bottom: 20px;} ul.secondary li a{padding: 3px 10px; color: #336699;display: block;} ul.secondary li a:hover, ul.secondary li.selected a{background: #eae7e8; color: #000;} /* #foot_links {width:77em; position:relative; left:50%; margin-left:-38.5em;} */ body#search ul.secondary {margin-left: 0;} /* Homepage */ #index #main_content {padding:0; margin-top:0px; width:100%; position:relative; float:left; background:transparent;} #index #lead_block {float:left; width:100%;} #index #lead_block .squaread{width:300px;height:250px;} .landing #fea_article, #home_rotator {background: #FFF; no-repeat bottom right; padding:10px; float:left; position:relative; height:120; width:575px; clear:both; margin-bottom:10px;} #home_rotator h2 {background:transparent url(headlines_head_bg.png) no-repeat bottom right; color:#fff; font-size:14px; position:absolute; top: 20px; left: 20px; z-index:100; padding:3px 20px 8px 3px; font-weight:bold;} #home_rotator h2 span {background:transparent no-repeat bottom right; position:relative; z-index:100; font-weight:bold; padding: 0px;} #home_rotator .pics li{left:10px;top:10px;width:575px;height:auto;} #home_rotator .pics li#pic-1 {display:block;} #home_rotator .pics li a img{border:1px solid #f8f8f8; border-width:1px 0 0 1px; margin:0 4px 0 0;} #home_rotator .pics li a span.abstract .title{ font-size:24px; display:block; font-weight:bold; font-style:italic; margin:10px 10px 0;} #home_rotator .pics li a span.abstract .text{margin:0 10px 0; display:block;} #home_rotator #rotator_nav {position:absolute; top: 344px; left: 11px; z-index:200; width:616px; height:66px; } #home_rotator .loading{text-align:center; font-weight:bold; background:transparent url(loader.gif) no-repeat bottom center; position:absolute; left:243px; top:20px; width:150px; padding-bottom:25px; color:#fff;} #home_rotator #rotator_nav ul {float:left;} #home_rotator #rotator_nav li {float:left;margin-right:1px;position:relative; left:2px;} #home_rotator #rotator_nav li a img {width:101px;height:66px;} #index .squaread {float:right; margin:28px 6px 10px 0;} #index #style {float:right; width:340px;} #index #style ul {float:left; margin-top:1px; padding-bottom:3px} #index #style li { float:left; margin:0 0 0 4px; text-align:center; width:165px; _width:163px; } #index #style li:first-child {margin-left:0;} #index #style a.thumb img {border-width: 0px;} /* 2 lines below deals with flash of unstyled content */ ul#news_ticker {z-index:-3; height:0px; overflow:hidden} .news_ticker ul#news_ticker {z-index:10; height:auto; overflow:visible;} #index .news_ticker {width:100%; float:left; position:relative;overflow:hidden; top:20px; margin:0; text-transform:uppercase;} #index .news_ticker ul {width:3000px; float:left;} #index .news_ticker li {float:left; margin-right:10px;} #index .news_ticker li a {color:#fff;} #index .news_ticker li a:hover {text-decoration:underline;} #index .news_ticker li a span {color:#ff0000;margin-right:5px;} .cols {width:100%; float:left;} .cols_1, .cols_2 .cols_1, .cols_2 .cols_2 {float:left; width:313px;} .cols_2 { float:right; width:635px;} .cols_2 .cols_2{float:right;} #main_content .feature_list, #index #forum_activity, #categories #events_list, #from_the_web_list, #index #events_list{float:left; width:295px; font-size:12px;} #main_content .feature_list ul, #index #forum_activity ul, #categories #events_list ol, #from_the_web_list ul, #index #events_list ol {float:left; width:100%; list-style-type:none;} #main_content .feature_list li, #index #forum_activity li, #categories #events_list li, #from_the_web_list li, #index #events_list li{float:left; margin-bottom:4px; background:#fff;padding:3px;overflow:hidden; display:block; width:289px; position:relative;} #main_content .feature_list li.h_restricted {height:auto; overflow:hidden;} #main_content .feature_list li{ border-bottom:1px dotted #000000; display:block; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; width:283px; height:auto; overflow:hidden; zoom:1; margin:0px 0 8px 0; padding:0 0 2px 0px; } #main_content .feature_list li a { color:#000; text-decoration:none; font-size:12px; } #main_content .feature_list li a:hovers { color:#990000; text-decoration:none; font-size:12px; } #main_content .feature_list li.leading a span.overlay .article_title {font-size:14px; display:block; margin-bottom:10px; font-weight:bold;} #main_content .feature_list li h3 {margin:0 0 4px;font-weight:bold;font-size:14px;} #index #heavy_rotation.feature_list li h3 {font-size:12px;} #main_content .feature_list li h3 a {color:#000;} #main_content .feature_list li h3 a:hover {color:#00aef0;} #main_content .feature_list li h4 {margin:0; font-weight:bold; padding:0; font-size:9px; text-transform:uppercase;} #main_content .feature_list li img, #index #events #main_content img, #index #forum_activity li img {float:left; margin:0 4px 0 0;} #main_content .feature_list li div{ float:right; padding:0px;} #main_content .feature_list.audio li div{width:230px; line-height:50px;} #main_content .feature_list.audio li div h3 {margin:0;} #main_content .feature_list li.no_image div{width:100%} #main_content .feature_list .images li.leading, #index #archives.feature_list li.leading, #main_content .feature_list li.subleading {width:143px; float:left;} #main_content .feature_list .images li.leading_2, #index #archives.feature_list li.leading_2, #index #archives.feature_list li.subleading_4 {float:right;} #main_content .feature_list .images li.leading a span.overlay, #index #archives.feature_list li.leading a span.overlay, #main_content .feature_list li.subleading a span.overlay {position:absolute; bottom: 0px; left:0px; padding:9px; display:block; width:125px; font-size:10px; text-align:center} #main_content .feature_list .images li.leading a span.overlay .article_title, #index #archives.feature_list li.leading a span.overlay .article_title {font-size:12px; margin:0;} /* 2 col feature list */ #main_content .feature_list.two_col ul {padding-bottom:6px;} #main_content .feature_list.two_col ul li{position:relative; right:-15px; margin-top:0;} #main_content .feature_list.two_col ul li.leading {position:relative; right:0; margin-top:0; margin-bottom:6px;} #index #forum_activity li div { margin: 8px 0 0 10px;} #index #forum_activity div.padleft { width: 295px; } #index #forum_activity h3 { padding:0; font-size:12px; font-weight:bold; margin:0;} #index #forum_activity h3 a {color:#000;} #categories #events_list li, #from_the_web_list li, #index #events_list li { font-size:12px; padding:0; width:293px; } #categories #events_list li p, #from_the_web_list li p, #index #events_list li p {margin:0; font-weight:normal; } #categories #events_list li a, #from_the_web_list li a, #index #events_list li a {color:#000; font-weight:bold; padding: 7px; background:#eeeeee; display:block;} #index #events_list li a {background: #fff;} #categories #events_list li span, #from_the_web_list li span, #index #events_list li span {margin-right:10px; color:black; font-weight:normal} #index #preview_ad, #index #radio_ad{display:block; float:left;} #index #sign_up {float:left;} #index #insiders {float:right;} #index #insiders h2 {margin:0 0 1px; height:45px;padding:0;} #index #insiders ul { float:left; margin:0;} #index #insiders ul li { float:left; margin-right:1px;} #from_the_web_list {text-align: center;} #from_the_web_list h2 {color: #fff; padding: 4px 0; background: #00aef0;} #from_the_web_list li {font-size: 11px; padding: 4px 0;} #from_the_web_list li a {padding-bottom: 0; } #from_the_web_list li a, #from_the_web_list li {background-color: #fff; } #from_the_web_list li:nth-child(even) a, #from_the_web_list li:nth-child(even) {background: #dfdfdf; } #source_tv .ui-tabs-panel {width:100%;Êfloat:left; padding:0; background:transparent;height:373px;} #source_tv h3 {color:#fff; margin:0; font-size:16px;} #source_tv {float:right; width:617px; height:auto; overflow:hidden;} #source_tv #video {padding:0; background:transparent; border-width:0} #source_tv #tv_nav {float:left; background:transparent; border-width:0; padding:0; width:402px; margin:0 0 0 1px;} #source_tv #tv_nav li {float:left; padding:0 19px 0 0; margin-right:-15px; border-width:0; background:transparent url(stv_nav_bg.png) no-repeat top right; position:relative;} #source_tv #tv_nav li a {border-width:0; background:transparent url(stv_nav_bg_repeat.png) repeat-x top left;color:#fff; float:left; display:block; line-height:22px; padding:5px 0 15px; width:129px; font-size:14px; text-align:center;} #source_tv #tv_nav li.ui-tabs-selected {background:transparent url(stv_nav_bg_selected.png) no-repeat top right;} #source_tv #tv_nav li.ui-tabs-selected a {background:transparent url(stv_nav_bg_repeat_selected.png) repeat-x top left !important; color:#fff;} #source_tv .video_container{float:left; width:400px !important; margin-left:-1px;} #source_tv .video_container embed{padding:0; position:relative;} #source_tv #tv_nav li#first {z-index:3} #source_tv #tv_nav li#second {z-index:2} #source_tv #tv_nav li#third {z-index:1; background-image:url(stv_nav_bg_end.png);} #source_tv #tv_nav li#third.ui-tabs-selected {z-index:1; background-image:url(stv_nav_bg_selected_end.png);} #source_tv .video_list {width:213px; float:right; margin-top:-50px;} #source_tv .video_list li {width:213px; float:left; font-size:12px; margin-bottom:4px;} #source_tv .video_list li a {float:left;color: #000; width:196px; display:block; background: #eeeeee; padding:5px 5px 5px 5px; line-height:140%} #source_tv .video_list li a span {font-weight:bold; border:red;} #source_tv .video_list li a img { float:right; margin-left:7px;} #source_tv .video_list li.selected a {background: #00aef0; color:#fff;} #index #button_strip {float:right; width:635px; overflow:hidden; height:66px; background:url(button_strip.png)} #index #button_strip ul {float:left; width:640px;} #index #button_strip li:first-child {margin-left:0;} #index #button_strip li {float:left; margin-left:1px;} #index #button_strip a {float:left; display:block; width:105px; height:66px; position:relative; font-weight:bold} #index #button_strip a span {position:absolute; background:black; bottom:8px; left:8px; z-index:2; font-size:10px; text-transform:uppercase; padding:2px; color: #fff;} #index #button_strip a img {position:absolute; top: 8px; right:8px; z-index:1;} #index a.thumb { margin: 0px; } #index a.thumb img {border-width:0;} #index #featured_images ul {float:left;width:340px; margin-top:10px;} #index #featured_images ul li {float:left; width: 72px; margin:0 0 11px 11px; position:relative; left:-11px;} #index #featured_images ul li a {display:block;} /* My Parking Space */ ul#mycarousel {padding-top: 10px; } #threads small {font-size: 10px; color: #666;} /* Account */ #block form input.submit {margin-left: 150px} label.nopad {width: 45px !important;} #preferences #main_content label {width: auto;} #preferences #main_content h3 {clear: none; margin-left: 10px} #preferences #main_content .checks {margin:2px} #preferences #main_content h3 {margin:0px 5px;} #preferences form.checks {margin-top: 2em; margin-left: 20px;} div.passbump input.submit {margin-left: 150px;} div.margintop {margin-top: 50px;} #main_content #about h3{color: #000; border-bottom: 1px solid #e7e7e7; margin-bottom: 10px !important; padding: 20px 0 5px 0; font-weight: bold;} .underline {font-weight: bold;margin-bottom: 3px;} h1 span {padding-left: 5px;} /* Blog List */ #blog_list div.blog_post {margin:0 0 9px; border-bottom: 1px solid #F3F3F3;width:auto;} #blog_list div.blog_post * {margin-left:3px; margin-right:3px;} #blog_list .titles h2 { margin: 0px 0 12px 0; } #blog_list div.blog_post h2 { margin: 0px 0 5px 0; padding:5px;} #blog_list .blog_post h2 a {color:#fff !important} #blog_list h3 {font-size:16px; font-weight:bold;} #blog_list #main_content span {color: #999;} #blog_list p {clear: both;} #blog_list p.nobreak {color: #000;} #main_content.tos ol{list-style-type: decimal; margin-left:25px; padding:0; background:transparent;} #main_content.tos ol li{ padding:0 0 0; margin:0;} #main_content.tos ul {} #main_content.tos ul li { list-style-type:disc !important; margin-left:20px;} .absolute {position: absolute; left: 0; top: 0;} /* Wall Post */ div.wall {clear: both; padding:5px 10px ; margin-bottom: 10px} div.wallentry {padding-bottom: 20px;} img.wallavatar {border: solid 1px #000; margin: 0 10px 0 0; float: left;} div.wallpost {padding: 0 5px; font-size: 11px;} div.wallname {background: #ececec; padding: 2px 5px; margin-bottom: 10px;} #media ul.action {clear: both;} /* Recent Comments */ div.commententry {width: 500px;} div.commententry h2{margin: 0;} h1#content_title {padding-left: 40px; background: url(mediatype.gif) no-repeat;} p.flag {font-size: 13px;} /* Wall Page */ body#wall_list .wallentry {padding-bottom: 40px;} body#wall_list .wallright {float: right; width: 690px;} body#wall_list form#upload_text_form {margin-left: 20px;} div.groupentry {padding: 5px 10px; border: 1px solid #e7e7e7; text-align: center; float: left; margin-bottom: 10px;} div.groupentry img {padding-bottom: 10px;} .groupentry div.middle {margin: 0 auto;} a.itemUserAdd, a.itemUserDelete {font-size: 11px;} ul#itemUserInfo li {padding: 0 !important; margin: 0;} body#threads a.itemUserDelete {font-size: 11px;} body#threads #itemUserInfo a.itemUserDelete {background: url(addremove.gif) 0 -100px no-repeat;} body#threads #itemUserInfo a.itemUserAdd {background: url(addremove.gif) 0 -156px no-repeat;} span#friendAddRemove {display:block; padding: 2px 0 5px 0;} a#itemUserSend {font-size: 11px;} body#channel_item h1 {margin-bottom: 0;} table#discounttable li, #discountol li {padding-bottom: 10px; list-style-type: none; } table#discounttable tr {margin-bottom: 20px;} #discountol h3{font-weight: bold; padding-bottom: 10px;} #discountol li.entry{border-bottom: 1px solid #e7e7e7; margin-bottom: 20px;} #discountol div.text{ width: 580px; padding-left: 20px;} #discountol ul ul {padding-left: 20px; list-style-type: none;} #fb_login_image {margin-top: -4px;} div#pit {clear: both;} #theme fieldset {background: #fff !important;} .or {padding: 20px;} .themeblock {background: #f6f6f6; padding: 10px !important;} .tilebg {clear: both; padding: 10px ;} #theme form input[type="checkbox"] {margin: 0 5px 0 0;} h5 {font-size: 1em;} div.livespacing {border-bottom: 1px solid #e3e3e3;} /* Sponsor Page */ div#main_content.sponsor .profileimg {height: 162px;} iframe {border-width:0;} .facebox {visibility:hidden;} .js_enabled .facebox{visibility:visible;} .ui-datepicker {z-index:3 !important;} #main_content ul.content_list li {padding-left:10px;list-style-type:disc; list-style-position:inside;} #main_content .radios div input {float:left;} #main_content .radios div label {width:auto;text-align:left;float:left; display:inline;} #main_content h3 {margin:10px 0;} #main_content h4{font-size:14px; margin:0;} #main_content li h4{font-size:11px; margin:0;} #main_content div.titles {margin:0 !important;} div.subnav { margin-bottom:7px;} /* ads */ .left.towerad {position:relative; left:2px;} div.squaread { background-image:none;} /*override common_kyle */ .towerad {margin:15px 0 0; } #group_list #main_content .admins, #group_detail #main_content .admins {margin:0;float:left;} #group_list #main_content .admins li, #group_detail #main_content .admins li {margin-right:20px;float:left;} #group_list #main_content .admins li a, #group_detail #main_content .admins li a{line-height:25px;display:block; float:left;} #group_list #main_content .admins li a:hover, #group_detail #main_content .admins li a:hover {text-decoration:none;} #group_list #main_content .admins li a img, #group_detail #main_content .admins li a img{float:left;margin-right:5px;} #group_new .logo_preview {padding:2px; border:1px solid #ccc; display:block;margin-left:150px;} /* .logo_preview created by JS */ #group_members .thumb.admin .admin{background-color:#679966; color:#fff; display:block; text-align:center; padding:2px 0 0;margin-bottom:2px;} /*admin*/ #admin div#doc_body, #flash_upload div#pageContent {width:100%;background:transparent none;left:0;} #admin div#doc_body_container {width:100%;background:transparent none;} #admin #main_content {width:939px; margin:0;} #admin #main_content label { float:left; width: auto;} /*uploader*/ #flash_upload div#doc_body_container {width:100%;background:#fff;} #flash_upload div#doc_body, #flash_upload div#pageContent {width:auto;background:transparent none;position:relative;left:0;} #flash_upload #main_content {width:950px; background:transparent none;} /*drivers*/ #drivers_default #fea_driver {margin:0 32px 20px;} #drivers_default #fea_driver #fea_img{position:static;float:left;border:1px solid black;} #drivers_default #fea_driver .info{float:right; width:406px;} #drivers_default #main_content #fea_driver .info h3, #drivers_default #main_content .drivers li .info h3 {margin-bottom:10px;} #drivers_default .drivers {margin:0 32px;} #drivers_default .drivers li {background:#fff url('drivers_li_bg.gif') repeat-x top left; padding:25px;} #drivers_default .drivers li li{background:transparent none; padding:0px;} #drivers_default .drivers li span{line-height:18px;} #drivers_default .drivers li a.avatar {float:left;} #drivers_default .drivers li a.avatar img {border:1px solid black;} #drivers_default .drivers li .info {width:520px; float:right;} /* Channel */ .profileimg {position:relative;} div#main_content #avatar_actions {float: left;width: 180px;} /* driver specific*/ div#main_content.driver .profileimg {height:330px;} div#main_content.driver #itemUserInfo {position:absolute; left:357px; top:40px;z-index:50;} body#channel div#main_content.driver ul.profile {width:400px; position:relative; right:15px;} body#channel div#main_content.driver ul.profile li h4{margin-left:0;padding-left:0;} body#channel div#main_content.driver ul.profile li.headline h2{font-size:24px; margin:5px 0 10px; padding-bottom:30px;} body#channel div#main_content.driver ul.profile li p{width:300px; float:right; min-height:15px;} body#channel div#main_content.driver .right {margin-right:10px;} /* media slider */ .carousel_outer {position:relative; padding: 0 30px; margin:10px 0 0 0; overflow-x:visible;} .carousel_outer.has_items {height:150px; } .carousel {margin:0 auto;} .carousel .thumb {position:relative; left:6px;} .carousel_outer .next, .carousel_outer .previous {position:absolute; top:50%; margin-top:-10px;} .carousel_outer .next {right:5px;} .carousel_outer .previous {left:5px;} /* Forums */ /* some blog list styles too to avoid redundancy */ .sticky {background-color:#f3f3f3; font-weight:bold;} #threads.js_enabled textarea, #forum_crud.js_enabled textarea, #blog_list.js_enabled textarea, #threads.js_enabled .long, #forum_crud.js_enabled .long, #blog_list.js_enabled .long {padding:5px; width:607px;} #threads.js_enabled #main_content .submit, #forum_crud.js_enabled #main_content .submit, #blog_list.js_enabled #main_content .submit {margin:10px 0 0;} #threads.js_enabled #main_content label, #forum_crud.js_enabled #main_content label, #blog_list.js_enabled #main_content label {width:auto;font-size:15px;float:none;margin:5px 0 0;clear:both; font-weight:bold;text-align:left;} #threads.js_enabled label.left, #forum_crud.js_enabled label.left, #blog_list.js_enabled label.left {float:left; margin:-.25em 5px 0 0;} #forum.thread ol li {list-style-type:none;} #forum.thread ol li.odd {/*background: #eff5eb;*/ /*url('/images/cc/thread_repeat_bg_odd.gif') repeat-y top left;*/} #forum.thread ol li .post div {margin:10px 0; clear:both; float:none;} /* FORUM ACTIVITY */ #forum_activity #forum.thread ol li .post { font-size:11px;position:relative; width:100%; float:none;} #forum_activity #forum.thread ol li .post.collapsed {height:100px;overflow:hidden;border-bottom:1px solid #666;} #forum_activity #forum.thread ol li .post.expanded{height:100%;} #forum_activity #forum.thread ol li .post .expand_link {height:25px; padding:0 10px; font-weight:bold; line-height:25px; text-align:center;display:block; font-size:13px; font-weight:bold;background:#999; color:#fff; position:absolute; right:0px; bottom:0px;} #forum_activity #forum.thread ol li {/*background-image:url(/images/cc/forum_activity_bg.png); */ background-position: 38px 37px; background-repeat:no-repeat;} #forum_activity #forum.thread ol li .info { font-size:14px;} /* forum activity short view */ #forum_shortview li {/*background: transparent url(/images/cc/forum_activity_bg.png) no-repeat top left;*/ overflow-x: auto;} #forum_shortview li .post {/*min-height:100px;*/ font-size:11px;line-height:16px} .blog_post .post_body a.video, .blog_post .post_body a.image, #forum_shortview li .post a.video, /* created by javascript */ #forum_shortview li .post a.image{display:inline-block; padding-right:20px; background: transparent url(overlay_video.gif) no-repeat top right;} .blog_post .post_body a.image, #forum_shortview li .post a.image{background-image:url(overlay_image.gif);} #subforum table {margin:0;} body#subforum2 tr.mainrow td.title img {border:1px solid #6EA84B;height:25px;margin-right:5px;width:25px;float:left;} body#subforum2 tr.mainrow td.title .title_block {float:left;} body#subforum2 .subforum{margin:12px 15px 0;} h3.forum_success, .formstatusSuccess {border:1px solid #32592B; margin-bottom:10px !important; padding:10px; background-color:#E4FFDF; clear:both;} .preview media, .preview .image {background:#ccc url('vph_bg.gif'); height:225px; width:300px; display:block; margin:5px 0; clear:both;} .preview .image img {display:none;} #editor_media {float:left; width:100%;} #editor_media li {float:left; padding:5px; font-size:8px; text-align:left !important;} #editor_media li.last {margin-right:0;} #editor_media li a{float:left; padding:2px; border:1px solid #ccc !important; position:relative;} #editor_media li.loading a {background:#fff url('ajax-loader.gif') no-repeat center center;} /* class created by JS */ #editor_media li a span.status {position:absolute; top:0; left:0; text-align: center; display:block; width:54px; background:#fff; } /* span created by JS */ #editor_media li.loading a .thumb_img{visibility:hidden;} /* class created by JS */ #editor_media li a .type_overlay{position:absolute; right:0px; bottom:0px;} /* THEMES */ #theme {float:left; width:100%;} #theme h2 {border-bottom:1px solid #ccc; width:100%; position:relative;} #theme h2 span {font-size:10px; position:absolute; right:0px; bottom:.25em} #main_content #theme h3 {font-weight:bold; clear:both; margin:0 0 5px;} #theme form .checkbox input{float:left; margin:-2px 5px 0 0;} #theme label {width:auto;} #theme label.checkbox {display:inline; margin-top:7px;} #theme small {color:#999999;} #theme input {float:left;} #theme .left {width:auto; margin:0 10px;} #theme .colorButton { /* created by JS colorpicker */ border:1px solid #B0B794 !important;} #theme fieldset {background:#F6F6F6; margin-bottom:10px; padding:25px; position:relative;} #theme fieldset div {width:100%; float:left;} #theme fieldset div div {float:left; width:auto; margin-right:5px; border-width:0; padding-bottom:0; margin-bottom:0;} #theme fieldset #bgImgPreview, #theme fieldset #profileImgPreview, #theme fieldset #moduleBgImgPreview {float:right;} #theme fieldset #bgImgPreview img, #theme fieldset #profileImgPreview img, #theme fieldset #moduleBgImgPreview img {padding:2px; border:1px solid #ccc; display:block;} /* PIT */ #pit_edit textarea{width:750px;} #pit #main_content {overflow:auto;} #pit_frame {width:100%; overflow-x:hidden; border-width:0px;} /* WALL */ body#wall_list form#upload_text_form {margin:0;} body#wall_list.js_enabled form#upload_text_form #text {width:748px} /* LINKOUT */ body#linkout_header {padding: 0; margin: 0; background: #9ed256 url('linkout_bg_repeat.png') repeat-x top left;} body#linkout_header #logo {margin:0 0 0 10px;} body#linkout_header #close_link {color:#fff; margin:17px 10px 0 0; float:right; font-size:12px;} body#linkout_confirm #container{width:440px; position:relative; left:50%; margin-left:-220px;} body#linkout_confirm {background:#fff none;} body#linkout_confirm h2 {font-weight:normal; font-size:17px; color: #4e4e4e; margin:90px 0 30px; padding:25px; display:block; background-color:#f5f5f5; border:1px solid #e8e8e8;} body#linkout_confirm h3 {font-weight:normal; font-size:17px; color: #4e4e4e; margin:25px; display:block;} body#linkout_confirm .action {margin-left:25px;} /* Article Page */ .description {background:#fff;height:153px; overflow:auto;margin-top:3px;} .description p {font-size:12px;margin:10px;padding:0px;} #article #main_content {width:617px; float:left;} #article_lead {background:#dcdcdc; margin: -4px 0 0 2px; padding:10px; overflow:hidden;} #article .actions {float:left; margin:0 0 10px; width:100%;} #blog_list .actions {margin-right:5px;} #article .actions li{float:left; margin-right:15px; } #article .actions a{float:left; background: transparent url(red_action.gif) no-repeat top left; min-width:68px; padding-top:2px; line-height:14px; text-align:center; color:#fff;} #article .actions .share_this a{color:#28863C; background-position: left center !important; line-height:16px; padding:0 0 0 18px; font-weight:bold; position:relative; top: -1px;} #blog_list .actions .share_this a span {color:#28863C !important; font-weight:bold;} #article .actions .slideshow a{color:white; text-transform:uppercase;font-weight:bold;background-position: left center !important; background: url( slideshow_bg.png) top left no-repeat; line-height:36px; padding:0px; display:block; height: 40px; width:111px;text-align:center; margin-top: -13px; } #article .actions .slideshow a:hover {color:black} #article .actions li.green a{background: transparent url(green_action.gif) no-repeat top left;} #article .actions li.green a img {margin-top:-3px; position:relative; top:2px;} #article p {padding: 15px 0 0;} #leading_image { background:#fff; float:left; text-align:center;} #article_body { font-size:15px;/* font-family:georgia;*/overflow-y:hidden; line-height:140%; float:left; width:610px; margin:20px 0;} #related_content {float:right; width:295px;} #related_content ul {padding-bottom:20px;} #article #comments textarea {display:block; border:1px solid #dcdcdc; background:#f4f4f4; width:605px;} /* comments */ #comments ul {/*border:3px solid #E0DFDF; border-width: 3px 3px 1px;*/ margin-bottom:10px;} #comments ul ul.action {border-width:0;width:300px; position:absolute; top:0px; right:0px; float:left; width:auto;} #comments li {border:1px solid #E0DFDF; padding:5px; position:relative; margin-bottom:1px; float:left; width: 605px;} #comments ul.action li {border-width:0; float:left; width:auto;} #comments li .avatar{float:left; margin-right:10px;} #comments li div {float:left;} /* BLOG */ .blog_comments { list-style-type: none; margin-bottom:5px; font-size: small; } .blog_comments strong { color: black; } /* leading video */ #leading_video {height:auto !important; float:left;} #leading_video .playerElement {float:left;} #leading_video.centerit .playerElement {margin:0 0 0 105px; clear:both;} #leading_video .meta {width:200px; float:right;} .related_articles li {margin-bottom:1px;} .related_articles a:link, .related_articles a {padding:5px 10px; background:#2f363c; color:#fff; display:block;} .related_articles a:hover{background-color:#47545F;color:#FFFFFF} .related_articles .title {font-weight:bold;display:block;} .related_videos, .related_articles{float:left; width:100%;} .related_videos li {float:left; width:96px; margin-left:3px;} .related_videos li:first-child {margin-left:0;} .related_videos a {color:#000; text-decoration:none;} .related_videos a img{ margin-bottom:5px;display:block; height:62px; width:96px;} /* Media Browser */ #media_browser {position:relative;} #media_browser h1 {margin:0;} #media_browser .page_numbers { position:relative; top:3px; right:3px;} #sidebar ul.menutabs, #media_browser #categories_nav{float:left; width:209px; padding:5px 0 5px 7px; background:#3a3838;} #sidebar ul.menutabs { width: 288px; padding: 5px 7px 5px 0px; } #sidebar ul.menutabs li a, #media_browser #categories_nav li a {display:block; width:185px; float:left; background:#3a3838; color:#fff; text-align:right; font-size:14px; font-weight:bold; padding:5px 17px 5px 7px; border-bottom:1px dotted #ababab;} #sidebar ul.menutabs li a { width: 269px; } #sidebar ul.menutabs li.selected a, #media_browser #categories_nav li.selected a, #media_browser #categories_nav li.selected a:hover {border-bottom:0; color:#760009; background:#fff url(media_browser_selected.gif) no-repeat top left; margin-top:-1px;} #sidebar ul.menutabs li.selected a, #sidebar ul.menutabs li.selected a:hover { background: url(menutabs_selected.gif) top right no-repeat #fff; } #sidebar ul.menutabs li a:hover { /*background: url(/images/source/menutabs_hover.gif) top right no-repeat #858585;*/ color:#858585;} #media_browser #categories_nav ul li a:hover { /*background: url(/images/source/media_browser_hover.gif) top left no-repeat #858585;*/ color:#858585;} #media_browser #content_list ul{float:left; width:100%;} #media_browser #content_list ul li{float:left;width:126px;margin:0 28px 20px 0;text-align:center; height:160px;} #media_browser #content_list ul li h4 {font-size:13px; font-weight:bold;margin:0;padding:0;} #media_browser #content_list ul li p{font-size:11px;} a.thumb {position:relative; float:left; padding:0;} #media_browser #content_list ul li a.thumb { width:133px; margin:0; } #search_results a.thumb { margin-left: 0px; } a.thumb .overlay{position:absolute; /*bottom:3px; right:3px;*/ bottom:0px; left:0px; border-width:0; z-index:5; color:#fff; text-align:left; padding:5px;} a.thumb .deleted {background:red; color:#fff; position:absolute; width:100%; bottom:0; right:0; z-index:7; opacity:.8; font-weight:bold; padding:3px;} a.thumb img, a.avatar img {border:1px solid #7c8081;} /* Categories */ #media_browser #categories_content { margin-left: 220px; } #media_browser #categories_content li { width: 140px; float:left; margin: 6px; } /* Articles Categories Page Specific */ #fea_article, #leading_image, #leading_video {position:relative; width:610px; padding: 3px; margin-bottom:15px; text-align:center;} #categories #fea_article h2 {width:610px; padding:0; position:absolute; bottom:3px; left:3px; background:transparent; } #categories #fea_article h2 a{color:#fff; padding:10px; width:590px; display:block;} /* #media_browser #content_list { width:640px;} #media_browser #content_list ul{float:left; width:640px; margin:10px 0 0 1px;} #media_browser #content_list ul li{margin:0 25px 20px 0; height:160px;} #media_browser #content_list ul li h4 {font-size:13px; font-weight:bold;margin:0;padding:0;} */ /* slideshow page */ #current_image {float:left;} #slideshow_main {float:right; width:299px; overflow:hidden; margin-right:-4px;} #slideshow_thumbs {width:299px} #slideshow_thumbs ul {float:left; padding-bottom:3px;} #slideshow_thumbs ul li {float:left; margin:3px 2px 0 0;} #slideshow_thumbs ul li a {float:left;} #slideshow_thumbs ul li img {border:2px solid #fff;} #slideshow_thumbs ul li.selected img {border:2px solid #00AEF0;} /* Events */ /* Event -> Calendar modifications */ #calendar { font-size: 11px; } #sidebar #calendar { font-size: 14px; min-height: 228px; margin: 0px 14px; } .events textarea { width: 452px; } /*.events #content_main { width: 415px; float: left; } */ /* .events #sidebar { width:213px; } */ .events_list { list-style:none; } .events ol.events_list li { float:left; clear:both; } .events ol.events_list li ul.action li { clear:none; } #categories #events_list li a, #index .events_list li a { display:block; background-color: white; margin-bottom: 4px; padding: 4px; } #index .events_list li a:hover { background-color:#F9F9F9; color: #222222; } .events ul.action { margin: 0px 0px 5px 0px; } .events .description { min-height:30px; overflow:auto; margin-bottom:3px; height:auto; width:100%; float:left; } .events #logo_container { float: left; } .event_logo { float: left; margin-top:10px; } .event_logo a { float:left; } .event_summary { width: 480px; margin-left: 0px; display: block; min-height: 130px; float:none; } .events #main_content .event_summary h3 { border: none; } .event_key { background-color: #F4F4F4; padding: 0.1px 10px 10px 10px; } .events h2 a , .message h2 a { display: inline; } .events .logo_preview { margin-left:145px; } .events #main_content img.ui-datepicker-trigger { float:none; border:none; } /* ABOUT PAGE */ body#about #main_content h2{ margin:15px 0 10px; } body#about .job_titles li{ float:left; width:100%; margin-bottom:10px; line-height:18px; } body#about .job_titles span.title { font-weight:bold; width:200px; display:block; text-align:right; float:left; margin-right:10px; } body#about .job_titles span.name { width:405px; text-align:left; float:left; } ul.centered_button { float:none; display:block; height: 30px; width: 100%; } ul.centered_button li { float: none; margin: 0px 35px; } body.message #main_content label, .message #main_content h3, .events #main_content h3, #blog_list #main_content h3, #forum_activity #main_content h3, #search #main_content h3 { color:#858585; font-weight:bold; margin:10px 0px; padding: 3px 0px; background-color:transparent; border-bottom: 1px solid #E0DFDF; } #blog_list h4 { color:#999; font-size: 90%; margin-bottom: 12px; } #blog_list #sidebar h2 { background-color: #3A3838; /* margin-top: 0px; */ font-size: small; display:block; padding:5px; color:#fff; } .events #main_content .events_list h3 { background-color: transparent; margin-bottom: 0px; width: 100%; } /* Messages */ p.message_body { border: 1px solid #ccc; padding: 7px; min-height: 225px; /* background-color: #F5F5F5; */ } .read_block { width:100%; } body.message #main_content label { display: block; width: auto; padding: 3px 0px; margin: 10px 0 10px; text-align: left; float:none; font-size: 1.2em; } textarea#message { width:407px; min-height: 225px; } body.message form input.text { width: 413px !important; background-color: #F5F5F5; } .thumb { text-align: center; width:auto; margin: 0px 20px 30px; } .thumb a.thumbnail { background-color: #E7E7E7; background-image: none; float:none; display:block; border: 1px solid black; padding: 0px; } .thumb a.thumbnail:hover { border: 1px solid #750009; } /* .last a.thumbnail { border: 1px solid #DDD !important;} .last a.thumbnail:hover { border: 1px solid #750009 !important; } */ .event_type_label { background-color:#222222; font-size:small; font-weight:bold; text-align:center; display:block; color:white; } /* SEARCH RESULTS */ #search_results .byline { margin-top: 14px; } ol#search_results { width: 617px; margin-top: 5px; } ol#search_results { list-style: none; } ol#search_results li { display: block; /* border: 1px solid red; */ margin-bottom: 10px; clear: both; } ol#search_results li a.thumbnail { border: 1px solid black; float: left; margin: 0 10px 10px 0px; } ol#search_results .description { height:auto; min-height: 50px; /* border: 1px solid green; */ padding: 2px; } ol#search_results h2 { margin-bottom: 3px; } ol#search_results h2 span { position:relative; background-image: none; font-size: inherit; background-color: transparent; width: auto; text-align:left; color: inherit; font-weight: bold; } span.highlighted { padding: 1px 4px; } ol#search_results h2 span.highlighted { background-color:#FFF6A9; color: black; border-width: 2px; } /* #forum_activity { background-color:#E6E6E6; } */ #searchBlock { margin-top: 0px; clear:both; } #slideshow #pageContent { min-height: 20px; } .formlist { margin: 5px 0px 5px 20px; } /* headline colors */ /* overlay */ #index #style li span.overlay, .feature_list li span.overlay, #categories #fea_article h2 a, #blog_list .blog_post h2 { } /* pad 9 */ #index #style, .feature_list, #index #source_tv, #index #forum_activity, #categories #events_list, #from_the_web_list, #index #events_list, #main_content, .sidebar, #sidebar, #ads, div.titles, .news_item {padding:9px 9px 8px; background:#fff;} /* shadows */ .related_videos a img, #main_content #home_rotator .pics, #index #style li, .feature_list li, #index #source_tv .video_list li a, #index #forum_activity li, #categories #events_list li, #index #events_list li, #leading_image, #categories #fea_article, #categories #leading_video, #slideshow_thumbs ul li, .related_articles li, #blog_list .blog_post { -moz-box-shadow: 3px 3px 3px #ddd; -webkit-box-shadow: 3px 3px 3px #ddd; box-shadow: 3px 3px 3px #ddd; /*filter: progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3);*/ } #home_rotator, #index #button_strip, #index #style, .feature_list, #index #source_tv, #index #radio_ad, #index #forum_activity, #categories #events_list, #index #events_list, #main_content, #sidebar, #categories.landing #fea_article, .sidebar, #ads, div.titles, .news_item, #news_list .pages_bottom , .job_source #doc_body_container h3 { -moz-box-shadow: 3px 3px 3px #222; -webkit-box-shadow: 3px 3px 3px #222; box-shadow: 3px 3px 3px #222; /*filter: progid:DXImageTransform.Microsoft.Shadow(color=#222222,direction=135,strength=3);*/ margin-bottom:9px; } /* shadow overrides */ #index #main_content, #news_list #main_content, body.landing.archive #media_browser, .job_source #doc_body_container #media_browser.career_spotlight { -moz-box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; filter: none; margin-bottom:9px; } #home_rotator * { } /* = alt headline colors */ /* white bg */ h2.quotebox, .dimes .sidebar h2.quotebox, .photos .sidebar h2.quotebox, #source_tv h1.quotebox {background: url(headline_ds_left.png) no-repeat top left; margin: 0 0 1px;} h2.quotebox span, .dimes .sidebar h2.quotebox span, .photos .sidebar h2.quotebox span, #source_tv h1.quotebox span, #source_tv h2{background: #ed1c24 url(headline_ds.gif) repeat-y top right; color:#fff; font-size: 14px; text-transform:uppercase; padding:0px 25px 7px 5px; color:#fff; position:static;} h2.quotebox span a, .dimes .sidebar h2.quotebox span a, .photos .sidebar h2.quotebox span a{color: #fff;} /*dark gray bg */ .videos h2.quotebox, .photos h2.quotebox, .dimes h2.quotebox{background:url(headline_ds_dkgray_left.png) no-repeat top left;} .source_tv h2.quotebox span, .photos h2.quotebox span, .dimes h2.quotebox span{background: #ed1c24 url(headline_ds_dkgray.png) repeat-y top right; } .source_tv h2.quotebox span a, .photos h2.quotebox span a, .dimes h2.quotebox span a{color:#fff; margin-right:0px;} /*light gray bg */ .entertainment #media_sidebar h2.quotebox, .sports #media_sidebar h2.quotebox, .music #media_sidebar h2.quotebox{background:url(headline_ds_ltgray_left.png) no-repeat top left;} .entertainment #media_sidebar h2.quotebox span, .sports #media_sidebar h2.quotebox span, .music #media_sidebar h2.quotebox span{background: #ed1c24 url(headline_ds_ltgray.png) repeat-y top right; } .entertainment #media_sidebar h2.quotebox span a, .sports #media_sidebar h2.quotebox span a, .music #media_sidebar h2.quotebox span a{color:#fff; margin-right:0px;} /* red */ #index #button_strip li.one a span{background-color:#ed1d24 !important;} h2.w_on_p span {background-color:#A36DE5 !important;} /* blue */ #index #button_strip li.two a span, h2.w_on_b span {background-color:#00aef0 !important;} /* h2.w_on_b span a {background-color:#00aef0 !important;} */ /* gray */ #index #button_strip li.three a span, h2.w_on_g span{background-color:#5b5b5b !important;} /* h2.w_on_g span a{background-color:#5b5b5b !important;} */ /* black on yellow */ #index #button_strip li.four a span, h2.b_on_y span {background-color:#fff200 !important; color:#000 !important;} h2.b_on_y span a{ color:#000 !important;} /* white on black */ #index #button_strip li.five a span, h2.w_on_black span {background-color:#000 !important;} /* h2.w_on_black span a{background-color:#000 !important;} */ /* black on green */ h2.b_on_gr span {background-color:#29FF00 !important; color:#000 !important;} h2.b_on_gr span a{ color:#000 !important;} /* white on brown */ h2.w_on_br span {background-color:#7B815B !important; color:#fff !important;} h2.w_on_br span a{ color:#fff !important;} /* white on pink */ h2.w_on_pk span {background-color:#F00192 !important; color:#fff !important;} h2.w_on_pk span a{ color:#fff !important;} /* white on green */ h2.w_on_gold span {background-color:#be8c14 !important; color:#fff !important;} h2.w_on_gold span a{ color:#fff !important;} /* white on dark green */ h2.w_on_dkgr span {background-color:#67835d !important; color:#fff !important;} h2.w_on_dkgr span a{ color:#fff !important;} /* yellow on gray */ #index #button_strip li.six a span, h2.y_on_g span{background-color:#383838 !important; color:#fff200 !important;} h2.y_on_g span a{color:#fff200 !important;} #facebox .footer { clear:both; } /* NEWS */ #news_list #main_content { padding:0; background:transparent none; width:635px; } #news_list .titles_block { background:#fff; padding:9px; overflow:auto; } #news_list .pages_bottom { background:#fff; margin:0; } .news_item.first h2{ } .news_item { background: url( NewsItem.png ) top left no-repeat; height: 98px; padding: 10px; } .news_item .news_image{ float:left; margin-right:9px; height:93px; width:141px; } .news_item h2 a{ text-transform:uppercase; color:#000; font-size:18px; } .news_item .post_body{ float:left; width:300px; } .news_item .post_body p { font-size:10px; } .news_item .meta { font-size:12px; width:142px; float:right; position:relative; height:97px; } .news_item .meta a { color:#00aef0; } .news_item .meta a.comments_link { background-color:#00aef0; color:#fff; position:absolute; top:50px; right:-15px; padding:5px; text-align:center; height:30px; } .news_item .meta a.comments_link span { display:block; font-size:13px; } .news_item .meta .more_link { position:absolute; top:88px; left:50px; } .news_item .meta .avatar { float:left; display:block; width:50px; height:50px; margin-right:10px; } .news_item.first { height:300px; background:#fff none; } .news_item.first .news_image{ height:300px; width:454px; } .news_item.first .post_body { width:152px; overflow: hidden; float:right; } .news_item.first h2 a{ text-transform:uppercase; color:#000; font-size:24px; line-height:22px; } .news_item.first .post_body p.byline { margin-bottom:0; text-transform: uppercase; } .news_item.first .meta { display:none; } /* SLIDER */ #media_browser { position:relative; } .slider{ width:474px; overflow:hidden; position:relative; left:73px; margin-bottom:10px; height:185px; font-weight:bold; } .slider div { width:474px; } .slider div .thumb { margin:0; padding:0; width:143px; margin-left:10px; font-size:14px; text-align:left; text-transform:uppercase; color:#000; } .slider div .thumb:first-child { margin:0; padding:0; width:143px; margin-left:10px; } .slider_next, .slider_prev { position:absolute; top:85px; width:22px; height:42px; z-index:200; } .slider_next { background: #fff url(ugcArrowRight.png) no-repeat top left; right:60px; } .slider_prev { background: #fff url(ugcArrowLeft.png) no-repeat top left; left:60px; } /* ranked list */ .ranked_list { width:100%; float:left; overflow:hidden; } .ranked_list ol { list-style-type:none; float:left; padding:0; width:675px; margin-left:2px; } .ranked_list ol li { float:left; height:143px; width:143px; padding:0; margin:0 13px 13px 0; } .ranked_list ol li a.thumb{ margin:0; padding:0; position:relative; display:block; } .ranked_list ol li a.thumb .abstract { width:100%; position:absolute; bottom:0px; left:0px; height:47px; } .ranked_list ol li a.thumb .abstract span{ color:#fff; } .ranked_list ol li a.thumb .abstract span.rank { width:36px; font-size:30px; float:left; display:block; position:absolute; bottom:10px; left:10px; line-height:26px; } .ranked_list ol li a.thumb .abstract span.meta { font-weight;bold; font-size:10px; position:absolute; left:53px; top:12px; display:block; text-align:left; } .ranked_list ol li a.thumb .abstract span.title { text-transform:uppercase; display:block; margin-bottom:3px; } .ranked_list ol li a.thumb .abstract span.description { background:transparent none; } img.activeVideoThumb { border: solid 3px #999; } /* Champions */ #champions #main_content { height: auto; min-height:200px; width: 975px; padding: 0px; background: black url(champions_main_background.gif) no-repeat; background-position: 0 250px; margin: -28px -9px 20px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; filter: none; } #champions #banner { } #champions #montage { float: right; margin-top: 10px; margin-bottom: -23px; position:relative; } #champions #participating { width: 100%; background-color: #f6bc01; height: 70px; } #champions #participating .label { text-align: left; width: 100px; margin-left: 200px; padding-top: 20px; font-weight: bold; } #champions #highlight { width: 313px; float: left; } #champions #overview { margin: 10px 0px 5px 5px; width: 302px; height: 400px; padding: 10px; float:left; background-color: #f6bc01; -moz-box-shadow: 3px 3px 3px #222; -webkit-box-shadow: 3px 3px 3px #222; box-shadow: 3px 3px 3px #222; /*filter: progid:DXImageTransform.Microsoft.Shadow(color=#222222,direction=180,strength=3);*/ position: relative; z-index: 2; font-weight:bold; } #champions #overview p:first-letter { font-size: 5em; line-height: 1em; color: white; float:left; } #champions #overview .nominate { margin: 5px 0px; width: 299px; height: 62px; display:block; clear:both; background: url( NominateAChamp.png ) top center; position: absolute; top: 345px; left: 13px; } #champions #highlight p, #champions #overview p { font-size: smaller; } #champions #highlight p, #champions h2 { padding: 5px; } #champions #highlight img { margin:12px 4px; } #champions #overview .nominate span { display:none; } #champions .audio a.download, #champions .audio a.listen { padding-left: 85px; float:left; clear: left; height: 21px; color: #f6bc01; margin: 5px; } #champions .audio a.download:hover, #champions .audio a.listen:hover { text-decoration: underline; } #champions .audio a.buyitnow { float:right; margin-right: 20px; } #champions .audio a span { display: none; } #champions .audio a.download { background: url( download.png) top left no-repeat; } #champions .audio a.listen { background: url( listen.png) top left no-repeat; } #champions div.submain.labels { margin-bottom: 0px; } #champions .labels h1 { padding-top: 33px; } #champions div.submain { margin-bottom: 30px; float: left; width: 955px; min-height: 70px; } #champions .videos { padding: 0px 9px; } #champions .videos div { padding: 5px; margin: 10px 5px; float:left; background-color: white; } #champions .videos h1 { margin-left: -10px; } /* Champions Nominate */ #champions_nominate #main_content { height: auto; min-height:500px; width: 975px; padding: 0px; background: transparent url( ChampionsForumBG.png) no-repeat; background-position: 0 200px; margin: -28px -9px 20px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; filter: none; color: white; } #champions_nominate h2 { color: #f6bc01; margin: 10px 0px; } #champions_nominate #banner { border-bottom: 10px solid #f6bc01; } #champions_nominate .cols_1, #champions_nominate .cols_2 { float: left; width: 467px; padding: 10px; } #champions_nominate label { width: 152px; Winner? text-align: left; display:block; } #champions_nominate input { background-color: white; } #champions_nominate #nname, #champions_nominate #name, #champions_nominate #naddress, #champions_nominate #highschool, #champions_nominate #address { width: 280px; } #champions_nominate textarea { float: left; width: 275px; } #champions_nominate .cols_1 textarea { height: 100px; } #champions_nominate .cols_2 textarea { height: 360px; } #champions_nominate form .cols .cols_2 div, #champions_nominate form .cols .cols_1 div { height: auto; float:left; } #home_rotator .pics li#pic-1 .banner img { float:left; margin:0 5px 0 0; } #home_rotator .pics li#pic-1 h4 { margin:0 0px 0 0; color:#000000; font-size:15px; font-weight:bold; margin:0 0 0 0; padding:0; } #home_rotator .pics li#pic-1 h4 a{ margin:0 0px 0 0; font-size:15px; text-decoration:none; color:#000; } p.bonus{ margin:0 0 2px 0; text-align:left; } p{ font-size:12px; line-height:17px; padding:0; margin:0 0 10px 0; text-align:justify; } #footer p{ font-size:12px; text-align:center; margin:0; color:#fff; } #footer p{ font-size:12px; text-decoration:none; margin:0; color:#fff; font-weight:bold; } a.read-more{ float:right; margin:0; color:#FF0000; font-size:12px; font-weight:bold; } .reviews_banner img, .reviews img{ float:left; margin:2px 5px 2px 0; border:1px solid #000; padding:3px; background:#fff; } .reviews{ border-bottom:1px solid #ccc; margin:5px 0 10px 0; padding:5px; zoom:1; } .reviews h4 a:hover{ color:#808080; text-decoration:none; } .reviews h4, .reviews h4 a{ padding:0; margin:0; text-align:left; color:#000; text-decoration:none; font-size:12px; margin:0 0 3px 0; font-weight:bold; }