/* style_screen.css*/ @font-face { font-family: "hip2b2"; src: url( /hip2b2.eot ); /* IE */ src: local("hip2b2"), url(/hip2b2.ttf) format("truetype"); /* non-IE */ } @font-face { font-family: "hip2b2"; src: url("/hip2b2.eot") /* EOT file for IE */} @font-face { font-family: "hip2b2"; src: url("/hip2b2.ttf") /* TTF file for CSS3 browsers */} /** POSITIONING **/ body {background-color: #fff; font-size:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} #wrapper {width:990px; background-color:#fff; margin:0px; margin-left: auto; margin-right: auto; padding: 0px;} /** HEADER ELEMENTS **/ #header { height:212px; background:#fff url(/images/header-bg.jpg) no-repeat; position:relative;} #header .search_box {text-align:right; position:absolute; right:15px; top:10px;} #header .search_box input.text{ background:#686E6E; border:none; font-size:18px; color:#FFF20D; text-transform:uppercase; padding:1px 3px 2px 3px; font-family:"hip2b2", verdana, helvetica, sans-serif; margin-right:35px;} #header .search_box input.button { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:0px 0px; width:30px; height:24px; border:none; position:absolute; right:0; top:1px;} #header .menu ul { position:absolute; left:15px; bottom:20px;} #header .menu ul li{font-size:18px; float:left;padding-right:40px; font-family:"hip2b2", verdana, helvetica, sans-serif; } #header .menu ul li a{color:#fff;} #header .menu ul li a:hover{color:#5094bf; text-decoration:none;} #header .menu ul li a.current{color:#5094bf;} #header .menu .brains1 { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:0px -25px; width:30px; height:20px; position:absolute; bottom:38px; left:118px;} #header .menu .brains2 { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:0px -25px; width:30px; height:20px; position:absolute; bottom:38px; left:400px;} #header .menu .new1 { background-image:url(/images/ico-new.png); background-repeat:no-repeat; width:24px; height:14px; position:absolute; bottom:42px; right:360px; display:block;} #header .menu .new2 { background-image:url(/images/ico-new.png); background-repeat:no-repeat; width:24px; height:14px; position:absolute; bottom:42px; right:270px;} #header #logo {position:absolute; left:15px; top:115px;} #header #think-crew {position:absolute; right:15px; bottom:0; height:115px; width:130px} #header #think-crew a{ background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; display:block;} #header #think-crew a.login { background-position:-30px 0px; width:50px; height:22px; position:absolute; left:0px; bottom:28px;} #header #think-crew a.register { background-position:-80px 0px; width:73px; height:22px; position:absolute; right:0px; bottom:28px;} #header #think-crew2 {position:absolute; right:55px; bottom:0; height:115px; width:130px} #header #think-crew2 a{ background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; display:block;} #header #think-crew2 a.myprofile { background-position:-95px -208px; width:70px; height:22px; position:absolute; left:-40px; bottom:28px;} #header #think-crew2 a.contribute { background-position:-57px -232px; width:73px; height:22px; position:absolute; left:36px; bottom:28px;} #header #think-crew2 a.logout { background-position:0px -232px; width:55px; height:22px; position:absolute; right:-40px; bottom:28px;} /** CONTENT ELEMENTS **/ #content{width:675px; background:#fff; float:left; position:relative; padding-top:0px; margin-top:10px;} #content .results { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding-top:10px; } #content .heading{position:relative;padding-bottom:30px;} h1 {font-size:24px;} h1.green {background-image:url(/images/sprite-headers-big-trans.png); background-repeat:no-repeat; width:665px; height:38px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px; position:absolute; top:0; left:-8px;} h1.green2 {background-image:url(/images/sprite-headers-big-trans.png); background-repeat:no-repeat; width:665px; height:38px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px; position:absolute; top:0; left:-8px; background-position:0px -42px;} h1.blue {background-image:url(/images/sprite-headers-big-trans.png); background-repeat:no-repeat; background-position:0 -82px; width:665px; height:38px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px; position:absolute; top:0; left:-8px;} h1.blue2 {background-image:url(/images/sprite-headers-big-trans.png); background-repeat:no-repeat; width:665px; height:38px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px; position:absolute; top:0; left:-8px; background-position:0px -122px;} h1.orange {background-image:url(/images/sprite-headers-big-trans.png); background-repeat:no-repeat; background-position:0 -162px; width:665px; height:38px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px; position:absolute; top:0; left:-8px;} h1.orange2 {background-image:url(/images/sprite-headers-big-trans.png); background-repeat:no-repeat; width:665px; height:38px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px; position:absolute; top:0; left:-8px;background-position:0px -243px;} h1.pink {background-image:url(/images/sprite-headers-big-trans.png); background-repeat:no-repeat; background-position:0 -202px; width:665px; height:38px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px; position:absolute; top:0; left:-8px;} h1.purple {background-image:url(/images/sprite-headers-big-trans.png); background-repeat:no-repeat; background-position:0 -243px; width:665px; height:38px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px; position:absolute; top:0; left:-8px;} h1.red {background-image:url(/images/sprite-headers-big-trans.png); background-repeat:no-repeat; background-position:0 -282px; width:665px; height:38px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px; position:absolute; top:0; left:-8px;} h1 span.desc { color:#353e3d; font-size:16px;} h1 span.brain { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:0 -45px; width:30px; height:30px; position:absolute; bottom:27px; left:48px;} h1 span.brain2{ background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:0 -45px; width:30px; height:30px; position:absolute; bottom:27px; left:202px;} h1 span.brain3 { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-140px -154px; width:30px; height:30px; position:absolute; bottom:27px; left:48px;} h1 span.brain4 { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-140px -154px; width:30px; height:30px; position:absolute; bottom:27px; left:120px;} h1 span.shapes { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-30px -24px; width:50px; height:48px; position:absolute; bottom:-1px; right:-10px;} h1 span.shapes2 { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:0px -158px; width:48px; height:48px; position:absolute; bottom:-1px; right:-10px;} h1 span.ba { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-175px -157px; width:20px; height:20px; position:absolute; bottom:28px; left:142px;} h1 span.ba2 { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-175px -157px; width:20px; height:20px; position:absolute; bottom:28px; left:265px;} h1 span.ba3 { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-175px -157px; width:20px; height:20px; position:absolute; bottom:28px; left:177px;} h1 span.cat_science { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-100px -81px; width:74px; height:30px; position:absolute; bottom:20px; left:110px;} h1 span.cat_technology { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:0px -102px; width:97px; height:26px; position:absolute; bottom:23px; left:110px;} h1 span.back-button { position:absolute; right:50px; top:5px;} h1 span.back-button a{ color:#fff; font-size:16px } h1 span.arrows{ color:#fff; font-size:12px; position:absolute; right:82px; top:7px; } h1 span.square {font-size:14px; position:absolute; top:1px; left:118px;} .red-line{background:url(/images/red-line.png) repeat-x; height:5px; margin:5px 0; width:340px;} .green-line{background:url(/images/bg-green.png) repeat-x; height:5px; margin:5px 0; width:340px;} .articles_browse ul{padding-top:10px;} .articles_browse ul li{ padding-bottom:10px; } .articles_browse ul li .main_pic { float:left; position:relative; } .articles_browse ul li .main_pic a{ background-position:center; background-repeat:no-repeat; width:245px; height:200px; display:block; margin-right:10px; position:relative; } .articles_browse ul li .main_pic_sml { float:left;} .articles_browse ul li .main_pic_sml a{ background-position:center; background-repeat:no-repeat; width:160px; height:130px; display:block; margin-right:10px;} .articles_browse ul li span.contribution-play-button { background-image:url(/images/sprite-trans.png); height:30px; width:30px; display:block; background-repeat:no-repeat; background-position:-170px 0; position:absolute; bottom:20px; left:200px; z-index:1000 } .articles_browse ul li span.contribution-play-button a { display:block;height:30px; width:30px; } .articles_browse ul li span.contribution-play-button2 { background-image:url(/images/sprite-trans.png); height:30px; width:30px; display:block; background-repeat:no-repeat; background-position:-170px 0; position:absolute; bottom:70px; left:120px; z-index:1000 } .articles_browse ul li span.contribution-play-button2 a { display:block;height:30px; width:30px; } .articles_browse ul li .content { position:relative;} .articles_browse ul li .content p{padding-top:3px;} .articles_browse ul li .content h2.green a {font-family:"hip2b2", verdana, helvetica, sans-serif; color:#9FC45D; text-transform:uppercase; font-size:18px; line-height:18px; } .articles_browse ul li .content h3 a { color:#353e3d; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; line-height:24px; font-weight:normal;} .articles_browse ul li .content h3 a.purple { color:#912b86;} .articles_browse ul li .content .desc { position:absolute; bottom:0px; left:255px;} .articles_browse ul li .content .desc a.profile{ background-position:center; background-repeat:no-repeat; width:50px; height:50px; display:block; float:left;} .articles_browse ul li .content .desc_short { position:absolute; bottom:0; left:170px;} .articles_browse ul li .content .desc span.ba{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-154px -0px; width:16px; height:16px; position:absolute; top:0px; left:37px} .articles_browse ul li .content .desc p { margin-left:60px; padding-top:5px;} .articles_browse ul li .content_slide { position:relative; float:right; width:405px; } .articles_browse ul li .content_slide p{padding-top:3px;} .articles_browse ul li .content_slide h2.green a {font-family:"hip2b2", verdana, helvetica, sans-serif; color:#9FC45D; text-transform:uppercase; font-size:18px; line-height:18px; } .articles_browse ul li .content_slide h3 a { color:#353e3d; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; line-height:24px; font-weight:normal;} .articles_browse ul li .content_slide .desc { position:absolute; top:157px; left:0;} .articles_browse ul li .content_slide .desc a.profile{ background-position:center; background-repeat:no-repeat; width:50px; height:50px; display:block; float:left;} .articles_browse ul li .content_slide .desc_short { position:absolute; bottom:0; left:170px;} .articles_browse ul li .content_slide .desc span.ba{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-154px -0px; width:16px; height:16px; position:absolute; top:0px; left:37px} .articles_browse ul li .content_slide .desc p { margin-left:60px; padding-top:5px;} .articles_browse .purple-line{background:url(/images/purple-line.gif) repeat-x; height:5px; margin:0px 0 10px 0; } .article_read ul{padding:10px 5px 10px 0;} .article_read ul li{ padding-bottom:10px;} .article_read ul li .main_pic { float:right; padding:0 0 5px 5px;} .article_read ul li .main_pic span{ background-position:center; background-repeat:no-repeat; width:320px; height:260px; display:block; } .article_read ul li .main_pic .thumbs {margin:0;padding:0;} .article_read ul li .main_pic .thumbs li{float:right; padding:5px 0 0 5px;} .article_read ul li .main_pic .thumbs li a{ background-position:center; background-repeat:no-repeat; width:64px; height:50px; display:block; } .article_read ul li .main_pic .thumbs li a.current {border:4px solid #7cc242; width:56px; height:42px;display:block;} .article_read ul li .content p {padding-top:10px;} .article_read ul li .content .article { margin-top:0px;} .article_read ul li .content .article a { color:#0068a0; text-decoration:underline;} .article_read ul li .content { position:relative;} .article_read ul li .content h2.green a { color:#9FC45D; text-transform:uppercase; font-size:18px;font-family:"hip2b2", verdana, helvetica, sans-serif;} .article_read ul li .content h3 a { color:#353e3d; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; line-height:24px; font-weight:normal;} .article_read ul li .content .desc { padding:10px 0 10px 0; width:300px; position:relative} .article_read ul li .content .desc a.profile{ background-position:center; background-repeat:no-repeat; width:50px; height:50px; display:block; float:left;} .article_read ul li .content .desc span.ba{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-154px -0px; width:16px; height:16px; position:absolute; bottom:48px; left:37px} .article_read ul li .content .desc p { margin-left:60px; padding-top:5px;} .article_read ul li .content .desc p a { text-decoration:underline} .article_read .tags {padding-bottom:5px;} .article_read .tags a {text-decoration:underline;} .article_read .edits { padding-bottom:10px; } .article_read .edits a {text-decoration:underline;} .article_read .edits span.edit {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-178px -81px; padding:0 9px; margin-left:5px;} .contrib { position:relative;} .contrib span.big-brain {background-image:url(/images/big-brain-trans.png); background-repeat:no-repeat; width:280px; height:218px; position:absolute; top:-25px; right:-10px;} .contrib p.content{ width:400px; padding:10px 0; } .contrib ul.formz li label{color:#0068a0; padding:0; font-weight:bold;} .contrib ul.formz li label.purple{color:#912b86; padding:0; font-weight:bold;} .contrib ul.formz li span {color:#7cc242;} .contrib ul.formz li input.text { margin-bottom:5px; border:1px solid #999; width:460px; padding:2px;} .contrib ul.formz li textarea { margin-bottom:5px; border:1px solid #999; width:460px; height:100px; padding:2px;} .contrib ul.formz li input.check { margin:0; padding:0;} .contrib ul.formz li input.button { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-100px -132px; width:70px; height:23px; border:none; margin:10px 0} .contrib ul.formz li input.button2 { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-60px -256px; width:70px; height:23px; border:none; margin:10px 0} .contrib ul.formz li a {font-weight:normal; text-decoration:underline;} .quiznext { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:0 -257px; width:60px; height:23px; border:none; margin:10px 0}**/ .content h2{font-family:"hip2b2", verdana, helvetica, sans-serif; font-weight:bold} #content .about-us {padding-top:-50px;} #content span.next {font-family:"hip2b2", verdana, helvetica, sans-serif; font-size:24px; } #content span.next-url {font-family:"hip2b2", verdana, helvetica, sans-serif; font-weight:normal; font-size:24px; } #content span.next-url a{ font-weight:normal; } .signup { position:relative;} .signup span.big-brain {background-image:url(/images/big-brain2-trans.png); background-repeat:no-repeat; width:280px; height:218px; position:absolute; top:45px; right:10px;} .signup p.content{ width:400px; padding:10px 0; } .signup ul.formz li { margin-right:10px;} .signup ul.formz li.image { width:225px;} .signup ul.formz li label{color:#f26522; padding:0; font-weight:bold;} .signup ul.formz li span {color:#7cc242;} .signup ul.formz li input.text { margin-bottom:5px; border:1px solid #999; width:220px; padding:2px;} .signup ul.formz li select { margin-bottom:5px; border:1px solid #999; padding:2px;} .signup ul.formz li select.day { width:40px;} .signup ul.formz li select.month {width:100px;} .signup ul.formz li select.year {width:77px;} .signup ul.formz li textarea { margin-bottom:5px; border:1px solid #999; width:460px; height:100px; padding:2px;} .signup ul.formz li textarea.textarea2 { margin-bottom:5px; border:1px solid #999; width:220px; height:100px; padding:2px;} .signup ul.formz li input.check { margin:0; padding:0;} .signup ul.formz li input.button { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-100px -132px; width:70px; height:23px; border:none; margin:10px 0} .signup ul.formz li input.button2{ background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-100px -104px; width:70px; height:23px; border:none; margin:10px 0} .signup ul.formz li input.login { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-30px 0px; width:50px; height:22px; border:none; margin:10px 0} .signup ul.formz li a {font-weight:normal; text-decoration:underline;} .signup ul.formz li.desc{ height:42px;} #profile {padding:10px 5px 10px 0;} #profile .img {float:left; background-repeat:no-repeat; background-position:top; width:245px; height:200px; position:relative;} #profile .slider {float:left; background-repeat:no-repeat; background-position:top; width:230px; height:200px; position:relative;} #profile .img a { background:#fff; text-decoration:underline; position:absolute; bottom:5px; left:5px; padding:3px;} #profile .desc { float:left; width:415px; padding:0 0 10px 10px;} #profile .desc li { padding:3px;} #profile .desc li h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; line-height:20px; padding-bottom:10px; margin:0;} #profile .desc li.odd {background:#eaebeb;} #profile .desc li label{ display:block; float:left; width:180px; color:#0068a0; font-weight:bold;} #profile .desc li label.purple{ display:inline; width:215px; color:#912b86 } #profile .desc li span{ display:inline; width:215px;} #profile div a {text-decoration:underline;} #presenter {padding:10px 5px 10px 0;} #presenter .img {float:left; background-repeat:no-repeat; background-position:top; width:245px; height:200px; position:relative;} #presenter .slider {float:left; background-repeat:no-repeat; background-position:top; width:230px; height:200px; position:relative;} #presenter .img a { background:#fff; text-decoration:underline; position:absolute; bottom:5px; left:5px; padding:3px;} #presenter .desc { float:left; width:415px; padding:0 0 10px 10px;} #presenter .desc li { padding:3px;} #presenter .desc li h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; line-height:20px; padding-bottom:10px; margin:0;} #presenter .desc li.odd {background:#eaebeb;} #presenter .desc li label{ display:block; float:left; width:180px; color:#912b86; font-weight:bold;} #presenter .desc li label.purple{ display:inline; width:215px; color:#912b86 } #presenter .desc li span{ display:inline; width:215px;} #presenter div a {text-decoration:underline;} #ba {padding:10px 5px 10px 0;} #ba .img {float:left; background-repeat:no-repeat; background-position:center; width:245px; height:200px; position:relative} #ba .img a { background:#fff; text-decoration:underline; position:absolute; bottom:5px; left:5px; padding:3px;} #ba .desc { float:left; width:415px; padding:0 0 10px 10px;} #ba .desc li { padding:3px;} #ba .desc li h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; line-height:20px; padding-bottom:10px; margin:0;} #ba .desc li.odd {background:#eaebeb;} #ba .desc li label{ display:block; float:left; width:180px; color:#f26522; font-weight:bold;} #ba .desc li label.purple{color:#912b86; } #ba .desc li span{ display:inline; width:215px; float:left;} #ba div a {text-decoration:underline;} #ba .desc li.status label{ display:block; float:left; width:180px; color:#f26522; font-weight:bold; width:120px;} #ba .desc li.status label span { background-repeat:no-repeat; display:block; width:110px; height:75px;} #ba .desc li.status span{ display:inline; width:275px; float:left; padding-top:12px;} #ba_fame { padding-top:10px;} #ba_fame li{ float:left; padding:0 20px 10px 0; } #ba_fame li a.image {display:block;background-repeat:no-repeat; width:160px; height:130px; position:relative; float:left; background-position:center} #ba_fame li a.image span { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-47px -182px; width:70px; height:20px; position:absolute; bottom:7px; left:-6px;} #ba_fame li .desc { float:left; width:155px;} #ba_fame li .desc ul li{ padding:3px; margin-left:10px; width:150px;} #ba_fame li .desc ul li label{ color:#f26522; font-weight:bold;} #ba_fame li .desc ul li.odd{ background:#eaebeb;} #ba_fame li .desc ul li a {text-decoration:underline;} #ba_update {padding:10px 0 20px 0;} #ba_update .main_pic { float:left;} #ba_update .video { float:left;width:390px; height:270px; margin-right:10px;} #ba_update .main_pic a{ background-position:center; background-repeat:no-repeat; width:340px; height:270px; display:block; margin-right:10px;} #ba_update .content { position:relative;} #ba_update .content p{padding-top:3px;} #ba_update .content h2.orange a {font-family:"hip2b2", verdana, helvetica, sans-serif; color:#f26522; text-transform:uppercase; font-size:18px; line-height:18px; } #ba_update .content h3 { color:#353e3d; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; line-height:24px; font-weight:normal;} #ba_update .content h3 a{ color:#f26522; text-decoration:underline; } #ba_update .content .desc { padding-top:10px; position:relative; } #ba_update .content .desc a.profile{ background-position:center; background-repeat:no-repeat; width:50px; height:50px; display:block; float:left; margin-right:10px;} #ba_update .content .desc span.ba{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-154px -0px; width:16px; height:16px; position:absolute; top:5px; right:270px} #ba_update .content .desc span.ba2{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-154px -0px; width:16px; height:16px; position:absolute; top:5px; left:37px} #ba_update .content .desc span.ba3{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-154px -0px; width:16px; height:16px; position:absolute; top:5px; right:222px} #ba_update .content p.text {margin-top:20px;} #ba_update .content p.text {margin-top:10px;} #ba_update .content .purple-line{background:url(/images/purple-line.gif) no-repeat; height:5px; margin:5px 0 5px 400px; } #generic {padding:10px 0 20px 0; margin-right:5px;} #generic .main_pic { float:right; margin:0 0 5px 10px;} #generic .content { position:relative;} #generic .content p{padding-top:3px;} #generic .content h3 { color:#353e3d; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; line-height:24px; font-weight:normal;} #generic .content p.text {margin-top:20px;} #generic .content .bar { background:url(/images/generic-bg-trans.png) repeat-x; height:30px; margin-top:20px;} .mag_browse { margin-bottom:-10px;} .mag_browse li { float:left; padding-right:8px; margin-bottom:5px;} .mag_browse li a.issue { background-repeat:no-repeat; width:160px; height:160px; display:block; margin-bottom:3px;} #comments { position:relative; padding-top:30px;} #comments h1 {background:url(/images/comments-bg-trans.png) repeat-x; position:absolute; top:0px; left:0; width:410px; height:30px; } #comments span.heading{background-image:url(/images/sprite-headers-trans.png); background-repeat:no-repeat; width:210px; height:38px; position:absolute; top:0px; left:-8px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px; background-position:0 -80px;} #comments span.rated {position:absolute; top:8px; right:55px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#353e3d; } #comments span.ratetxt {position:absolute; top:0px; right:14px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#353e3d; } #comments span.rate span.ph {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-23px -128px; width:17px; height:10px; position:absolute; top:-5px; right:-28px;} #comments span.rate a.pos{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:0px -138px; width:30px; height:18px; position:absolute; top:2px; right:-20px;} #comments span.rate a.neg{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-30px -138px; width:30px; height:18px; position:absolute; top:2px; right:-50px;} #comments .share { background:#7cc242; float:right; width:240px; position:absolute; top:0px; right:5px; padding:6px;} #comments .share a {color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; text-decoration:underline;} #comments .share span.email {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-70px -136px; width:30px; height:18px; display:block; float:left; margin-right:5px; } #comments .share span.fb {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-58px -134px; width:15px; height:18px; display:block; float:left; margin:0 3px 0 5px; } #comments .share span.tail {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-80px -45px; width:13px; height:13px; position:absolute; top:-11px; left:10px; } #comments .share span.tail2 {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-80px -45px; width:13px; height:13px; position:absolute; top:-11px; left:10px; } #comments .share2 { background:#0068a0; float:right; width:240px; position:absolute; top:0px; right:5px; padding:6px;} #comments .share2 a {color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; text-decoration:underline;} #comments .share2 span.email {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-70px -136px; width:30px; height:18px; display:block; float:left; margin-right:5px; } #comments .share2 span.fb {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-58px -134px; width:15px; height:18px; display:block; float:left; margin:0 3px 0 15px; } #comments .share2 span.tail {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-180px -32px; width:13px; height:13px; position:absolute; top:-11px; left:10px; } #comments .share3 { background:#912b86; float:right; width:240px; position:absolute; top:0px; right:5px; padding:6px;} #comments .share3 a {color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; text-decoration:underline;} #comments .share3 span.email {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-70px -136px; width:30px; height:18px; display:block; float:left; margin-right:5px; } #comments .share3 span.fb {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-58px -134px; width:15px; height:18px; display:block; float:left; margin:0 3px 0 15px; } #comments .share3 span.tail {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-173px -195px; width:13px; height:13px; position:absolute; top:-11px; left:15px; } #comments li { position:relative; padding-bottom:15px;} #comments li a.profile {background-position:center; background-repeat:no-repeat; width:50px; height:50px; display:block; float:left; margin-right:10px; border:1px solid #ccc;} #comments li span.tail{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-170px -30px; width:10px; height:16px; position:absolute; top:6px; left:56px;} #comments li span.author { background:#f26522; color:#FFF; padding:3px 5px;} #comments li span.author a{ text-decoration:underline; color:#FFF; font-weight:bold} #comments li p { padding:10px 0 0 60px;} #comments ul.formz li {color:#f36523; padding:0; font-weight:bold;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;line-height:18px;} #comments ul.formz li input.text { margin-bottom:5px; border:1px solid #999; width:330px; padding:2px;} #comments ul.formz li textarea { margin-bottom:5px; border:1px solid #999; width:330px; height:100px; padding:2px;} #comments ul.formz li input.button { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-100px -103px; width:70px; height:23px; border:none; margin:5px 5px 0 0;} #comments ul.formz li a {font-weight:bold; text-decoration:underline;} .pager { font-size:14px; } .pager li {padding:5px 10px 3px 10px; height:20px;} .pager li.blank { background:url(/images/bg-green.png); float:left; width:495px;display:block;} .pager li.controls { background:#7cc242; float:right; width:130px;position:relative; padding-top:8px; height:17px;} .pager li.controls a.view {float:left} .pager li.controls span.list { margin-left:30px; } .pager li.controls span.list a.next { padding-right:10px;} .pager li.controls span.next_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-80px -55px; width:10px; height:15px; position:absolute; bottom:0px; right:5px; } .pager li.controls span.prev_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-75px -68px; width:10px; height:12px; position:absolute; bottom:11px; left:6px; } .pager li.controls span.pause_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-85px -69px; width:10px; height:11px; position:absolute; bottom:11px; left:20px; } .pager li.controls span.tail {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-80px -45px; width:13px; height:13px; position:absolute; top:-11px; left:15px; } .pager li a {font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold;} .pager li a:hover{text-decoration:underline;} .pager2 { font-size:14px; } .pager2 li {padding:5px 10px 3px 10px; height:20px;} .pager2 li.blank { background:url(/images/mag-bg-trans.png) repeat-x; float:left; width:495px;display:block; height:28px;} .pager2 li.controls { background:#ed1882; float:right; width:130px;position:relative; padding-top:6px; height:14px;} .pager2 li.controls span.list { margin-left:30px; } .pager2 li.controls span.list a.next { padding-right:10px;} .pager2 li.controls span.next_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-80px -56px; width:10px; height:15px; position:absolute; bottom:0px; right:5px; } .pager2 li.controls span.prev_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-75px -68px; width:10px; height:12px; position:absolute; bottom:9px; left:6px; } .pager2 li.controls span.pause_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-85px -69px; width:10px; height:11px; position:absolute; bottom:9px; left:20px; } .pager2 li.controls span.tail {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-173px -183px; width:13px; height:13px; position:absolute; top:-11px; left:15px; } .pager2 li a {font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold; text-decoration:underline; } .pager3 { font-size:14px; } .pager3 li {padding:5px 10px 3px 10px; height:20px;} .pager3 li.blank { background:url(/images/tv-bg-trans.png) repeat-x; float:left; width:495px;display:block; height:28px;} .pager3 li.controls { background:#912b86; float:right; width:130px;position:relative; padding-top:6px; height:14px;} .pager3 li.controls span.list { margin-left:30px; } .pager3 li.controls span.list a.next { padding-right:10px;} .pager3 li.controls span.next_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-80px -56px; width:10px; height:15px; position:absolute; bottom:0px; right:5px; } .pager3 li.controls span.prev_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-75px -68px; width:10px; height:12px; position:absolute; bottom:9px; left:6px; } .pager3 li.controls span.pause_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-85px -69px; width:10px; height:11px; position:absolute; bottom:9px; left:20px; } .pager3 li.controls span.tail {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-173px -195px; width:13px; height:13px; position:absolute; top:-11px; left:15px; } .pager3 li a {font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold; text-decoration:underline; } .pager4 { font-size:14px; } .pager4 li {padding:5px 10px 3px 10px; height:20px;} .pager4 li.blank { background:url(/images/mag-bg-trans.png) repeat-x; float:left; width:440px;display:block; height:28px;} .pager4 li.controls { background:#CB2331; float:right; width:180px;position:relative; padding-top:6px; height:14px;} .pager4 li.controls span.list { margin-left:30px; } .pager4 li.controls span.list a.next { padding-right:10px;} .pager4 li.controls span.next_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-80px -56px; width:10px; height:15px; position:absolute; bottom:0px; right:5px; } .pager4 li.controls span.prev_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-75px -68px; width:10px; height:12px; position:absolute; bottom:9px; left:6px; } .pager4 li.controls span.pause_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-85px -69px; width:10px; height:11px; position:absolute; bottom:9px; left:20px; } .pager4 li.controls span.tail {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-190px -195px; width:13px; height:13px; position:absolute; top:-11px; left:15px; } .pager4 li a {font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold; text-decoration:underline; } .pager5 { font-size:14px; margin-top:10px; } .pager5 li {padding:5px 10px 3px 10px; height:20px;} .pager5 li.blank { background:url(/images/quiz-bg-trans.png); float:left; width:495px;display:block;} .pager5 li.controls { background:#cb2331; float:right; width:130px;position:relative; padding-top:8px; height:17px;} .pager5 li.controls a.view {float:left} .pager5 li.controls span.list { margin-left:30px; } .pager5 li.controls span.list a.next { padding-right:10px;} .pager5 li.controls span.tail {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-190px -195px; width:13px; height:13px; position:absolute; top:-11px; left:15px; } .pager5 li a {font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold;} .pager5 li a:hover{text-decoration:underline;} .pager_simple { font-size:14px; } .pager_simple li {padding:5px 10px 3px 10px; height:20px;} .pager_simple li.controls { position:relative;} .pager_simple li.controls span.next_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-80px -56px; width:10px; height:15px; position:absolute; bottom:9px; right:5px; } .pager_simple li.controls span.prev_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-75px -68px; width:10px; height:12px; position:absolute; bottom:9px; left:6px; } .pager_simple li a {font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold;} .pager_simple li a:hover {font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold;text-decoration:underline;} .pager_simple li.controls a.prev {position:absolute; left:20px; top:7px;} .pager_simple li.controls a.next {position:absolute; right:20px; top:7px;} .pager_simple li.controls span.pages {position:absolute; right:270px; top:6px;font-family:Georgia, "Times New Roman", Times, serif; color:#FFF;} .pager_simple li.controls span.pages select {border:1px solid #ccc; font-family:"Lucida Console", Monaco, monospace;color:#666; font-size:11px;} /** SIDEBAR WIDGETS **/ #sidebar{width:315px; float:left; } #sidebar li.hook-up { background:url(/images/hookup.png) no-repeat; width:315px; height:190px; position:relative;} #sidebar li.hook-up input{ border:none; color:#333; width:180px; padding:3px} #sidebar li.hook-up input.email { margin:85px 0 0 25px;} #sidebar li.hook-up input.cell { margin:5px 0 0 25px;} #sidebar li.hook-up input.button {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:0px -257px; width:73px; height:22px; margin:5px 0 0 25px;} #sidebar li.join-crew { background:url(/images/join-crew-trans.png) no-repeat; width:315px; height:222px; position:relative;} #sidebar li.join-crew span.register a{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-80px 0px; width:73px; height:22px; position:absolute; bottom:10px; left:26px} #sidebar li.join-crew span.contribute a{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-75px -22px; width:93px; height:24px; position:absolute; bottom:8px; left:20px} #sidebar li.join-crew2 { background:url(/images/join-crew2-trans.png) no-repeat; width:315px; height:110px; position:relative;} #sidebar li.careers { background:url(/images/careers.png) no-repeat; width:315px; height:91px; position:relative;} #sidebar li.careers a{ display:block; width:315px; height:91px;} #sidebar li.join-crew2 span.register a{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-80px 0px; width:73px; height:22px; position:absolute; bottom:10px; left:26px} #sidebar li.join-crew2 span.contribute a{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-80px -22px; width:89px; height:24px; position:absolute; bottom:8px; left:104px} #sidebar li.join-crew3 { background:url(/images/join-crew3-trans.png) no-repeat; width:315px; height:186px; position:relative;} #sidebar li.join-crew3 span.contribute a{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-46px -160px; width:89px; height:24px; position:absolute; bottom:15px; left:23px} #sidebar li.subscribe { background:url(/images/subscribe-trans.png) no-repeat; width:320px; height:127px; position:relative; margin:-10px 0 5px 0;} #sidebar li.subscribe span.subscribe a{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:0px -208px; width:93px; height:22px; position:absolute; bottom:10px; left:26px} #sidebar li.fb a{ background:url(/images/fb-join-trans.png) no-repeat; width:300px; height:44px; display:block; margin:10px 0 10px 15px;} #sidebar li.ad { width:300px; height:150px; background:#939393;margin:10px 0 10px 15px;} #sidebar li.fun-fact {background:#eaebeb; margin:10px 0 10px 15px; padding:10px;} #sidebar li.fun-fact .blue-line{background:url(/images/blue-line.gif) no-repeat; height:5px;} #sidebar li.fun-fact a.img { background-position:center; background-repeat:no-repeat; height:120px; width:120px; display:block;} #sidebar li.fun-fact .desc { width:150px; padding-left:10px;} #sidebar li.fun-fact .desc h1 a{font-family:"hip2b2", verdana, helvetica, sans-serif; color:#0068a0; text-transform:uppercase; font-size:18px; letter-spacing:1px;} #sidebar li.fun-fact .desc h2 { font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:353e3d; line-height:26px; word-wrap:break-word;} #sidebar li.contacts { background:#c2dae9; padding:10px; margin-left:15px; color:#0068a0; font-weight:bold;} #sidebar li.contacts div {padding:2px 0;} #sidebar li.contacts .email span{background-image:url(/images/sprite-trans.png); height:26px; width:32px; display:block; background-repeat:no-repeat; background-position:-90px -46px; float:left; margin-right:10px;} #sidebar li.contacts .email a { text-decoration:underline;} #sidebar li.contacts .snail span {background-image:url(/images/sprite-trans.png); height:30px; width:28px; display:block; background-repeat:no-repeat; background-position:-122px -46px; float:left; margin:0 10px 0 3px;} #sidebar li.contacts .sms span {background-image:url(/images/sprite-trans.png); height:30px; width:22px; display:block; background-repeat:no-repeat; background-position:-150px -46px; float:left; margin:0 10px 0 5px;} #sidebar li.contacts .fax span {background-image:url(/images/sprite-trans.png); height:30px; width:32px; display:block; background-repeat:no-repeat; background-position:-172px -46px; float:left; margin:0 5px 0 2px;} #sidebar li.blue { position:relative; padding:45px 10px 0px 10px;margin-left:15px; background:#eaebeb;} #sidebar li.blue h1 {background-image:url(/images/sprite-headers-trans.png); background-repeat:no-repeat; height:38px; position:absolute; top:5px; left:-8px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px;background-position:0 -40px; width:210px; } #sidebar li.blue input.text {border:1px solid #ccc;padding:4px 2px; width:130px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#666;} #sidebar li.blue select.select {border:1px solid #ccc;margin:2px 0;padding:3px 0; width:138px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#666;} #sidebar li.blue input.button { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:0px -79px; width:70px; height:24px; border:none; margin:3px 0} #sidebar li.blue .blue-line{background:url(/images/blue-line.gif) no-repeat; height:5px; padding-bottom:10px; margin-top:5px;} #sidebar li.blue span.desc {font-family:Georgia, "Times New Roman", Times, serif;color:#000; font-size:14px } #sidebar li.blue input.go { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-70px -80px; width:30px; height:22px; border:none;} #sidebar li.orange { position:relative; padding:45px 10px 10px 10px;margin-left:15px; background:#eaebeb;} #sidebar li.orange h1 {background-image:url(/images/sprite-headers-trans.png); background-repeat:no-repeat; height:38px; position:absolute; top:5px; left:-8px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px;background-position:0 -80px; width:210px; } #sidebar li.orange span a.close { position:absolute; top:15px; right:20px;color:#f26522; font-weight:bold;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration:underline;} #sidebar li.orange .desc { padding-bottom:5px;position:relative;} #sidebar li.orange .desc a { text-decoration:underline; color:#f26522;} #sidebar li.orange .desc a.img { background-repeat:no-repeat; width:110px; height:80px; display:block; float:left; margin-right:10px; } #sidebar li.orange .desc a.play {background-image:url(/images/sprite-trans.png);background-position:-170px 0;background-repeat:no-repeat;display:block;height:30px;position:absolute;left:70px;bottom:20px;width:30px;} #sidebar li.orange .desc p { float:left; width:160px;} #sidebar li.orange .orange-line{background:url(/images/orange-line.gif) no-repeat; height:5px; padding-bottom:10px; margin-top:5px;} #sidebar li.orange ul.formz li label{color:#f26522; font-weight:bold; line-height:20px;} #sidebar li.orange ul.formz li textarea{ margin-bottom:5px; border:1px solid #999; width:270px; height:60px; padding:2px;} #sidebar li.orange ul.formz li input.text{border:1px solid #999;padding:2px; margin-bottom:5px; width:270px; color:#666;} #sidebar li.orange ul.formz li input.button { background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-119px -183px; width:53px; height:23px; border:none; margin:0px 5px 10px 0;} #sidebar li.orange ul.formz li input.button2 {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-100px -103px; width:70px; height:23px; border:none; margin:5px 5px 0 0;} #sidebar li.orange .pager_simple { font-size:14px; margin-top:-15px;} #sidebar li.orange .pager_simple li {padding:5px 10px 3px 10px; height:20px;} #sidebar li.orange .pager_simple li.controls { position:relative;} #sidebar li.orange .pager_simple li.controls span.next_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-80px -55px; width:10px; height:15px; position:absolute; bottom:6px; right:5px; } #sidebar li.orange .pager_simple li.controls span.prev_img {background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-75px -68px; width:10px; height:12px; position:absolute; bottom:9px; left:6px; } #sidebar li.orange .pager_simple li a {font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold; text-decoration:underline; } #sidebar li.orange .pager_simple li.controls a.prev {position:absolute; left:20px; top:7px;} #sidebar li.orange .pager_simple li.controls a.next {position:absolute; right:20px; top:7px;} #sidebar li.orange .pager_simple li.controls span.pages {position:absolute; right:270px; top:6px;font-family:Georgia, "Times New Roman", Times, serif; color:#FFF;} #sidebar li.orange .pager_simple li.controls span.pages select {border:1px solid #ccc;color:#666; font-size:11px;} #sidebar li.orange .comments {padding:10px 0 20px 0 ;} #sidebar li.orange .comments li { position:relative; padding-bottom:10px;} #sidebar li.orange .comments li a.profile {background-position:center; background-repeat:no-repeat; width:50px; height:50px; display:block; float:left; margin-right:10px;} #sidebar li.orange .comments li span.author { font-weight:bold; color:#333; } #sidebar li.orange .comments li span.author a.name{ text-decoration:underline; font-weight:bold} #sidebar li.orange .comments li p { padding:0px 0 0 60px;} #sidebar li.tags{margin-left:15px;background:#eaebeb; padding:0 10px 10px 10px} #sidebar li.contrib { position:relative; padding:45px 10px 0px 10px;margin-left:15px; background:#eaebeb;} #sidebar li.contrib h1 {background-image:url(/images/sprite-headers-trans.png); background-repeat:no-repeat; height:38px; position:absolute; top:5px; left:-8px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px;background-position:0 -40px; width:210px; } #sidebar li.contrib .top_contrib li { padding-bottom:10px; position:relative} #sidebar li.contrib .top_contrib li a.profile {background-position:center; background-repeat:no-repeat; width:38px; height:38px; display:block; float:left; margin-right:10px;} #sidebar li.contrib .top_contrib li a.profile2 { width:50px; height:50px;} #sidebar li.contrib .top_contrib li span.ba{background-image:url(/images/sprite-trans.png); background-repeat:no-repeat; background-position:-154px -0px; width:16px; height:16px; position:absolute; top:-5px; left:25px} #sidebar li.contrib .top_contrib li span.ba2{ top:-5px; left:38px} #sidebar li.contrib .top_contrib li h3 a{ text-decoration:underline; } #sidebar li.contrib .top_contrib li h3 span { font-size:12px; } #sidebar li.contrib .top_contrib li ul.list { padding-left:60px;} #sidebar li.contrib .top_contrib li ul.list li {padding:0; color:#0068a0; font-size:13px;} #sidebar li.contrib .top_contrib li ul.list li a {text-decoration:underline;color:#0068a0;font-family:Georgia, "Times New Roman", Times, serif; } #sidebar li.related { position:relative; padding:45px 10px 0px 10px;margin-left:15px; background:#eaebeb;} #sidebar li.related h1 {background-image:url(/images/sprite-headers-trans.png); background-repeat:no-repeat; height:38px; position:absolute; top:5px; left:-8px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px;background-position:0 -40px; width:210px; } #sidebar li.related .related_articles li { padding-bottom:10px; position:relative} #sidebar li.related .related_articles li a.profile {background-position:center; background-repeat:no-repeat; width:80px; height:65px; display:block; float:left; margin-right:10px;} #sidebar li.related .related_articles li h3 a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;} #sidebar li.facebook {padding-left:15px;} .widgets { margin-top:20px; } .widgets li { position:relative; float:left; width:330px; padding-top:40px; padding-bottom:10px;} .widgets li.space { margin-right:13px;} .widgets li h1 {background-image:url(/images/sprite-headers2-trans.png); background-repeat:no-repeat; width:333px; height:38px; position:absolute; top:0px; left:-8px; font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; padding-left:10px;} .widgets li h1.pink { background-position:0 -123px; } .widgets li h1.purple { background-position:0 -41px; } .widgets li h1.orange { background-position:0 -82px; } .widgets li h1.red { background-position:0 0px; } .widgets li a.img {background-position:center; background-repeat:no-repeat; width:170px; height:125px; display:block; margin:0 10px 5px 0; float:left; } .widgets li .play-button a{ background-image:url(/images/sprite-trans.png); height:30px; width:30px; display:block; background-repeat:no-repeat; background-position:-170px 0; position:absolute; top:125px; left:130px;} .widgets li label.orange { color:#f26522; font-weight:bold;} .contribution-play-button-small { background-image:url(/images/sprite-trans.png); height:30px; width:30px; display:block; background-repeat:no-repeat; background-position:-170px 0; float:left; margin-top:90px; margin-left:-50px; } .contribution-play-button-small a { display:block;height:30px; width:30px; } .widgets li h3 { font-size:17px; line-height:17px; color:#000; margin:0;padding:0 0 5px 0; font-family:Georgia, "Times New Roman", Times, serif} .widgets li small { font-size:12px; line-height:20px;} .tags li{margin:0;padding:0;list-style:none;display:inline; font-family:Georgia, "Times New Roman", Times, serif} .tags li a{ text-decoration:none; padding:0 2px;} .tags li a:hover{ text-decoration:underline;} .tag1{font-size:100%;} .tag2{font-size:120%;} .tag3{font-size:140%;} .tag4{font-size:160%;} .tag5{font-size:180%;} .terms li{ list-style:outside; margin-left:30px;} #footer{height:80px;background:url(/images/footer.gif) no-repeat; margin-top:10px; height:100px;} #footer .menu ul { padding:15px 20px; position:relative;} #footer .menu ul li{font-size:18px; float:left;padding-right:40px; font-family:"hip2b2", verdana, helvetica, sans-serif; position:relative; } #footer .menu ul li a{color:#fff;} #footer .menu ul li a span{font-size:10px; position:absolute; top:0px; left:81px;} a.signin { position:relative;margin-left:3px;} #signin_menu {display:none; background-color:#0068a0; border:none; position:absolute; width:276px;z-index:100;text-align:left;padding:5px 12px 12px 12px;top: 221px;right: -2px;color:#fff;font-size:11px;} #signin_menu img.login-tail { position:absolute; top:-23px; left:143px;} #signin_menu img.login-blank { position:absolute; top:150px; left:-32px;} #signin_menu h1{ font-family:"hip2b2", verdana, helvetica, sans-serif; color:#fff; font-size:28px; } #signin_menu h1 span.brain {background-image:url(/images/sprite-trans.png);background-position:-140px -155px;background-repeat:no-repeat;height:29px;left:40px;top:-15px;position:absolute;width:30px;} #signin_menu input[type=text], #signin_menu input[type=password] {display:block;border:none;font-size:13px; margin:3px 0 5px 0; padding:3px;width:270px;} #signin_menu p {margin:0;} #signin_menu a.forgot { color:#fff; background:none;font-weight:bold;text-decoration:underline;} #signin_menu a {color:#6AC;} #signin_menu label {font-weight:bold;cursor:default;color:#fff;} #signin_menu p.remember {padding:10px 0;} #signin_menu p.forgot, #signin_menu p.complete {clear:both; margin:5px 0;} #signin_menu p a { color:#fff!important;} #signin_submit { background-image:url(/images/sprite-trans.png); background-position:-132px -233px; width:53px; height:22px; border:none;} .signin_submit { background-image:url(/images/sprite-trans.png); background-position:-132px -233px; width:53px; height:22px; border:none;} .contributors-section { padding-bottom:15px;} .contributors-pic {width:50px; height:50px; display:block; float:left; margin-right:10px; position:relative; } .contributors-pic a{width:50px; height:50px;} .contributors-section .contributors-pic span.ba {background-image:url("/images/sprite-trans.png");background-position:-154px 0;background-repeat:no-repeat;height:16px;left:25px;position:absolute;top:-5px;width:16px;} .quiz ul{ margin:10px 0; padding-bottom:10px;} .quiz ul li { float:left; width:320px; margin-right:10px;} .quiz ul li a.img { background-repeat:no-repeat; width:170px; height:130px; display:block; float:left; margin-right:10px;} .quiz ul li h3 a {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;} /*HOME PAGE BUTTON BOX*/ .home-button-box {margin:20px 0;} .home-button-box ul li{ float:left; margin-right:9px; } .home-button-box ul li.last{ float:left; margin-right:0; } .home-button-box-img {width:105px; height:70px; display:block; }