/* reset styles */ @import "reset.css"; /* --- =body --- */ body { background: url(/images/body_bg.jpg) top left repeat-x #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 auto; } /* ~~~~~~~~~~~~~~ IDs ~~~~~~~~~~~~~~~ */ /* --- =header --- */ #header{ width:100%; margin:5px 0 0; overflow:hidden; background:url(/images/home/bg-header.png) repeat-x 50% 0; } .header-holder{ width:943px; margin:0 auto; height:138px; position:relative; } #header h1{ float:left; margin:22px 0 0; overflow:hidden; } #header h1 a{ display:block; margin:0; text-indent:-33333px; overflow:hidden; width:262px; height:87px; background:url(/images/home/bg-logo.png) no-repeat 100% 0; } #header-rightnav-elements {display: block; float: right; margin: -110px 0 0 0; position: relative; width: 169px; /*border: 1px solid #f00;*/} /*--top-nav--*/ .top-nav{float:right; clear: both;} .top-nav span{ float:left; width:13px; height:35px; line-height:0; overflow:hidden; } .top-nav span.left{background:url(/images/home/bg-top-nav-left.png) no-repeat;} .top-nav span.right{background:url(/images/home/bg-top-nav-right.png) no-repeat;} .top-nav ul{ float:left; margin:0; padding:0 13px; height:35px; text-align:center; background:url(/images/home/bg-top-nav.png) repeat-x; } .top-nav ul li{ display:inline; list-style:none; margin:0 7px 0 0; padding:0 12px 0 0; background:url(/images/home/bg-top-nav-separator.gif) no-repeat 100% 6px; } * html .top-nav ul li{ padding:0 8px 0 0; background-position:100% 7px; } .top-nav ul li.last{ margin:0; padding:0; background:none; } .top-nav ul a{ text-decoration:none; color:#c9d54a; white-space:nowrap; font:12px/35px Arial, Helvetica, sans-serif; } .top-nav ul a:hover{text-decoration:underline;} a#logoff, a#my_group { background:url('/images/logoff_btn.gif') no-repeat; bottom:0; height:30px; position:absolute; right:0px; text-indent:-9999px; width:78px; } a#my_group { background-image:url('/images/my_group_btn.gif'); right:78px; width:89px; } /*-- Navigation 2009 Site -- ul#navigation { float:left; margin:27px 0 0 42px; padding:0; display:inline; background:url(/images/home/bg-navigation.gif) no-repeat 34px 33px;} ul#navigation li{float:left;list-style:none;padding:0 4px 0 0; } ul#navigation a{float:left; width:69px; height:81px;overflow:hidden;position:relative;text-decoration:none;} ul#navigation a span{position:absolute; top:0;left:0;width:69px;height:162px;text-indent:-9999px;} ul#navigation a:hover{background:url(/images/home/none.gif);} ul#navigation a.home span{background:url(/images/home/bg-home.png) no-repeat;} ul#navigation a.videos span{background:url(/images/home/bg-videos.png) no-repeat;} ul#navigation a.vote span{background:url(/images/home/bg-vote.png) no-repeat;} ul#navigation a.forums span{background:url(/images/home/bg-forums.png) no-repeat;} ul#navigation a.toolbox span{background:url(/images/home/bg-toolbox.png) no-repeat;} ul#navigation a.music span{background:url(/images/home/bg-music.png) no-repeat;} ul#navigation a:hover span{ top:-81px;left:0;}*/ /*-- Navigation 2010 Site -- */ ul#navigation {display:inline; float:left; margin:27px 0 0 22px; padding:0; width: 492px;} ul#navigation li {float:left; list-style:none; margin: 0; padding:0;} ul#navigation li a {background: url('../images/nav2010.png') no-repeat; display: block; height: 83px; text-indent: -9999px; width: 82px;} ul#navigation li a#home {background-position: 0 0;} ul#navigation li a#home:hover {background-position: 0 -84px;} ul#navigation li a#videos {background-position: -81px 0;} ul#navigation li a#videos:hover {background-position: -81px -84px;} ul#navigation li a#vote {background-position: -162px 0;} ul#navigation li a#vote:hover {background-position: -162px -84px;} ul#navigation li a#toolbox {background-position: -243px 0;} ul#navigation li a#toolbox:hover {background-position: -243px -84px;} ul#navigation li a#guidelines {background-position: -324px 0;} ul#navigation li a#guidelines:hover {background-position: -324px -84px;} ul#navigation li a#about {background-position: -405px 0;} ul#navigation li a#about:hover {background-position: -405px -84px;} /*-- Register/Login Tab Links 2010 --*/ #signin-tab-links {clear: both; display: block; float: right; margin: 35px 0 0 0; position: relative;} #signin-tab-links ul {display: inline; float:left; margin:0; padding:0; width: 170px;} #signin-tab-links ul li {float:left; list-style:none; margin: 0; padding: 0 0 0 0;} #signin-tab-links ul li a {background: url('../images/btns-registerlogin.png') no-repeat; display: block; height: 26px; text-indent: -9999px; width: 85px;} #signin-tab-links ul li a#register-tab {background-position: 0 0;} #signin-tab-links ul li a#register-tab:hover {background-position: 0 -26px;} #signin-tab-links ul li a#login-tab {background-position: -85px 0;} #signin-tab-links ul li a#login-tab:hover {background-position: -85px -26px;} /*--search-box--*/ .search-box{clear: both; display: block; float:right; margin:18px 0 0; width:167px;} .search-box .text{ background:#e5e5e5; border:1px solid #e5e5e5; color:#828282; display:inline; float:left; font:11px Arial, Helvetica, sans-serif; height: 12px; margin:0 2px 0 0; padding:5px 8px; width:120px; } .search-box #button-search{ border:none; float:right; margin:0; } /* --- =maincontent - home--- */ #maincontent_wrapper { margin: 0 auto; width: 1021px; } body#home #maincontent { background: none; float: left; margin: 0; padding: 50px 43px 0 126px; text-align: left; width: 352px; } body#new_window #maincontent { background: none; float: left; margin: 0; padding: 50px 43px 0 37px; text-align: left; width: 299px; } #register_btn { background: url(/images/register_btn.jpg) top left no-repeat; display: block; height: 134px; margin: 0 0 0 0; padding: 0; width: 337px; } #register_btn a { display: block; height: 75px; margin: 0; overflow: hidden; padding: 0; text-indent: -1000px; width: 337px; } /* --- =maincontent - interior--- */ #maincontent { background: url(/images/maincontent_bg.jpg) 152px 5px no-repeat; padding: 50px 43px 25px 152px; width: auto; } #contact_form { color: #5c5c5c; font-size: 12px; line-height: 20px; padding: 0 0 40px 52px; width: 380px; } #contact_form td { padding: 5px; vertical-align: top; } #contact_form label { float: right; font-weight: bold; } #contact_form input.text { background: #E5E5E5; border: 1px solid #cccccc; color: #555555; font-size: 12px; height: 15px; padding: 7px; width: 200px; } #contact_form textarea { background: #E5E5E5; border: 1px solid #cccccc; color: #555555; font-size: 12px; padding: 7px; width: 200px; } #contact_form input.submit { background: #B6D518; border: 1px solid #666666; color: #ffffff; cursor: pointer; display: block; font-size: 12px; padding: 7px; } /* --- =right column --- */ #right_column { background: url(/images/right_col.jpg) top left no-repeat;; float: right; margin: 0; min-height: 500px; padding: 5px 80px 0 32px; text-align: left; width: 387px; } #right_form { background: url(/images/right_form.jpg) top left no-repeat; margin: 0 0 21px 0; width: 358px; } #right_form ul { margin: 0; padding: 0 0 0 19px; } #right_form ul li { background: none; float: left; margin: 0; padding: 0; } #maincontent_wrapper #right_form ul li a { display: block; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; height: 26px; padding: 8px 0 0 0; text-align: center; } #maincontent_wrapper #right_form ul li.active a { background: url(/images/formlink_active.jpg) top left no-repeat; color: #232323; display: block; text-decoration: none; } #maincontent_wrapper #right_form ul li.up a { background: url(/images/formlink_up.jpg) top left no-repeat; color: #707917; display: block; text-decoration: underline; } #maincontent_wrapper #right_form ul li.up a:hover { text-decoration: none; } #right_form ul li#updates { width: 135px; } #right_form ul li#friends { width: 120px; } #right_form ul li#login { width: 65px; } #right_form form { clear: both; padding: 0; } #right_form fieldset { background: url(/images/right_form-fieldset.gif) top left repeat-y; color: #444444; padding: 19px 37px 0 37px; position: relative; } #right_form fieldset table.top td { margin: 0; padding: 2px; } #right_form fieldset input.text { background: #E5E5E5; color: #838383; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 5px 5px 6px 7px; } #right_form fieldset input.email { width: 273px } #right_form fieldset input.p_email { width: 240px } #right_form fieldset input.fname { width: 87px } #right_form fieldset input.lname { width: 170px } #right_form fieldset input.name { width: 128px } #right_form fieldset input.login { width: 207px } #right_form fieldset div#parent_email { padding: 0 0 10px 0; } #right_form fieldset div#parent_email a#p_email { background: #B1D31A; border: 1px solid #8F8F8F; color: #ffffff; cursor: pointer; display: block; margin: 0; padding: 4px; text-decoration: none; vertical-align: top; } #parent_email td { vertical-align: top; } #right_form fieldset div.hide { display: none; } #right_form fieldset div.show { display: block; } #right_form fieldset table.sub2 { border-bottom: 1px dashed #d4d4d4; border-top: 1px dashed #d4d4d4; width: 285px } #right_form fieldset table.sub2 td { font-size: 11px; padding: 7px 0 7px 15px; vertical-align: top; } #right_form fieldset table.sub2 td input { margin: 0 3px 3px 0; } #right_form fieldset table.sub { width: 285px } #right_form fieldset table.sub td { font-size: 11px; padding: 7px 0 7px 15px; vertical-align: top; } #right_form fieldset table.sub td input { margin: 0 3px 3px 0; } #right_form fieldset input#signup_btn { float: right; margin: 7px 0 0 0; } #right_form_bottom { background: url(/images/right_form-bottom.gif) 19px 0 no-repeat; display: block; height: 13px; width: 320px; padding: 0 0 0 37px; } #notify_friend_fieldset .top td { font-size:10px; text-align:right; } #flashcontent { border: 1px solid #cccccc; margin: 0 0 0 19px; width: 320px; } /*----------------------footer----------------------*/ #footer{ width:100%; overflow:hidden; background:#fff url(/images/home/bg-footer.jpg) repeat-x 50% 0; } .footer-holder{ width:943px; margin:22px auto 0; padding:0 0 40px; overflow:hidden; } /*--footer-nav--*/ .footer-nav{ float:left; width:380px; padding:2px 0 0; } .footer-nav ul{ float:right; margin:12px 0 0; padding:0; } .footer-nav li{ float:left; display:inline; margin:0 0 0 14px; list-style:none; } .footer-nav li.home a{ float:left; margin:2px 0 0; width:10px; height:10px; text-indent:-9999px; overflow:hidden; background:url(/images/home/bg-footer-nav.gif) no-repeat; } .footer-nav ul a{ text-decoration:none; color:#999e11; font:11px/13px Arial, Helvetica, sans-serif; } .footer-nav ul a:hover{text-decoration:underline;} /*--footer-logo--*/ ul.footer-logo{ float:right; margin:0; padding:0 25px 0 0; } ul.footer-logo li{ float:left; margin:0 0 0 22px; list-style:none; display:inline; } ul.footer-logo strong{ float:left; margin:19px 0 0; padding:0 7px 0 0; font:11px/16px Arial, Helvetica, sans-serif; color:#848484; } ul.footer-logo img{ float:left; margin:0; border:none; } /* ~~~~~~~~~~~~~~ headers ~~~~~~~~~~~~~~~ */ h1 { color: #a8b523; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; line-height: 32px; margin: 0 0 24px 0; } h1.interior { background: url(/images/interior_h1.jpg) 0 -22px no-repeat; color: #ffffff; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 30px; line-height: 30px; margin: 0; padding: 22px 22px 44px 22px; vertical-align: middle; width: 785px; } body#home h2 { background: none; color: #505050; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 6px 0; } h2 { background: url(/images/interior_h2.jpg) left bottom repeat-x; color: #505050; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; line-height: 21px; margin: 0 0 22px 0; padding: 0; vertical-align: text-top; } body#toolbox .as_toc h2, body#rules .as_toc h2, body#faqs .as_toc h2, body#guidelines .as_toc h2, body#resources .as_title, body#partners .as_title, body#privacy .as_title, body#contact .as_title { display: none; } /* ~~~~~~~~~~~~~~ copy ~~~~~~~~~~~~~~~ */ p { color: #5c5c5c; font-size: 12px; line-height: 20px; margin: 0 0 20px 0; } body#home #maincontent_wrapper a { background: none; color: #9F9F9F; text-decoration: underline; } body#home #maincontent_wrapper a:hover { text-decoration: none; } body#home #maincontent_wrapper a:visited { color: #a5a5a5; } #maincontent_wrapper a { color: #999e11; text-decoration: none; } #maincontent_wrapper a:hover { text-decoration: underline; } blockquote { margin: 0; padding:0; } em { font-style: italic; } ul, ol { margin: 0 0 10px 11px; } #maincontent .as_text ol { padding: 0 0 10px 11px; } #maincontent ul li { background: url( '/images/bull.jpg' ) 0 2px no-repeat; font-size: 12px; padding: 0 0 10px 26px; } #maincontent ul li a { color: #9F9F9F; font-weight: normal; } ol li { margin: 0; padding: 0 0 10px 0; } .clearfix { clear: both; } /* ~~~~~~~~~~~~~~ content magic ~~~~~~~~~~~~~~~ */ body#home .as_title { background: none; color: #a8b523; font-family: Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; line-height: 32px; padding: 0; margin: 0 0 24px 0; width: 340px; } .as_title { color: #505050; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; line-height: 21px; margin: 0; padding: 22px 0 0 52px; width: 300px; } body#home .as_text { color: #5c5c5c; font-size: 12px; line-height: 20px; padding: 0; width: 340px; } .as_text { color: #5c5c5c; font-size: 12px; line-height: 20px; padding: 15px 0 40px 52px; width: 380px; } /*.as_text { color: #5c5c5c; font-size: 12px; line-height: 20px; padding: 15px 0 40px 52px; width: 380px; }*/ .article_image_wrap { float: right; margin: 0 0 0 12px; } #maincontent .as_toc { padding: 0 0 0 52px; width: 340px; } #maincontent .as_text .as_toc { padding: 44px 0 0 0; width: 340px; } body#toolbox .as_toc, body#rules .as_toc, body#faqs .as_toc { padding: 12px 0 0 52px; } #maincontent .as_toc ul li { background: url(/images/raquo.jpg) 0 4px no-repeat; color: #6F6F6F; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; padding: 0 0 10px 16px; } #maincontent .as_toc ul li a { color: #999e11; font-weight: bold; line-height:12px; text-decoration: none; } #maincontent .as_toc ul li.active { background: url(/images/raquo_active.jpg) 0 4px no-repeat; } #maincontent .as_toc ul li.active a { color: #7a7a7a; } #maincontent .as_toc ul li.active a:hover { text-decoration: none; } #maincontent_wrapper #maincontent .as_toc ul li a:visited { color: #999e11; } #maincontent .as_toc ul li a:hover { text-decoration: underline; } #maincontent ul li ul { background: none; margin: 0; padding: 20px 0 0 0; } #maincontent ul li ul li { background: none; display: block; float: left; font-size: 11px; font-weight: normal; margin: 0; padding: 10px 0 0 0; } #maincontent ul li ul li span { background: none; clear: both; display: block; float: left; padding: 0 15px 30px 0; } #maincontent ul li ul li img { background: none; display: block; float: left; padding: 0 5px 18px 0; } #maincontent ul li ul li strong { background: none; color: #414141; display: block; font-size: 13px; padding: 0 0 6px 0; } #maincontent ul li ul li p { background: none; line-height: 12px; font-size: 11px; } ul#banners { background: none; margin: 0; padding: 20px 0 0 0; } ul#banners li { background: none; display: block; float: left; font-size: 11px; font-weight: normal; margin: 0; padding: 10px 0 0 0; } ul#banners li span { background: none; clear: both; display: block; float: left; padding: 0 15px 30px 0; } ul#banners li img { background: none; display: block; float: left; padding: 0 5px 18px 0; } ul#banners li strong { background: none; color: #414141; display: block; font-size: 13px; padding: 0 0 6px 0; } ul#banners li p { background: none; line-height: 12px; font-size: 11px; } #resources #maincontent ul li ul#banners li, #resources #maincontent ul#banners, #resources #maincontent ul#banners li, #resources #maincontent ul#banners li span { margin:0; padding:0; } #resources ul, #resources #banners li, #resources #banners li span { margin:0; padding:0; } /* ~~~~~~~~~~~~~~ ie png fix ~~~~~~~~~~~~~~~ */ * html #brand, * html #navigation { behavior: url(/css/iepngfix.htc) }; /* Styles added for new two column template layout - 2.28.08 */ body.twocol_template #maincontent_wrapper { background: none; margin: 0 auto; padding: 0 0 0 0px; width: 1021px; } body.twocol_template #left_col { float: left; margin-left:0px; padding: 28px 35px 0 50px; position: relative; width: 610px; background: url(/images/maincontent_bg.jpg) 50px 6px no-repeat; } body.twocol_template #left_col h1.as_title { background: url(/images/interior_h1.jpg) no-repeat left center; color: #ffffff; display: block; height:50px; font-family: Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; margin: 0; padding: 55px 22px 25px 22px; width: 580px;} body.twocol_template #left_col div.as_text h2 {background: none; color: #626262; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; /*padding: 0 0 0 36px;*/ padding: 0; margin: 0 0 14px 0; line-height: 18px;} body.twocol_template #left_col div.as_text h3 {background: none; color: #626262; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; /*padding: 0 0 0 36px;*/ padding: 0; margin: 0 0 14px 0; line-height: 18px;} body.twocol_template #left_col div.as_text h4, body.twocol_template #left_col div.as_text h5, body.twocol_template #left_col div.as_text h6 {background: none; color: #c4da2d; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; /*padding: 0 0 0 36px;*/ padding: 0; margin: 0 0 14px 0; line-height: 18px;} body.twocol_template #left_col h2 {background: none; color: #626262; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; padding: 0 0 0 36px; margin: 0 0 14px 0; line-height: 18px;} body.twocol_template #left_col h3 {background: none; color: #626262; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; padding: 0 0 0 36px; margin: 0 0 14px 0; line-height: 18px;} body.twocol_template #left_col h4, body.twocol_template #left_col h5, body.twocol_template #left_col h6 {background: none; color: #c4da2d; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; padding: 0 0 0 36px; margin: 0 0 14px 0; line-height: 18px;} body.twocol_template #left_col div.as_text {color: #626262; padding: 0 0 25px 36px; margin: 0; line-height: 20px; width: 520px;} body.twocol_template #left_col div.as_text p {color: #626262; padding: 0 0 25px 0; margin: 0; line-height: 20px;} body.twocol_template #left_col p {color: #626262; padding: 0 0 25px 36px; margin: 0; line-height: 27px;} body.twocol_template #left_col img {float: left; padding: 0 0 0 36px; margin: 0 31px 0 0;} #right_col { background: url(/images/right_col.jpg) 0 0 no-repeat; float: left; padding: 5px 23px 0 24px; width: 240px; min-height: 556px; height:auto !important; height:556px;} #right_col h2 { background: url(/images/get_active.jpg) 0 0 no-repeat; color: #393838; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0; padding: 11px 0 8px 19px; width: 222px; } #right_col fieldset {} #right_col h3 { color: #aaca18; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0 0 6px 0; } #right_col p { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; margin: 0 0 13px 0; } #right_col input.text, #right_col textarea { background: #e5e5e5; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #f0f0f0; border-right: 1px solid #d3d3d3; border-top: 1px solid #f0f0f0; color: #828282; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 0 6px 0; padding: 6px 8px; width: 184px; } #right_col .as_toc h2 {display: none;} #right_col ul {border-bottom: 1px dashed #ededed; padding: 0; margin: 0;} #right_col li {list-style: none; background: url(/images/rightcol_listbg.jpg) no-repeat left; width: 230px; padding: 9px 0 5px 28px; margin: 0 -53px 0 0px;} #right_col li a:link {color: #444444; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;} #right_col li a:visited {color: #444444; } #right_col li a:hover {color: #b1d219; text-decoration: underline;} #right_col li a {color: #444444; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;} #right_col li a:visited {color: #444444; } #right_col li a:hover {color: #b1d219; text-decoration:underline; } #right_col li a:active {color: #444444; } #right_col ul li.subnav {background: none; line-height:12px;} body.twocol_template #left_col ul, #right_col ul li.subnav ul {padding: 0 0 14px 0px; border: none;} body.twocol_template #left_col ul li, #right_col ul li.subnav ul li { background: url(/images/bull.jpg) no-repeat 0 6px; padding: 8px 0 8px 24px; margin: 0; width: 175px; line-height: 14px;} body.twocol_template #left_col ul li { width:auto; } #right_col ul li.subnav ul li a:link {color: #afafb2; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;} #right_col ul li.subnav ul li a:visited {color: #afafb2; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;} #right_col ul li.subnav ul li a:hover {color: #b1d219; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;} #right_col ul li.subnav ul li a:active {color: #afafb2; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;}