/*** COLOR PALETTE ***/ /* BASE #004952 TEXT #666666 DK. RED #3D000A RED #700012 YELLOW #F2C377 LT.YEL #FFFBCC GREEN #0c4b52 */ html, body { height: 100%; margin: 0; padding: 0; color: #666; } body { background: #fefacb url(../images/bodyMain-mid.jpg) repeat-y center; text-align: center; } a { text-decoration: none; } a img { border: none; } .clear { clear: both; } #wrapper { width: 100%; background: url(../images/body-bg.jpg) no-repeat 50% 0; } #content-wrapper { margin: 0 auto;} /*** HEADER DIMENSIONS ***/ #header { height: 252px; text-align: left; } #logo { height: 182px; } #logo h1 a { display: block; width: 505px; height: 182px; position: relative; background: url(../images/logo.png) no-repeat 0 0; text-indent: -9999px; } /*** CONTENT BOX DIMENSIONS ***/ #bodyMain { overflow: auto; margin: 20px 0 35px 0; min-height: 1018px; text-align: left; } #leftColumn { } #rightColumn { margin: 10px 0;} /*** GENERAL TYPOGRAPHY ***/ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; letter-spacing: -0.05em; } h2 a, h2 a:visited { color: #700012; } h2 a:hover { color: #666666; } p, li, dd { font-size: 1em; line-height: 1.6em; margin: 0 0 10px 0; } td, th { font: 13px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif; text-align: left; } p strong, li strong { color: #2e2e2e; } blockquote { border-left: 5px solid #ba9449; margin-left: 20px; padding: 0 25px 0 10px; } blockquote, blockquote p { font: italic 12px/17px Helvetica, Arial, Sans-Serif; } /*** #navigation ***/ #navigation { color: #FFFBCC; font: italic bold 17px/30px Georgia, "Times New Roman", Times, serif; height: 53px; margin: 0 auto;text-align: left; } #navigation ul { list-style-type: none; margin: 28px 0; } #navigation ul li { display: inline; } #navigation ul li a { color: #F2C377; text-decoration: none; padding: 0px 15px; } #navigation li a:hover { color: #FFFBCC; } #navigation li a.current { color: #FFFBCC; } #navigation li a:hover.current { color: #FFFBCC; } /*** #rss-link ***/ #rss-link { height: 73px; text-align: right; margin-left: 28px; } /*** .post styling ***/ .post { padding: 10px; } .post p { color: #666; } .entry { margin: 0; padding: 0; overflow: auto; background: url(../images/divider.jpg) repeat-x 0 100%; } .page-title { margin: 0 5px 0 3px; background: url(../images/divider2.png) repeat-x 0 100%; } .page-title h2 { margin: 0; padding-bottom: 9px; font-size: 2.5em; font-style: italic; line-height: .98em; } .post-title { margin: 0 5px 0 80px; background: url(../images/divider2.png) repeat-x 0 100%; } .post-title h2 { margin: 0; padding-bottom: 9px; font-size: 2em; font-style: italic; line-height: .98em; } .post-title small { color: #666; font-size: 0.95em; font-style: italic; } .post-title small a { color: #0c4b52; font-weight: bold; } .post-title small a:hover { color: #f2c377; } .divider { background: url(../images/divider.jpg) repeat-x 0 100%; height: 38px; font: italic bold 1.3em Georgia, "Times New Roman", Times, serif; color: #978c73; } .comment-counter { float: left; background: url(../images/comment-bubble.jpg) no-repeat 0 0; padding: 5px 0 7px 20px; text-align: right; } .number { color: #978c73; margin-right: 20px; } .continue { float: right; padding: 3px 0 7px 15px; } .continue a { color: #978c73; } .continue a:hover { color: #f2c377; } .clear-post { clear: both; margin-bottom: 7px; } .previous a { float: left; color: #978c73; } .future a { float: right; color: #978c73; } .previous a:hover, .future a:hover { color: #f2c377; } /* category list styles */ h4.category-list { font-size: 1.4em; margin-bottom: 12px; } ul.lcp_catlist { font-size: 0.9em; margin: 2px 0 15px 0; padding: 0 0 0 15px; list-style: disc; } ul.lcp_catlist li { padding: 0; margin: 4px 0; } ul.lcp_catlist li a { color: #700012; text-decoration: none; } ul.lcp_catlist li a:hover { color: #666; } /*** DATE BADGE ***/ div.date-m { height: 23px; } div.date-d span { display: none; } div.date-d { padding: 7px 5px 12px 5px; text-align: right; font-size: 3em; font-weight: bold; color: #a66a1f; height: 26px; } .month1 { background: url(../images/calendar/01.jpg) no-repeat 0 0; } .month2 { background: url(../images/calendar/02.jpg) no-repeat 0 0; } .month3 { background: url(../images/calendar/03.jpg) no-repeat 0 0; } .month4 { background: url(../images/calendar/04.jpg) no-repeat 0 0; } .month5 { background: url(../images/calendar/05.jpg) no-repeat 0 0; } .month6 { background: url(../images/calendar/06.jpg) no-repeat 0 0; } .month7 { background: url(../images/calendar/07.jpg) no-repeat 0 0; } .month8 { background: url(../images/calendar/08.jpg) no-repeat 0 0; } .month9 { background: url(../images/calendar/09.jpg) no-repeat 0 0; } .month10 { background: url(../images/calendar/10.jpg) no-repeat 0 0; } .month11 { background: url(../images/calendar/11.jpg) no-repeat 0 0; } .month12 { background: url(../images/calendar/12.jpg) no-repeat 0 0; } .shield { float: left; margin: 0 5px 10px 0; height: 68px; width: 68px; border: 1px solid #f2c377; padding: 1px; background: url(../images/date-bg.jpg) repeat-x 0 0; font-family: Georgia, "Times New Roman", serif; font-style: italic; } /* social buttons */ .social { float: right; } #socialNav { background: none; padding: 1px 0px 1px 0; overflow: hidden; margin: 0 0 10px 0; } #socialNav li { display: inline; } #socialNav li a { display: block; width: 33px; height: 33px; text-indent: -9999px; background: url(../images/social.jpg) 0 0; float: left; border: none; padding: 0; } /* facebook-button */ #socialNav li a#facebook-button { background-position: 0px 0px; } #socialNav li a#facebook-button:hover { background-position: 0px -33px; } /* digg-button */ #socialNav li a#digg-button { background-position: -33px 0px; } #socialNav li a#digg-button:hover { background-position: -33px -33px; } /* twitter-button */ #socialNav li a#twitter-button { background-position: -66px 0px; } #socialNav li a#twitter-button:hover { background-position: -66px -33px; } /* delicious-button */ #socialNav li a#delicious-button { background-position: -99px 0px; } #socialNav li a#delicious-button:hover { background-position: -99px -33px; } /* stumble-button */ #socialNav li a#stumble-button { background-position: -132px 0; } #socialNav li a#stumble-button:hover { background-position: -132px -33px; } /* techno-button */ #socialNav li a#techno-button { background-position: -166px 0; } #socialNav li a#techno-button:hover { background-position: -166px -33px; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img { } img.centered { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; padding: 1px; background: #fff; border: 1px solid #f2c377; } img.alignright { padding: 1px; margin: 0 0 5px 10px; display: inline; border: 1px solid #f2c377; background: #fff; } img.alignleft { padding: 1px; display: inline; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 0; border: 1px solid #f2c377; background: #fff; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 5px; border: 1px solid #f2c377; padding: 1px; background: #fff; } /* End Images */ /*** COMMENTS STYLES ***/ .comment-container { padding: 0 10px; } h3.comments { font-size: 1.8em; color: #700012; font-style: italic; padding-bottom: 3px; background: url(../images/divider.jpg) repeat-x 0 100%; margin: 0 0 10px 0; } h2.comments { font-size: 2.0em; color: #700012; font-style: italic; padding-bottom: 3px; background: url(../images/divider.jpg) repeat-x 0 100%; margin: 0 10px 10px 10px; padding: 0 0 0 3px; } .commentlist li { margin: 0; padding: 0; } .comment { background: #fffbcc; border-top: 1px solid #f2c377; border-bottom: 1px solid #fff; margin: 1px 0 0 0; overflow: hidden; } .user-details { width: 140px; float: left; margin-bottom: 15px; } .comment-details { float: right; width: 418px; margin: 6px 2px 15px 0; } .comment-date { text-align: left; padding: 0 5px 1px 0; color: #4D5A5D; font-style: italic; font-weight: bold;} .edit-comment { float: right; margin: 5px; } .edit-comment a { color: #9B9B9B; } .edit-comment a:hover { color: #BE5001; } .gravatar { width: 100px; height: 100px; margin: 28px auto; margin-bottom: 2px; border: 1px solid #f2c377; background: #fff; padding: 2px; } .username { text-align: center; font-style: italic; } .username strong { color: #700012; font-family: Georgia, "Times New Roman", serif; } .username strong a:hover { color: #f2c377; } .comment-content { margin: 2px 0 0 0; padding: 5px 10px; background: #fff; color: #666; border: 1px solid #f2c377; border-right: none; } .comment-content blockquote { margin: 5px 0 0 0; padding: 0 10px 0 10px; border-left: 5px solid #4D5A5D;} /* comment form */ .form { margin: 0 8px; padding: 0 7px; color: #666;} .form p a { text-decoration: none; color: #700012; } .form p a:hover { color: #666; } #form-comment { width: 100%; } #commentform input, #commentform textarea { background: #fff; border: 1px solid #f2c377; color: #666; font-size: 1em; } #commentform textarea { margin: 0 0 0 2px; } /*** RIGHT COLUMN STYLES ***/ .full-widget { margin: 15px 0; } .full-widget h3 { font-size: 1.4em; color: #FFFBCC; background: url(../images/right-bg.jpg) repeat-x; height: 30px; padding: 5px 0 0 10px; } .widget { padding: 9px 0 0 0; } .widget li { background: url(../images/divider.png) repeat-x 0 100%; font-size: 0.9em; line-height: 1.3em; } .widget li a { display: block; padding: 0px 25px 12px 8px; background: url("../images/divider.jpg") repeat-x 0 100%; } .widget li a strong { display: block; text-transform: uppercase; color: #700012; font-size: 1.2em; padding-bottom: 2px;} .widget li a span { font-size: .95em; color: #666; } .widget a:hover, .widget a:hover strong, .widget a:hover span { color: #f2c377; } /* searchbox */ #search { background: url(../images/search-bg.png) no-repeat 0 0; height: 55px; width: 295px; margin: 0 auto; padding: 0 0 0 7px; } #searchform { padding: 28px 0 0 0; width: 290px; height: 31px; } .searchText { margin: 4px 0 0 7px; float: left; } .searchboxinput { font-size: 0.9em; color: #666; background: transparent; border: none; text-align: left; } /*** SPLIT COLUMN STYLES ***/ #right-col-left h3, #right-col-right h3 { font-size: 1.3em; color: #FFFBCC; background: url(../images/right-bg.jpg) repeat-x; height: 30px; padding: 6px 0 0 10px; } #right-col-left ul { margin: 0 0 8px 0; padding: 0; } #right-col-left ul li { padding: 0 0 0 4px; margin: 3px 0 4px 0;} #right-col-left ul li a { color: #700012; } #right-col-left ul li a:hover { color: #666; } /*** FOOTER STYLES ***/ #footer { margin: 0; text-align: left; background: #f5c475 url(../images/footer-bg2.jpg) repeat-y 0 0; } #footer-content { background: transparent url(../images/footer-bg1.jpg) no-repeat 0 0; margin: 0; padding: 0; padding: 100px 0 0 0; overflow: hidden; font: italic bold 1.1em Georgia, "Times New Roman", Times, serif; color: #ba9449;} #footer-links { color: #0c4b52; padding: 25px 0 0 0; } #footer-links ul { padding: 5px 0; } #footer-links ul li { display: inline; padding: 5px 7px; } #footer-links ul li a { color: #0c4b52; } #footer-links ul li a:hover { color: #ba9449; } #gmb-link { padding: 35px 0 0 0; } #gmb-link h3 a { display: block; width: 350px; height: 35px; text-indent: -9999px; position: relative; background: url(http://files.grandmasterb.com/images/gmb-hungerstruck.png) no-repeat 50px 0; } /*** ADVERTISEMENTS ***/ .rcr-box { width: 320px; height: 270px; margin: 15px auto; border: 1px solid #f2c377; background: #fffbcc; } .rcr-contents { width: 300px; height: 250px; background: #fff; margin: 10px; } .rcr-tower { width: 160px; margin: 5px 0; border: 1px solid #f2c377; text-align: center; background: #fffbcc; } /*** CFORMS STYLES ***/ ol.cf-ol { list-style: none; margin: 0; padding: 0; }