/*
Theme Name: Drewes 2009
Theme URI: http://mclindigital.com/
Description: Custom theme created for jdrewes.com
Version: 1.0
Author: Mike McLin
Author URI: http://mclindigital.com
*/

/* Base Page Layout */
html { background: #e6e3d0 url(images/html.png) repeat-x center top; }
body { background: url(images/body.png) no-repeat center top; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4em; color:#5f6063; }
#doc { width:900px; padding:0 30px; margin:0 auto; }
#header { }
#main_content { clear:both; position:relative; overflow:visible; }
#footer { }
/* Header */
h1 { margin-bottom:5px; }
h1 a { width:350px; height:170px; display:block; margin:0 auto; text-indent:-9999px; background:url(images/h1.png) no-repeat left top; }
h1 a:hover { background: url(images/h1.png) no-repeat left bottom; }
ul#main_nav { margin:0 0 0px 10px; height:50px; overflow:visible; }
ul#main_nav li { list-style:none; float:left; display:inline; }
ul#main_nav li a { float:left; display:block; line-height:50px; padding:0 13px; background: url(images/nav_bg.png) repeat-x left top; font-weight:bold; font-size:17px; }
ul#main_nav li a:hover { background: url(images/nav_bg.png) repeat-x left bottom; text-decoration:none; color:#5f6063; }
ul#main_nav li.current a { background: url(images/nav_bg.png) repeat-x left bottom; text-decoration:none; color:#5f6063; }
ul#main_nav li.current a:hover { background: url(images/nav_bg.png) repeat-x left bottom; text-decoration:none; color:#5f6063; }
ul#main_nav li#handyman_navlink a span { color:#000; font-weight:bold; }
/* Footer */
#footer { background: url(images/footer.png) no-repeat left top; width:900px; padding-top:55px; text-align:center; clear:both; }
#footer ul#footer_links { margin:0 0 20px 0; }
#footer ul#footer_links li { display:inline; margin: 0 10px; list-style:none; }
#footer ul#footer_links li a { }
#footer ul#footer_links li a:hover { }
#footer p#copyright { }
#footer p#copyright b { }
#footer p#site_design { font-size:12px; }
#footer p#site_design a { background-color:#0055a5; color:#FFF; padding:0 5px; }
#footer p#site_design a:hover { background-color:#7fb5e8; color:#333140; text-decoration:none; }
/* HTML Tags */
h2 { font-size:36px; font-weight: bold; text-transform: uppercase; color:#FFF; margin:99px 0 102px 0; line-height:1em; }
h2 span { font-weight:normal; }
h2 span b { font-weight:bold; color:#c3e1fd; }
h3 { font-size:30px; font-weight: normal; text-transform: uppercase; color:#0055a5; line-height:1.1em; margin-bottom:20px; }
h4 { font-size:20px; font-weight: bold; margin-bottom:20px; color:#333140; }
h5 { font-size:18px; font-weight: normal; text-transform: uppercase; margin-bottom:10px; }
h6 { font-size:18px; font-weight: normal; text-transform: uppercase; margin-bottom:10px; }
a,
a:active,
a:visited { text-decoration:none; color:#0055a5; }
a:hover { text-decoration:underline; color:#0055a5; cursor:pointer; }
a image { border:none; text-decoration:none; }
abbr,
acronym { border-bottom:1px dotted #000; cursor:help; }
b,
strong { font-weight:bold; color:#333140; }
em,
i { font-style:italic; }
blockquote { margin:1em; font-family: Georgia, serif; font-size: 18px; font-style: italic; font-weight: normal; letter-spacing: normal; line-height: 1.4em; }
ul,
ol,
dl { margin:20px; margin-left:3em; }
ul li { list-style:disc outside; }
ol li { list-style:decimal outside; }
dl dt { }
dl dd { }
th,
td { border:1px solid #CCC; padding:.5em; }
th { font-weight:bold; }
caption { margin-bottom:.5em; text-align:center; }
p,
fieldset,
table,
pre { margin-bottom:20px; }
input[type=text],
input[type=password] { }
input[type=checkbox] { }
input[type=radio] { }
input[type=submit] { border:none; background:#0055a5; color:#FFF; padding:5px 8px; font-weight:bold; text-transform:uppercase; font-size:16px; }
input[type=submit]:hover { background:#7fb5e8; color:#FFF; }
textarea { width:500px; padding:3px; height:100px; }
label { display:block; }
/* Styles */
.tinybox { width:50px; }
.shortbox { width:100px; }
.midbox { width:250px; }
.longbox { width:700px; }
.small { font-size: 9px; }
:focus { outline:none; }
.alignleft { float:left; margin:5px 20px 20px 0; }
.alignright { float:right; margin:5px 0 20px 20px; }
.aligncenter { margin:0 auto 20px auto; display:block; }
label.error { color:#D20000; display:inline; }
input.error,
textarea.error { background: #FFDFDF; color: #8A0000; border-color:#D20000; }
.hasFocus { color:#000; font-weight:bold; }
.isChanged { color:#666; }
.hidden { display:none; }
img.size-thumbnail,
img.size-medium { padding:9px; background:#FFF; border:1px solid #AAA; }
img.size-large { padding:0; border:1px solid #AAA; }
a:hover img.size-thumbnail,
a:hover img.size-medium,
a:hover img.size-large { background:#d2e2f2; border:1px solid #7fb5e8; }
p.wp-caption-text { margin:0; text-align:center; padding:5px 0; font-family: “Lucida Grande”, sans-serif; font-size:12px; line-height:1.2em; color:#98d3df; font-style:italic; }
a.download_button { border:none; background:#CCC; color:#000; padding:3px 8px; }
a.download_button:hover { background:#EEE; color:#000; }
.rounded-3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.rounded-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.rounded-10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.rounded-20 { -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.rounded-30 { -moz-border-radius: 30px; -webkit-border-radius: 30px; }
div.navigation { }
div.navigation div.previous_posts { }
div.navigation div.previous_posts a { }
div.navigation div.previous_posts a:hover { }
div.navigation div.next_posts { }
div.navigation div.next_posts a { }
div.navigation div.next_posts a:hover { }
a.post-edit-link { clear:both; }
/********* PAGE.PHP ***********/
div.page-image-frame { position:absolute; top: 9px; margin-top:-95px; left:465px; z-index:2; background: url(images/page_image_frame.png) no-repeat center bottom; width:360px; height:178px; }
img.page-image { position:absolute; top: 22px; margin-top:-95px; left:478px; z-index:1; }
/********* COMMERCIAL.PHP / RESIDENTIAL.PHP ***********/
div#commercial_page div.entry,
div#residential_page div.entry { float:right; width:610px; }
div#commercial_page ul.blogroll,
div#residential_page ul.blogroll { margin:0; float:left; width:250px; margin-bottom:40px; }
div#commercial_page ul.blogroll li,
div#residential_page ul.blogroll li { border-bottom:1px dotted #919396; list-style:none; }
div#commercial_page ul.blogroll li a,
div#residential_page ul.blogroll li a { line-height:40px; width:240px; padding-left:10px; display:block; }
div#commercial_page ul.blogroll li a:hover,
div#residential_page ul.blogroll li a:hover { background-color:#FFF; text-decoration:none; font-weight:bold; }
div#commercial_page ul.blogroll li a.current,
div#residential_page ul.blogroll li a.current { color:#5f6063; background: url(images/current_bullet.png) no-repeat right center; }
div#commercial_page ul.blogroll li a.current:hover,
div#residential_page ul.blogroll li a.current:hover { background: url(images/current_bullet.png) no-repeat right center; font-weight:normal; }
/********* GALLERY.PHP ***********/
div#gallery_page div.gallery_view { float:right; width:610px; }
div#gallery_page ul#photo_album_sidebar { margin:0; float:left; width:250px; margin-bottom:40px; }
div#gallery_page ul#photo_album_sidebar li { border-bottom:1px dotted #919396; list-style:none; }
div#gallery_page ul#photo_album_sidebar li a { line-height:40px; width:240px; padding-left:10px; display:block; }
div#gallery_page ul#photo_album_sidebar li a:hover { background-color:#FFF; text-decoration:none; font-weight:bold; }
div#gallery_page ul#photo_album_sidebar li a.current { color:#5f6063; background: url(images/current_bullet.png) no-repeat right center; }
div#gallery_page ul#photo_album_sidebar li a.current:hover { background: url(images/current_bullet.png) no-repeat right center; font-weight:normal; }
/********* HOMEPAGE.PHP ***********/
ul#homepage_wrapper { width:930px; height:405px; background: url(images/homepage_layout.png) no-repeat left top; margin:90px 0 30px -15px; position:relative; }
ul#homepage_wrapper li { width:270px; height:365px; display:block; overflow:hidden; list-style:none; }
ul#homepage_wrapper li a { width:270px; height:365px; display:block; }
ul#homepage_wrapper li a img { position:absolute; top:40px; left:20px; }
ul#homepage_wrapper li#commercial_box { position:absolute; top:20px; left:20px; }
ul#homepage_wrapper li#residential_box { position:absolute; top:20px; left:330px; }
ul#homepage_wrapper li#handyman_box { position:absolute; top:20px; left:640px; }
ul#homepage_wrapper li#commercial_box a { background:url(images/home_commercial_graphics.png) no-repeat left top; }
ul#homepage_wrapper li#commercial_box a:hover { background:url(images/home_commercial_graphics.png) no-repeat left bottom; }
ul#homepage_wrapper li#residential_box a { background:url(images/home_residential_graphics.png) no-repeat left top; }
ul#homepage_wrapper li#residential_box a:hover { background:url(images/home_residential_graphics.png) no-repeat left bottom; }
ul#homepage_wrapper li#handyman_box a { background:url(images/home_handyman_graphics.png) no-repeat left top; }
ul#homepage_wrapper li#handyman_box a:hover { background:url(images/home_handyman_graphics.png) no-repeat left bottom; }
/**********HANDYMAN *************/
div#common_todos { display:none; padding:20px 20px 0 20px; background:#d2e2f2; border:1px dashed #7fb5e8; overflow:auto; color:#0055a5; font-size:12px; width:650px; }
div#common_todos ul { float:left; }
div#common_todos p { clear:both; text-align:right; font-size:18px; font-weight:bold; }
/********* CONTACT.PHP ***********/
div#contact_page .entry div.contact_info { float:right; width:300px; }
div#contact_page .entry div.wpcf7 { width:560px; float:left; }
/********* COMMENTS.PHP ***********/
div#comments_wrapper h3 { }
div#comments_wrapper h3#comments { }
div#comments_wrapper div.navigation { }
div#comments_wrapper div.navigation div.previous_comments { }
div#comments_wrapper div.navigation div.previous_comments a { }
div#comments_wrapper div.navigation div.previous_comments a:hover { }
div#comments_wrapper div.navigation div.next_comments { }
div#comments_wrapper div.navigation div.next_comments a { }
div#comments_wrapper div.navigation div.next_comments a:hover { }
div#comments_wrapper ol.commentlist { margin:0; }
div#comments_wrapper ol.commentlist li.comment { list-style:none; position:relative; }
div#comments_wrapper ol.commentlist li.even { }
div#comments_wrapper ol.commentlist li.odd { }
div#comments_wrapper ol.commentlist li.comment div { }
div#comments_wrapper ol.commentlist li.comment div div.comment-author { font-size:22px; margin-left:100px; }
div#comments_wrapper ol.commentlist li.comment div div.comment-author img.avatar { padding:5px; background:#FFF; border:1px solid #AAA; float:left; position:absolute; top:20px; left:20px; }
div#comments_wrapper ol.commentlist li.comment div div.comment-author div.avatar img { padding:5px; background:#FFF; border:1px solid #AAA; float:left; position:absolute; top:20px; left:20px; }
div#comments_wrapper ol.commentlist li.comment div div.comment-author cite { font-weight:bold; font-size:26px; line-height:1.2em; }
div#comments_wrapper ol.commentlist li.comment div div.comment-author cite a.url { line-height:1.2em; }
div#comments_wrapper ol.commentlist li.comment div div.comment-author cite a.url .FB_ElementReady { line-height:1.2em; }
div#comments_wrapper ol.commentlist li.even a { }
div#comments_wrapper ol.commentlist li.even a:hover { }
div#comments_wrapper ol.commentlist li.odd a { }
div#comments_wrapper ol.commentlist li.odd a:hover { }
div#comments_wrapper ol.commentlist li.comment div div.comment-author span { }
div#comments_wrapper ol.commentlist li.comment div div.commentmetadata { margin:5px 0 10px 100px; }
div#comments_wrapper ol.commentlist li.comment div div.commentmetadata a { font-size:16px; }
div#comments_wrapper ol.commentlist li.comment div div.commentmetadata a:hover { background:none; }
div#comments_wrapper ol.commentlist li.comment div em { margin:10px 0 0 100px; display:block; }
div#comments_wrapper ol.commentlist li.comment div p { margin:10px 0 0 100px; }
div#comments_wrapper ol.commentlist li.comment div div.reply { }
div#comments_wrapper ol.commentlist li.comment div div.reply a { }
div#comments_wrapper ol.commentlist li.comment div div.reply a:hover { }
div#comments_wrapper ol.commentlist li.comment ul.children { }
div#comments_wrapper ol.commentlist li.comment ul.children li depth-2 { }
div#comments_wrapper ol.commentlist li.comment ul.children li depth-3 { }
div#comments_wrapper div#respond { }
div#comments_wrapper div#respond h3 { }
div#comments_wrapper div#respond form#commentform { }
div#comments_wrapper div#respond form#commentform p { }
div#comments_wrapper div#respond form#commentform p label { }
div#comments_wrapper div#respond form#commentform p input { }
form#commentform p input#author,
form#commentform p input#email,
form#commentform p input#url { }
form#commentform p input#author:focus,
form#commentform p input#email:focus,
form#commentform p input#url:focus { }
div#comments_wrapper div#respond form#commentform p #comment { }
div#comments_wrapper div#respond form#commentform p #comment:focus { }
div#comments_wrapper div#respond form#commentform p input#submit { }
div.facebook_button_area { }
div.facebook_button_area h4 { color:#161419; }
h4.no_facebook_message { }
/********* TESTIMONIALS.PHP ***********/
div#testimonials_wrapper h3 { }
div#testimonials_wrapper h3#comments { }
div#testimonials_wrapper div.navigation { }
div#testimonials_wrapper div.navigation div.previous_comments { }
div#testimonials_wrapper div.navigation div.previous_comments a { }
div#testimonials_wrapper div.navigation div.previous_comments a:hover { }
div#testimonials_wrapper div.navigation div.next_comments { }
div#testimonials_wrapper div.navigation div.next_comments a { }
div#testimonials_wrapper div.navigation div.next_comments a:hover { }
div#testimonials_wrapper ol.commentlist { margin:0; float:left; width:500px; }
div#testimonials_wrapper ol.commentlist li.comment { list-style:none; background-color:#FFF; border:1px dashed #919396; margin-bottom:30px; padding:20px; }
div#testimonials_wrapper ol.commentlist li.even { }
div#testimonials_wrapper ol.commentlist li.odd { }
div#testimonials_wrapper ol.commentlist li.comment div { }
div#testimonials_wrapper ol.commentlist li.comment div div.comment-author { font-size:18px; font-weight: normal; text-transform: uppercase; margin-bottom:5px; }
div#testimonials_wrapper ol.commentlist li.comment div div.comment-author img.avatar { display:none; }
div#testimonials_wrapper ol.commentlist li.comment div div.comment-author div.avatar img { display:none; }
div#testimonials_wrapper ol.commentlist li.comment div div.comment-author cite { font-size:20px; font-weight:bold; font-style:normal; }
div#testimonials_wrapper ol.commentlist li.comment div div.comment-author cite a.url { line-height:1.2em; }
div#testimonials_wrapper ol.commentlist li.comment div div.comment-author cite a.url .FB_ElementReady { line-height:1.2em; }
div#testimonials_wrapper ol.commentlist li.even a { }
div#testimonials_wrapper ol.commentlist li.even a:hover { }
div#testimonials_wrapper ol.commentlist li.odd a { }
div#testimonials_wrapper ol.commentlist li.odd a:hover { }
div#testimonials_wrapper ol.commentlist li.comment div div.comment-author span { }
div#testimonials_wrapper ol.commentlist li.comment div div.commentmetadata { margin:0 0 20px 0; }
div#testimonials_wrapper ol.commentlist li.comment div div.commentmetadata a { font-size:16px; }
div#testimonials_wrapper ol.commentlist li.comment div div.commentmetadata a:hover { }
div#testimonials_wrapper ol.commentlist li.comment div em { margin:10px 0; display:block; }
div#testimonials_wrapper ol.commentlist li.comment div p { margin:0 0 10px 0; }
div#testimonials_wrapper ol.commentlist li.comment div div.reply { }
div#testimonials_wrapper ol.commentlist li.comment div div.reply a { }
div#testimonials_wrapper ol.commentlist li.comment div div.reply a:hover { }
div#testimonials_wrapper ol.commentlist li.comment ul.children { }
div#testimonials_wrapper ol.commentlist li.comment ul.children li depth-2 { }
div#testimonials_wrapper ol.commentlist li.comment ul.children li depth-3 { }
div#testimonials_wrapper div#respond { float:right; width:360px; overflow:visible; }
div#testimonials_wrapper div#respond h3 { font-size:20px; font-weight: bold; margin-bottom:20px; color:#FFF; background-color:#0055a5; padding:10px 20px; }
div#testimonials_wrapper div#respond h4 { font-size:18px; }
div#testimonials_wrapper div#respond form#commentform { }
div#testimonials_wrapper div#respond form#commentform p { }
div#testimonials_wrapper div#respond form#commentform p label { }
div#testimonials_wrapper div#respond form#commentform p input { }
div#testimonials_wrapper div#respond form#commentform textarea { width:350px; }
/********* 404.PHP ***********/
div#error_404_wrapper { }
div#error_404_wrapper h2 { }
