/*
	Theme Name: Bennett Home Improvement
	Theme URI: http://www.bennethomeimprovement.ca
	Description: A theme developed by Rodrigo Flores for Bennett Home Improvement, under contract with Stagecoach Designs
	Version: 1.0
	Author: Rodrigo Flores
	Author URI: http://www.rodrigoflores.ca/
	Tags: centered, 960, white, highlights themed by the time of day
*/

/* 
	Eric Meyer's Reset 
	Autor URL: http://meyerweb.com/ 
	File URL: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
	Description: attempts to iron out some of the inconsistencies across browsers
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
	tools
*/

.clear { clear: both; line-height: 0; height: 0; }
.aligncenter { text-align: center; margin: auto; }
.alignleft { float: left; margin-right: 15px; margin-bottom: 5px; }
.alignright { float: right; margin-left: 15px; margin-bottom: 5px; }

/*
	general
*/

em { font-style: italic; }
strong { font-weight: bold; }
a, a img { text-decoration: none; border: none; }

p { line-height: 1.5em; padding-bottom: 1em; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 {}

h2 {}

h3 { font-family: Calibri, Lucida Sans, Arial, sans-serif; font-size: 24px; margin-bottom: 8px; }

h4 {}

h5 {}

h6 {}

blockquote {}
	
textarea {}

input, textarea { border: 1px solid #CCC; background: #FFF; padding: 2px 4px; font-family: Calibri, Arial; font-size: 14px; color: #000; font-size: 14px; }
input:focus, textarea:focus { border: 1px solid #CCC; background: #EBEBEB; }

textarea { width: 520px; }

body {
	text-align: center;
	font-family: Calibri, Arial; font-size: 14px; color: #000;
}

.smaller { font-size: 0.8em; }

#wrap { width: 980px; margin: auto; height: auto; }

/* header styles */

#header { margin-top: 15px; width: 980px; height: 251px; position: relative; z-index: 1001; }

#container { position: relative; 
	*zoom: 1; 
}

#header-bg { 
	position: absolute; left: 17px; top: 10px; width: 946px; height: 210px; 
	overflow: hidden; z-index: 1; 
}

	#logo { 
		position: relative; z-index: 3; width: 417px; height: 215px; position: relative; 
		overflow: hidden; background: url(css/img/header-sprite1.png) 0 0 no-repeat; 
		*margin-left: -600px;
	}	
	#logo:hover { position: relative; top: 1px;
		*margin-top: 1px;
	}
	
	#topnav-left, #topnav-middle, #topnav-right {  height: 78px; position: absolute; z-index: 2; } 
	
	#topnav-left { width: 41px; left: 0; top: 170px; }
	#topnav-right { width: 41px; right: 0; top: 171px;  }
	
	#topnav-middle { width: 898px; left: 41px; top: 170px; }
	
	#topnav-middle ul { position: relative; z-index: 101; }
	
	#topnav-middle ul li { float: left; text-transform: uppercase; font-size: 16px; padding:46px 10px 10px 10px; position: relative; z-index: 100; }
	
		/* subnav */
		#topnav-middle ul li ul { 
			text-align: left; width: 166px; opacity: 0.85;
			margin: 0; height: auto; padding: 10px 0 17px 0;
			display: none; position: absolute; top: 69px; left: -4px;
			background: transparent url(img/subnav-bg.png) bottom center no-repeat;
			z-index: 999;
			*background: none #FFF;
			*border: 1px solid #CCC;
			*zoom:1;
		}
		
			#topnav-middle ul li:hover > ul { display: block; }
		
			#topnav-middle ul li ul li { 
				margin: 0; text-transform: capitalize; line-height: 1.3em;
				padding: 0.2em 7% 0.2em 7%; width: 86%;
			}
				#topnav-middle ul li ul li a { color: #000; display: block; } 
				#topnav-middle ul li ul li a:hover {  color: #245592; }
	
	#topnav-middle a { color: #FFF; } #topnav-middle a:hover { color: #FF9; }
	
	#topnav-phone { 
		position: absolute; width: 323px; height: 47px; background: url(css/img/header-sprite1.png) 0 52px; 
		top: 130px; left: 416px; z-index: 10; 
	}
	
	#topnav-email { 
		position: absolute; width: 335px; height: 47px; background: url(css/img/header-sprite1.png) 0 99px; 
		top: 134px; left: 622px; z-index: 10; 
	}
	
	#greeting { position: absolute; z-index: 11; top: 25px; left: 110px; width: 314px; height: 38px; }
	

/* content styles */

.edit-post { text-align: right; margin-bottom: 10px; }

.content { width: 673px; height: auto; text-align: left; float: left; position: relative; z-index: 0; min-height: 370px; height: auto !important; height: 370px; }

	.content .padding { padding-left: 45px; }
	
.content h2 img { position: relative; margin-left: -40px; z-index: 0; }

.content h2 small { position: relative; top: -10px; }

.content h2 { padding-bottom: 12px; padding-top: 10px; }

	.post-edit-link { color: #333; } .post-edit-link:hover { color: #777; }
	
	.page-template-services-php .post-edit-link { font-size: 0.6em; }
	
#post-navigation { margin-bottom: 15px; height: 31px; }

.next a, .prev a { 
	color: #000; display: block; margin-left: 14px; margin-right: 14px; 
} 
	
.next a:hover, .prev a:hover { color: #666; }

.next a { padding-right: 38px; height: 31px; line-height: 31px; background: url(img/button-right.gif) right center no-repeat;  }

.prev a { padding-left: 38px; height: 31px; line-height: 31px; background: url(img/button-left.gif) left center no-repeat; }

.next, .prev { float: right; }

.post-edit-link { font-size: 0.9em; }

.page-img { float: right; }


/* sidebar styles */

.sidebar { width: 300px; height: auto; float: right; padding-bottom: 15px !important; }

.sidebar-title { 
	background: url(img/sidebar-title-bg.jpg) 0 0 no-repeat;
	width: 246px; height: 57px; position: relative; left: 2px; position: relative; }

.sidebar-title img { position: absolute; top: 28px; left: 10px; }

.sidebar-module { 
	text-align: left;
	display: block; background: url(css/img/sidebar-module-bg.jpg) 0 0 repeat-y; height: auto; width: 251px; \
}
	.sidebar-module .padding { padding: 14px 20px 0 20px; }

	.sidebar-module ul { list-style: disc; margin-left: 15px; }
	
	.sidebar-module ul li { line-height: 1.5em; }
	
	.sidebar-module ul li a { color: #000; } .sidebar-module ul li a:hover { color: #666; }
	
	.sidebar-module a { color: #255895; }
	.sidebar-module a:hover { color: #4CB2DA; }
	
.sidebar-module-bottom { 
	display: block; width: 251px; height: 26px; 
	background: url(css/img/sidebar-module-bottom.jpg) 0 0 no-repeat; }

/* footer styles */

#footer { 
	width: 980px; height: auto; min-height: 150px; 
	background: url(css/img/footer-bg.jpg) top center no-repeat; 
}


#bottomnav { width: 980px; height: 60px; background: url(css/img/bottomnav-bg.png) 0 0 no-repeat; }

#bottomnav ul { padding-left: 20px; padding-right: 20px; }

#bottomnav li { 
	float: left; text-transform: uppercase; font-size: 15px; line-height: 60px; margin-left: 8px; margin-right: 8px; 
}

#vcard { float: left; width: 358px; height: auto; margin: 10px 20px 20px 30px; }

#vcard h3 { padding-bottom: 0; margin-bottom: 0; }

#vcard-top { float: left; width: 358px; height: 18px; background: url(css/img/vcard-top.png) 0 0 no-repeat; }
#vcard-bottom { float: left; width: 358px; height: 18px; background: url(css/img/vcard-bottom.png) 0 0 no-repeat; }

#vcard-middle { float: left; width: 358px; height: auto; background: url(css/img/vcard-middle.png) 0 0 repeat-y; }

#vcard-robin { width: 128px; float: left; }

#vcard-robin img { margin-top: 5px; }

#vcard-info { width: 230px; float: left; text-align: left; }

	#vcard-info .padding { padding: 0; padding-right: 15px; font-size: 16px; line-height: 1.1em;  }
	
	#vcard-info .padding h3 { font-size: 16px; font-weight: bold; line-height: 1.2em; font-weight: bold; }
	
	#vcard-info .padding p { padding-bottom: 0; margin-bottom: 0; }

#login { padding-bottom: 20px; font-size: 12px; }

#login ul li { display: inline; margin-left: 6px; margin-right: 6px; }	

#login a { color: #000; } #login a:hover { color: #444; }
	
#signature { 
	width: 306px; height: 38px; background: url(css/img/signature-bg.jpg) 0 0 no-repeat; 
	margin: 0 auto 20px auto; line-height: 38px; 
}

/*** Elements common to all themes ***/


/* more arrows */
.more-link {
	background:transparent url(css/img/keep-reading.jpg) no-repeat scroll 0 -25px; /* loads the sprite image with no repeating */
	text-indent: -999999px; height: 25px; width: 107px; float: left; clear: both; margin-bottom: 15px;
}
	.more-link:hover { background-position: 0 0; }

#navigation a {
    background:transparent url('/images/nav-bg.jpg') no-repeat scroll 0 0; /* loads the sprite image with no repeating */
    text-indent: -999999px;
    height: 59px;
    float: left;
}



.gallery { width: 676px; background: url(css/img/gallery-bg.jpg) top center no-repeat; padding: 10px 5px 10px 5px; }

.gallery-item { background: none; }

#closing-line { padding-top: 10px; font-style: italic; text-align: right; margin-right: 40px; }

.footer-logo { float: right; width: 85px; height: auto; margin-right: 15px; }

.logo-desc { display: inline-block; margin-right: 20px; width: 250px; }

	.logo-desc p { margin-top: -20px; }

/*** HOMEPAGE ***/

#content-home { width: 572px; height: auto; text-align: left; float: left; }

	#content-home .padding { padding-left: 45px; padding-right: 30px }
	
#content-home h2 img { position: relative; margin-left: -40px; }

#content-home h2 small { position: relative; top: -10px; }

#content-home h2 { padding-bottom: 12px; padding-top: 10px; }

.home-module-wrap { float: left; width: 33%; text-align: center; margin-top: 15px; margin-bottom: 20px; }

.home-module-wrap:hover { 
	-moz-transform: scale(1.1); -webkit-transform: scale(1.1); position: relative;
	top:-5px\9; 
	*top: -5px;
}

	.home-module-wrap div { margin: 0 auto; }
	

	/* homepage slider */
	
	#slider-home { width: 407px; height: 308px; background: url(img/home-slider-bg.png) 0 0 no-repeat; float: left; position: relative; }
	
	#slider-wrap { position: absolute; top: 11px; left: 13px; height: 287px; width: 380px; overflow: hidden; }


/* services */

#services-module { float: right; margin-top: 10px; }

/* WP-prettyPhoto */

.pp_pic_holder { -moz-box-shadow:0 0 20px #444; -webkit-box-shadow:0 0 20px #444; }