/*  
Theme Name: My Theme
Theme URI: http://www.eugeneagyeman.com
Description: This is my theme for my portfolio.
Version: 1.0
Author: Eugene zMastaa Agyeman
Author URI: http://www.eugeneagyeman.com/

*/
body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}
body{
		margin: 0;
		font-family: Arial, Helvetica, Georgia, Sans-serif;
		font-size: 12px;
		text-align: center;
		vertical-align: top;
		background: #b2b2b2;
		color: #000000;
		background-image:url(imgs/bg.jpg);
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-position:top;
		
}
h1{
font-family: Arial, Georgia, Sans-serif;
font-size: 20px;
}

a:link, a:visited{
text-decoration: none;
color: #ff0000;
}
a:hover{
text-decoration: none;
color: #E80404;
}
p{
padding: 5px 0 0 0;
}
#wrapper{
margin: 0 auto 0 auto;
width: 870px;
text-align: left;
}
#header{
float: left;
width: 870px;
}
#headtitle {
	float:left;
	background-image:url(imgs/headertitle.png);
	background-repeat:no-repeat;
	width:870px;
	height:117px;
}
#headdesc {
	float:left;
	width:415px;
	height: 165px;
	padding-top:40px;
}
#headdesc p{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}
#desc {
	background-image:url(imgs/ta.png);
	background-repeat:no-repeat;
	height:54px;
}
#desc p{
	font:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
}
#navi {	

	clear:both;
	float:left;
	background-image:url(imgs/menu.png);
	height:56px;
	width:870px;
}
#navBarContainer{
	clear:both;
	float:left;
	/* background-image:url(imgs/menu.png); */
	height:56px;
	width:870px;
	background-color:#b2b2b2;
}
ul#navBar{
	width: 870px;
	height: 57px;
	margin: 0 0;
	list-style: none;
	padding: 0px;
}
ul#navBar li{
	display: inline;
}
ul#navBar li a{
	height: 57px;
	float: left;
	text-indent: -9999px;
	text-align:left;
}
ul#navBar li#navBarHome a{
	width: 105px;
	background: url(imgs/menu.png) no-repeat -10px 0px;
}
ul#navBar li#navBarAbout a{
	width: 110px;
	background: url(imgs/menu.png) no-repeat -105px 0px;
}
ul#navBar li#navBarPortfolio a{
	width: 110px;
	background: url(imgs/menu.png) no-repeat -220px 0px;
}
ul#navBar li#navBarBlog a{
	width: 90px;
	background: url(imgs/menu.png) no-repeat -330px 0px;
}
ul#navBar li#navBarContact a{
	width: 130px;
	background: url(imgs/menu.png) no-repeat -420px 0px;
}
ul#navBar li#navBarHome a:hover{
	background-position: -10px -57px;
}
ul#navBar li#navBarAbout a:hover{
	background-position: -105px -57px;
}
ul#navBar li#navBarPortfolio a:hover{
	background-position: -220px -57px;
}
ul#navBar li#navBarBlog a:hover{
	background-position: -330px -57px;
}
ul#navBar li#navBarContact a:hover{
	background-position: -420px -57px;
}
ul#navBar li#navBarHome a:active{
	background-position: -10px -114px;
}
ul#navBar li#navBarAbout a:active{
	background-position: -105px -114px;
}
ul#navBar li#navBarPortfolio a:active{
	background-position: -220px -114px;
}
ul#navBar li#navBarBlog a:active{
	background-position: -330px -114px;
}
ul#navBar li#navBarContact a:active{
	background-position: -420px -114px;
}
#bar {	

	clear:both;
	float:left;
	background-image:url(imgs/singlebar.png);
	height:67px;
	width:870px;
	position: relative;
z-index:3;
}
#container{
float: left;
width: 870px;
}
#cont2{
float: left;
width: 600px;
}
.posttext{
float: left;
width: 320px;
height:158px;
background-image:url(imgs/prev.png);
background-repeat:no-repeat;
margin:-5px 0 5px 0;
position: relative;
z-index:2;
}
.posttext a{
	display:block;
	padding:10px;
	font-size:14px;
	color:#F00;
	line-height:18px;
	text-decoration:none;
}
.posttext p{
display:block;
line-height:18px;
padding: 5px 10px 0 20px;
}
.postimg{
float: left;
width: 285px;
height:143px;
margin:5px 0 0 -20px;
position: relative;
z-index:1;
}
.previewimg {
	margin:10px;
	height:132px;
	border:thin;
	margin:5px 0 0 -10px;

}
#blog {
	float:right;
	background-image:url(imgs/blogs.png);
	background-repeat:no-repeat;
	height:320px;
	width:250px;
	margin-top:-10px;
	z-index:2;
}
.bloglist a {
	display:block;
	padding:10px;
	font-size:12px;
	color:#666;
	line-height:18px;
	width:220px;
	text-decoration:none;
}
.bloglist a:hover {
	color:#fff;
	background-color:#F00;
}
.bloglist a .inline-date {
	color:#000;
	font-size:10px;
}
	
.post{
padding: 10px 0 10px 0;
}
.post h2{
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 18px;
}
.entry{
line-height: 18px;
}
p.postmetadata{
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}
.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
.sidebar{
float: left;
clear: both;
width: 870px;
background: #eeeeee;
/* margin: 0 0 0 10px; 
display: inline;*/
}
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}
#footer{
clear: both;
float: left;
width: 870px;
padding: 10px 0 0 0;
}
#footer p{
	line-height:18px;
	text-align:center;
}