/* ------------------------------------------- 1) BEGIN LAYOUT: Basic Structure ------------------------------------------- */ body { background-color: #261716; height: 100%; color: pink;   } #page { background-color: #261716; 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: transparent; 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: #F4F2F3;} .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: #F4F2F3; 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: #F4F2F3;} #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: #F3F2F4; color: #444444; border:1px solid #DDDDDD; border-left:none; border-right:none; }     #main {overflow:visible;} #sidebar {top:-28px;padding-top:0;} #header { height:160px; } #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 { color: #c0011b; } #start_conversation_spacer { margin:33px 0 0 18px; } #start_conversation a {font-family:Calibri,Arial;font-size:24px; font-weight:bold; letter-spacing:normal;} #footer {padding-top:6px;} #nav_wrap{ width:990px; margin:-28px auto 0 auto; line-height:28px; } #nav{ float:none; width:710px; margin:0; } #community_menu { padding: 0px 15px; margin:0; overflow: hidden;} #community_menu a.title { background: transparent url(http://media.lefora.com/img/tab2-left.png) no-repeat top left; _background-image: none; _background-color: #c0011b; margin-left: 1px; margin-right:0px; padding-left: 18px; overflow: hidden; zoom: 1; font-size:12px; line-height:28px; } #community_menu .title_after { background: transparent url(http://media.lefora.com/img/tab2-right.png) no-repeat top right; _background-image: none; _background-color: #c0011b; float: left; width: 18px; height: 28px; } #search_wrapper { background: #c0011b; line-height:28px;margin-right:15px} /* Magical highlighting menu */ #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 { background:transparent url(/media/img/tab2-left-white.png) no-repeat scroll left top; } #forum_body #community_menu #app_forum .title_after, #headlines_body #community_menu #app_headlines .title_after, #members_body #community_menu #app_members .title_after, #about_body #community_menu #app_about .title_after { background:transparent url(/media/img/tab2-right-white.png) no-repeat scroll right top; } /* Generic content styles */ #content .item_title, #content .item_title a{ color:#555555; font-family:tahoma; font-size:18px; line-height:1; } #content .item_subtitle { color:#999999; font-size:11px; } #content .item_subtitle a { color:#888888; } .button_link {background-color:#c0011b;} .post_footer a.button_link { border-bottom:1px dotted #c0011b; color:#c0011b; cursor:pointer; font-family:tahoma; font-size:12px; line-height:16px; margin:0pt 8px; padding:0 2px 2px 2px; text-decoration:none; font-weight:bold; background-color:transparent; -moz-border-radius:0; } .post_reply_action {background:none;border:none;padding:2px 0; margin:0;} #content .linkuser { background: transparent url(http://media.lefora.com/img/checkerboard.png) repeat left center; color: #c0011b; font: bold 11px tahoma; text-decoration: none; padding: 0 2px; } img.avatar { border:1px solid #CCCCCC; }   .widget .content .cat_list .highlight .liwrap { background-color:transparent; font-weight:bold; } /* Widget Styles */ .widget .title, .widget .title a { font: bold 11px/28px Tahoma; height: 28px; } .widget .title_wrapper { border-bottom:1px solid #c0011b; height:28px; background-color:transparent; padding:0px; } .widget .title_container { background-image: url(http://media.lefora.com/img/tab2-left.png); padding-left: 12px; margin-left: 7px; float: left; _display: inline; _background-image: none; _background-color: #c0011b; } .widget .title_after { background: transparent url(http://media.lefora.com/img/tab2-right.png) no-repeat top right; _background-image: none; _background-color: #c0011b; float: left; width: 14px; } /* Category listing page */ #category-list .item.see-all {border-bottom:none!important;} #category-list .item.see-all a {color:#3388DD;} #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;}