/* Theme Name: Charm City Saints Boxer Theme Theme URI: http://charmcitysaints.com Description: Wordpress theme. Version: 1.o Author: Atomic Age Media, LLC Author URI: http://www.atomicagemedia.com */ /* Page width - 888px Green: #3e7221 Offwhite: #ebe7d7 Maroon: #9c3223 */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 62.5%; font-family: Arial, sans-serif; color: #272727; background: url(/images/ccs_pagebackground.jpg) top center repeat-y #ebe7d7; } ul { list-style: square inside; } ol { list-style: decimal inside; } a { outline: none; text-decoration: none; } a img { border: none; background: none; } img { vertical-align: middle; } table { border-collapse: collapse; } /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .button { border: 1px solid #272727; background: #ebe7d7; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; } .button:hover { background: #9c3223; color: white; } /* STRUCTURE */ #page-wrap { width: 888px; margin: 0px auto -100px; min-height: 100%; height: auto !important; height: 100%;} #content-background { width: 888px; float: left; padding: 0 10px 0 10px; background: url(/images/ccs_contentbackground.jpg); background-repeat: no-repeat;} #main-col { width: 600px; float: left; } #right-sidebar { width: 240px; float: right; padding: 0 20px 0 0;} #push { height: 100px; } /* HEADER */ #header { background: url(/images/ccs_header.jpg); width: 888px; height:305px; } #top-bar { padding: 20px 0 0 0; } form#searchform { margin: 20px 20px 205px 0; float: right; } /* SIDEBAR RIGHT */ #right-sidebar p { color: #000; } #right-sidebar a { color: #3e7221; } #right-sidebar a:hover { background: #3e7221; color: white; } #right-sidebar ul { color: #000; list-style-type:none; } #right-sidebar h2 { font-size: 1.6em; font-family: Georgia, serif; font-weight: normal; line-height: 1.2em; color: #9c3223; border-bottom:4px solid #9c3223; margin: 0 0 10px 0;} /* FOOTER */ #footer { height: 100px; background: #000; border-top: 4px solid #3e7221; padding-top: 20px; } #footer-inside { width: 850px; margin: 0 auto; } #footer p { color: white; } #footer-1 { width: 300px; float: left; margin-right: 30px; } #footer-2 { width: 200px; float: left; margin-right: 30px; } #footer-3 { width: 200px; float: left; } #footer-4 { width: 200px; float: left; } #footer a { color: white; } #footer ul { color: white; } /* TYPGROGRAPHY */ p, li { font-size: 1.5em; line-height: 1.2em; margin: 0 0 10px 0; list-style-type:none;} p#intro-paragraph { font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; margin-top: 5px; } p#intro-paragraph span { font-size: 2.4em; font-weight: bold; } p#intro-paragraph em { color: #3e7221; } a { color: #3e7221; } a:hover { background: #3e7221; color: white; } h1 { font-size: 3.6em; font-family: Georgia, serif; font-weight: normal; } h2 { color: #3e7221; font-size: 2.8em; font-family: Georgia, serif; font-weight: normal; border-bottom:1px solid #9c3223; margin: 0 0 5px 0;} h3 { font-size: 2.6em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; } h4 { color: white; font-size: 2.0em; margin-bottom: 15px; } .post h4 { font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; color: #900; } /* BLOG ENTRIES */ .post { margin: 0 0 45px 0; } .datebox { color: #9c3223;} .day { font-size: 3.4em; font-weight: bold; margin: 0; font-family: Arial, Helvetica, sans-serif; } .month { font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; } .year { font-size: 1.6em; font-weight: bold; margin: 0; } ol.commentlist { list-style: none; } .comment-bubble { background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ol.commentlist li p { font-size: 1.0em; } .gravatar { margin-top: 3px; padding: 2px; height: 40px; } .postdate{ font-family: "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: bold; color: #9c3223; border-bottom:1px solid #9c3223; margin: 0 0 10px 0; } /* CHROME STYLE NAVIGATION */ .chromestyle{ width: 99%; font-weight: bold; } .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .chromestyle ul{ border: 1px solid #000; width: 100%; background: ; /*THEME CHANGE HERE*/ padding: 4px 0; margin: 0; text-align: center; /*set value to "left", "center", or "right"*/ font-family: Georgia, serif; } .chromestyle ul li{ display: inline; } .chromestyle ul li a{ color: #ebe7d7; padding: 4px 7px; margin: 0; text-decoration: none; border-right: 1px solid #000; } .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/ background: url(/images/chrome_redblack.gif) center center repeat-x; /*THEME CHANGE HERE*/ color: #fff;} /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position:absolute; top: 0; border: 1px solid #000; /*THEME CHANGE HERE*/ border-bottom-width: 0; font:normal 12px Verdana; line-height:18px; z-index:100; background-color: #ebe7d7; width: 200px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ } .dropmenudiv a{ width: auto; display: block; text-indent: 3px; border-bottom: 1px solid #000; /*THEME CHANGE HERE*/ padding: 2px 0; text-decoration: none; font-weight: bold; color: black; font-family: Georgia, serif; } * html .dropmenudiv a{ /*IE only hack*/ width: 100%; } .dropmenudiv a:hover{ /*THEME CHANGE HERE*/ background-color: #9c3223; color: #fff; }