/* -----------------------------------------------------------------------

	Screen CSS
	Design and Dev by New Way Design LLC
	http://www.newwaydesign.com; hooray@newwaydesign.com

------------------------------------------------------------------------- */

/* ----- Generic styles --------------------------------------------------*/
html { margin:0px; padding:0px; background-color: #FFFEF6;}
body { background: #fffef6 url("images/bg-blog.jpg") no-repeat 50% 0; min-height: 1000px; text-align: center; text-shadow: 1px 1px 1px #fff; font: normal 72.5%/1 Helvetica, Arial, sans-serif; color: #663458; line-height: 1.5em; }

/* 	body { background: url("../images/_grid.gif") repeat-y 50% 0; }*/

/* ----- Generic classes -------------------------------------------------*/
.alt { position: absolute; left: -9999px; }
.clear {clear: both;margin: 0;padding: 0;}

.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
hr { display:none; }
.padding {padding-bottom: 15px;}

/* ----- Typography -----------------------------------------------------*/
h1 {font: 2.2em , Georgia, Times New Roman, serif; color: #a11488; line-height: 1.5em; }

h2 {font: 2.0em museo300, Georgia, Times New Roman, serif; color:#e83563; line-height: 1.4em; margin-bottom:10px; text-shadow: 1px 1px 1px #fff;}
h2 a {color:#619a8a; border: 0;}

h3 {font: 1.6em museo500, Georgia, Times New Roman, serif; color: #e83563; font-style: italic; padding-top: 5px; width: 100%;}

h4 {font: 1.4em museo500, Georgia, Times New Roman, serif; color:#e83563; text-shadow: 1px 1px 1px #fff; padding-top: 5px; }


p {font: normal 1.1em Helvetica, Arial, sans-serif; color: #663458; line-height: 1.5em;}

a {color: #2c866e; text-decoration: none; }
a:hover { color: #ee7678; border-bottom: 1px dotted #ee7678; }

.purple {color: #a11488;}
.blue {color: #0074a4;}
.red {color: #ed2225;}
.floatRight {width: 277px; float:right; margin-top: 20px; height:560px; background: url("../images/bg-about-us-services.jpg");}
.floatLeft {float:left; width:340px; margin-top: 20px;}
.small {font-size: 12px; color:#da666b; padding-bottom: 10px;}

small {
	font-size: 12px;
	line-height: 1.5em;
	color:#da666b;
	font-weight: 400;
	}

/* ----- Base layout -----------------------------------------------------*/
.container { background: #fffef6 url("images/bg-blog.jpg") no-repeat 50% 0; width: 971px; margin: 0 auto; min-height:850px; position:relative; overflow: hidden; text-align: left; }

/* ----- Left Column -----------------------------------------------------*/
div#left-column { width: 270px; height: 100%; margin:0 auto; float: left; padding: 200px 0 0 0;}
	.wrap { margin:0 auto; position:relative; padding-right: 15px;	}

		p#logo a { width: 270px; height: 100px; position: absolute; left: 0; text-indent:-9999em; border: none; }
 		p#logo a:hover, a:visited; a:link {text-decoration: none;}
		div#introduction { padding-top: 130px; width:280px; padding-bottom: 15px;}
		div#intro-text {background: transparent url(../images/intro-text.gif) no-repeat 0 0; height:82px; margin:0 ; text-indent:-9999px; width:258px;}		
				
		div#push p { width: 260px; font-size: 1.2em; color: #663458; line-height: 1.5em;}
				div#push a { color: #619a8a; text-decoration: none; border-bottom: 1px dotted #619a8a; }
				div#push a:hover { color: #ee7678; border-bottom: 1px dotted #ee7678;}
		
		div#contact { padding-top:15px;} 
	
/* ----- Right Column -----------------------------------------------------*/
div#right-column { width: 670px; margin: 0 auto; float: left; padding-left: 10px;}


	/* ----- Prim Nav -----------------------------------------------------*/
	ul#nav-primary { margin:0; }
	ul#nav-primary li { float: left; }
	ul#nav-primary li a { display: block; height: 57px; background-repeat: no-repeat; background-position: 0 0; border: none; }
	ul#nav-primary li a:hover, ul#nav-primary li a.current { background-position: 0 -57px; }

		/* ----- HOME -----------------------------------------------------*/
		li#nav-home a { width: 100px; background-image: url("images/nav/nav-home.jpg"); border: none; }
 
 		/* ----- ABOUT -----------------------------------------------------*/
 		li#nav-about a  { width: 97px; background-image: url("images/nav/nav-about.jpg"); border: none;}
		li#nav-about-active  { width: 97px; background-image: url("../images/nav/nav-about-active.jpg"); border: none;}
						
		/* ----- PORTFOLIO -----------------------------------------------------*/
		li#nav-portfolio a { width: 134px; background-image: url("images/nav/nav-portfolio.jpg"); border: none;}
		li#nav-portfolio-active { width: 134px; background-image: url("../images/nav/nav-portfolio-active.jpg"); border: none;}
		
		/* ----- PROCESS -----------------------------------------------------*/
		li#nav-process a { width: 117px; background-image: url("images/nav/nav-process.jpg"); border: none;}
		li#nav-process-active { width: 117px; background-image: url("../images/nav/nav-process-active.jpg"); border: none;}
		
		/* ----- BLOG -----------------------------------------------------*/
		li#nav-blog a { width: 92px; background-image: url("../images/nav/nav-blog.jpg"); border: none;}
		li#nav-blog-active { width: 92px; background-image: url("images/nav/nav-blog-active.jpg"); border: none;}
		
		/* ----- CONTACT -----------------------------------------------------*/
		li#nav-contact a { width: 127px; background-image: url("images/nav/nav-contact.jpg"); border: none;}
		li#nav-contact-active { width: 127px; background-image: url("images/nav/nav-contact-active.jpg"); border: none;}
				
	
	/* ----- Body Area -----------------------------------------------------*/
		div#body-area { padding: 35px; margin: 0; background: #ffffff url("images/body-header.jpg") no-repeat 0 0; border: none; overflow: none; clear:both;}
		div#body-area-about { padding: 35px 0 0 35px; margin: 0; background: #ffffff url("images/body-header.jpg") no-repeat 0 0; border: none; overflow: none; clear:both;}
			div#body-area-about .indent-padding {padding: 20px;}
			div#body-area-  li {list-style-image: url('../images/bullet.jpg');}
			
				
			/********HOME********/
			
			/* ----- BLOG -----------------------------------------------------*/
		  			div#sidebar {margin:0; width: 260px; margin:0;}
		  			div#sidebar li {padding: 10px 0 10px; width: 250px; border-bottom: 1px solid #e8c791;}
		  			div#sidebar li li {padding: 5px 0 0 0; border: 0;}
		  			div#sidebar a {font-size: 1.1em;color: #619a8a; text-decoration: none; border: 0;}
					div#sidebar a:hover { color: #ee7678; border-bottom: 1px dotted #ee7678; }
					
					div#form {margin:0; height:28px;}
					fieldset {clear: both;margin: 0;}
					span.f {float: left;text-align: left;}
					input#search {height: 26px; width: 71px; margin-left: 7px; background-image: url("images/btn-search.jpg"); padding:0; border:0;}
					input#s {width: 160px;height: 20px; border: 1px solid #f4dd9f;background-color: #fffef6; padding:3px; margin-bottom:3px;}
					
					div#post {padding-bottom: 30px;}
					.addthis_container {padding-top: 15px;}
			/* Begin Form Elements */

#searchform {
	margin: 0 auto;
	text-align: center;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

div#comments h3 {width:600px; padding:25px 0 15px 0; border-bottom: 1px solid #d9e9d5;}


.entry { background:transparent url("images/blog-divider.gif") no-repeat scroll center bottom;
display:block;
margin-bottom:40px;
padding-bottom:60px;}

em {
    font-style: italic;
}

.postmetadata {
	clear: both;
	padding: 25px 0 25px 0;
}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border: 3px solid #d9e9d5;
	}

/*	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 2px 7px;
	display: inline;
	}

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

.alignright {
	float: right;
	}

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

/* Entry */

.entry p.author {
color:#999999;
float:left;
font-size:12px;
font-style:italic;
margin-right:11px;
}

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 5px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before,  {
	content: "\00BB \0020";
	}

.entry ol {
	padding:0;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}
.entry p {
margin-top:5px;
margin-bottom:10px;
padding-left:2px;
}

.entry p a:visited {
	color: #b85b5a;
	}
	
div#closing {margin-top: 25px;}
.commentlist li, #commentform input, #commentform textarea {
	font: 12px Helvetica, Arial, sans-serif;
	 color: #663458; line-height: 1.5em; }
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin-right: 15px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

/* Begin Comments*/
.alternative {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 0 0;
	padding: 5px 5px 0 0;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 25px 5px 0 0;
	padding-bottom: 15px;

}
.children { padding: 0; }

#commentform dt { margin: 0;}

#commentform .label {padding: 10px 0 2px 0;}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
#respond {padding-top: 10px; border-top: 1px solid #d9e9d5;}
/* End Comments */

/* Begin Form Elements */

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 0 5px 1px 0;
	border: 1px solid #d9e9d5;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 580px;
	padding: 6px;
	border: 1px solid #d9e9d5;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 15px 0 5px auto;
	float: left;
	background-image: url("images/btn-post-comment.jpg");
	width: 148px; height: 31px;
	border: 0;
	}
/* End Form Elements */
		 


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

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

blockquote {
	background-color: #fcf6f1;
	margin: 15px;
	padding: 10px ;
	
	}

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

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */								
		  	
		  					  				
/* ----- Footer -----------------------------------------------------*/
div#footer { margin:0; background: url("images/footer.png") no-repeat scroll 50% 0; color: #da666b; clear: both; height: 140px; font-size: 1.1em; } 
		div#footer .container-footer {width: 968px; margin: 0 auto; height:auto !important; position:relative; overflow: hidden; text-align: left;}
		div#footer-left { width: 640px; float: left; padding-top: 100px; }
		div#footer-right {padding-left: 0;}
			ul#nav-footer li { float: left; display: inline; padding-right: 15px; padding-top: 100px;}
			ul#nav-footer li a { color: #619a8a; text-decoration: none; border-bottom: 1px dotted #619a8a;}
			ul#nav-footer li a:hover { color: #ee7678; border-bottom: 1px dotted #ee7678;}