/* 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 #cccccc;} #profiley { color: #333333; } a { color: #994e33; } p a { text-decoration: underline; } /* ------------------------------------------- 1) BEGIN LAYOUT: Basic Structure ------------------------------------------- */ body { color: #333333; background-color: #efefef; background-image: none; background-repeat: repeat; background-position: center top; height: 100%; } #page { overflow:visible;   }   #header { background-color: #994e33; background-image: url(http://storage.lefora.com/e62bbcf72f35437b991b054c55a45523/theme-themeimage.gif); background-repeat: repeat; background-position: center top; width: 970px; margin: 0 auto;   overflow: hidden; padding: 5px 10px; }   #main { background-color: #ffffff; width: 990px; margin: auto; overflow:hidden; padding-top: 0.5em; } #nav { width: 720px; overflow:hidden; line-height: 20px; margin-left: 15px; margin-bottom: 10px; } #content-wrapper { width: 720px; float: left; margin-left:0.5em; margin-bottom:0.5em; } #content { background-color: #ffffff; } #sidebar { width: 250px; float: right; position: relative; margin-right:0.5em; }   #footer { clear: both; margin: auto; color: #888888; width: 600px; padding: 10px 0; overflow:hidden; } /* ------------------------------------------- 2) BEGIN UI STYLES: ------------------------------------------- */   #header .start_conversation {font: bold 24px "Segoe UI", Tahoma, Arial;float:right;width:250px;margin-top: 20px; padding: 2px 0; } #header .spacer { margin-left: 10px; padding: 2px 0; } #header .start_conversation a { border-bottom: 1px solid #ffffff; } #header .start_conversation, #header .start_conversation a, #header .start_conversation a:visited {color: #ffffff;} #header .start_conversation a:hover {border-bottom: 1px solid White;} #forum_title { font: bold 24px "Segoe UI","Trebuchet MS"; letter-spacing: -1px; margin: 20px 0 0px; } #forum_title, #forum_title a, #forum_description, #forum_title a:visited { color: #ffffff; } #forum_title_spacer { margin-top: 20px; margin-left: 15px; margin-bottom: 20px; } #forum_description { font: normal 16px Calibri, Arial; } #join_community { font: bold 11px "Tahoma"; letter-spacing: 0px; margin-left: 0.2em; position: relative; top: -10px; border-bottom: 1px solid white; } #join_community {color: White;}   #community_menu a { float: left; margin: 0 10px 0 0; text-decoration: underline; color:#ffd4d0; font-weight:normal; font-size:12px; } #community_menu a:hover { background-color:#ffffff; color: #994e33; } #community_menu li {float: left;} #search_wrapper { margin-right: 20px; }   #footer .description { color: #888888; font: 11px tahoma; float: left; } #footer .centering_wrapper {margin: 0px 30px 0px 30px;} #footer a { color: #888888; border-bottom: 1px dotted #888888; } #footer a:hover { border-bottom-style: solid; } #footer .links { font: 11px tahoma; float: right; } #footer .links a {   margin: 0 15px; padding: 0 2px; } /* ------------------------------------------- 2) SPECIFIC CONTENT STYLES: ------------------------------------------- */     .row {width:100%;clear:both;overflow:hidden;} .section { padding-left: 20px; padding-right: 20px; overflow:hidden;} .section.first-section { padding-top: 15px; } .section.last-section { padding-bottom: 15px; } .section.head-section { height:30px; padding-bottom:0px;margin-bottom:15px; line-height:28px; border-bottom: solid 1px #aaaaaa;} .section.header-section { padding-top: 15px; padding-bottom: 30px; }   .section.head-section a { border-bottom:1px dotted #888888; color:#888888;} .permalink { color: #444444; font-size: 11px; border-bottom: 1px solid #cccccc; margin: 0 4px; opacity: 0.2; } .action {   font-size: 12px; line-height: 16px; font-family: tahoma; text-decoration: none; border-bottom: dotted 1px #994e33; cursor: pointer; padding-bottom: 2px;   margin: 0 8px; color:#994e33; } .action:hover { border-bottom-style: solid;} .linkuser {   background: transparent url(http://imaging.lefora.com/hsv/?url=http%3A%2F%2Fmedia.lefora.com%2Fimg%2Fcheckerboard.png&h=166&s=0&v=0) repeat left center; font: bold 11px tahoma; text-decoration: none; cursor: pointer; padding: 0 2px; color:#994e33; } .linkuser:hover {border-bottom: solid 1px;} .visually_important {   font-weight: bold; line-height: 16px; opacity: 1; }   #content h1, #content .h1 { font: 18px tahoma; color:#cb5b4c; margin-bottom: 10px;} #content h2, #content .h2 { font: 14px tahoma; color:#cb5b4c; margin-bottom: 10px;}   #whats_hot h1, #whats_happening h1, #where_happening h1 {border-bottom:solid 1px #888888; margin-bottom:1.0em;} #whats_hot {color:#555 !important;} #whats_hot .h_runin {font-size:14px;font-weight:bold;color:#44665e;}   #all_categories {background-color: #faf7f6; border: solid 1px #faf7f6; padding-left:1.0em;} #content .item {padding-left:1.0em;} #category-list { margin-top: 15px; } #category-list .item.see-all {background-color: #faf7f6;} #category-list .all-topics a {color:#cb5b4c;} #category-list li {border-top: solid 1px #cccccc;} #category-list li.first {border-top:1px solid transparent;} #category-list li.odd {background-color: #faf7f6;} #category-list h2 {margin:0;} #content .item_title { font: 18px tahoma; color:#cb5b4c; } #content .item_title a { color: #cb5b4c; } #content span.new { color: #cb5b4c; font-weight:bold;} .start_conversation_link, .feed_event_link { color: #994e33; font: bold 11px tahoma; border-bottom: 1px dotted #888888; } .start_conversation_link:hover, .feed_event_link:hover { border-bottom: 1px solid #994e33; } #content #category-list .item_subtitle { font-size: 11px; } #thread-list-page .meta.item_subtitle a { color: #333333; } .thread-list .item { padding-top: 10px; padding-bottom: 5px; } #content .thread-list li .item_title a { color: #ff9c33; } #content .visited.no_new_replies .item_title a { color: #8eaa00; }   .outerpost + .outerpost { border-top: 1px solid #c5c9c8; padding-top: 4px; } #xposts .thread_title { font: bold 24px/1 "Lucida Grande", "Calibri", "Trebuchet MS", "Sans Serif"; margin-bottom: 0; } #xposts .thread_title a { color: #994e33; } #xposts .thread_separator {border: 0px;height: 1px;background-color: #554d33;} #xposts .category-list { margin-top: 10px; } #xposts .category-list a { color: #994e33; text-decoration: underline; } #thread_tags { margin-top: 0px; } #xposts .header-section { padding-bottom: 15px; } #xposts .post h2 { padding:0; line-height:1em; font-family:Georgia; } #xposts .post h2 a { color:#994e33; font-weight: bold; text-decoration: none; } #xposts .post h2 a:hover { text-decoration: underline; } #xposts .post .header { margin-top:5px; color:#555555; } #xposts .action {margin-left:8px;margin-right:8px;} #xposts #inline_reply_replying_to { font: 11px/2 verdana; background-color: #994e33; padding: 0 5px; color: white; } #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: #ff6679; text-decoration: underline; cursor: pointer; } #xposts #thread_reply_form_container {background: #faf7f6;} #xposts hr {background: #888888; color: #888888;} #xposts div.tab { background:transparent url(http://imaging.lefora.com/hsv/?url=http%3A%2F%2Fmedia.lefora.com%2Fimg%2Fbottom.gif&h=166&s=0&v=0) repeat-x scroll center bottom; overflow:auto; padding-left:18px; height: 14px; cursor: pointer; } #xposts div.tab span.button { background:transparent url(http://imaging.lefora.com/hsv/?url=http%3A%2F%2Fmedia.lefora.com%2Fimg%2Fleft.gif&h=166&s=0&v=0) 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://imaging.lefora.com/hsv/?url=http%3A%2F%2Fmedia.lefora.com%2Fimg%2Fright.gif&h=166&s=0&v=0) no-repeat scroll right top; float:left; font-size:10px; padding: 0px 10px 0 0; height: 100%; } #xposts #end_of_thread { background-color: #994e33; color: #ffffff; } .timesince {color: #8a9291;font: 11px tahoma;} .post .header:hover a.permalink { opacity: 1; } .post:hover a.action { opacity: 1;} .tag { font: bold 11px tahoma; text-decoration: none; color: #888888; padding: 1px 3px; text-transform: capitalize; margin: 2px; }   .thread_outer_post .thread_post { padding-left: 20px; } .thread_outer_post .repliescontainer { background-color: #faf7f6; } .thread_outer_post .postreplies { padding-left: 20px; }   img.new { display: none; } .post .meta { font: 11px/16px tahoma; } #content .post.unread .meta .more {background-color: #95d8ff; padding: 2px 4px; } .post.unread .timesince { color: #333333; } .post.unread img.new { display:inline; } .post .footer select { padding: 0px; border: 1px solid #994e33; color: #994e33; }   .widget { color: #000000;} .widget a {color:#000000;} .widget .title_wrapper {   background-color: #994e33; height: auto; padding: 3px 10px; } .widget .title {font: bold 13px/14px Tahoma;} .widget .title, .widget .title a { color: white; }   .widget li { background: transparent url(/media/img/list-marker-black.gif) no-repeat scroll 0pt 9px; } .widget div.li { background: transparent url(/media/img/list-marker-black.gif) no-repeat scroll 0pt 10px; } .widget div.liwrap { border-bottom: 1px dotted #000000; } .widget div.ul div.highlight a { background-color: #95d8ff; } .widget li.pure a { border-bottom: 1px dotted #324454; color: #333333; font-family: tahoma; font-weight: normal; } .widget li.pure a:hover { text-decoration: underline; }   .recent_posts_see_more a { border-bottom: 1px solid #324454; } .widget .xwr { border-bottom: 1px dotted #324454; .display: inline; padding: 0 8px 4px 8px; position: relative; float: left; } .widget li.last .xwr { border-bottom: none; line-height: 1.3; } .widget .post_info_text {color: #999999; line-height: 1.2; padding-left: 4px; padding-right: 4px; } .hot-topics li { border-bottom: 1px dotted #324454; }