/*  
Theme Name: Anatole Exteriors
Theme URI: http://www.anatoleexteriors.com/
Description: This theme was developed solely for use by the Anatole Exteriors website.
Version: 1.0
Author: Endi Media
Author URI: http://www.endimedia.com/

	This theme was designed and built by Endi Media,
	whose website you will find at http://www.endimedia.com/

	The CSS, XHTML and design was created solely for use by 
    Anatole Exteriors and therefore should not 
    be used, copied, or distributed by any party other than 
    Anatole Exteriors or Endi Media.

*/



/*
Common 
------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tr,table { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; font-family: Georgia, "Times New Roman", serif; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

input[type="text"], input[type="password"], textarea, select { outline: none; }

strong { font-weight: bold; }
em { font-style: italic; }

body { font-family: Arial, Helvetica, sans-serif; color: #343434; font-size: 12px; background: url(/wp-content/themes/anatole/images/grain_bg_v2.jpg) top left repeat-x #222; }

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 11px; }

a { outline: none; }



a, a:visited { text-decoration: none; color: #405F74; }
a:hover { text-decoration: underline; color: #000; }

a.lnk1, a:visited.lnk1 { text-decoration: none; color: #60AF54; }
a:hover.lnk1 { text-decoration: underline; color: #000; }

a.lnk2, a:visited.lnk2 { text-decoration: none; color: #999; }
a:hover.lnk2, a:active.lnk2 { text-decoration: underline; color: #405F74; }

a.lnk3, a:visited.lnk3 { text-decoration: none; color: #60AF54; }
a:hover.lnk3, a:active.lnk3 { text-decoration: underline; color: #405F74; }

a.lnk4, a:visited.lnk4 { text-decoration: none; color: #343434; }
a:hover.lnk4, a:active.lnk4 { text-decoration: underline; color: #405F74; }

a.lnk5, a:visited.lnk5 { text-decoration: underline; color: #60AF54; }
a:hover.lnk5 { text-decoration: underline; color: #000; }

a.lnk6, a:visited.lnk6 { text-decoration: underline; color: #405F74; }
a:hover.lnk6 { text-decoration: underline; color: #000; }

a.lnku, a:visited.lnku { background: url(/wp-content/themes/anatole/images/line_lt-blue.gif) bottom left repeat-x; }
a:hover.lnku, a:active.lnku { text-decoration: none; }

.clear { clear: both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.inline { display: inline; }
.block { display: block; }

.small { font-size: 11px !important; }
.bold { font-weight: bold; }
.normal { font-weight: normal !important; }

.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mb25 { margin-bottom: 25px; }
.mt15 { margin-top: 15px; }
.mb15 { margin-bottom: 15px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }

.hidden { display: none; }
.underline { text-decoration: underline !important; }

.c000 { color: #000 !important; }
.c999 { color: #999 !important; }
.c666 { color: #666 !important; }
.c_default { color: #60AF54 !important; }
.green { color: #60AF54 !important; }

.georgia { font-family: Georgia, "Times New Roman", serif; }
.arial { font-family: Arial, sans-serif; }
.uppercase { text-transform: uppercase; }

abbr { background: url(/wp-content/themes/anatole/images/dotte_horizontal-2.gif) bottom left repeat-x; padding: 0 1px; cursor: default;  }

#wrap { width: 920px; margin: 0 auto; background: url(/wp-content/themes/anatole/images/main_bg_tile_v2.jpg) top left repeat-y #fff; }
#content_wrap { width: 900px; padding: 0 10px; background: url(/wp-content/themes/anatole/images/main_bg_v2.jpg) top left no-repeat; }


/*
Top 
------------------------------------------------- */

#top { margin: 0 auto 20px auto; width: 830px; }
#top h1 { background: url(/wp-content/themes/anatole/images/logo_v2.jpg) bottom left no-repeat; height: 40px; width: 415px; margin-top: 35px; float: left; }
#top h1 a { display: block; width: 382px; height: 40px; overflow: hidden; }
#top h1 a strong { display: none; }
#top p { float: left; width: 415px; margin-top: 35px; padding-top: 10px; text-align: right; font-size: 11px; line-height: 1.4em; }



/*
Navigation 
------------------------------------------------- */

#nav { margin: 0 auto; width: 830px; background: url(/wp-content/themes/anatole/images/dotted_horizontal-2.gif) top left repeat-x; }
#nav ul { padding: 9px 0; }
#nav ul li { display: inline; margin-right: 40px; }
#nav ul li a { color: #333; text-transform: uppercase; padding: 9px 15px; }
#nav ul li a:hover { color: #405F74; }
#nav ul li a.on { color: #405F74; font-weight: bold; text-decoration: underline; }
#nav ul li a:hover.on { color: #000; }


/*
breadcrumbs
------------------------- */

#breadcrumbs_wrap { background: #ddd; border-top: 1px solid #ccc; margin: 0 auto 20px auto; width: 830px; }
#breadcrumbs { padding: 7px 10px; }
#breadcrumbs p { font-size: 11px; color: #333; }
#breadcrumbs p a { color: #47853b; }
#breadcrumbs p a:hover { color: #47853b; }


/*
Hello
------------------------------------------------- */

#hello_wrap { width: 850px; height: 350px; padding-top: 5px; margin: 0 auto; background: url(/wp-content/themes/anatole/images/hello_bg_v2.jpg) top center no-repeat; }
.hello { height: 340px; position: relative; }
.hello div.image { width: 850px; height: 340px; overflow: hidden; }
.hello div.caption_bg { position: absolute; top: 235px; left: 10px; width: 230px; height: 88px; padding: 7px 20px 0 10px; background: url(http://www.anatoleexteriors.com/wp-content/themes/anatole/images/homepage_photo_caption_bg.png) top left no-repeat; }
.hello div.caption { position: absolute; top: 235px; left: 10px; width: 230px; height: 88px; padding: 7px 20px 0 10px; }
.hello div.caption h5 { font-weight: bold; color: #fff; }
.hello div.caption p { font-size: 11px; color: #fff; margin-top: 5px; }
.hello div.caption p span { color: #dcdcdc; }
.hello div.caption p a { text-decoration: underline !important; }


/*
Main (Home) 
------------------------------------------------- */

#main_home { width: 830px; margin: 25px auto 40px auto; }
#main_home h2 { margin-bottom: 12px; }
#main_home .col1 { width: 340px; float: left; }
#main_home .col1 p { line-height: 1.4em; margin-bottom: 10px; }
#main_home .col2 { width: 160px; margin: 0 25px; float: left; }
#main_home .col2 p { line-height: 1.4em; margin-bottom: 10px; }
#main_home .col3 { width: 280px; float: left; }
#main_home .col3 p { line-height: 1.4em; }



/*
Main 
------------------------------------------------- */

#main { width: 830px; margin: 25px auto 40px auto; }
#main h2, #main h3, #main h4, #main h5 { margin-bottom: 12px; }
#main .col1 { width: 525px; float: left; min-height: 325px; }
* html #main .col1 { height: 325px; }
#main .col1 p { line-height: 1.4em; margin-bottom: 10px; }
#main .col2 { width: 280px; margin-left: 25px; float: left; }
#main .col2 p { line-height: 1.4em; margin-bottom: 10px; }

.post small { margin-bottom: 5px; font-size: 11px; font-weight: arial; color: #666; }
.post ul { padding-bottom: 8px; }



/*
Main (Featured Projects)
------------------------------------------------- */

#main_projects { width: 830px; margin: 25px auto 40px auto; }
#main_projects .heading h2 {  }
#main_projects .heading p { margin-top: 15px; padding: 10px 0; color: #666; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#main_projects .col1 { width: 830px; float: left; min-height: 325px; }
* html #main_projects .col1 { height: 325px; }
#main_projects .col1 p.edit { line-height: 1.4em; margin: 5px 0 0 0; }
#main_projects .col1 .project_row { width: 830px; margin-top: 25px; }
#main_projects .col1 .project_row div.post { width: 262px; float: left; margin-left: 22px; }
#main_projects .col1 .project_row div.first { margin-left: 0 !important; }
#main_projects .col1 .project_row div a img { border: 1px solid #bbb; }
#main_projects .col1 .project_row div h5 { font-size: 12px; margin: 7px 0 5px 0; }
#main_projects .col1 .project_row div dl dt { display: inline; color: #666; }
#main_projects .col1 .project_row div dl dd { display: inline; } 



/*
Misc & Sidebar (there's another sidebar section below...)
------------------------------------------------- */

ul.news li { margin-bottom: 10px; }
ul.news li h5 { margin-bottom: 5px; }
ul.news li p.excerpt { margin-bottom: 5px; line-height: 1.4em; }
ul.news li p.when { color: #666; }





/*
Foot 
------------------------------------------------- */

#foot { width: 830px; padding: 30px 35px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: url(/wp-content/themes/anatole/images/stone_bg_v2.jpg) top left no-repeat; overflow: hidden; }
#foot .l { width: 340px; float: left; }
#foot .m { width: 160px; float: left; padding-left: 25px !important; }
#foot .r { width: 280px; float: left; padding-left: 25px !important; }
#foot h5 { padding-bottom: 5px; border-bottom: 2px solid #ccc; }



/*
Copyright 
------------------------------------------------- */

#copyright { width: 830px; padding: 12px 0 15px 0; margin: 0 auto; text-align: center; color: #999; font-size: 11px; }



/*
Form elements
------------------------------------------------- */

select.select { padding: 2px 1px; color: #444; border: 1px solid #e0e0e0; font-size: 12px; font-family: arial, sans-serif; }
input.text { padding: 2px; color: #444; border: 1px solid #e0e0e0; font-size: 12px; font-family: arial, sans-serif; }
textarea.textarea { padding: 2px; color: #444; border: 1px solid #e0e0e0; font-size: 12px; font-family: arial, sans-serif; }
label.block { margin-bottom: 3px; }
a#submit_button { background: url(/wp-content/themes/anatole/images/submit_button_bg2.jpg) top left no-repeat; display: block; height: 28px; width: 207px; padding: 14px 0 0 20px; /*border-left: 2px solid #EC208D;*/ }



/*
Lists
------------------------------------------------- */

ul.ul1 {}
ul.ul1 li { background: url(/wp-content/themes/anatole/images/arrow_bullet.gif) 0px 5px no-repeat; padding: 0 0 0 10px; margin: 0 10px 7px 0; width: 150px; float: left;}
ul.ul2 {}
ul.ul2 li { background: url(/wp-content/themes/anatole/images/arrow_bullet.gif) 0px 5px no-repeat; padding: 0 0 0 10px; margin-bottom: 7px; }
ul.ul2 li p { line-height: 1.4em; }
ul.ul3 {}
ul.ul3 li, .post ul li { background: url(/wp-content/themes/anatole/images/round_bullet.gif) 0px 5px no-repeat; padding: 3px 0 3px 15px; }





/*
contact form
------------------------- */
input.text { width: 350px; padding: 4px 2px; color: #444; border: 1px solid #cecece; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #e4e4e4; font-size: 13px; font-family: arial, sans-serif; }
input.short { width: 240px !important; }
textarea.textarea { width: 500px; height: 120px; padding: 4px 2px; color: #444; border: 1px solid #cecece; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #e4e4e4; font-size: 13px; font-family: arial, sans-serif; }

#contactform_div { }
#contactform_div p {}
#contactform_div p.alert { background: #a01d22; color: #fff; margin-top: 15px; padding: 8px 10px;}
#contactform_div p label.full { display: block; margin: 0 0 5px 0; }
#contactform_div p span.required { color: red; font-family: Tahoma, Arial, sans-serif; }
#contactform_div p input.submit_button { padding: 7px 15px; margin-top: 10px; }
#contac_form_div p#submit input { border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; background: url(/wp-content/themes/anatole/images/submit_bg.gif) bottom left repeat-x #fff; padding: 7px 15px; font-size: 13px; font-famliy: arial, sans-serif; }




/*
sidebar
------------------------- */

.sideblock { padding-bottom: 15px; }
.sideblock ul li {  }
.sideblock ul li a {  }
.sideblock ul li a:hover {  }
.sideblock ul li.current_page_item a { font-weight: bold; color: #333; text-decoration: underline; }
.sideblock ul li.current_page_item li a { font-weight: normal !important;  }

.sideblock ul ul li { padding-left: 10px !important; padding-top: 5px !important; padding-bottom: 0px !important; }
.sideblock ul ul li a,
.sideblock ul ul li a:visited { color: #aaa !important; }
.sideblock ul ul li.current_page_item a { font-weight: bold !important; color: #333 !important; text-decoration: underline !important; }
.sideblock ul ul li.current_page_item li a { font-weight: normal !important;  }
.sideblock ul ul li a:hover {  }
.sideblock ul ul li a.on { font-weight: bold !important; color: #333 !important; text-decoration: underline !important; }

.sidebox { padding: 15px; background: #ddd; }
.sidebox h5 { font-size: 12px; font-family: arial; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.sidebox p { }




/*
other
------------------------- */


ol li {
	list-style: decimal inside;
	}
ol ul li {
	list-style: none;
	}
ol.lower_roman li {
 list-style-type: lower-roman !important;
}
ol.lower_alpha li {
 list-style-type: lower-alpha !important;
}

/* End Entry Lists */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 10px 30px 0 10px;
	padding-left: 20px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Begin Lists */

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.entry blockquote {
       color: #808080;
}



/* End Various Tags & Classes*/