/*  
Theme Name: marks-custom-theme
Description: Custom theme for Mark Essien
Version: 1.0
*/


/*begin global styles */


*{
margin:0pt;
padding:0pt;
}

body *{
position:relative;
}

body {
background:#FFFFFF none repeat scroll 0%;
font-family:Arial,Verdana,sans-serif,Helvetica;
font-size:62.5%;
color:#3E3E3E;
}

hr {
  border: 0;
  width: 400px;
  color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h2 {
font-size:22px;
}

p {
padding:5px 0px;
}

.clear{
margin:60px 0px;
clear:both;
}

#page {
background:transparent url(images/page-bg.jpg) repeat-y scroll 0px;
width:1000px;
font-size:12px;
}
#header {
padding-top:5px;
width: 400px;
}
#headerimg {
width: 400px;
}
#headerimg img {
border:0px none;

}
#header a {
}

#rightpane-wrapper {
background:transparent url(images/rightpane-bottom-bg.jpg) no-repeat scroll center bottom;
float:right;
padding-bottom:70px;
right:5px;
top:0px;
width:256px;
position: absolute;
}

#right-status {
float:right;
width:256px;
top: 475px;
margin-left: 25px;

}

#right-status a {
	color: #1c5392;
}

#rightpane {
background:transparent url(images/rightpane-bg.jpg) repeat-y scroll 0px 50%;
color:#777777;
padding:10px 20px 0px;
width:216px;
}

#rightpane a {
text-decoration:none;
color:#777777;
font-family:Arial,Verdana,sans-serif,Helvetica;
}

#rightpane p a:hover, #rightpane p a:active{
text-decoration:none;
color: black;
}

.rightpane-subsection{
padding-top:10px;
border-top:1px dotted #c0c0c0;
margin-bottom:10px;
}

.rightpane-subsection h2 {
font-size:16px;
}

.rightpane-subsection h2 a{
color:#000000 !important;
text-decoration:none;
}

.rightpane-subsection h2:hover{
text-decoration:underline;
}


#theblog{
border-top:0px;
}

#theblog h2 span{
font-size:22px;
}

#theblog img{
position:absolute;
left:126px;
top:26px;
}

#pastprojects{
}

#clientlogin img{
left:160px;
position:absolute;
top:-20px;
border:0px none;
}



#about-n-contact{
}

#intropage-maincontent {
margin-left:190px;
top:-30px;
width:550px;
height: 400px;
}

#intropage-maincontent p {
	margin-right: 40px;
}

#intropage-image{
margin-right:20px;
}


/* styles for the mainblogsection */

#maincontent{
padding-left: 30px;
padding-top: 20px;
width:510px;
float: left;
}

.post{
margin-bottom:30px;
}

.post h2{
font-size:22px;
}

.post h2 a{
color:#000000;
text-decoration:none;
}

.post h2 a:hover, .post h2 a:active {
text-decoration:underline;
}

.post-date{
}

.entry{
margin:10px 0px;
}

.entry p{
}

.postmetadata{
}

.postmetadata a{
color:#000000;
text-decoration:none;
}

.postmetadata a:hover, .postmetadata a:active{
text-decoration:underline;
}

.post-category{

}

.post-category span{
font-weight:bold;
}

.comment{
float:right;
margin-right:20px;
}

.navigation{
margin:20px 0px;
}

.alignleft{
}

.alignright{
float:right;
}

.entry ul {
list-style:disc outside none;
padding-left:30px;
}

.entry ol {
list-style:decimal outside none;
padding-left:30px;
}

.entry li {
list-style:inherit;
}

.entry a {
color:#3333FF;
}

.entry a:hover, .entry a:active{
color:#000000;
background:#dcdcdc;
}

/* comment related sytles */

h3#comments{
font-size:12px;
}

.pagetitle{
margin:10px 0px;
}

.commentlist{
margin:20px 0px;
list-style:none outside none;
}

.commentlist li{
margin:8px 0px;
}

.comment-author{
font-weight:bold;
}

.comment-author a{
color:#000000;
text-decoration:none;
}

.comment-author a:hover, .comment-author a:active{
text-decoration:underline;
}

.comment-content{
background:#E0E0E0 none repeat scroll 0%;
border:1px dashed;
padding:10px 5px;
}

h3#respond{
font-size:22px;
margin:20px 0px;
}

#commentform div{
margin-bottom:10px;
}

#commentform input, #commentform textarea{
border:1px solid;
padding:1px 5px;
}

#commentform #submit{
background:#ffffff;
}

/* sidebar related styles */

#left-sidebar{
color:#000000;
left:0px;
line-height:20px;
margin-left:5px;
position:relative;
top:20px;
width:145px;
float: left;
}

/*background:#E0E0E0 none repeat scroll 0% 50%;
background:#E0E0E0 none repeat scroll 0% 50%;
*/

#left-sidebar h2{
border:0px solid #000000;
font-size:20px;
margin-bottom:10px;
padding:2px;
}

#left-sidebar ul li ul li{
border:0px dotted;
color:#000000;
font-size:17px;
font-weight:bolder;
margin-bottom:5px;
padding:0px 2px;
}

#left-sidebar a{
color:#000000;
text-decoration:none;
}

#left-sidebar a:hover, left-sidebar a:active{
text-decoration:underline;
}

#footer{
background:#DCDCDC url(images/footer-bg.jpg) no-repeat scroll 0% 0px;
padding-top:96px;
height:1px;
}

#footercontent{
text-align:center;
top:-92px;
}