/*
Theme Name: A1 Fence
Theme URI: http://www.halfslide.com/
Description: The A1 Fence theme for WordPress.
Author: Halfslide Design
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

@import url("css/reset.css");
@import url("css/form.css");

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11pt;
	line-height:14pt;
	text-align:center;
	overflow-x:hidden;
	color:#535353;
	background:#e6e6e6;
}

a {
	color:#c20011;
}
p {
	margin-bottom:20px;
	text-align:justify;
}

p.nomargin {
	margin-bottom:5px;
}
strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

ol {
	list-style-type:decimal;
	margin:5px 0;
}
ol li{
	margin:0 0 2px 35px;
}

ol li ol li {
	margin:0 0 0 15px;
}

ul {
	margin-bottom:20px;
}

ul li {
	background:url(images/bullet_red.png) no-repeat 0 3px;
	line-height:16pt;
	padding-left:20px;
	margin:2px 0 2px 10px;
}

h1 span, h2 span, h3 span, h4 span, h5 span {
	display:none;
}

h2 {
	font-size:18pt;
	color:#c20011;
	line-height:22pt;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h3 {
	font-size:16pt;
	color:#c20011;
	line-height:20pt;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h4 {
	color:#222222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	line-height:18pt;
	margin-bottom:5px;
	font-weight:bold;
}
/******************************************
** HEADER 
******************************************/	
#page {
	background: #fff url(images/bg_header.png) repeat-x;
	border-bottom:6px #dddddd solid;
}

.wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#header {
	height:171px;
}

#header h1 {
	width:247px;
	height:100px;
	float:left;
}

#header h1 a{
	background:url(images/logo.png);
	width:247px;
	height:100px;
	display:block;
}

	#header .nav {
		float:left;
		margin-top:1px;
		margin-bottom:0;
	}
	
	#header .subnav {
		float:left;
		margin-bottom:0;
		margin-top:3px;
	}
	
		#header .subnav .page-item-12 {
			margin-left:160px
		}
	
		#header .subnav .page-item-16 {
			margin-left:330px
		}
	
		#header .subnav a,
		#header .nav a {
			color:#fff;
			text-decoration:none;
		}
		
		#header .subnav li,
		#header .nav li {
			height:26px;
			background:none;
			margin:0;
			float:left;
			padding:5px 20px 0 20px;
		}
		
		#header .nav li.current_page_item,
		#header .nav li.current_page_ancestor {
			background:url(images/bg_nav_on.png);
		}

#searchform {
	float:right;
	margin: 10px 30px 0 0;
	overflow:hidden;
}

#searchinput {
	background:url(images/search.png);
	width:248px;
	height:23px;
	border:0;
	padding:2px 5px;
}

#searchform input {
	float:left;
}
/******************************************
** BODY 
******************************************/	
#content {
	overflow:hidden;
}

#intro {
	height:270px;
	display:block;
	background:#f2f2f2;
	border-bottom:#e6e6e6 1px solid;
	padding:1px 0;
	overflow:hidden;
}

#projects {
	background:#fff;
	border:1px solid #e6e6e6;
	height:220px;
	width:900px;
	padding:10px 10px;
	margin:10px auto;

}

.project {
		font-size:9pt;
		margin:10px 20px;
		width:900px;
}
	.project .image {
		height:220px;
		width:500px;
		overflow:hidden;
		border:1px;
		float:left;
	}
	
	.project .title {
		background:url(images/recent_project.png);
		width:273px;
		height:43px;
		margin-left:50px;
		margin-bottom:7px;
		float:left;
	}

	.project .description {
		width:360px;
		float:left;
		height:150px;
		padding:10px;
		color:#fff;
		background:#000;
		text-align:left;
	}
	
		.project .description h3 {
			color:#fff;
			text-align:center;
		}
		
		.project .description p {
			margin-bottom:10px;
			text-align:center;
		}
		
		.project .description .see_more a{
		}
		

.alignleft {
	float:left;
	width:auto;
}

#container {
	overflow:hidden;
	margin-top:1px;
	padding-bottom:20px;
	font-family: Georgia,serif;
}

.breadcrumb {
	visibility:hidden;
	color:#535353;
	background-color:#e6e6e6;
	font-size:9pt;
	padding:5px 0 5px 20px;
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif
}

.wide {
	width:600px;
	float:left;
	margin-right:20px;
}

.skinny {
	width:340px;
	float:left;
}

	.skinny .box {
		border: 1px #e6e6e6 solid;
		padding:10px;
		margin-bottom:10px;
	}
	
	.skinny .box h3 {
		border-bottom:1px #e6e6e6 dotted;
		padding-bottom:3px;
	}
	
	.skinny .small {
		font-size:9pt;
		line-height:14pt;
		font-family:Arial, Helvetica, sans-serif;
	}

.post {
	margin-bottom:30px;
	overflow:hidden;
}
	
	.post .thumb {
		background:none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
		border:5px solid #fff;
		border-top:none;
		padding:5px;
	}

.entry {
	border-bottom:4px solid #E6E6E6;
}

	.entry p {
		margin-bottom:5px;
	}
	
.more {
	margin-top:2px;
	padding-bottom:4px;
	border-bottom:1px solid #E6E6E6;
}	
	
.nav-previous,
.nav-next {
	float:left;
	margin:0 15px;
}

.see_more a{
	background:url(images/btn_see_more.png);
	width:110px;
	height:33px;
	display:block;
	margin:0 auto;
}

.see_more span {display:none}
/******************************************
** FOOTER 
******************************************/	

#footer {
	border-top:1px #fff solid;
	font-size:9pt;
	color:#535353;
	padding-top:10px;
	padding-bottom:20px;
}

#footer .copyright {
	float:left;
	color:#939393;
	font-size:8pt;
	line-height:10pt;
}

#footer .nav {
	float:right;
	margin:0;
}

	#footer .nav li {
		float:left;
		background:none;
		padding:0;
		margin:0 5px;
	}
	
	#footer .nav a {
		color:#535353;
	}

.vis-clear { 
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
	width:100%;
}