/*
Theme Name: Not Some Theme
Theme URI: http://louisianacustomclosets.com/
Description: The default WordPress theme for Louisiana Custom Closets by <a href="http://notsomeagency.com/">Not Some Agency</a>.
Author: Steven Nord
Author URI: http://notsomeagency.com/
*/

/* Import Base Style Sheets */
@import url(css/clearfix.css);
@import url(css/reset.css);
@import url(css/typography.css);

/* Global Page Layout */
body {padding-top: 5px; padding-bottom: 125px; background: #ed8b04 url(images/body-top.jpg) repeat-x 0 0;}
#page {background: #fff url(images/bottom.jpg) repeat-x 0 bottom;}
#header, #primary-callout, #main, #footer {width: 960px; margin: 0 auto;}
#header {border-bottom: solid 3px #000; margin-bottom: 3px; height: 150px; position: relative;}
#main {margin-top: 1.5em;}
#footer {border-top: solid 1px #d1d1d1; padding: 2em 0 1em 0; margin-bottom: 3em; position: relative;}

/* 2 Column Left Sidebar Page Layout */
.col2-left-layout #sidebar {float: left; padding: 0 45px 0 0; width: 199px;}
.col2-left-layout #content {float: left; padding: 0; width: 716px;}

/* Header Objects */
#header a.site-name {width: 509px; height: 58px; background: url(images/lcc-logo.jpg) no-repeat 0 0; display: block; text-indent: -9999px; overflow: hidden; cursor: pointer; position: absolute; top: 19px; left: 2px;}

#top-nav {float: right; margin: 12px 0 0 0; padding: 0;}
#top-nav li {float: left; margin: 0 26px; list-style: none; line-height: 36px; height: 36px; }
#top-nav li a {color: #333; text-decoration: none; font-size: 20px; font-weight: normal; text-transform: lowercase;}
#top-nav li a:hover {color: #999;}

/* Banner Objects */
#primary-callout {padding-bottom: 3px; border-bottom: solid 3px #d1d1d1; position: relative; background-repeat: no-repeat; background-position: 0 0;}
#primary-callout .page-title {
	font-size: 48px;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: .5em .325em;
	line-height: 0.325;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.page-template-page-large-banner-php #primary-callout {height: 384px; background-image: url(images/home-banner.jpg);}
.page-template-page-small-banner-php #primary-callout {height: 210px; background-image: url(images/inner-banner-1.jpg);}

/* the images - get the page id by viewing the source code of a page and looking in the body class */
.page-id-2 #primary-callout {height: 210px; background-image: url(images/inner-banner-about.jpg);} 			/* about page */
.page-id-3 #primary-callout {height: 384px; background-image: url(images/home-banner.jpg);}			/* home page */
.page-id-16 #primary-callout {height: 210px; background-image: url(images/inner-banner-closets.jpg);} 		/* closets page */
.page-id-5 #primary-callout {height: 210px; background-image: url(images/inner-banner-contact.jpg);}			/* contact page */

.page-id-18 #primary-callout {height: 210px; background-image: url(images/inner-banner-garage.jpg);} 

.page-id-20 #primary-callout {height: 210px; background-image: url(images/inner-banner-wire.jpg);} 

.page-id-22 #primary-callout {height: 210px; background-image: url(images/inner-banner-window.jpg);} 





/* Sidebar Objects */
#sidebar .block {margin-bottom: 3em;}
#sidebar .title {font-size: 2.75em; line-height: 1; padding: 0 0 .125em 0; margin: 0 0 .5em 0; color: #999; font-weight: normal; border-bottom: solid 1px #d1d1d1; letter-spacing: -2px;}
#side-nav ul {
	margin: 0;
	padding: 0 0 0 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#side-nav ul li {margin: 0; padding: 0 0 0 24px; list-style: none; background: url(images/arrow.jpg) no-repeat 0 center;}
#side-nav ul li a {font-size: 18px; line-height: 22px; color: #666; text-decoration: none;}
#side-nav ul li a:hover {text-decoration: underline;}

#colors ul {margin: 0; padding: 1.325em; background: #eee; border: solid 1px #ddd;}
#colors ul li {margin-bottom: .25em; padding: 0 0 0 70px; list-style: none; background-repeat: no-repeat; background-position: 0 0; width: 60px; height: 60px; line-height: 60px; font-size: 1.5em; color: #999;}
.pear {background-image: url(images/sample-pear.jpg);}
.mahogany {background-image: url(images/sample-mahogany.jpg);}
.cherry {background-image: url(images/sample-cherry.jpg);}
.maple {background-image: url(images/sample-maple.jpg);}
.almond {background-image: url(images/sample-almond.jpg);}
.white {background-image: url(images/sample-white.jpg);}

/* Content Objects */
.box1 {background: #eee; border: solid 1px #ddd; padding: 2.25em 2em 2em 2em;}
.box1 h2 {
	color: #AD5C0D;
	font-style: italic;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
}
#colors .box1 {margin: 0 .5em;}

/* Footer Objects */
#bottom-nav {margin-bottom: .25em; padding: 0;}
#bottom-nav li {float: left; margin-right: 50px; padding: 0; list-style: none;}
#bottom-nav ul {margin: 0; padding: 0;}
#bottom-nav ul li {float: none; margin: 0;}
#bottom-nav a {text-decoration: none;}
#bottom-nav a:hover {text-decoration: underline;}
#bottom-nav li a {color: #444; font-weight: bold; text-transform: uppercase; line-height: 2;}
#bottom-nav ul li a {color: #666; font-weight: normal; text-transform: none; line-height: 1.5;}

.addthis_toolbox {position: absolute; right: 0; bottom: 0;}

/* Misc. Styles */
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 0; margin: 0 0 0 1.5em; display: block;}
img.alignleft {padding: 0; margin: 0 1.5em 0 0; display: block;}
.alignright {float: right;}
.alignleft {float: left;}
.box1 img.alignleft, .box1 img.alignright {margin-bottom: 2em;}
.clear {clear: both;}
.areastext {
	text-align: justify;
	display: inline-block;
	/*width: 575px;
	*/font-size: 9px;
	}
.socialneticon {
	margin-right: 25px;
	/*margin-top: 10px;*/
	text-align: right;
	padding-top: 15px;
	font-size: 12px;
	color: #666;
	vertical-align: middle;
}
