/*
Theme Name: American Fence
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

@import "reset.css";
@import "flickrbadge.css";
@import "photoalbum.css";
body {
	font-family: Helvetica,Arial,Verdana,_sans;
	font-size: 62.5%;
	padding:0;
	margin:0 auto;
	text-align: center;
	background: #67704b url(images/amfence-home-a.jpg) top center fixed no-repeat;
	height:100%;
}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
a { 
	outline: none;
	color:#005C43;
}
a:hover {
	text-decoration: none;
}

h1,h2,h3,h4 {
	font-family: Georgia,"Times New Roman",Times,_serif;

}
h1 {
	font-size: 2.4em;
	margin-bottom: 8px;
}
h2 {
	font-size: 2.0em;
		margin-bottom: 4px;


}
h3 {
	font-size: 1.4em;

}

.pad10 {
	padding:10px;
}
.pad15 {
	padding:15px;
}
.blk10 {
	margin-bottom:10px;
}
.blk30 {
	margin-bottom:30px;
}
#pwrap {
	width:940px;
	margin:0px auto;
	text-align: left;
	padding:20px 0 300px 0;
	
	
}
#cwrap {
	-webkit-box-shadow: 0px 0px 8px #3f452e;
 	-moz-box-shadow: #3f452e 0 0 8px; 
 	box-shadow: 0px 0px 8px #3f452e;
 	border:1px solid #222;
}

#header {
	display:block;
	height:50px;
	position:relative;
	z-index: 51;
}
a img {
}
#header p.tagline {
	position: absolute;
	left:225px;
	bottom:5px;
	color:#cdcdb4;
}
#header a.logo {
	z-index: 50;
	display:block;
	position: absolute;
	border:0;
	left:15px;
	bottom:-29px;
	-webkit-box-shadow: 0px 0px 4px #3f452e;
 	-moz-box-shadow: #3f452e 0 0 4px; 
 	box-shadow: 0px 0px 4px #3f452e;
}
#Nav {
	position:absolute;
	bottom:0px;
	left:35%;
	width:65%;
	z-index: 49;
	
}
#Nav ul {
	list-style-type: none;
	margin:0;
	padding:0;
	display:block;
}
#Nav ul li {
	display:inline;
}
#Nav ul li a {
	float:left;
	display:block;
	text-decoration: none;
	color:#fff;
	text-transform: uppercase;
	font-weight: bold;
	padding:8px 8px 8px 8px;
	outline:none;
	margin-right:2px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 5px 5px 0px 0px;
	
}
#Nav ul li a:hover {
	background:#fff;
	color:#00664b;
	
}
#Nav ul.mainnav li.current_page_item a {
	background: #fff url(images/amfence-tab-up-arrow.png) bottom center no-repeat;
	color:#00664b;

}
#Nav ul.mainnav {
	z-index: 52;
	position: absolute;
	bottom:0px;
	margin:6px 2px 0 120px;

}
#Nav ul.subnav {
	background:#00664b;
	border:2px solid #fff;
	height:25px;
	position:absolute;
	top:-2px;
	right:0px;
	display:block;
	min-width: 400px;

}
#Nav ul.subnav li a {
	
	padding:0;
	margin:8px 10px 0 8px;

	
}
#Nav ul.subnav li.current_page_item a {
	color:#cee34a;
}
#Nav ul.subnav li a:hover {
	background: none;
	color:#fff;
	text-decoration: underline;
}
div.nav3 {
	margin-top:10px;
}
#nav3 li {
	display: inline;
}
#nav3 li a {
	color:#fff;
	font-size:1.2em;
	display:block;
	margin-bottom:5px;
}
#nav3 li a:hover {
	text-decoration: none;
}
#pagecontent {
	height:1%;
	background:#fff;
	padding:20px 0;
	


}
#pagecontent .leftCol {
	width:635px;
	float:left;
	font-size:1.4em;
	padding:0px 20px;
}
#pagecontent .rightCol {
	margin-left:680px;
	position:relative;
	width:238px;
	z-index: 53;
}
.post {
	margin-bottom:20px;

}
.post .alt p {
	font-size: 1.3em;
}
.post p{
	line-height: 1.5em;
	margin-bottom:1.3em;
}
.post ul {
	padding:10px;
}
.post ul li {
	margin-bottom:4px;
}
.post a{
	color:#005c43;
}
.post h3,.post h2  {
	margin-top:15px;
}
.rightCol ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
.tanbg{
	background: #67704b url(images/content-bg-tan.gif) top repeat-x;
	padding:15px;
	height:1%;

}
ul.blog {
	width:600px;
	float:left;
	font-size:1.6em;
}
ul.blog ul {
	padding-top:20px;
}
div.homebottom {
	margin:0 20px;
}
.tanbg h3{
	color:#fff;
	font-family: Helvetica,Arial,Verdana,_sans;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	margin:0;
	width:600px;
	float:left;
}
ul.blog a {
	font-family: Georgia,"Times New Roman",times;
	font-size:1.8em;
	color:#fff;
	margin-bottom:12px;
	display: block;

}
ul.blog a:hover {
	color:#cfd4a6;
}


ul.blog small.thedate {
	font-size:small;
	color:#f1f7c2;
}
ul.blog li {
	margin-bottom:20px;
	color:#cfd4a6;
	line-height: 1.4em;
}

div.imagerotate {
	height:240px;
	padding:20px;
	background: url(images/af-p1.jpg) no-repeat center center;
	position:relative;
	z-index:50;
	border-bottom:1px solid #999;
}
div.imagerotatesmall {
	height:100px;
	background: url(images/pimg-1.jpg) no-repeat center center;
	position:relative;
	z-index:50;
	border-bottom:1px solid #999;

}
div.imagerotate div.ovlay {
	position:absolute;
	background: url(images/dark-trans.png);
	bottom:5px;
	left:20px;
	padding:8px;
	width:620px;
	color:#fff;
}

div.hb ul {
	margin:0px;
	padding:0px 0 0 0;
	list-style-type: none;
	
	
}
div.flickr_thumbs {
	background:none;
	margin-left:660px;

}
div.flickr_thumbs div.inner {
	background: none;

}
div.flickr_thumbs div.inner div.flickr-photos{
	background:none;
	padding:0;
}
div.flickr_thumbs div.inner div.flickr-first{
 margin-top:20px;
}
li#flickr-sidebar img {
	width:45px;
	height:45px;
}
table.assoc {
	margin-bottom:10px;
}
div.phimage {
	background:#ccc;
	padding:20px;
	height:20px;
}
.footer {
	margin-top:10px;
	clear:both;
	color:#CFD4A6;
}
.footer a {
	color:#fffae8;
}


button#requestquote {
	background:#00442d;
	color:#cee34a;
	border:3px double #909d69;
	padding:3px 8px;
	text-transform: uppercase;
	font-size:14px;
	cursor: pointer;
	width:194px
	
}
input[type=submit] {
	padding:3px 8px;
}
button#requestquote:hover,input[type=submit]:hover {
	color:#fff;
	padding:3px 8px;
}

#map {
	border:1px solid #444;
}




/* cforms */
#cf_field_4 {
	width:300px;
}
p.linklove {
	display: none;
}
div#addressinsert {
	float:right;
	background:#d4ddb7;
	padding:10px;
	margin:25px 0 0 0;
	font-size:12px;
	color:#565e3f;
}
div#addressinsert h2 {
	font-size:18px;
	color:#3c412b;
}
form input[type=submit],#sendbutton {
	border:3px double #fff;
	background:#67704b url(images/submit-bg.gif) repeat-x top;
	padding:3px 8px;
	color:#edf1ce;
	cursor: pointer;
	text-transform: uppercase;
	margin:10px 0;
}
#sendbutton:hover {
	background:#949a66;
}
form {
	border-top:1px solid #a5ac72;
	padding:10px;
}
form label {
	display:block;
	color:#949a66;
	font-size:12px;
	
}
form.cform fieldset {
	border:1px solid #bcc482;
	padding:10px;
	margin-bottom:15px;
}
form.cform fieldset.cf_hidden {
	display:none;
}
form.cform fieldset.cf-fs1 ol li {
	float:left;
	width:48%;
}
form.cform li.cf-box-title {
	color:#3c412b;
	font-family: Georgia,Times;
	background:#dee2bf;
	padding:2px;
}
form.cform span.emailreqtxt, form.cform span.reqtxt {
	font-size:10px;
	color:#aaaf87;
	padding-left:4px;
}
form.cform legend {
	font-size:1.4em;
	font-family: Georgia,Times,_serif;
	color:#bcc482;
}
form label.cf-group-after {
	display:inline;
}
form input.cf-box-b {
	margin-right:5px;
}
form input[type=text] {
	border:1px solid #a5ac72;
	color:#67704B;
	padding:6px 6px 4px 6px;
	background:#fff;
	width:200px;
}
form textarea {
	border:1px solid #a5ac72;
	color:#67704B;
	padding:6px;
	background:#fff;
	width:60%;

}

.post .cf_info {
margin-top:20px;
}

.post .failure {
	padding:20px;
	font-size:1.5em;
	color:#a51515;
}
.post .success {
	padding:20px;
	background:#DEE2BF none repeat scroll 0 0;
	color:#3C412B;
	font-size:1.5em;
}
.entry form ol li {
	margin-bottom:10px;
}
.entry ul li {
	list-style-type: disc;
	margin-left:15px;
}
.entry .fgallery li {
	list-style-type: none;
	margin:0;
}
.rightCol  ol.cf-ol {
	margin:0;
	padding:0;
	list-style-type: none;
}

.rightCol ol.cf-ol label {
	display:block;
}
.rightCol fieldset.cf_hidden {
	display:none;
}
.rightCol ol.cf-ol textarea {
	width:100%;
	height:70px;
}
.rightCol div.cta {
	position: relative;
	top:-52px;
	background: #005e45 url(images/widget-bg-green.png) top left repeat-x;
	padding:2px;
	z-index: 54;
	width:240px;
	color:#fff;
}

div.cta li h2.widgettitle,.inner .widgettitle {
	font-family: Helvetica,Arial,Verdana;
	text-transform: uppercase;
	margin-bottom:20px;
	color:#d5d5b8;
	font-weight: 100;
	font-size:1.7em;
}
.rightCol div.cta ul {
	border:2px solid #fff;
	padding:20px;
}
div.cta ul li label {
	display:block;
	margin-bottom:10px;
	font-size:1.6em;
}
.rightCol ul.cform input {
	margin-bottom:10px;
}

div.subcta {
	border-top:10px solid #fff;
	height: 67px;
	position: relative;
	top:-52px;
} 
div.rentafence {
	background: #003a27 url(images/rent-a-fence.jpg) center center;
	width:244px;
	
}
div.contractors {
	background: #003a27 url(images/contractor.jpg) center center;
	width:244px;

}
div.subcta a {
	font-size:15px;
	text-transform: uppercase;
	color:#D5D5B8;
	display:block;
	padding-left:45%;
	padding-right:10px;
	padding-top:20px;
	text-decoration: none;
	font-weight: bold;
}
div.subcta a:hover {
	color:#fff;
}
div.location {
	background: #003a27 url(images/location-finder.jpg) center center;
		width:244px;


}

/* Map overrides */

#sl_div {
	/*background-image:url(bg.jpg);*/
	/*background-repeat:repeat-x;*/
	padding:10px;
	/*color:black;*/
	font-weight:bold;
}
#sl_div a {
	/*color:black;
	text-decoration:underline;*/
}
#sl_div img {
	background-color:transparent;
	background-image:none;
}
#sl_div table, #sl_div tr, #sl_div td {
	border:none;
	/*padding:0px;*/
}
#sl_div #map { color:black; font-weight:normal;}
#sl_info_bubble { padding:10px; max-width:300px; /*max-height:400px; */ font-size:11px; font-family:Arial;}
#map_sidebar { background-color:white; font-weight:normal;}
#addressInput {
	border:solid 1px silver;
	padding-left:3px; padding-top:3px;
	background:white;
	width:180px; height:18px;
	margin-bottom:5px;
	/*font-weight:bold;*/
	
}
.sl_header #addressSubmit {	
	width:170px;
	background:#00442d;
	color:#cee34a;
	border:3px double #909D69;
	padding:5px 10px 3px 10px;
	text-transform: uppercase;
	font-size:14px;
	cursor: pointer;
	margin-bottom:10px;
	font-weight: 100;
	}
#radiusSelect { /*height:27px; width:100px;*/}
#addressInput, #addressSubmit, #radiusSelect { font-size:14px;}
table.searchResultsTable {
	font-size:12px;
}
#sl_div a.storelocatorlink {
color:#005C43;
}

/* comments */
#comment-area h3{
	border-bottom:1px solid #A5AC72;
}
#comment-area input,comment-area textarea {
	margin-bottom:10px;
}
ul.commentlist {
	padding:20px;
}
ul.commentlist li {
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
	padding-bottom:10px;
}
ul.commentlist li p.cmeta {
	margin-bottom:8px;
	
	
}
ul.commentlist li p.cmeta img {
	border:1px solid #ccc;
	padding:1px;
}
/* blog sidebar */
ul.blogbar {
	padding-left:30px;
	border-left:1px solid #A5AC72;
}
ul.blogbar h2.widgettitle{
	font-size:16px;
}
ul.blogbar ul{
	padding:5px;
}
ul.blogbar li {
		margin-bottom:15px;

}
ul.blogbar ul li {
	margin-bottom: 3px;
}
a.post-edit-link {
	position: absolute;
	left:0px;
	bottom:20px;
	background:#fff;
	border:1px solid #111;
	display: block;
	padding:10px;
	width:100px;
}
img.alignright {
	float:right;
	margin-left:15px;

}
.post img {
	border:1px solid #111;
}