/*
Theme Name: EMEASEE
Theme URI: http://emeasee.com/
Description: Portfolio of Mac Oosthuizen.
Version: 1.0
Author: Mac Oosthuizen
Author URI: http://emeasee.com/contact/
Tags: wordpress, template, html5, blogfolio, portfolio
*/


/* == BASICS == */

header, footer, section, article, aside, nav {
	display: block;
	}
body {
	font-family: Garamond, Georgia, Times, serif;
	font-size: 13px;
	margin: 0;
	background-color: #373737;	
	}
nav+section {
	float: left;
	clear: none;
	}
body>img {
	border: 0;
}

/* == LINKS == */

a{color:#9f9f9f;}

/* == HEADER == */

body>header {
	padding: 33px;
	color: #ccc;
	position: fixed;
	z-index: 99;
	}
	body>header h1 {
		margin: 0;
		padding: 0;
		}
		body>header h1 a:link, body>header h1 a:visited {
			text-decoration: none;
			color: #ddd;
			}
		body>header h1 a:hover, body>header h1 a:active {
			text-decoration: none;
			color: #fff;
			}

/* == HOMEPAGE == */

article[id=latest] {
	font-size: 11px;
	}
	div#back{
		margin-top: 250px;
		background-color: #fff;
		position: absolute;
		width: 900px;
		height: 950px;
		box-shadow: 10px 2px 10px rgba(0,0,0,0.2);
		-moz-box-shadow: 10px 2px 10px rgba(0,0,0,0.2);
		-webkit-box-shadow: 10px 2px 10px rgba(0,0,0,0.2);
		}
		article[id=latest]>header {
			padding-top: 10px;
			position: absolute;
			left: 300px;
			width: 150px;
			height: 300px;
			}
			article[id=latest]>header h1{
				font-size: 11px;
				}
				article[id=latest]>header a{
				color: black;
				font-size: 11px;
				}
				article[id=latest] img {
					background: #fff;
					
				}
			
			
/* == BLOG == */

article[id*=post-] {
	width: 580px;
	padding: 8px;
	}
div#blogback{
		margin-left: 130px;
		margin-top: 0px;
		padding-top: 288px;
		background-color: #a7a7a7;
		width: 610px;
		}
div#blogback a{
			color: black;
			}
div#blogback h1{
			margin: 0;
			}
div#blogback h1 a{
			color: #a7a7a7;
			font-weight: normal;
			font-size: 13px;
			padding: 3px;
			background-color: black;
			}				
		div#blogback span h2{
			float: left;
			width: 100px;
			font-size: 14px;
			color: black;
			text-decoration: none;
			padding-left: 10px;
			padding-top: 6px;
			}
		div#blogback span a{
			color: black;
			text-decoration: none;
			}
		div#blogback img{
			border-width: 3px;
			border-style: solid;
			border-color: white;
			}
article[id*=post-]>header {
	margin-left: 185px;
	}
article[id*=post-]>section {
	margin-left: 185px;
	}
article[id*=post-]>footer {
	margin-left: 185px;
	}
article>header p, 
article>footer p {
	font-style: italic;
	}
article+nav {
	font-weight: bold;
	}
section>h1 {
	padding-top: 10px;
	}

.div{
	width: 400px;
	height: 1px;
	background-color: #373737;
}
	
/* == PORTFOLIO == */

article[id=projects] {
	display: block;

	}
	ul#portfolioback{
		margin-top: 250px;
		font-size: 0;
		padding: 0;
		float:left;
		width: 900px;
		}
		ul#portfolioback li {
			padding: 0;
			background-color: #fff;
			float: left;
			list-style-type: none;
			display: inline;
			}
			ul#portfolioback li a{
				padding: 0;
				margin: 0;
				text-decoration: none;
				
			}
			
/* == PROJECT == */

ul#projectback{
		margin-top: 250px;
		padding: 0;
		float:left;
		width: 900px;
		font-size: 0;
		}
		ul#projectback li {
			width: 300px;
			height: 400px;
			padding: 0px;
			float: left;
			list-style-type: none;
			display: inline;
			overflow: hidden;
			}
			ul#projectback li img{
				padding: 0;
				margin: 0;				
			}
			ul#projectback li.onlytext{
				width: 270px;
				height: 370px;
				padding: 15px;
				font-size: 12px;
				font-weight: bold;
				background-color: #595959;
				}
			ul#projectback li.onlytext a{
				padding: 0;
				margin: 0;	
				color: black;		
				}
			ul#projectback li.onlytext p{
				padding: 0;
				margin: 0;
				color: #9f9f9f; 
				}
			ul#projectback li.meta{
				width: 270px;
				height: 370px;
				padding: 15px;
				font-size: 12px;
				font-weight: bold;
				}
			ul#projectback li.meta h2{
				padding: 0;
				margin: 0;	
				font-size: 12px;
				color: white;		
				}
			ul#projectback li.meta a{
				padding: 0;
				margin: 0;	
				color: gray;		
				}
			ul#projectback li.meta p{
				padding: 0;
				margin: 0;
				font-size: 12px;
				color: #9f9f9f; 
				}

ul#projectback li ul {
	padding: 0;
}
ul#projectback li ul li {
	width: 270px;
	height: auto;
	padding: 0px 0px 10px 0px;
}
ul#projectback li ul li h2{
	padding: 0;
	margin: 0;	
	font-size: 12px;
	color: black;		
	}
ul#projectback li.about{
				width: 270px;
				height: 370px;
				padding: 15px;
				font-size: 16px;
				font-weight: bold;
				background-color: #595959;
				}
			ul#projectback li.about a{
				padding: 0;
				margin: 0;	
				color: black;		
				}
			ul#projectback li.about p{
				padding: 0;
				margin: 0;
				color: #9f9f9f; 
				}
ul#projectback li.more{
				width: 270px;
				height: 370px;
				padding: 15px;
				font-size: 12px;
				font-weight: bold;
				background-color: #505050;
				}
				ul#projectback li.more p{
					padding: 0;
					margin: 0;
					font-size: 12px;
					color: #9f9f9f; 
					}
ul#projectback li.links{
				width: 270px;
				height: 370px;
				padding: 15px;
				font-size: 12px;
				font-weight: bold;
				background-color: #484848;
				}
ul#projectback li.music{
				width: 270px;
				height: 370px;
				padding: 15px;
				font-size: 12px;
				font-weight: bold;
				background-color: #3f3f3f;
				}
ul#projectback li.think{
				width: 270px;
				height: 370px;
				padding: 15px;
				font-size: 12px;
				font-weight: bold;
				background-color: #373737;
				}

	
/* == NAVIGATION == */

nav {
	padding-left: 0;
	position: absolute;
	left: 300px;
	width: 400px;
	height: 100px;
	font-size: 12px;
	}
nav a{
	color: black;
}
nav b{
	color: white;
	font-size: 13px;
	}
body>nav {
	padding: 15px 0;
	}
	body>nav ul {
		text-align: left;
		margin: 0;
		padding: 0px 0px 15px 0px ;
		color: #000000 ;
		}
		body>nav li {
			margin-top: 5px;
			display: block;
			}
			body>nav li:before{
				color:#FFFFFF;
				content: "|  ";
			}
			body>nav li a{
				padding: 3px;
				
			}
			.current_page_item a{
			color: #9f9f9f;
			background-color: black;
			}
			.current_page_item:before{
			content: "/  ";
			}
			

/* == COMMENTS == */

.comments{
	width: 250px;
	padding: 8px;
	margin-left: 185px;
}

article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #ddd;
		background: #eee;
		}
form[method=post] label {
	display: block;
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}

/* == SIDEBAR == */

aside {
	overflow: hidden;
	width: 170px;
	position: absolute;
	left: 750px;
	top: 300px;
	}
	aside a{
		color: #9f9f9f;
	}
	
	aside p{
		color: #666666;
	}
	aside ul {
		padding: 0;
		margin: 0;
		}
	aside li {
		list-style: none;
		}
	aside li h2{
		font-size: 13px;
		}
		aside li ul li {
			list-style: none;
			}
li.delicious-post.delicious-odd,ul li.delicious-post.delicious-even{
	padding-bottom: 10px;
	}

ul.twitter{
	padding: 0;
	}		
	ul.twitter li{
		width: 270px;
		height: auto;
		padding: 0px 0px 10px 0px;
		}
	
li.divwhite{
	margin-top: 15px;
	width: 150px;
	height: 1px;
	background-color: #000;
	}
	li.tag-item{
		list-style: none;
		display: inline;	
	}

/* == FOOTER == */

body>footer {
	position: fixed;
	bottom: 0;
	left: 0;
	background-image: url('images/footer.png');
	background-repeat:repeat;
	width: 200px;
	height:15px;
	padding: 2px 10px 2px 10px;
	}
	body>footer p{
		margin: 0;
		padding: 0;
		font-size: 13px;
		color: white;
		}
	body>footer a{
		margin: 0;
		padding: 0;
		font-size: 13px;
		color: white;
		}		

/* == SEARCH == */

label[for=s] {
	display: none;
	}

/* == JQUERY == */

.hover{
	position: relative;
	margin:0 0px 0 0;
	display:block;
	float:left;
	padding:0;
	width: 300px;
	height: 400px;
}


.hover .slideimg{
	position:absolute;
	top:0;
	left:0;
}
.hover .slideimg_on{
	position:absolute;
	top:0;
	left:0;
	width: 270px;
	height: 370px;
	padding: 15px;
	font-size: 14px;
	background-color: #595959;
}