/* color(http://media.lefora.com/img/tab2-left.png,#cc001b) color(http://media.lefora.com/img/tab2-right.png,#cc001b) */ /* 1)LAYOUT: - Top (body, #page) - Header - Main (#content, #nav, #sidebar) - Footer 2)UI STYLES: - Top (body, #page) - Header - Main (#content, #sidebar) - Footer 3)SPECIFIC CONTENT STYLE: - Generic #Content - Category & Thread List - Xposts - Widgets */     img.avatar { border:1px solid #ccc; } #profiley { color: #333; } .topic_type_selector { color: #555; } .topic_type_selector a { color: #666; float: right; margin-top: -16px; text-decoration: underline; } /* ------------------------------------------- 1) BEGIN LAYOUT: Basic Structure ------------------------------------------- */ body { color: #fff; background-color: #261716; height: 100%; } #page { background-color: #261716; background-image: none; background-repeat: repeat; background-position: center top; overflow:visible;   }   #header { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: center top; width: 990px; height: 160px; margin: 0 auto;   overflow: hidden; } #header_left {   float: left; width: 710px; } #header_right { width: 250px; float: right; margin-top: 33px; }   #main { margin: -28px auto 0 auto; overflow: hidden; width: 990px; } #nav { width: 710px; } #content-wrapper { width: 710px; float: left; } #content {   color: #222; background-color: #fff; } #sidebar { width: 250px; background-color: transparent; color: #fff; float: right; top: -28px;   position: relative; .display: inline;   }   #footer { clear: both; margin: auto; width: 710px; color: #fff; background-color: transparent; padding-top: 6px; padding-bottom: 20px; } /* ------------------------------------------- 2) BEGIN UI STYLES: ------------------------------------------- */   #header_right .start_conversation { font: bold 24px Calibri, Arial; } #header_right .spacer { margin-left: 18px; padding: 2px 0; } #header_right .start_conversation, #header_right .start_conversation a { color: #fff; } #header_right .start_conversation a { border-bottom: 1px solid white; } #header_right .start_conversation .pointer { color: #c0011b; } #header_right .start_conversation:hover a { border-bottom: 1px solid #fff; } #forum_title { background-color: transparent; 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; } #forum_title_spacer { margin-top: 30px; margin-left: 30px; } #forum_description { color: #ddd; background-color: transparent; font: normal 16px "Lucida Grande", "Segoe UI", "Trebuchet MS", Arial, sans-serif; margin-top: 5px; margin-left: 30px; } #forum_description h2 { display: inline; margin-right: 4px;} #join_community { margin-top: 15px; font: bold 18px tahoma; color: White; border-bottom: 1px solid #c0011b; padding: 2px 4px; text-transform: capitalize; }   #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; padding-left: 18px; overflow: hidden; zoom: 1; } #search_wrapper { line-height: 28px; padding: 0 10px; background: #c0011b; margin-right: 15px; } #search_wrapper a { text-decoration: underline; } #community_menu a:hover { text-decoration: underline; } #community_menu { padding: 0px 15px; overflow: hidden;} #community_menu li { display: inline; } #community_menu .title { color: #fff; font-weight: bold; text-align: center; line-height: 28px; float: left; } #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; }   #footer .description { color: #fff; font: 11px tahoma; float: left; .display: inline; } #footer .centering_wrapper {margin: 0px 30px 0px 30px;} #footer a { color: #fff; border-bottom: 1px dotted #888; } #footer a:hover { border-bottom-style: solid; } #footer .links { color: #fff; font: 11px tahoma; float: right; .display: inline; } #footer .links a {   margin: 0 15px; padding: 0 2px; } /* ------------------------------------------- 2) SPECIFIC CONTENT STYLES: ------------------------------------------- */     .row {width:100%;clear:both;overflow:hidden;} .section { padding-left: 30px; padding-right: 30px; overflow:hidden; } .section.first-section { padding-top: 30px; } .section.last-section { padding-bottom: 30px; } .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; }   .section.head a { border-bottom:1px dotted #888888; color:#888;} .permalink { color: #444; font-size: 11px; border-bottom: 1px solid #ccc; margin: 0 4px; opacity: 0.3; } .action {   color: #c0011b; -moz-user-select: none; font-size: 12px; line-height: 16px; font-family: tahoma; text-decoration: none; border-bottom: dotted 1px #c0011b; cursor: pointer; padding-bottom: 2px;   margin: 0 8px; } .action:hover { border-bottom-style: solid; } #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; } #content a.linkuser { cursor: pointer; } #content a.linkuser:hover { border-bottom: solid 1px #c0011b; } .visually_important { font-weight: bold; line-height: 16px; opacity: 1; }   #whats_hot h1, #whats_happening h1, #where_happening h1 {border-bottom:solid 1px #888; margin-bottom:1.0em; font: 18px tahoma; color:#555; } #whats_hot {color:#555 !important;} #whats_hot .h_runin {font-size:14px;font-weight:bold;color:#664444;}   #category-list { } #all-categories-page .counts { color: #888; } #content .item_title { font: 18px/1 tahoma; .line-height: 1.3; color:#555; margin-bottom: -2px;} #content .item_title a { color:#555; } #content .item_subtitle { color: #999; margin-top:2px; font-size: 11px;} #content .item_subtitle a { color: #888; } #content .item_subtitle a:hover { text-decoration: underline; } #category-list li { border-top: 1px solid #ccc; } #category-list li.first { border-top: 1px solid transparent; } .thread-list li { border-top: 1px solid #d0d0d0; padding: 5px 0;} .thread-list li.first { border-top: 1px solid transparent; } #thread-list h2 a, #all_categories h2 a { color: #369; } .start-topic-wrapper { margin-top: 10px; margin-left: -5px;} #thread-list-page .header-section .item_title { color: #c0011b; font-size: 22px; } {# category title #} .start-topic-wrapper .start-topic-link { font: bold 11px tahoma; background-color: #c0011b; padding: 2px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: white; } .feed_event_link { color: #c01; font: bold 11px tahoma; border-bottom: 1px dotted #888; } .start_conversation_link:hover, .feed_event_link:hover { border-bottom: 1px solid #c01; } #content #category-list .item_subtitle { font-size: 11px; }   .outerpost + .outerpost { border-top: 1px solid #c9c5c5; } .outerpost { _border-bottom: 1px solid #c9c5c5; } #thread_header { margin-bottom: 5px; padding-top: 20px; } #xposts .thread_title { font: 21px/1.3 "Segoe UI",Tahoma; letter-spacing: -1px;} #xposts .thread_title a { color: #655; } #xposts .category-list { margin-top: 0px; color: #766; font: 13px tahoma, "lucida grande", arial; } #xposts .category-list a { color: #555; text-decoration: underline; } #thread_tags { margin-top: 10px; } #xposts .thread_separator {border: 0px;height: 1px;background-color: #335;} #xposts .post h2 { padding:0; line-height:1em; font-family:Georgia; } #xposts .post h2 a { color:#369; font-weight: bold; text-decoration: none; } #xposts .post h2 a:hover { text-decoration: underline; } #xposts .post .header { color:#555; } .post .main a { text-decoration: underline; color: #26f; } #xposts #inline_reply_replying_to { font: 11px/2 verdana; background-color: #369; padding: 0 5px; color: #fff; } #xposts #inline_reply_replying_to .authorname { font-weight: bold; } #xposts #inline_reply_replying_to .reply-to-thread { font-size: 0.8em; margin: 0 2px; color: #6ef; text-decoration: underline; cursor: pointer; } #xposts #thread_reply_form_container {background: #efefef;} #xposts hr {background: #888; color: #888;} #xposts li { list-style-type: square; list-style-position: inside; font: 11px tahoma; clear: both; } #xposts div.tab { background:transparent url(http://media.lefora.com/img/bottom.gif) repeat-x scroll center bottom; overflow:auto; padding-left:18px; height: 14px; cursor: pointer; } #xposts div.tab span.button { background:transparent url(http://media.lefora.com/img/left.gif) no-repeat scroll left top; float:left; font-size:11px; padding: 0px 0pt 0px 10px; position:relative; height: 100%; text-decoration: none; } #xposts div.tab span.filler { background:transparent url(http://media.lefora.com/img/right.gif) no-repeat scroll right top; float:left; font-size:10px; padding: 0px 10px 0 0; height: 100%; } #xposts #end_of_thread { background-color: #39f; color: #fff; } .post:hover a.permalink { opacity: 1; text-decoration: underline; } .post:hover a.action { opacity: 1;} .tag { font: bold 11px tahoma; text-decoration: none; color: #fff; background-color: #c0011b; padding: 1px 3px; text-transform: capitalize; margin: 2px; }   .thread_post { background-color: #fff; } .thread_outer_post .repliescontainer { background-color: #f4f2f4; }   .post .meta { color: #928b8a;font: 11px/16px tahoma; } #content .post.unread .meta .more {background-color: #c0011b; padding: 2px 4px; color: white; } .post .footer select { padding: 0px; border: 1px solid transparent; }   .widget { color: #fff; } .widget a { color:#fff; } .widget .title_wrapper {   border-bottom: solid 1px #c0011b; height: 28px; } .widget .title { font: bold 11px/28px Tahoma; height: 28px; } .widget .title, .widget .title a { color: #fff; } .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; } .widget li.highlight { background-image: url(http://media.lefora.com/img/arrow.gif); background-position: 0 8px; padding-left: 20px; margin-left: -11px; } .widget li.pure { border-bottom: 1px dotted #433c3b; } .widget li.pure a { color: #fff; font-family: tahoma; font-weight: normal; } .widget li.pure a:hover { text-decoration: underline; } .widget li.last, .widget li.pure.last { border-bottom: none; } .widget div.liwrap { border-bottom: 1px dotted #433c3b; } .widget .content-spacer { background-color:#261716; }   .recent_posts_see_more { text-align: left; float: none; } .recent_posts_see_more a { text-decoration: underline; } .widget .xwr { border-bottom: 1px dotted #433c3b; padding: 0 8px 5px 8px; .display: inline; overflow: hidden; float: left; } .widget li.last .xwr { border-bottom: none; line-height: 1.3; } .widget .post_info { width: 200%; }   .recent-posts .post_info_text a { color: #6E655E; } .recent-posts .post_info_text { background-color: #2B2221; color: #6E655E; padding-left: 4px; padding-right: 4px; display: inline; } .recent-posts .post_info_text_hover { border-bottom-color: #fff; } .widget .recent-posts a.imagelink { display: none; }