/********************************* || Common **/ html, body, ul, ol, li, p, form, a, img, h1, h3, h4, h4, h5, h6, blockquote, pre, code, dl, label { padding: 0; margin: 0; border: 0; } html, body { width: 100%; } body { font-family: "Arial", verdana, sans-serif; color: #141414; font-style: normal; font-variant: normal; font-weight: normal; font-size: 62.5%; line-height:1.68em; background: url('../images/roowhaline/body_background.gif') repeat-x #141414; } h1 { font-size:3em; margin-bottom:.56em; line-height:.56em; } h2, h3, h4, h5, h6 { font-family: "Georgia", serif; font-weight: bold; } h2 { font-size:2em; line-height:.84em; margin-bottom:.84em; } h3 { font-size:1.8em; line-height:.93em; margin-bottom:.93em; } h4 { font-size:1.6em; line-height:1.05em; margin-bottom:1.05em; } h5 { font-size:1.4em; line-height:1.2em; margin-bottom:1.2em; } p, ul, ol, blockquote, h6 { font-size:1.2em; line-height:1.4em; margin-bottom:1.4em; } ul li { list-style-type:disc; list-style-position:inside; } ol li { list-style-position:inside; } ol li p { font-size:1em; font-weight:normal; } a:link { color:#B8846E; } a:visited { color:#475F47; } a:hover { color:#475F47; } a:active { color:#B83700; } hr { height:1px; background:#d2d2d2; border:0; padding:0; margin:0; position:relative; margin-top:-1px; } table { font-size:1.2em; border:1px solid #505050; border-collapse:collapse; font-size:1.2em; line-height:1.5em; margin-bottom:1.5em; } table td, table th { border:1px solid #505050; padding:3px 5px; } table th { background:#505050; color:#f1f1f1; font-weight:bold; } .subheader { font-weight:bold; background:#c5c5c5; } table label { font-size:1em; } label { font-size:1.2em; } p label { font-size:1em; width:5em; display:block; float:left; text-align:right; padding-right:10px; } blockquote { padding-left:3em; background:url('../images/roowhaline/quotes.gif') no-repeat left top; font-style:italic; } /********************************* || Layout **/ #primary-menu { float:left; width:18%; margin-top:289px; z-index:1; position:relative; text-align:right; } #wrapper { width:64%; padding:15px 0; position:relative; float:left; z-index:10; } #header { width:100%; height:97px; background:url('../images/roowhaline/header_background.gif') no-repeat right top #c5c5c5; float:left; overflow:hidden; } #header .rounder { width:20px; height:100%; float:left; background:url('../images/roowhaline/header_background.gif') no-repeat left top transparent; } #intro { margin-top:15px; background:url('../images/roowhaline/intro_background.gif') no-repeat right top #505050; width:100%; color:#f1f1f1; float:left; } #intro-inner-wrapper { width:100%; background:url('../images/roowhaline/intro_iw_background.gif') repeat-y left top transparent; float:left; height:100%; } .poddon { width:100%; height:10px; float:left; background:url('../images/roowhaline/poddon_background.gif') no-repeat right bottom transparent; } .poddon-small { width:20px; height:100%; background:url('../images/roowhaline/poddon_background.gif') no-repeat left bottom transparent; float:left; clear:left; } #content_wrapper { background:url('../images/roowhaline/content_wrapper_background.gif') repeat-y right #f1f1f1; width:100%; float:left; position:relative; } #container { padding-right:280px; } #content { float:left; margin:12px 0 0 0; padding:5px 20px 20px 20px; position:relative; width:100%; } #sidebar { width:205px; float:left; padding:9px 20px 0 15px ; position:relative; margin-right:-280px; } #footer { background:url('../images/roowhaline/footer_background.gif') no-repeat right top #505050; width:100%; height:75px; float:left; color:#f1f1f1; } #footer .rounder { width:20px; height:100%; float:left; background:url('../images/roowhaline/footer_background.gif') no-repeat left top transparent; } #secondary-menu { float:right; width:17%; margin-top:150px; text-align:left; position:relative; z-index:1; } /********************************* || Primary menu **/ #primary-menu h1 { font-size:1.4em; line-height:1.07em; background:url('../images/roowhaline/pm_h1_ul_background.gif') no-repeat right top; height:2em; padding:10px 10px 0 0px; float:right; width:100px; position:relative; margin-right:-2px; margin-bottom:0; clear:both; } #primary-menu ul { background:url('../images/roowhaline/pm_h1_ul_background.gif') no-repeat right bottom ; padding:0 0 10px 0px; font-weight:bold; float:right; clear:both; position:relative; margin-right:-2px; z-index:7; line-height:1.2em; } #primary-menu ul li{ list-style:none; list-style-position:outside; background:url('../images/roowhaline/pm_li_background.gif') repeat-y right top transparent; } #primary-menu a { display:block; width:83px; padding-left:15px; text-decoration:none; color:#141414; padding-top:8px; padding-bottom:8px; padding-right:12px; } .dontmark#primary-menu a.active:hover, #primary-menu a:hover, #primary-menu a.active { background:url('../images/roowhaline/pm_a_active_background.gif') no-repeat right center transparent; padding:8px 0; width:73px; padding-left:25px; padding-right:12px; } .dontmark#primary-menu a.active { background:transparent; } /********************************* || Header **/ #header h1 { font-size:3em; margin-bottom:.2em; line-height:.5em; margin-top:37px; } #header h1 a { text-decoration:none; color:#141414; } #header p { font-size:1.1em; margin-left:10px; float:left; margin-bottom:0; } #header h1 span { font-size:.86em; font-weight: normal; } /********************************* || Intro **/ #intro h2 { margin:35px 0 .84em 17px; font-weight: normal; } #intro img { margin:28px 10px 10px 17px; float:left; } #intro p, #intro ol, #intro ul { margin:0 17px 1.5em 17px; padding-right:15px; } #intro a { color:#f1f1f1; } #intro a:hover { text-decoration:none; } /********************************* || Content **/ .entry { margin-bottom:33px; } #content h3.title { position:relative; float:left; line-height:1.1em; margin-top:-4px; } #content h3 a, #content h4 a { text-decoration:none; color:#141414; } #content h3 a:hover, #content h4 a:hover { text-decoration:underline; color:#475F47; } #content h3 span a { text-decoration:underline; color:#B8846E; } #content h3 span a:hover { color:#475F47; } #content h3 span a:visited { color:#475F47; } .category { font-size:0.56em; display:block; float:left; line-height:1.92em; } .stats { text-align:right; font-size:1.1em; float:right; line-height:1.52em; margin-bottom:1.52em; margin-top:.03em; } .article_image { float:left; margin-right:10px; position:relative; margin-left:-2px; margin-top:-2px; margin-bottom:13px; } .entry p { margin-left:9px; } .continue_reading { text-align:right; clear:both; } /********************************* || Sidebar **/ #sidebar h3 { font-size:1.4em; line-height:1.2em; margin-bottom:1.2em; } /********************************* || Search **/ #search { background:url('../images/roowhaline/search_background.gif') no-repeat left top; position:relative; margin-top:-18px; color:#f1f1f1; width:210px; height:33px; margin-bottom:11px; font-size:1.1em; } #search input{ border:0; } #search #s { background:#c4c4c4; font-size:1em; margin-top:6px; padding:1px 2px; width:100px; margin-left:5px; border:1px solid #858585; } #search #sl { margin-left:15px; font-size:1.1em; } #search #ss { width:25px; height:18px; background:transparent; color:#f1f1f1; font-weight:bold; cursor:pointer; } .search-result p { font-size:1em; } .search-result h4 { font-size:1.2em; line-height:1.07em; margin-bottom:1.07em; margin-top:1.605em; } /********************************* || Footer **/ #footer img { float:left; margin-top:15px; } #footer p { font-size:1em; font-weight:bold; margin-top:20px; margin-left:6px; float:left; } #footer a { color:#f1f1f1; } /********************************* || Secondary menu **/ #secondary-menu h1 { font-size:1.4em; line-height:1.07em; background:url('../images/roowhaline/sm_h1_ul_background.gif') no-repeat left top transparent; height:1.8em; padding:10px 50px 0 46px; position:relative; margin-left:-50px; z-index:1; margin-bottom:0; } #secondary-menu ul { background:url('../images/roowhaline/sm_h1_ul_background.gif') no-repeat left bottom transparent; padding:0 0 10px 0px; font-weight:bold; line-height:28px; position:relative; margin-left:-50px; z-index:1; float:left; } #secondary-menu ul li{ list-style:none; list-style-position:outside; background:url('../images/roowhaline/sm_li_background.gif') repeat-y left top transparent; } #secondary-menu a { padding-top:1px; display:block; width:62px; padding-left:48px; } #secondary-menu a:hover { padding-top:1px; background:url('../images/roowhaline/sm_a_active_background.gif') no-repeat left center transparent; display:block; width:62px; padding-left:48px; } #secondary-menu a { text-decoration:none; color:#141414; } /********************************* || Misc **/ .comment_name_input, .comment_email_input, .comment_web_input, .txpCommentInputMessage { background:#c4c4c4; border:1px solid #858585; padding:2px 3px; } #txpCommentInputForm table { border:0; } #txpCommentInputForm table td, #txpCommentInputForm table th { border:0; } .zemContactForm input, .zemContactForm textarea { background:#c4c4c4; border:1px solid #858585; padding:2px 3px; } .zemContactForm input.zemSubmit, #txpCommentPreview, #txpCommentSubmit { border:1px solid #858585; color:#f1f1f1; background:#505050; padding:2px 10px; font-weight:bold; } .zemContactForm input.zemSubmit:hover, #txpCommentPreview:hover, #txpCommentSubmit:hover { cursor:pointer; } .clear { clear:both; }