/* Theme Name: Presidential Haiku Theme URI: http://www.presidentialhaiku.com Description: Presidential Haiku Blog Template Version: 1 Author: Dennis Sheridan Author URI: http://www.followthetrain.com */ @import "reset.css"; body { background: url(images/body_bg.jpg) 0 0 repeat-x #002D64; color: #7b7b7b; font: normal 12px/15px Verdana, Arial, sans-serif; padding: 5px 0 0 0; } #wrapper { background: url(images/wrapper_bg.png) 0 0 repeat-y; margin: 0 auto; min-height: 500px; padding: 0 12px 0 11px; width: 900px; } #header { background: url(images/header_bg.jpg) 0 0 no-repeat; height: 105px; position: relative; width: 900px; } #logo { background: url(images/logo.png) 0 0 no-repeat; display: block; height: 90px; left: 25px; overflow: hidden; position: absolute; text-indent: -10000px; top: 6px; width: 90px; } #site_header { background: url(images/site_header.png) 0 0 no-repeat; display: block; height: 64px; left: 133px; overflow: hidden; position: absolute; text-indent: -10000px; top: 23px; width: 301px; } #most_trusted { background: url(images/most_trusted-hd.png) 0 0 no-repeat; display: block; height: 16px; left: 533px; overflow: hidden; position: absolute; text-indent: -10000px; top: 72px; width: 338px; } #search { background: url(images/search_bg.jpg) 0 0 no-repeat; color: #ffffff; font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif; height: 26px; left: 642px; padding: 11px 0 0 20px; position: absolute; top: -5px; width: 207px; } #search ul li { display: block; float: left; } #search label, #search input { margin: 0 4px 0 0; } #search label { display: block; padding: 3px 0 0 0; } #search input.go { vertical-align: top; } #search input.text { border: 1px solid #67a4e8; font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif; color: #375A7F; padding: 2px 5px; } #stripe_pattern { background: url(images/americana_stripes.jpg) 0 0 repeat-x; height: 12px; margin: 0; overflow: hidden; padding: 0; width: 900px; } #navigation { background: url(images/nav_bg.jpg) 0 0 repeat-x; height: 36px; padding: 0 0 0 32px; width: 868px; } #navigation li { display: block; float: left; } #navigation li.first { border-left: 1px solid #131414; } #navigation li.last { border-right: 1px solid #3d3b3b; } #navigation li a { border-left: 1px solid #3d3b3b; border-right: 1px solid #131414; color: #c3c3c3; display: block; font: bold 14px/14px Arial, Helvetica, sans-serif; padding: 10px 16px 12px 16px; vertical-align: middle; } #navigation li a:hover, #navigation li a.active { background: url(images/nav_bg.jpg) 0 -36px repeat-x; border-left: 1px solid #375d88; color: #ffffff; } body#home #maincontent_top { background: url(images/maincontent_top_home.jpg) 1px 0 no-repeat; height: 34px; width: 900px; } #maincontent_top { background: url(images/maincontent_top.jpg) 1px 0 no-repeat; height: 34px; width: 900px; } #maincontent_wrapper { background: url(images/maincontent_bg.jpg) 2px 0 repeat-y; min-height: 500px; padding: 0 27px 27px 27px; width: 846px; } #home_briefs { background: url(images/home_brief_bg.jpg) -6px 0 no-repeat; height: 205px; width: 588px; } #home_briefs ul li { display: block; float: left; height: 190px; margin: 0 13px 0 0; padding: 0 7px 0 6px; position: relative; width: 266px; } #home_briefs ul li h1.brand_new { background: url(images/brand_new_hd.jpg) 0 0 repeat-x; color: #ffffff; font: normal 18px/18px "Times New Roman", Times, serif; height: 14px; padding: 7px 0 12px 15px; vertical-align: middle; width: 251px; } #home_briefs ul li h1.archived_fav { background: url(images/archive_fav_hd.jpg) 0 0 repeat-x; color: #ffffff; font: normal 18px/18px "Times New Roman", Times, serif; height: 14px; padding: 7px 0 12px 15px; vertical-align: middle; width: 251px; } #home_briefs ul li h2 { color: #383838; display: block; font: bold 24px/24px Arial, Helvetica, sans-serif; padding: 7px 0 7px 15px; } #home_briefs ul li p { color: #8F8F8F; font: normal 13px/17px Arial, Helvetica, sans-serif; padding: 0 0 0 15px; } #home_briefs ul li a.more { background: #eeecec; border-right: 1px solid #cfcfcf; color: #b16367; font: normal 12px/12px Arial, Helvetica, sans-serif; height: 17px; left: 6px; padding: 5px 0 0 7px; position: absolute; top: 159px; width: 125px; } #home_briefs ul li a.send { background: #eeecec; color: #ababab; font: normal 12px/12px Arial, Helvetica, sans-serif; height: 17px; left: 139px; padding: 5px 0 0 7px; position: absolute; top: 159px; width: 126px; } #home_briefs ul li a:hover { background: #CFCFCF; color: #ffffff; } #home_briefs ul li a.active { background: #444; color: #ffffff; font: normal 12px/12px Verdana, Arial, sans-serif; height: 17px; left: 139px; padding: 5px 0 0 7px; position: absolute; top: 159px; width: 126px; } .brief_mailform { display: none; } .brief_mailform table { margin: 8px 0 0 0; } .brief_mailform td { border: 0; padding: 0 0 3px 8px; text-align: left; } .brief_mailform label { color: #ffffff; font: normal 11px/15px Verdana, Arial, sans-serif; } .brief_mailform input.name { background: #EEECED; border-bottom: 1px solid #0D3C70; border-left: 2px solid #0D3C70; border-right: 1px solid #0D3C70; border-top: 2px solid #0D3C70; color: #0D3C70; font: normal 12px/12px Arial, Helvetica, sans-serif; padding: 4px 3px 2px 6px; width: 190px; } .brief_mailform input.email { background: #EEECED; border-bottom: 1px solid #0D3C70; border-left: 2px solid #0D3C70; border-right: 1px solid #0D3C70; border-top: 2px solid #0D3C70; color: #0D3C70; font: normal 12px/12px Arial, Helvetica, sans-serif; padding: 4px 3px 2px 6px; width: 190px; } .brief_mailform input.submit { background: #0D3C70; border-bottom: 1px solid #08223F; border-left: 2px solid #08223F; border-right: 1px solid #08223F; border-top: 2px solid #08223F; color: #ffffff; cursor: pointer; float: left; font: normal 14px/14px Arial, Helvetica, sans-serif; margin: 3px 0 0 0; padding: 4px 8px; vertical-align: bottom; } #sidebar { background: url(images/sidebar_bg.jpg) 0 0 repeat-y; float: right; margin: 0; min-height: 500px; padding: 0 6px; width: 225px; } #sidebar h2 { background: url(images/sidebar_header.jpg) 0 -5px repeat-x; color: #4F4F4F; font: normal 30px/32px "Times New Roman", Times, serif; padding: 11px 15px 16px 15px; position: relative; } #sidebar h2 span { background: url(images/welcome_icon.jpg) 0 0 no-repeat; display: block; left: 175px; height: 30px; position: absolute; top: 13px; width: 32px; } #sidebar h3 { color: #DF4552; font: bold 14px/17px Verdana, Arial, sans-serif; padding: 0 0 6px 0; } #sidebar p { color: #5F5F5F; font: normal 12px/15px Verdana, Arial, sans-serif; padding: 12px 18px 18px 18px; } #sidebar ul { color: #5F5F5F; font: normal 12px/15px Verdana, Arial, sans-serif; padding: 12px 18px 18px 18px; } #sidebar a { color: #8F5056; display: block; padding: 6px 0 0 0; } #sidebar a:hover { color: #DF4552 } #maincontent { background: url(images/mainhaiku_bg.jpg) 0 0 repeat-y; clear: left; margin: 0; min-height: 500px; padding: 0 5px 0 6px; width: 559px; } #maincontent h1#main_header { background: url(images/main_hd.jpg) 0 0 repeat-x; color: #ffffff; font: normal 36px/36px "Times New Roman", Times, serif; padding: 9px 0 18px 15px; height: 36px; vertical-align: middle; width: 544px; } #interior_content { padding: 17px } #interior_content small { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } #interior_content h2 { color: #575757; font: bold 20px/23px Arial, Helvetica, sans-serif; margin: 0 0 17px 0; } #interior_content h3,h4 { color: #575757; font: bold 16px/23px Arial, Helvetica, sans-serif; margin: 0 0 15px 0; } #interior_content p { color: #4F627F; font: normal 12px/17px Verdana, Arial, sans-serif; margin: 0 0 17px 0; } #interior_content ul, #interior_content ol { margin: 0 0 0 23px; } #interior_content li { margin: 0 0 17px 0; } #interior_content a { color: #9F2729; } #interior_content a:hover { color: #CD3132; } h3#comments { padding: 2em 0 0 0; } h3#respond { border-top: 1px dashed #cccccc; margin: 3em 0 1em 0; padding: 1em 0 0 0; } input#submit { background: #ffffff; border: 1px solid #b3b3b3; cursor: pointer; margin: 0; padding: 3px 6px; text-transform: uppercase; } input#submit:hover { background: #eeeeee; } #maincontent_bottom { background: url(images/maincontent_bottom.jpg) 1px 0 no-repeat; height: 38px; width: 900px; } #footer { color: #ffffff; font: normal 12px/15px Arial, Helvetica, sans-serif; margin: 0 auto; padding: 16px 11px 12px 12px; text-align: left; width: 900px; } #footer ul { float: right; } #footer ul li { display: block; float: left; padding: 0 14px 0 0; } #footer ul li a { color: #6285b1; } #footer ul li a:hover { color: #BFDCFF; } .clear { clear: both; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear_left { clear: left; } .clear_left:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; }