/*
Theme Name: MJC Construction
Theme URI: http://www.e-motionalwebdesign.ca
Description: For elegant, affordable Web sites, contact <a href="http://www.e-motionalwebdesign.ca"> e-motional web design</a>
Version: 1.0
Author: Uno Design Studio
Author URI: http://www.unodesignstudio.com
Tags: Brown, fixed width, two columns, widget ready

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/




body
{
	margin: 0px auto 0px auto;
	padding: 0px;
	color: #ffffff;
	background: #9c8262; 
	background: url(images/grass2.jpg);
font-family: "Trebuchet MS", Verdana; 
	font-size: 14px;
}

#wraper
{
	width: 878px;
	margin: 0px auto 0px auto;
}

#header
{
	height: 346px;
	margin: 0px auto 0px auto;
	background: url(images/header.jpg) center top no-repeat;
}
#header #header-menu {
position:absolute;
top:325px;
height:41px;
}

#header #header-menu ul {
list-style-type:none;
height:41px;
margin:0;
padding:0;
}

#header #header-menu ul li {
float:left;
height:38px;
font:normal 15px/41px "Trebuchet MS", Verdana;
color:#fff;
background:url("images/header_menu.gif") no-repeat right top;
padding:0 23px 10px 20px;
}


#footer-menu li
{
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
}






#page
{
	clear: both;
	height: 100%;
	padding: 15px 10px 20px;
	background: #000000;
	overflow: hidden;
}

#content
{
	float: left;
	width: 564px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

.postheader
{
	width: 564px;
	margin: 0px;
	padding: 0px;
	background: #111111; 
	overflow: hidden;
}

.postdate
{
	float: right;
	width: 57px;
	height: 57px;
	margin: 6px 20px 4px 0px;
	padding: 4px 0px;
	color: #ffffff;
	background: url(images/post_date.jpg) left top no-repeat;
	
	
text-align:center;

}

.postdateM, .postdateY
{
	font-size: 12px;
}
#content .post .post-date span {
font:normal 19px/32px "Trebuchet MS", Verdana;
margin-bottom:5px;
display:block;
}



.posttitle
{
	margin: 0px;
	padding: 16px 0px 0px 15px;
	color: #1c9672;
font:bold 22px "Trebuchet MS", Verdana;
}

.posttitle a

{
color:#1c9672 !important;
font:bold 25px "Trebuchet MS", Verdana;
	
}

.postmeta
{
	margin: 0px;
	padding: 30px 0px 0px 15px;
	font-size: 12px;
	font-weight: normal;
}

.postmeta span
{
	color: #ffffff !important;
}

.postmeta a
{
	color: #ffffff !important;
	font-weight: normal;
}

.postcontent
{
	width: 534px;
	margin: 0px;
	padding: 10px 15px 20px;
	background: #111111;
	overflow: hidden;
}

.postfooter
{
	width: 564px;
	margin-bottom: 20px;
	background: #111111 url(images/postfooter-bg.jpg) left bottom no-repeat;
	overflow: hidden;
}

.postfootercomment
{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 50px;
	font-weight: normal;
	text-align: right;
}
.postfootercomment hover
{
	color:#555555;
}


blockquote
{
	margin: 0px auto 10px auto;
	padding: 0px;
	color: #476155;
	font-style: italic;
}

#page-nav-prev
{
	float: left;
	margin: 0px;
	padding: 10px 15px 0px;
}

#page-nav-next
{
	float: right;
	margin: 0px;
	padding: 10px 15px 0px;
}


#sidebar
{
	float: left;
	width: 271px;
	margin: 0px;
	padding: 0px;
}

.sidebar-header
{
	height: 31px;
	padding: 8px 0px 0px 95px;
	border: 1px solid #1c9672;
	color: #ffffff;
	background: url(images/sidebar_title.gif) left top no-repeat;
	font-size: 18px;
	font-weight: normal;
}

.sidebar-content
{
	margin: 10px 0px;
	padding: 25px 20px;
	border: 1px solid #1c9672;
	background: #000000;
	font-size: 14px;
	font-weight: normal;
}

.sidebar-widget
{
	width: 271px;
}

.sidebar-widget ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.sidebar-widget li
{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
}

#sidebar a:link, #sidebar a:visited
{
	color: #ffffff;
}

#sidebar a:hover, #sidebar a:focus, #sidebar a:active
{
	color: #ffffff !important;
}


#footer
{
	clear: both;
	height: 100%;
	margin: 0px auto 0px auto;
	padding: 20px 0px 60px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	overflow: hidden;
}


a, a:link, a:visited
{
	color: #ffffff;
	text-decoration: none;
}
	
a:hover, a:focus, a:active
{
	color: #cccccc !important;
	outline: none;
}

a img
{
	border: none;
}


form
{
	margin: 0px;
	padding: 0px;
}

input, textarea, select
{
	padding: 2px 4px;
	border: 1px solid #83B29C;
	background: #f5f5f5;
	font-family: "Trebuchet MS", Verdana;
}

input.submit
{
	padding: 2px 5px;
	border: none;
	color: #ffffff;
	background: #7a7b3f;
	font-family: "Trebuchet MS", Verdana;
	font-weight: normal;
	font-size: 11px;
	cursor: pointer;
}
