/*
Theme Name: Evanmade
Theme URI: http://evanmade.com
Description: Theme for Evan McDonald Portfolio.
Version: 1.0
Designer: Evan MacDonald
Coded by: Yonatan Rivera
Author URI: http://estudio86.com
Tags: custom, 2 columns, fixed
*/


@charset "UTF-8";
/* CSS Document */
html {
	margin:0;
	padding:0;
	}
body {
	margin:0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height: 20px;
	color:#191919;
	}
	
a:link {
	color:#C27832;
	text-decoration:none;
	}
a:visited {
	color:#C27832;
	text-decoration:none;
	}
a:hover {
	color: #191919;
	text-decoration:none;
	}



	
/*----HEADER-------
------HEADER-----*/

/*navigation and darkline*/

#darkline {
	
	height:50px;
	background-color:#333333;
	background-image:url(images/greytile.jpg);
	background-repeat:repeat;
	background-position:center;
	border-bottom:#191919 solid 1px;
	border-bottom:#E7F3E2 solid 1px;
	}

#mastwrap {
	width:950px;
	margin:0 auto;
	}

#logo {
	float:left;
	width:300px;
	height:50px;
	}

#nav {
	float:right;
	width:360px;
	}
	
	#nav ul {
		margin:0;
		padding:0;
		}
	
	#nav li {
		margin:0;
		padding:0;
		list-style-type:none;
		display:inline;
		float:left;
		
		}
		
		#nav li a h4{
			background: url(images/navigation.jpg) no-repeat;
			height:50px;

			margin:0;
			padding:0;
			text-decoration:none;
			text-indent:-9999px;
			}
			
			#nav li a h4.home {width:82px; background-position:0px 0px;}
			#nav li a:hover h4.home {width: 82px; background-position:0 -50px;}
			
			#nav li a h4.portfolio {width:118px; background-position:-82px 0px;}
			#nav li a:hover h4.portfolio {width:118px; background-position:-82px -50px;}
			
			#nav li a h4.blog {width:64px; background-position:-200px 0px;}
			#nav li a:hover h4.blog {width:64px; background-position:-200px -50px;}
			
			#nav li a h4.contact {width:96px; background-position:-264px 0px;}
			#nav li a:hover h4.contact {width:96px; background-position:-264px -50px;}
					

/*orange banner with banner text*/

#orangebanner {
	height:225px;
	width:100%;
	border-bottom:1px solid #FFFFFF;
	background-color:#C27832;
	background-image:url(images/orangebanner.jpg);
	background-repeat:repeat-x;
	background-position:center;
	background-position:bottom;
	font-family:Georgia,"Times New Roman",Times,serif;
	}
	
	
	#orangebanner h1 {
		color:#E7F3E2;
		font-size:36px;
		font-size-adjust:none;
		font-variant:normal;
		font-weight:normal;
		line-height:45px;
		margin:0 auto;
		padding: 20px 0 8px 0;
		text-decoration:none;
		width:950px;
		}
	
	#orangebanner p {
		padding:20px 0 0 0;
		font-size:22px;
		line-height: 32px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		color:#E7F3E2;
		width:950px;
		margin:0 auto;
		}
	#orangebanner a {
				color:#E7F3E2;
				font-style:italic;
				border-bottom: #E7F3E2 dashed 1px;
				}
	#orangebanner a:hover {
				color:#FFFFFF;
				border-bottom: #FFFFFF dashed 1px;
				}
	
/*------BODY--------
--------BODY------*/

#bodywrap {
	width:100%;
	background-color:#E7F3E2;
	background-image:url(images/bodytile.jpg);
	background-repeat:repeat;
	background-position:center;
	padding: 45px 0 60px;
	}

.content {
	overflow:auto;
	width: 970px;
	margin:0 auto;
	}

.left {
	float:left;
	width:660px;
	}

.right {
	float:right;
	width:285px;
	position:relative;
	}
	
	.previous {width:130px;}
	
	.next {
		text-align:right;
		position:absolute;
		right:4px;
		top:0;
		width:90px;}

.left .solidline {
	border-bottom:1px solid #191919;
	margin:10px 6px;
	}

.right .solidline {
	border-bottom:1px solid #191919;
	margin:10px 0;
	}


.dottedline {
	border-bottom:1px dashed #5E6260;
	margin:10px 0;
	}



p {
	margin: 0;
	padding:10px 0;
	line-height: 22px;
	}


.left h1 {
	margin: 0 10px;
	}
	
	p a:hover {
	color:#5E6260;
	text-decoration:none;
	}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
	font-size-adjust:none;
	font-variant:normal;
	margin:0;
	color:#C27833;
	padding:7px 0 11px;
	}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-size-adjust:none;
	font-variant:normal;
	font-weight:normal;
	margin:0;
	padding:10px 0 ;
    line-height:30px;
	}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-size-adjust:none;
	font-variant:normal;
	font-weight:normal;
	margin:0;
	padding:0px 0 10px;
	}

h4 {
	font-style:italic;
	margin:0 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	h4 a:link{
		color:#191919;
		}
	h4 a:visited {
		color:#191919;
		}
	h4 a:hover {
		color:#c27832;
		}



h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant:normal;
	font-weight:normal;
	padding:0;
	margin:0 0 25px 0;
	text-transform:uppercase;
	font-size:18px;
	letter-spacing:1.8px;
	}

.left h5 { margin:0 0 8px 10px;}

.right h5 {margin:0 0 0px 4px;}

.postinfo {
	padding:0px 0px 10px;
	margin:0 10px 10px;
	color:#5E6260;
	border-bottom:#191919 dotted 1px;
	font-size:12px;
	}
.commentsarea {
	padding:10px 0px 10px;
	margin:20px 0 10px;
	color:#191919;
	border-top:#5E6260 dashed 1px;
	font-family: Helvetica, Arial, sans-serif;
        text-transform:uppercase;
        font-size:12px;
        letter-spacing:1.2px;
	}

.postbody p {
	text-align:justify;
	}

	.postbody .commentsarea a:link {
                border-bottom:none;
		color:#C27832;
		}
	.postbody .commentsarea a:visited {
                border-bottom:none;
		color:#C27832;
		}
	.postbody .commentsarea a:hover {
                border-bottom:none;
		color:#5E6260;

		}



blockquote {
font-size:85%;
text-align:left;

}

	.postbody blockquote a:link {
                border-bottom:none;
		color:#C27832;
font-size:85%;
		}
	.postbody blockquote a:visited {
                border-bottom:none;
font-size:85%;
		color:#C27832;
		}
	.postbody blockquote a:hover {
                border-bottom:none;
		color:#5E6260;
font-size:85%;

		}



.datestamp {
	color:#5E6260;
	font-style:italic;
	font-style:oblique;
	padding:10px 0;
	}

ul.vert {
	border-top: #191919 solid 1px;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 50px;
	padding:0;
	width:280px;
	text-transform:uppercase;
	font-family:Helvetica, Arial, sans-serif;
	
	
	}
	
	ul.vert li {
		border-bottom:1px dashed #5E6260;
		color:#191919;
		float:left;
		font-size:11px;
		letter-spacing: .5px;
		padding:4px 0 3px 4px;
		width:276px;
	
		}

ul.vert li a:link {
	color:#191919;
	}
ul.vert li a:visited {
	color:#191919;
	}	
ul.vert li a:hover {
	color:#c27832;
	text-decoration:underline;
	}


.postbody .wp-caption {
background:#fff;
border:1px solid #ccc;
margin:10px 0px;
text-align:center;
padding:5px 0 0;
font-family: helvetica, arial, sans-serif;
}
.postbody .wp-caption-text {
margin:0;
padding:6px 9px;
font-size:85%;
text-align:left;
line-height:16px;
}
.postbody .wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}

.postbody .alignright {
float:right;
margin:0 0 0 10px;
}
.postbody .alignleft {
float:left;
margin:0 10px 0 0;
}
.postbody .aligncenter {
margin:10px auto;
display:block;
}


/*------blog stuff------*/

.ltext {
	margin:0 10px 10px 10px;
	overflow:auto;
	padding-bottom:25px;
	border-bottom: #191919 solid 1px;
	}

.dateline {
	width:110px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	float:left;
	}
	
.dateline h2 {
	font-size:14px;
	font-style:italic;
	}

.postbody {
	/* width:475px; */
	width: 505px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	float:right;
	}
	
	.postbody p a:link {
		color:#000;
		text-transform:uppercase;
		font-size:10.5px;
		letter-spacing:1.4px;
		border-bottom: #000 dashed 1px;
		}
	.postbody p a:visited {
		color:#191919;
		text-transform:uppercase;
		font-size:10.5px;
		letter-spacing:1.4px;
		border-bottom: #191919 dashed 1px;
		}
	.postbody p a:hover {
		color:#C27832;
		text-transform:uppercase;
		font-size:10.5px;
		letter-spacing:1.4px;
		border-bottom: #C27832 dashed 1px;
		}
	.postbody h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:24px;
		text-transform:none;
		font-size-adjust:none;
		font-variant:normal;
		font-weight:normal;
		margin:0;
		padding:10px 0 ;
	}
	
	.postbody a:link h2 {color:#191919;}
	.postbody a:visited h2 {color:#191919;}
	.postbody a:hover h2 {color:#C27832;}
	

	
.postbody h3 {
	
	color: #5E6260;
	padding:10px 0;
	text-transform:uppercase;
	font-size:10.5px;
	letter-spacing: 1.8px;
	}


.filedunder {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	}

	.projectdescript a:link {
		color:#191919;
		text-transform:uppercase;
		font-size:10.5px;
		letter-spacing:1.4px;
		border-bottom: #191919 dashed 1px;
		}
	.projectdescript  a:visited {
		color:#191919;
		text-transform:uppercase;
		font-size:10.5px;
		letter-spacing:1.4px;
		border-bottom: #191919 dashed 1px;
		}
	.projectdescript  a:hover {
		color:#C27832;
		text-transform:uppercase;
		font-size:10.5px;
		letter-spacing:1.4px;
		border-bottom: #C27832 dashed 1px;
		}

.projectdescript h3 {
	
	color: #5E6260;
	padding:18px 0 6px 0;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing: 2.2px;
	}

.projectdescript ul {
	margin:0;
	padding:0;
	}

.projectdescript ul li {
	margin:0;
	padding: 6px 0;
	list-style-type:none;
	}
	
.comments {
	border:1px solid #C27832;
	padding:5px 20px 10px;
	margin: 10px 0 20px;
	background-color:#E7F3E2;
	}
	.comments p {
		padding-top:0px;
		}
	.comments h1 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		font-weight: bold;
		text-transform:uppercase;
		letter-spacing:1.6px;
		margin:5px 0 0;
		color:#191919;
		}
		.comments h1 a {
			text-transform:lowercase;
			letter-spacing:normal;
			font-weight:normal;
			}
/*
input{border: 1px solid #C27832;}
textarea{border: 1px solid #C27832;}
*/
/*Portfolio List*/

ul#folio {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
ul#folio li {
	display: block;
	float: left;
	margin:11px;
	padding:3px;
	border: 1px solid #191919;
	}
	
	/*HACK for ie6 to handle the float issue. They should mandate an upgrade. grrr.*/
	*html 
	ul#folio li{
	display:inline;
	}

ul#folio li a {
	font-size: 12px;
	width: 300px;
	height: 200px;
	border: none;
	color: #252525;
	cursor: pointer;
	cursor: hand;
	}

ul#folio li a:hover img {
	opacity: 0.5;
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5;
	}
	
ul#folio li a:hover .text-wrapper strong {
	display: block;
	color: #191919;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	line-height:34px;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	font-style: italic;
	font-weight:bold;
	}
	
.image-wrapper{
	position: relative;
	width: 300px;
	height: 200px;
	}

.image-wrapper img {
	width: 300px;
	height: 200px;
	border:none;

	}

.text-wrapper {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 260px;
	}

.text-wrapper strong {
	display: none;
	}


.clear { clear: both; }

.emnotes {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#5e6260;
	}
form h2{
	padding:14px 0 10px;
	}	

form p {
	padding:5px 0;
	width:500px;
	}


.limages {
	margin:20px 10px 10px;
	}
/*Unordered List of separated items*/


	

/*------FOOTER--------
--------FOOTER------*/

#footer {
	width:100%;
	padding:10px 0 2px;
	background-color:#333333;
	background-image:url(images/greytile.jpg);
	background-repeat:repeat;
	background-position:center;
	border-top: 1px solid  #FFFFFF;
	border-bottom: 3px solid  #C27832;
	}
	
#footer a:link {
	color: #E7F3E2;
	}
#footer a:visited {
	color: #E7F3E2;
	}
#footer a:hover {
	color: #C27832;
	text-decoration:none;
	}	




#footer ul.vert {
	border-top: #5E6260 solid 1px;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 50px;
	padding:0;
	width:200px;
	text-transform:uppercase;
	font-family:Helvetica, Arial, sans-serif;
	}
	
	#footer ul.vert li {
		border-bottom:1px solid #5E6260;
		color:#E7F3E2;
		float:left;
		font-size:10px;
		letter-spacing: .5px;
		padding:4px 0 3px 4px;
		width:196px;
	
		}

/*#footer ul.vert li a:link {
	color:#E7F3E2;
	}

#footer ul.vert li a:visited {
	color:#E7F3E2;
	}
		
#footer ul.vert li a:hover {
	color:#c27832;
	text-decoration:underline;
	}

*/

		
#footwrap {
	width:950px;
	overflow:auto;
	margin:0 auto;
	}
	
	.footleft {
		float:left;
		width:450px;
		}
	
	.footright {
		float:right;
		width:450px;
		overflow:auto;
		}
		
		.greetme {
			float:left;
			width:200px;
			}
		
		.socialize {
			float:right;
			width:200px;
			}
			
#footwrap h5 {
	color: #C27832;
	margin: 25px 0 0px 4px;
	}

#footwrap h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-style:oblique;
	color:#C27832;
	font-size:24px;
	padding:10px 0;
	margin:10px 0;
	}

#footwrap p {
	color: #E7F3E2;
	margin:10px 0 50px;
	padding: 10px 4px;
	border-bottom:1px solid #5E6260;
	border-top:1px solid #5E6260;
	}

	#footwrap p a:link {
		color:#E7F3E2;
		text-transform:uppercase;
		font-size:10px;
		letter-spacing:1.4px;
		border-bottom: #E7F3E2 dashed 1px;
		}
	#footwrap p a:visited {
		color:#E7F3E2;
		text-transform:uppercase;
		font-size:10px;
		letter-spacing:1.4px;
		border-bottom: #E7F3E2 dashed 1px;
		}
	#footwrap p a:hover {
		color:#C27832;
		text-transform:uppercase;
		font-size:10px;
		letter-spacing:1.4px;
		border-bottom: #C27832 dashed 1px;
		}

		
	
	
#copyright {
	width:952px;
	margin:auto;
	padding:2px 0;
	border-top:1px solid #C27832;
	}
	
	#copyright p {
		color:#E7F3E2;
		margin: auto;
		padding:10px 4px;
		font-size:10px;
		text-transform:uppercase;
		letter-spacing:1px;
		text-align:center;
		}



/*------TRANSPARENCY FIX IN IE6--------
--------TRANSPARENCY FIX IN IE6------*/

.png {
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
    this.src = "http://evanmade.com/wp-content/themes/evanmade/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
    this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
ul.vert .rss a {display: inline;
	color:#color: #C27832;
	}
ul.vert .rss a:hover {
display: inline;
	color:#c27832;
	text-decoration:underline;
	}