/* ------------------------------------------- 1) BEGIN LAYOUT: Basic Structure ------------------------------------------- */ body { background-color: #EFEFEF; height: 100%; color: pink;   } #page { background-color: #EFEFEF; background-image: none; background-repeat: repeat; background-position: center top; overflow:visible;   }     #main { width: 990px; display: block; position: relative; overflow: hidden; margin: 0 auto; } #content-wrapper { width: 710px; position: relative; float: left; left:100%; margin-left:-990px; } #sidebar { width: 250px; position:relative; float: left; left: 100%; margin-left:-250px; background-color: transparent; color: #fff; padding-top: 20px; } #header { background-color: #3F9933; background-image: none; background-repeat: no-repeat; background-position: center top; width: 990px; height: 140px; margin: 0 auto; overflow: hidden; clear:both; } #content { color: #222; background-color: #ffffff; clear:both; } /* ------------------------------------------- 2) Some sensible detail defaults ------------------------------------------- */ #footer { color: #fff; font: 11px tahoma; } #footer .centering_wrapper {margin: 0 30px; overflow:hidden;} #footer a { color: #fff; border-bottom: 1px dotted #888; } #footer a:hover { border-bottom-style: solid; } #footer .description { float: left; padding-bottom:1px; }   #footer .links { float: right; padding-bottom:1px; } #footer .links a { margin: 0 15px; padding: 0 2px; } #header_right { float: right; width: 250px; } #start_conversation_spacer {margin-top: 30px; margin-right: 30px;} #start_conversation { font: bold 24px "Lucida Grande", "Segoe UI", "Trebuchet MS", Arial, sans-serif; letter-spacing: -1px; margin: 20px 0 0 0px; } #start_conversation a { color:#fff; border-bottom: solid 1px #fff;} #header_left { float: left; width: 710px; } #forum_title_spacer { margin-top: 30px; margin-left: 30px; } #forum_title { font: bold 24px "Lucida Grande", "Segoe UI", "Trebuchet MS", Arial, sans-serif; letter-spacing: -1px; margin: 20px 0 0 0px; } #forum_title a { color:#000; } #forum_description { color: #ddd; font: normal 16px "Lucida Grande", "Segoe UI", "Trebuchet MS", Arial, sans-serif; margin-top: 5px; margin-left: 30px; } #nav { width: 990px; margin-top:15px; float:left; overflow:hidden; } #community_menu { margin: 0px 30px; overflow: hidden; font-size:16px;.display:inline; } #community_menu li { display: inline; } #community_menu a:hover { text-decoration: underline; } #community_menu a.title { margin-right: 30px; overflow: hidden; zoom: 1; color: #fff; font-weight: bold; text-align: center; line-height: 30px; float: left; } #community_menu .title_after {float: left; width: 0px; } #search_wrapper { line-height: 30px; padding: 0 10px; margin-right: 60px; } #search_wrapper a { text-decoration: underline; } /* ------------------------------------------- 3) Navigation context ------------------------------------------- */ #forum_body #community_menu #app_forum a, #headlines_body #community_menu #app_headlines a, #members_body #community_menu #app_members a, #about_body #community_menu #app_about a {color:black;} /* ------------------------------------------- 4) Basic Structual elements ------------------------------------------- */ .row { width:100%;clear:both;overflow:hidden; } .section { padding-left: 30px; padding-right: 30px; overflow:hidden; } .section.first-section { padding-top: 20px; } .section.last-section { padding-bottom: 20px; } .section.head-section { height:30px; padding-bottom:0px;margin-bottom:15px; line-height:28px; border-bottom: solid 1px #aaa;} .section.header-section { padding-top: 20px; padding-bottom: 15px;} .item_title, .item_title a { font-size:18px; } .item_subtitle { font-size:11px; } .page_control_row { background-color:#444; color:#fff; padding:0 6px; line-height:18px; border-left:solid 1px #444; border-right:solid 1px #444; overflow:hidden; } .page_control_row a.current_page {font-weight:bold;font-size:14px;} .page_control_row a {color:#fff;} .page_control_row .page_item_range {color:#bbb;} .page_control_row a, .page_control_row a:visited {color:#fff;} #thread_view .page_control_row a {color:orange;} #thread_view .page_control_row a:visited {color:#fff;}   .button_link{ -moz-border-radius:6px; background-color:green; color:#fff; padding:2px 6px; cursor:pointer; } .linkuser { font-weight:bold; } img.avatar {} .start-topic-wrapper { margin-left:-5px; margin-top:10px; } /* ------------------------------------------- 5) Post moderfiers style [for indicating deleted, spam, dissemvowel] ------------------------------------------- */ .mod_notice { width:80%; background-color:#b22; color:#fff; margin:auto; text-align:center; padding:2px 6px; } .mod_notice a {color:#fff;font-weight:bold;border-bottom:1px solid #fff;} .deleted_post { text-decoration:line-through !important; } .hidden_post {display:none;}   /* TESTING - WIDGET DEFAULTS */ .widget .title_wrapper { padding:2px 0 2px 20px; background-color:#888; font-size:14px;} .widget .title_wrapper a { color:#fff; font-size:14px; } .widget .content a { color:#fff; } .widget .content .post_info { margin-left:10px; } .widget .content .post_info a { color:#888; } .widget .content .cat_list .highlight .liwrap{background-color:#000;} /* TESTING - CONTENT DEFAULTS */ #category-list .item.see-all { color: white; background-color: #aba; border-bottom: none; } #category-list .item.see-all a {color: white;} /* #content {background-color:green;} */   .post_outer { width:741px; border:solid 1px #444; border-top:none; overflow:hidden; } .post_user_col { float:left; width:144px; border-right:solid 1px #444; background-color:#bbb; margin-bottom:-5000px;padding-bottom:5000px; } .post_user_col_avatar{float:left; margin-right:6px;} .post_post_col { float:left; width:596px; background-color:#ddd; margin-bottom:-500px;padding-bottom:500px; } .post_col_head { height:20px; width:100%; line-height:20px; color:#aaa; background-color:#888; } .post_col_head .col_padding {padding:0 6px;overflow:hidden;} .post_col_head a {color:#aaa;} .new .post_col_head a {color:orange;} .post_col_inner { width:100%; overflow:hidden; } .post_col_inner .col_padding {padding:6px;overflow:hidden;} .post_footer { color:#888; } .post_footer_text {padding-top:3px;} .post_reply_action{ margin-left:10px; float:right; } /* Page Styles */ .topic_title_row { background-color:#888; border-left:solid 1px #444; border-right:solid 1px #444; border-top:solid 1px #444; } .topic_title_row h1 {margin:0;padding:0;color:#22d;font-size:20px;font-weight:bold;} .topic_category_row { background-color:#bbb; line-height:18px; border-left:solid 1px #444; border-right:solid 1px #444; } .topic_category_row a {color:#444;} /* Mod relative to base css above */ .post_outer {width:100%; border:none; border-top:solid 1px #C9C7C5; padding-bottom:10px;} .first-post {border-top:none;} .post_user_col .post_col_head {height:20px; background-color:transparent;} .post_col_inner .col_padding {padding:0;} #thread_wrapper {padding:0 0 0 30px;} #thread_wrapper .post_outer {border:none;} #posts_wrapper {padding:0 0 0 30px; background-color:#FbFeFb;} .post_post_col, .post_user_col { float:none; clear:both; margin:0;padding:0; width: 100%; background-color:transparent; } .post_user_col {border:none;} .post_post_col {padding-top:10px;} .post_post_col .post_col_inner {margin-top:-1px; } .post_post_col .post_col_head { position:relative; top:-40px; background-color:transparent; float:right; font-size:11px; position:relative; top:-56px; width:520px; text-align:right; } .post_post_col .post_col_head a {text-transform:lowercase;} .post_post_col .post_col_head a:hover {border-bottom: 1px solid;} .post_post_col .col_padding {padding-right:30px;} .topic_title_row {border:none;background-color:transparent;overflow:visible;} .topic_title_row h1 {color:#665D55; font-family:"Segoe UI",Tahoma; font-size:21px; font-weight:normal; letter-spacing:-1px; line-height:1.3; } .topic_category_row {border:none;background-color:transparent;margin-bottom:10px;} .posts_user_name {padding-top:10px;} .posts_user_status {float:left;margin-right:0.5em;} .posts_user_status, .posts_user_stat {color: #928B8A;font-size:11px;margin-left:2px;} .post_footer_text {color:#928B8A;} #main_reply_form_section {margin-top:-10px;} .admin_actions { font-size:10px;  border:1px solid #444; color:#444; background-color:#FbFeFb; vertical-align:top; margin-right:3px; } .post_permalink {margin-right:10px;} /* Be nice to have a universal 'newness' colour used on the topics page, and in the thread on posts and page numbers 1,2,3<NEW>4,5,6,7,8</NEW> This is a little tricky */ .viewmark {padding: 3px 0 5px 30px;background-color:#C9C7C5;margin-left:-30px;} .viewmark+.new {border-top:none;} #viewmark_text {float:left; width:180px; color:#FbFeFb;} #viewmark_text div {font-size:16px;font-weight:bold;margin-bottom:5px;} #viewmark_content {text-align:right;margin-bottom:-5px;padding-right:20px;} /*Is this the correct place to add the quote styleing? I think these best be global, and in the root file. Overide any styles here define quoteBorder, quoteBG, quoteColor */ .thumbs_up, .thumbs_down{ position:relative; top:2px; width:16px; height:16px; background-image:url(http://media.lefora.com/forum/img/thumbs.gif); cursor:pointer; } .thumbs_up {background-position:0px 0px;} .thumbs_up:hover {background-position:0px -16px;} .thumbs_down {background-position:16px 0px;} .thumbs_down:hover {background-position:16px -16px;} .thumbs_status { overflow:visible; width:100%; text-align:center; margin-top:-4px; color:#928B8A; margin-bottom:8px; } .post_body blockquote { font-style:italic; margin:10px 80px; overflow:hidden; padding:0 1.4em; background-color:#FCFFFA; color: #444444; border:1px solid #D0DDD0; border-left:none; border-right:none; } /* Mod for the simple theme */         #main {background-color:#ffffff;} #content-wrapper {margin-left:-984px;} #sidebar {margin-left:-256px;} #footer {width:990px;margin:10px auto;} #footer .description, #footer a {color:#888888;} #forum_title { font: bold 24px "Lucida Grande", "Segoe UI", "Trebuchet MS", Arial, sans-serif; letter-spacing: -1px; margin: 20px 0 0 0px; } #forum_title, #forum_title a, #forum_description { color: #fff; } .section { padding-left:20px; padding-right:20px; } .post_post_col .col_padding {padding-right:20px;} #thread_wrapper, #posts_wrapper {padding-left:20px;} /* Widget Styles */ .widget .title_wrapper {background-color:#3F9933;padding-left:10px;} .widget .content, .widget .content a {color:black;} .widget div.li, .widget li {background:transparent url(/media/img/list-marker-black.gif) no-repeat scroll 0pt 10px !important;} /* Generic content styles */ #content .item_title, #content .item_title a{ font-family:tahoma; font-size:18px; color:#3F9933; } #content .item_subtitle { color:#999999; font-size:11px; } #content .item_subtitle a { color:#888888; } .page_control_row{ border:none; border-top: 1px solid #3F9933; border-bottom: 1px solid #3F9933; color: #3F9933; background-color:transparent; } .page_control_row a, .page_control_row a:visited {color:#3F9933;} #thread_view .page_control_row a {color: orange;} #thread_view .page_control_row a:visited {color:#3F9933;} img.avatar { border:1px solid #CCCCCC; } #content .linkuser { background: transparent url(http://media.lefora.com/img/checkerboard.png) repeat left center; color: #3F9933; font: bold 11px tahoma; text-decoration: none; padding: 0 2px; } #content .button_link {background-color:#3F9933;} .topic_title_row h1{color:#3F9933;font-family:Tahoma;}   .widget .content .cat_list .highlight .liwrap { background-color:transparent; font-weight:bold; } /* Category listing page */ #category-list .item.see-all {background-color:#FbFeFb!important; border-bottom:none!important;} #category-list .item.see-all a {color:#3F9933;} #category-list li { border-top:1px solid #CCCCCC; } #content #category-list .item_title a {  font-family:"tahoma"; font-size:14px; font-weight:normal; line-height:14px; margin:4px 0pt; } /* Topic listing page */ .thread-list li {padding:5px 0;}