/*

Theme Name: E. Toop Fences
Theme URI: http://www.etoopfences.com
Description: A theme developed by Rodrigo Flores for E. Toop Fences
Version: 1.0
Author: Rodrigo Flores
Author URI: http://www.stagecoachdesigns.com/
Tags: width: 960px, fixed width, white, gray and black

*/

/*** Eric Meyer's Reset, Autor URL: http://meyerweb.com/ ***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
	tools
*/

.clear { clear: both; line-height: 0; height: 0; }
.aligncenter { text-align: center; margin: auto; }
.alignleft { float: left; margin-right: 15px; margin-bottom: 5px; }
.alignright { float: right; margin-left: 15px; margin-bottom: 5px; }

/*
	general
*/

em { font-style: italic; }
strong { font-weight: bold; }
a, a img { text-decoration: none; border: none; cursor: pointer; }

p { line-height: 1.5em; padding-bottom: 12px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

blockquote {}
	
textarea {}

small { font-size: 0.9; }

body {
	width:100%; text-align: center; margin: 0; padding: 0; background: #111;
	font-family: "Times New Roman", serif; font-size: 1em; letter-spacing: 0.02em;
}

#wrap { margin: 0 auto; background: #FFF; }

#banner { position: relative; background: url(img/layout/banner-bg.jpg) 0 0 repeat-x; width: 100%; height: 100px; }

	#banner-elements { width: 960px; height: 100%; position: relative; text-align: center; margin: 0 auto; }

		#etoop-fences-wordmark { position: relative; left: 0; top: 19px; }
		
		#etoop-fences-logo { position: absolute; left: 0; top: 5px; z-index: 3; }

.break { position: relative; z-index: 1; width: 100%; height: 5px; background: #333; }

#topnav { position: relative; z-index: 1; height: 40px; background: #CCC; width: 100%;  }

	#topnav ul li { display: inline; line-height: 40px;  }
	
	#topnav ul li a { 
		color: #666; display: inline-block; height: 40px; line-height: 40px; padding-left: 15px; padding-right: 15px; 
	}
	#topnav ul li a:hover { color: #000; }
	
	#topnav ul li.current_page_item a { color: #FFF !important; background: #333; }


#content-wrap { 
	text-align: center;  min-height: 100px; width: 100%; width: 960px; margin: 40px auto 0 auto; 
}


/* content area */

#content { width: 640px; float: right; text-align: left; }

	#content h2 { text-transform: uppercase; font-size: 24px; padding-bottom: 16px; }
	
	#content h3 { font-family: 19px; font-weight: bold; line-height: 1.5em; padding-bottom: 5px; } 
	
	#content li { line-height: 1.5em; }
	
	#content ul { margin: 0 30px 0 40px; list-style: disc; padding-bottom: 12px;  }
	
	#content a { color: #900; }
	
	#content a:hover { color: #C30; }

.padding { padding: 0 0 0 30px; position: relative; }
	
	#admin-info { position: absolute; top: 0; right: 0; }
	
		#admin-info img { vertical-align: middle; position: relative; top: -2px; }
		
		#admin-info ul { list-style: none; height: 25px; padding: 0; margin: 0; }
		
		#admin-info ul li { 
			display: inline; font-size: 0.8em; text-transform: uppercase; 
			line-height: 25px; height: 25px; padding: 0; margin: 0; margin-left: 10px; 
		}
		
		#admin-info a { color: #666; }
		
		#admin-info a:hover { color: #333; }
	
.post-edit-link { color: #000 !important; }

/* post images */

.size-full { border: #999 4px solid; }

/* page nav */

.nx-pv-pages { position: relative; height: 60px; margin-top: 15px;  }

.pv-page img { line-height: 60px; position: absolute; top: 0; left: 0; }

.nx-page img { line-height: 60px; position: absolute; top: 0; right: 20px; }

/* sidebar */

#sidebar { width: 320px; float: left; }
.section-pic { width: 320px; height: 245px; background: #999; position: relative; margin-bottom: 20px; }
.section-img { position: absolute; top: 10px; left: 10px; }

/* footer */

#login-footer { font-size: 0.9em; padding-bottom: 5px; }

#footer { text-align: center; width: 100%; }

#footer-nav { margin: 0 auto; width: 960px; text-align: center; }

#footer-nav ul { margin: 0 auto 5px auto; }

#footer-nav ul li { display: inline;  margin-left: 12px; margin-right: 12px; line-height: 150%; }

#footer a { color: #000; }

#footer a:hover { color: #000; text-decoration: underline; }

.fancy-break { margin-bottom: 10px; }

#divider { font-size: 13px; width: 100%; height: 25px; background: #111 url(img/layout/divider-bg.jpg) 0 0 repeat-x; }

#signature { font-size: 14px; padding-bottom: 20px; background: #111; }

#signature p { }

#signature a { display: block;
 padding-top: 15px !important;  color: #CCC !important; }

#signature a:hover { color: #FFF !important; text-decoration: none;  }

/***** special pages *****/

/* testimonials */

.testimonial { background: url(img/layout/quotes.png) top right no-repeat; padding: 10px 50px 0 20px; }

	.testimonial small { font-size: 0.6em; text-transform: uppercase; }
	
	.testimonial small a { color: #333; display: block;  padding-top: 10px; padding-bottom: 10px; }
	.testimonial small a:hover { color: #000; }

.even { background-color: #E5E5E5; }

/* homepage */

.home-module-wrap { width: 320px; height: 295px; position: relative; float: left; cursor: pointer; }

.home-title { width: 320px; height: 50px; line-height: 50px; text-align: center; }

	.home-title h2 { font-size: 24px; text-align: center; text-transform: uppercase; }
	
	.home-title h2 a { color: #666; }
	
	.home-title h2 a:hover { color: #000; }
	
.home-module-frame { width: 320px; height: 245px; background: #CCC; position: relative; }

	.home-module-frame img { position: relative; top: 10px; }
	
	/* overlay */
	
	.home-img-overlay { z-index: 2; position: absolute; top: 0; left: 10px; }
	
	.home-module-overlay { 
		background: #000; width: 320px; height: 245px; position: absolute; top: 0; left: 0; z-index: 1; 
		color: #FFF; display: none;
	}
	
	.home-module-overlay a { color: #FF9; }
	.home-module-overlay a:hover { color: #FF9; text-decoration: underline; }
	
		.homepage-intro { margin-top: 245px; }
		
		.homepage-intro .padding { padding: 10px 15px 0 15px; font-size: 0.95em; }
	
	
#homepage-wrap { height: 590px; width: 960px; overflow: hidden; margin-bottom: 20px; }	
	
	
/* homepage logos */
	
#homepage-logos { text-align: center; margin: 15px auto 35px auto; }

	#homepage-logos li a {  display: inline; }

	#homepage-logos li { display: inline; margin-left: 20px; margin-right: 20px; }
	
/* gallery */

.attachment-thumbnail { width: 80px; height: 80px; border: 3px solid #999 !important; }

.attachment-thumbnail:hover { border: 3px solid #555 !important; }

.pp_description { display: none !important; }

.pp_close { 
	width: 60px !important; height: 40px !important; 
	background: url(img/content/btnClose.png) center center no-repeat !important; 
}

.pp_details, .pp_details p { 
	margin-bottom: 0 !important; padding-bottom: 0 !important; 
	height: 25px !important; line-height: 25px !important;  
}

.pp_details img { vertical-align: middle !important; }

p.currentTextHolder { position: relative !important; top: -6px; }