/* ---------------------------------------------------------- Where We Watch Managed by: Murali / http://www.suchsweetthunder.net TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - STRUCTURE 04 - HOMEPAGE ELEMENTS 05 - SUBPAGE ELEMENTS 06 - UTILITY ---------------------------------------------------------- */ /* @group 01 - GLOBAL BROWSER RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before,q:after { content: ''; } abbr,acronym { border: 0; } /* @end */ /* @group 02 - COMMON STYLE */ body { font: 67.5% "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; background: url(http://go.wherewewatch.com/page/-/images/site/bg-html-v1.jpg) no-repeat center 246px; } .base { font-size: 12px; line-height: 18px;} .base h1 { font: 36px/38px Georgia, Verdana, sans-serif; color: #222; margin-bottom: 10px;} .base h2 { font: 21px/26px Georgia, Times, sans-serif; color: #222;} .base h3 { font: bold 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; } .base h4 { font: bold 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; margin-bottom: 5px;} .base h1.spoleto { font-size: 48px; } .base h2.spoleto { text-indent: -6px; margin-top: 20px;} blockquote { } .base ul, ol { list-style-position: outside; margin: 20px 0 20px 25px; } .base ul li, .base ol li { font-size: 12px; line-height: 18px; color: #333; margin: 5px 0;} .base ul li { list-style-type: disc; } .base ol li { list-style-type: decimal; } .base li ol, .base li ul { margin: 0 0 0 25px; } p { font: 12px/18px Helvetica, Arial, sans-serif; color: #333; margin-bottom: 15px;} p.intro { font-size: 18px; line-height: 24px; color: #222;} a { color: #cd0000; text-decoration: underline; font-weight: bold;} a:hover { text-decoration: none; } .base th, .base td { padding: 5px; } /* @end */ /* @group 03 - STRUCTURE */ html { background: #090c08; } #container { width: 100%} a.logo { height: 246px; display: block; text-indent: -9999px; overflow: hidden; background: url(http://go.wherewewatch.com/page/-/images/site/masthead-v1.jpg) no-repeat center 0; } ul#navigation { width: 946px; height: 35px; background: #cb0100 url(http://go.wherewewatch.com/page/-/images/site/navigation.png) no-repeat; margin: 0 auto; text-align: center; padding-top: 5px;} ul#navigation li { display: inline; color: #fff; font-size: 22px; line-height: 24px; text-transform: uppercase; padding: 5px 15px; } ul#navigation li a { font-weight: normal; color: #fff; text-decoration: none; } ul#navigation li a:hover { border-top: 5px solid #fff; } #body { width: 946px; margin: 0 auto; background: url(http://go.wherewewatch.com/page/-/images/site/bg-content-2.jpg) repeat-y 0 0; } body.full-width #body { background: url(http://go.wherewewatch.com/page/-/images/site/bg-content-full.jpg) repeat-y 0 0; } #content { width: 593px; padding: 20px; float: left; position: relative;} body.interior #content { width: 583px; padding: 20px 25px;} body.full-width #content { width: auto; } #sidebar { width: 258px; float: left; padding: 20px 20px 20px 35px; } #sidebar a { color: #eee; text-decoration: none;} #sidebar a:hover { text-decoration: underline; } #sidebar li a { text-decoration: underline; } #sidebar li a:hover { text-decoration: none; } #sidebar h2 { font-size: 36px; margin-bottom: 5px;} #sidebar h3 { font-size: 25px; line-height: 1.2em; font-weight: bold; color: #fff; } #sidebar h3 a { color: #eee; } #sidebar h4 { text-align: right; margin-top: 10px; font-size: 12px; font-weight: bold;} #sidebar p { margin: 0; color: #eee;} #sidebar ul { color: #eee; } #sidebar ul li { font-size: 12px; line-height: 18px; margin: 6px 0; } /** Hacks to Line Up Cufon Sides **/ .cufon-active #sidebar div.upcoming-events h2 { text-indent: -11px; margin-bottom: 0;} .cufon-active #sidebar div.the-regulars h2 { text-indent: -4px; } .cufon-active #sidebar div.most-read h2 { text-indent: -8px; } .cufon-active #sidebar div.get-connected h2 { text-indent: -4px; } #sidebar div.upcoming-events h4 { color: #fff; font-weight: bold; text-align: left; margin-bottom: 0px; } #sidebar div.upcoming-events li { margin: 0; font-size: 12px; line-height: 18px;} #sidebar div.most-read ul li:before { content: "\00BB \0020"; } #sidebar div.the-regulars div { margin-top: 10px; } #footer { width: 926px; margin: 0 auto 10px; background: url(http://go.wherewewatch.com/page/-/images/site/bg-footer.png) repeat-x; padding: 15px 10px; } #footer p { font-size: 10px; line-height: 16px; color: #fff; text-align: center; margin: 0 10px;} #footer a { color: #fff; text-decoration: underline; font-weight: normal;} #footer a:hover { text-decoration: none; } /* @end */ /* @group 04 - HOMEPAGE ELEMENTS */ .box { background: url(http://go.wherewewatch.com/page/-/images/site/img-sidebar-divider.png) no-repeat 50% 100%; padding-bottom: 20px; margin-bottom: 20px; } .box.bottom { margin-bottom: 0px; background: none; padding-bottom: 0;} body#home #content h1.spoleto.red { font-size: 60px; margin-bottom: 15px; } body#home #content #what-to-watch { height: 251px; width: 570px; border: 5px solid #413532; margin: 0 auto 20px; position: relative; } body#home #content #what-to-watch .rotator { height: 251px; width: 570px; overflow: hidden;} body#home #content #what-to-watch .entry { height: 251px; width: 570px; overflow: hidden;} body#home #content #what-to-watch img { position: relative; z-index: 1;} body#home #content #what-to-watch .text { background: url(http://go.wherewewatch.com/page/-/images/site/bg-feature-transparency.png) repeat; width: 490px; position: absolute; bottom: 15px; left: 25px; padding: 15px; color: #fff; z-index: 50;} body#home #content #what-to-watch h3 { color: #e20b00; font-weight: bold; font-size: 26px; margin-bottom: 10px; line-height: 26px;} body#home #content #what-to-watch h3 a { color: #e20b00; } body#home #content #what-to-watch p { color: #fff; font-size: 13.5px; line-height: 18px; margin: 0; } body#home #content #what-to-watch p a { font-weight: bold; text-decoration: none; color: #e20b00;} body#home #content #what-to-watch #prev { position: absolute; left: -15px; top: 105px; z-index: 100; background: url(http://go.wherewewatch.com/page/-/images/site/btn-feature-next.png) no-repeat; display: block; width: 30px; height: 42px; text-indent: -9999px; overflow: hidden;} body#home #content #what-to-watch #next { position: absolute; right: -15px; top: 105px; z-index: 100; background: url(http://go.wherewewatch.com/page/-/images/site/btn-feature-prev.png) no-repeat; display: block; width: 30px; height: 42px; text-indent: -9999px; overflow: hidden;} body#home #content .entry.hovered { background: #aba579; cursor: pointer;} body#home #content .list .entry { border-top: 1px solid #431532; border-bottom: none;} body#home #content .list .entry.first { border: none; } body#home #content h2 { font-size: 40px; margin-bottom: 5px;} body#home #featured-bars p { font-size: 14px; line-height: 18px; margin-bottom: 15px; padding: 0 5px;} body#home #featured-bars .entry { width: 138px; height: 180px; float: left; font-size: 10px; line-height: 15px; color: #434343; padding: 5px; overflow: hidden;} body#home #featured-bars .entry img { width: 128px; border: 5px solid #413532; height: 100px; } /** Fix Cropping of Images **/ body#home #featured-bars .entry a { color: #434343; } body#home #content .entry h3 { font-size: 16px; line-height: 18px; font-weight: bold; color: #333;} body#home #content .entry h3 a { color: #333; text-decoration: none;} body#home #content .entry span.location { font-size: 10px; line-height: 12.5px; font-weight: bold; display: block;} body#home #content .entry a.more { font-weight: bold; text-decoration: none; } body#home #content h4 { font: bold 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 20px; text-align: right;} body#home #content h4 a { text-decoration: none; } body#home #content h4 a:hover { text-decoration: underline; } body#home #content #articles { background: url(http://go.wherewewatch.com/page/-/images/site/bg-homepage-border.png) repeat-y 283px 0; padding: 0 5px;} body#home #content #articles .article { width: 45%; float: left; } body#home #content #articles .left { padding-right: 20px; margin-right: 21px;} body#home #content #articles span.category { font-size: 12px; display: block;} body#home #content #articles span.category a { color: #434343; } body#home #content #articles span.category a:hover { text-decoration: none; } body#home #content #articles .article h3 { font-size: 18px; font-weight: bold; line-height: 20px;} body#home #content #articles .article h3 a { color: #333; text-decoration: none;} body#home #content #articles h3 a:hover { text-decoration: underline; } body#home #content #articles span.byline { font-size: 10px; line-height: 20px; color: #434343; font-weight: bold;} body#home #content #articles .article a.more { font-weight: bold; color: #333; text-decoration: none;} body#home #content #articles .article a.more:hover { text-decoration: underline; } body#home #content #articles .list h3 { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 5px;} body#home #content #articles .list h3 a { text-decoration: none; color: #e20b00;} body#home #content #articles .list h3 a:hover { text-decoration: underline; } body#home #content #articles .list li { font-size: 12px; line-height: 16px; margin-bottom: 8px; } body#home #content #articles .list li:before { content: "\00BB \0020"; } body#home #content #articles .list li a { color: #333; } body#home #content #articles .list li a:hover { color: #333; } #sidebar h2.getupdates { } #sidebar form { margin: 10px 0 0; } #sidebar input.text { width: 145px; font-size: 12px; padding: 5px; color: #5c4f38; background: #beb9ab; border: 1px solid #5c4f38; margin-right: 5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} #sidebar input { vertical-align: middle; } #sidebar img.facebook, #sidebar img.twitter { margin-top: 10px; width: 243px;} /* @end */ /* @group 05 - SUBPAGE ELEMENTS */ body#articles #content ul.article-info { font: bold 12px/18px "Helvetica Neue", Helvetica, Aral, sans-serif; color: #222; display: block; margin: 10px 0; font-weight: bold; } body#articles #content ul.article-info li { list-style-type: none; vertical-align: middle; margin: 0 10px 0 0; height: 20px; line-height: 20px;} body#articles #content ul.article-info li.byline { float: left; } body#articles #content ul.article-info li.facebook-share { width: auto; margin: 0px; float: right; } body#articles #content ul.article-info li.tweetme-share { margin: 2px 0 0 0; font-size: 14px; width: auto; float: right;} body#articles #content span.byline { font: bold 12px/15px "Helvetica Neue", Helvetica, Aral, sans-serif; color: #222; display: block; margin: 10px 0 20px; font-weight: bold;} p.pagination { margin: 10px 0; text-align: right;} p.pagination strong, p.pagination a { padding: 3px 5px; } p.pagination a { color: #413532; text-decoration: none; font-weight: bold;} p.pagination a:hover { text-decoration: underline; } p.pagination strong { border: 1px solid #413532; background: #a88981; color: #fff;} /* Bar Styles */ span.barInfo { display: block; margin: 10px 0; line-height: 1.5em;} div.barInfo { line-height: 20px; font-size: 11px; margin: 10px 0;} body#bars img.main { width: 200px; margin: 0px 0px 10px 10px; float: right; border: 2px solid #413532; background: #fff;} /** Team Styles **/ div.team-table { width: 583px; } div.team-table div.team { width: 160px; height: 40px; float: left; font-size: 14px; line-height: 16px; margin: 10px 33px 10px 0;} div.team-table div.team.hovered { background: #fec51c; cursor: pointer;} div.team-table div.team img { width: 40px; height: 40px; float: left; margin-right: 10px;} div.team-table div.team a { color: #333; text-decoration: none; display: block; padding: 3px 0; } body#teams img.main { width: 150px; margin: 0px 0px 10px 10px; float: right; } /** Map Styles **/ #featuredMap, #smallMap { border: 5px solid #413532; width: 583px; height: 300px; margin: 10px auto;} #map { width: 876px; height: 450px; margin: 0 auto; border: 10px solid #413532;} div.popup div { width: 375px; height: 150px; display: block; margin-bottom: 5px;} #featuredMap h2, #map h2 { font: bold 1.5em Helvetica, sans-serif; margin-bottom: 5px;} #featuredMap h4, #map h4 { font: normal .9em/1.25em Verdana, sans-serif; margin: 0 0 5px 0 ; text-align: left;} #featuredMap p, #map p { line-height: 17px; margin: 0 0 10px 0;} #featuredMap div.popup div div, #map div.popup div div { height: 65px; overflow: hidden; display: block;} #featuredMap div.popup div img, #map div.popup div img { width: 85px; height: auto; float: left; margin-right: 10px;} .list { margin: 0px 0 30px; } .base .list ul { margin: 0; } .base .list ul li { list-style-type: none; } .list .entry { border-bottom: 1px solid #413532; padding: 10px;} .list .entry.hovered { background: #fec51c; cursor: pointer;} .list .entry img { width: 150px; float: left; margin: 5px 15px 0px 0px; border: 5px solid #413532;} .list .entry .text { width: 398px; float: left; } .list .entry h3 a { color: #222; text-decoration: none; } .list .entry span.location { font-size: 11px; line-height: 15px; font-weight: bold;} .list .entry p { margin-bottom: 0; } div.article-list { margin-bottom: 15px; } div.article-list div.entry { border-top: 1px solid #413532; border-bottom: none; padding-bottom: 0;} div.article-list div.entry p { margin-bottom: 10px; } div.article-list .entry img { width: 100px; margin-bottom: 10px;} div.article-list .entry span.location { margin-bottom: 10px; display: ;} div.article-list .entry.first { border: none; } /* Comment Posting */ .comments { margin: 20px 0 0; padding-top: 10px; border-top: 1px solid #a7a7a7;} .comments h2 { margin-bottom: 10px; } #body h3#dsq-add-new-comment.dsq-h3-addcomment { display: none; } /** Ratings **/ div.ratings { margin-bottom: 15px; } #whatIsSpan { display: none; } #main .div-wrapper { padding-bottom: 0;} /** Schedule **/ #filter { position: absolute; top: 25px; right: 25px;} #filter select { width: 175px; } /** World Cup 2010 **/ body#teams.entry #content img.flag { width: 50px; float: left; margin-right: 10px;} body#teams.entry #content img.logo { margin-bottom: 15px; } body#teams.entry #content h1 { line-height: 50px; } body#teams.entry #content h2 { margin-top: 25px; } body#teams.entry #content table th { font-weight: bold; } body#teams.entry #content div.schedule { float: right; margin: 0 0 10px 10px; padding: 10px; border: 1px solid #413532; background: #dbffe4;} body#teams.entry #content div.schedule h3 { margin: 0 0 10px; } body#teams.entry #content div.schedule p { margin: 0; } body#teams.entry div.group-teams ul { margin: 10px 0 0 0; } body#teams.entry div.group-teams ul li { float: left; list-style-type: none; line-height: 50px; margin-right: 50px; text-align: center; font-size: 13px;} body#teams.entry div.group-teams ul li a { text-decoration: none; } body#teams.entry div.group-teams ul li a:hover { text-decoration: underline; } body#teams.entry div.group-teams h3 { margin-top: 25px; } body#articles ul#country-list { margin: 10px 0 0 0; } body#articles ul#country-list li { float: left; list-style-type: none; line-height: 50px; margin-right: 45px; text-align: left; font-size: 13px; width: 145px;} body#articles ul#country-list li img.flag { width: 50px; float: left; margin-right: 10px;} body#articles ul#country-list li a { text-decoration: none; } body#articles ul#country-list li a:hover { text-decoration: underline; } body#articles .conference-list { margin: 10px 0; } body#articles .conference-list p { margin-bottom: 5px; } body#articles table.conference-list img { text-align: center; padding: 0 20px;} /* @end */ /* @group 06 - FRAMEWORK */ #framework h2.regulars { font-size: 60px; margin: 0;} /** BSD Forms **/ #framework input.checkbox { margin: 5px; } #framework input.text { height: 15px; border: 1px solid #a7a7a7; padding: 2px 4px; font: 10.5px Verdana, Arial, sans-serif; color: #666; } #signup td { background: none; border: none; padding: 0;} #signup .text { height: 15px; border: 1px solid #a7a7a7; padding: 2px 4px; margin: 2px 0 10px; font: 10.5px Verdana, Arial, sans-serif; color: #666; width: 325px; } #signup label { font: bold 1.2em Helvetica, Arial, sans-serif; color: #000; } #signup .input_email, #signup .input_addr1, #signup .input_addr2 { width: 325px;} #signup input#firstname { width: 145px; margin-right: 15px;} #signup input#lastname { width: 155px;} #signup .input_addr1 { margin-bottom: 5px;} #signup select { margin-bottom: 10px; } #signup .input_city { width: 90px;} #signup .select_state_cd { width: 75px;} #signup .input_zip { width: 50px;} #signup textarea { width: 330px; font: 1.05em Verdana, Arial, sans-serif; color: #666; padding: 2px; border: 1px solid #a7a7a7; margin: 2px 0 15px;} #signup .submit { margin-top: 10px;} #invitationpage { font: 1em Verdana, sans-serif; color: #333; } #invitationpage td { background: none; border: none; padding: 0;} #invitationpage .text { height: 15px; border: 1px solid #999; padding: 2px 4px; font: 10.5px Verdana, Arial, sans-serif; color: #555; } #invitationpage .textarea { font: 10.5px Verdana, Arial, sans-serif; color: #555; padding: 5px; border: 1px solid #999;} #invitationpage #body { background: #fff; padding: 3px 5px; margin: 0; font: 10.5px Verdana, Arial, sans-serif; color: #555;} #invitationpage td.label, #invitationpage td.field { padding: 5px 0; } #invitationpage td.label { padding-right: 10px; } #framework div.logintitle, #framework div.signuptitle { font: 22px/1.25em Georgia, Verdana, sans-serif; color: #333; margin-bottom: 5px; width: 400px; text-align: center;} #framework #loginform { margin-bottom: 15px; } #framework #loginform table, #framework #signupform table { background: #fff; width: 400px; font-size: 1.2em; margin: 0 auto; } #framework #loginform table th { text-align: right; } #framework #signupform input.text { margin-bottom: 0; width: auto;} #framework #loginform table .logindesc, #framework #loginform table .loginbutton, #framework #signupform table .signupdesc, #framework #signupform table .signupbutton { padding: 10px; } #framework #loginform a.loginforgotlink { color: #4dace9; font-size: 12px; font-style: italic;} #framework #comm_content form#login_form { width: 400px; margin: 15px auto; padding: 5px; background: #fff;border: solid 1px #aaa; } #framework #comm_content #login_form td.loginbutton { text-align: center; } #framework #SKIN #control_set { padding: 0; width: 583px; background: none;} #framework #SKIN #widget_group_1 { width: 285px; padding: 0; margin-right: 13px; } #framework #SKIN #widget_group_2 { width: 285px; } #framework #SKIN #widget_group_1 .widget_container { margin-bottom: 15px;} #framework #SKIN #widget_group_2 .widget_container { padding: 0 0 0 0;margin-bottom: 15px; } #framework #SKIN .widget_group .widget_container .container { padding: 5px; } #framework #SKIN .widget_group .widget_container .widget_header { background: #241d17; padding: 0;} #framework #SKIN .widget_title { padding: 5px 10px; font-weight: normal; font-family: "Helvetica Neue", Helvetica;} #framework #SKIN #widget_circle_extended_info p { margin: 5px 10px; } #framework #SKIN #widget_circle_extended_info div.form_button_group { margin: 0px 5px; } #framework #SKIN #widget_circle_group_profile { clear: both; } #framework #SKIN #widget_circle_group_profile p { margin: 10px; } #framework #SKIN #widget_circle_group_profile img.group_image { float: left; margin: 10px; display: inline;} #framework #SKIN .profile_image { width: 100px; } #framework #SKIN #event_pane_left p { padding: 0;margin-bottom: 10px; } #framework #SKIN .entity_list_title { font-weight: bold; line-height: 15px;} #framework #SKIN .entity_list_subheading { display: none; } #framework #SKIN h1 { color: #333; font-size: 24px; line-height: 24px; font-weight: normal;} html.cufon-active #framework #SKIN h1 { font-size: 48px;} #framework #SKIN #control_set h1 { text-indent: -10px; width: 400px;} #framework #SKIN h2, #framework #SKIN .widget_title { font-size: 16px; } html.cufon-active #framework #SKIN .widget_title { font-size: 20px; } #framework #SKIN h2.header, #framework #SKIN h2#sectionheader { font-size: 21px; line-height: 26px; padding: 0;} #framework #SKIN h3, #framework #SKIN h4 { font-size: 12px; } #framework #SKIN p { padding: 10px 0px; font-size: 12px; } #framework #SKIN .container { font-size: 12px; } #framework #SKIN a { font-size: 12px; } #framework #SKIN.module_event2 #account_actions { text-align: right; top: 0px;} #framework #SKIN.module_event2 #account_actions span#login_status { display: block;} #framework #SKIN.module_event2 p.instructions { margin-bottom: 0; } #framework #SKIN.module_event2 p.disclaimer { display: none; } #framework #SKIN.module_event2 p.subhead { margin-bottom: 0; } #framework #SKIN table.firstform th, #framework #SKIN .typedescheader { font-weight: bold; } #framework #SKIN #account_actions a:link, #framework #SKIN #account_actions a:active, #framework #SKIN #account_actions a:visited, #framework #SKIN #account_actions a:hover { color: #625642; } #framework #SKIN .form_button_group input.radiobutton { margin: 5px; } /** Community Blogs **/ #framework #confirmcode div.header { font: 22px/1.1em Georgia, Verdana, sans-serif; margin-bottom: 10px; color: #333; border: none;} #framework #confirmcode div.confirminstructions { font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; margin-bottom: 1.5em;} #framework #confirmcode table td, #framework #confirmcode table th { padding: 10px;} #framework #redirect .box { font-size: 14px; } #framework div.communityheader table#comm_headertable { margin-bottom: 15px; } #framework div.communityheader table#comm_headertable td { padding: 0;} #framework div.communityheader table#comm_headertable td.headertitle { font: 36px/38px Georgia, Verdana, sans-serif; margin-bottom: 10px; color: #222; width: 510px;} html.cufon-active #framework div.communityheader table#comm_headertable td.headertitle { font-size: 48px; text-indent: -14px;} #framework div.communityheader table#comm_headertable td.headerlinks { line-height: 18px; width: 300px; text-align: right;} #framework #comm_content div.header { font: 22px/1.1em Georgia, Verdana, sans-serif; padding-bottom: 5px; margin: 10px 0; color: #333; border-bottom: 1px solid #413532;} #framework #comm_content div.subheader { font: bold 20px/1.25em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; margin: 10px 0; } #framework #comm_content form#journal_form table { width: auto; margin: 10px auto; background: #eee; border: 1px solid #a7a7a7; } #framework #comm_content form#journal_form table td, #framework #comm_content #framework #comm_content form#journal_form table th.oneline { font-weight: bold; } #framework #comm_content form#post_form { width: 535px; margin: 10px auto; background: #eee; padding: 10px; border: 1px solid #a7a7a7;} #framework #comm_content form#post_form table th.left { width: 100px; font-weight: bold; } #framework #comm_content form#post_form table td.spacer { padding: 0; height: 10px; line-height: 10px;} #framework #comm_content form#post_form span.whatisthis { padding-left: 5px; } #framework #comm_content form#post_form input.submit { margin-right: 10px; } #framework #comm_content form#post_form div.title { font: bold 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 10px; color: #333; } #framework #comm_content form#post_form div.title a { color: #333; text-decoration: none; } #framework #comm_content form#post_form div.title a:hover { text-decoration: underline; } #framework #comm_content form#post_form div.byline { font: bold 10px/15px Verdana, sans-serif; color: #555; display: block; margin-bottom: 10px; } #framework #comm_content div.postlist { margin-top: 10px; } #framework #comm_content div.postlist table.head td.text { font-weight: bold; font-size: 14px;} #framework #comm_content div.postlist table.list { border: none; } #framework #comm_content div.postlist table.list th { font-weight: bold; border-bottom: 1px solid ;} #framework #comm_content #community div.reason { font-weight: bold; font-size: 14px; margin-bottom: 5px;} #framework #comm_content div.journaltitle { font-weight: bold; font-size: 14px; margin-bottom: 10px; color: #333;} #framework #comm_content div.communitypostfull div.title { font: 30px/34px Georgia, Verdana, sans-serif; color: #222; margin-bottom: 5px;} #framework #comm_content div.communitypostfull td.byline { padding: 0; font: bold 12px/15px "Helvetica Neue", Helvetica, Aral, sans-serif; color: #222; display: block; margin: px 0 0; font-weight: bold;} #framework #comm_content div.communitypostfull div.postactions { padding: 5px; margin: 10px 0; border: 1px solid #a7a7a7; background: #e9f4fb; font-size: 11px; line-height: 11px; width: 275px;} #framework #comm_content div.communitypostfull div.postactions a { text-decoration: none; color: #555;} #framework #comm_content div.communitypostfull div.postactions a:hover { text-decoration: underline; } #framework #comm_content div#profilefullcontainer div.profilefull { display: none; } #framework #comm_content div#profileteasercontainer div.profileteaser div.viewmore a { text-decoration: none; font-style: italic; font-size: 11px; color: #;} #framework #comm_content div#profileteasercontainer div.profileteaser div.title { font-weight: bold; font-size: 13px;} #framework #comm_content div#profileteasercontainer { position: relative; } #framework #comm_content div#profileteasercontainer div.userid { font-weight: bold;} #framework #comm_content div.communitypostinlist div.title { font: 22px/26px Georgia, Times, sans-serif; color: #222; } #framework #comm_content div.communitypostinlist div.title a { font-weight: normal; color: #222; text-decoration: none;} #framework #comm_content div.communitypostinlist div.title a:hover { text-decoration: underline; } #framework #comm_content div.communitypostinlist div.byline { font: bold 12px/15px "Helvetica Neue", Helvetica, Aral, sans-serif; color: #222; } #framework #comm_content div.communitypostinlist div.body { margin: 10px 0; } #framework #comm_content div.communitypostinlist { padding: 10px 0; border-top: 1px solid #413532;} #framework #comm_content div.communitypostinlist div.postactions a { font-size: 12px; color: #cd0000; text-decoration: none;} #framework #comm_content div.communitypostinlist div.postactions a:hover { text-decoration: underline; } #framework .comments { margin: 0; } #framework .comments td { padding: 0; } #framework .comments td.commentstitle { font: 21px/24px Georgia, Times, sans-serif; color: #222; width: 40%;} #framework .comments td.commentstitle a { color: #222; text-decoration: none; font-weight: normal;} #framework .comments td.commentactions { width: 60%; text-align: right;} #framework .comments td.commentactions ul { margin: 0; } #framework .comments td.commentactions li { list-style-type: none; display: inline; text-align: right; line-height: 24px; margin-left: 20px;} #framework .comments div.nocomments { font-style: italic; margin: 10px 0; font-size: 13px;} #framework #SKIN .widget_groups_container #widget_group_1 .widget_container p { padding: 0; } #framework #SKIN #widget_group_1 div.blog_entry { padding: 10px; } #framework #SKIN #widget_group_1 div.blog_entry h3 { font-size: 16px; line-height: 20px;} #framework #SKIN #widget_group_1 div.blog_entry h3 a { font-size: 16px; text-decoration: none;} #framework #SKIN #widget_group_1 div.blog_entry h3 a:hover { text-decoration: underline; } #framework #SKIN #widget_group_1 div.blog_entry p.pubdate { font-size: 11px; color: #454545; } #framework #SKIN #widget_group_1 div.blog_entry p.pubdate a { font-size: 11px; color: #454545;} #framework #SKIN #widget_group_1 div.blog_entry p.comments { text-transform: capitalize; margin: 0; padding-top: 10px;} #framework #SKIN #widget_group_1 div.blog_entry p.comments a { text-decoration: none; } /* @end */ /** Groups **/ #SKIN td.ygtvcontent span { background: none; } /* @group 07 - UTILITY */ .cufon-loading .spoleto, .cufon-loading #framework #SKIN h1, .cufon-loading #framework td.headertitle, .cufon-loading .twcent, .cufon-loading h2.widget_title { visibility: hidden !important;} .line { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px; } .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } .cufon-loading .spoleto { visibility: hidden !important; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} /* @end */