/*
Theme Name: Wes Wehmiller
Theme URI: http://weswehmiller.net
Description: Custom Design for Wes Wehmiller's tribute site by <a href="http://tracyappsdesign.com">tracy apps design LLC</a>
Author: tracy apps design
Version: 2.0
Tags: fixed-layout, vivid, layered
*/

header, footer, nav, section, article {display:block;}
html {font-size: 62.5%; margin: 0px; padding:0px;}
body {margin:0px; padding:0px; background:#262a3c url('images/bodyBG.jpg') repeat-x top left; font:normal 1em/1.2em helvetica, arial, sans-serif; color:#f3e5ac;}

/* 
Folk Solid 
http://www.marcelomagalhaes.net/tipo/folk/ 
Foundry: Marcelo Magalhaes, http://www.marcelomagalhaes.net 
Contributors: Marcelo Magalhaes 
License: Creative Commons 2.5 Attribution Share-Alike, http://creativecommons.org/licenses/by-sa/2.5 
*/

@font-face {font-family: 'Folk Solid'; src: url('fonts/folk-solid.eot'); src: local('://'), url('fonts/folk-solid.svg#folksolid') format('svg'), url('fonts/folk-solid.woff') format('woff'),  url('fonts/folk-solid.otf') format('opentype'); }
.folk-solid {font-family: 'Folk Solid'; line-height: 140%; text-rendering: optimizeLegibility;}

h1 {font:normal 16px "Folk Solid", arial, sans-serif; text-transform:uppercase; margin:0px;}
h2 {font:normal 2.8em/1em  "Folk Solid", arial, sans-serif; text-transform:uppercase; margin:10px 0px 0px 0px;}
h3 {font:normal 2.4em/1em "Folk Solid", arial, sans-serif; text-transform:uppercase; color:#f3e5ac; padding:0px; margin:0px;}
h4 {font:normal 2.2em/1em "Folk Solid", arial, sans-serif; text-transform:uppercase; color:#f3e5ac; padding:0px; margin:0px;}
h5 {font:bold 1.6em/1em arial, sans-serif; text-transform:uppercase; color:#f3e5ac; padding:0px; margin:0px;}
h6 {font:bold 1.3em/1em arial, sans-serif; text-transform:uppercase; color:#f3e5ac; padding:0px; margin:0px;}

a, a:visited {text-decoration:none; color: #4ee3c2; outline:none;}
	a:hover, a:visited:hover, a:focus {color: #e48620;}
blockquote {background:url('images/blockquoteBG.png') no-repeat 0px 0px; padding: 0px 30px 10px 30px;}
p {margin:5px 0px 25px 0px;}
img {border:none; outline:none;}

/* -------------------------------------- 'global' classes --*/
.alignright {float:right; margin-left:20px;}
.alignleft {float:left; margin-right:20px; }
.aligncenter {display:block; text-align:center;}
	img.aligncenter {margin:5px auto;}
	
	.wp-caption {background:#3e3b4e; margin:0px 6px 20px 0px; padding:5px 0px; -webkit-box-shadow: 0px 0px 5px #20202f; -moz-box-shadow: 0px 0px 5px #20202f; box-shadow: 0px 0px 5px #20202f; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align:center;}
	.wp-caption-text {margin-bottom:0px;}
	
		image.size-thumbnail {width:150px;}
		
		.wp-caption a img, .alignright a img, .alignleft a img, .aligncenter a img {border:1px solid #4fe4c3;}
			.wp-caption a img:hover, .alignright a img:hover, .alignleft a img:hover, .aligncenter a img:hover {border:1px solid #e5fc67;}

.learnmore, .readmore {white-space:nowrap;}
.edit-link {clear:both; margin:5px 0px;}

a.button {display:block;}
.button, .button:visited {border-top: 1px solid #c8d362; background: #7ea43b; background: -webkit-gradient(linear, left top, left bottom, from(#adbc3b), to(#7ea43b)); background: -moz-linear-gradient(top, #adbc3b, #7ea43b); padding: 15px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(243,229,172,0.7) 0 1px 0; color: #282a3d; font-size: 15px; text-decoration: none; vertical-align: middle;}
.button:hover, .button:visited:hover {border-top-color: #adbc3b; background: #adbc3b; color: #000000;}
.button:active {border-top-color: #6b8146; background: #6b8146; color: #000000;}

.post img {background:#fff; padding:3px; border:1px solid #000; -webkit-box-shadow: 1px 1px 5px #0f0f0f; -moz-box-shadow: 1px 1px 5px #0f0f0f; box-shadow: 1px 1px 5px #0f0f0f; margin-top:7px; margin-bottom:10px;}

.largetext {font-size:1.4em; line-height:1.2em;}
.largertext {font-size:1.6em; line-height:1.2em;}


/* -------------------------------------- structure --*/
	#container {width:100%; min-height:734px; height:auto !important; height:734px; background:url('images/containerBG.jpg') no-repeat top center;}
		header {width:960px; margin:0px auto;}
			#logo {float:left; margin:0px 20px 0px -42px; height:157px; width:420px;}
				#logo h1 {text-indent:-9999999px;}
			
			#subscribe {float:right; width:270px; margin:75px 25px 0px 0px; font-size:1.2em; line-height:1.3em;}
				#subscribe p, #subscribe h4 {margin:0px; padding:0px; text-shadow: 1px 1px 2px #242424; filter: dropshadow(color=#242424, offx=1, offy=1);}
		
		#contentContainer {width:960px; margin:0px auto; padding:30px 0px; font-size:1.2em; line-height:1.4em;}
			#leftZone {width:667px; float:left;}
			#rightZone {width:260px; float:right;}

/* -------------------------------------- nav --*/
	nav {display:block; clear:both; margin:0px; padding:10px 0px; font:normal 24px/1em "Folk Solid", arial, sans-serif;}
		nav ul, nav ul li {margin:0px; padding:0px; list-style-type:none; display:inline;}
			nav a, nav a:visited {padding:0px 9px; color:#e5fc67; text-transform:uppercase;}
				nav a:hover, nav a:visited:hover, nav a:focus {color:#e48620;}			

/* -------------------------------------- home --*/
	#carouselWrap { position:relative;  width:960px; margin-bottom:20px; overflow:hidden; }
		#carousel { width:960px; height:308px; padding:20px 0 30px;}
		.jcarousel-container { margin-left:-288px; position:relative; }
		.jcarousel-next,
		.jcarousel-prev{ width:60px; height:60px; position:absolute; top:115px; z-index:3; display:none; cursor:pointer; cursor:hand; border:3px solid rgba(202, 192, 150, 0.7);}
		.jcarousel-next { background:url('images/carousel-right.gif'); right:0px; }
		.jcarousel-prev { background:url('images/carousel-left.gif'); left:288px; }
			.jcarousel-next:hover { background-position:3px 0; }
			.jcarousel-prev:hover { background-position:-3px 0; }
		.jcarousel-clip { z-index:2; padding:0 20px 0 328px; margin:0 0 0 -315px; overflow:hidden; }

		.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }
		.jcarousel-list li,.jcarousel-item { float:left; list-style:none; }
			#carousel ul {margin:0px; padding:0px 40px; height:308px;}
			#carousel li {margin:0px 35px; padding:0px; list-style-type:none; width:438px; height:306px; border:1px solid #9f9a8c; float:left;}
				#carousel .item {width:438px; height:306px;}
				#carousel .descriptionWrap { padding:15px 20px 0; width:360px; height:96px; margin:185px 15px 15px 18px; background:url('images/descriptionBG.png'); }
				#carousel .description { position:relative; }
					.description h2 {margin:0px; padding:0px; font-size:28px;}
						.description h2 a, .description h2 a:visited {color:#f3e5ac;}
							.description h2 a:hover, .description h2 a:visited:hover, .description h2 a:focus {color:#e48620;}
					#carousel .readmore {float:right; font:normal 18px/1em "Folk Solid", arial, sans-serif; color:#f3e5ac; background:url('images/descriptionBG.png');text-transform:uppercase; padding:15px 7px 10px 15px; position:absolute; top:53px; right:-20px;}
						#carousel a.readmore:hover {background:#111; color:#e48620;}
		
	#threeColHomeContent {margin:40px 0px;}
		#threeColHomeContent .leftCol {width:420px; float:left;}
		#threeColHomeContent .centerCol {width:174px; float:left; margin-left:35px;}
		#threeColHomeContent .rightCol {width:285px; float:left; margin-left:35px;}
	
/* -------------------------------------- page --*/
	ul.pageSubNav, aside  ul.menu {margin:8px 17px 10px 0px; padding:0px; border-top:1px solid #303345;}
		ul.pageSubNav li, aside .menu li {margin:0px; padding;0px; list-style-type:none; border-left:1px solid #303345; border-right:1px solid #303345; border-bottom:1px solid #303345;}
			ul.pageSubNav li a, ul.pageSubNav li a:visited, aside .menu a, aside .menu a:visited {display:block; padding:5px 8px; color:#f3e5ac; background:rgba(8, 14, 23, 0.5);}
				ul.pageSubNav li a:hover, ul.pageSubNav li a:visited:hover, ul.pageSubNav li a:focus, ul.pageSubNav li.current_page_item a, aside .menu a:hover, aside .menu a:visited:hover, aside .menu a:focus, aside .menu li.current_page_item a  {color:#fff; background:rgba(8, 14, 23, 0.7);}
						
				ul.pageSubNav li ul, aside .menu li ul {margin-left:0px; padding-left:0px; border-top:1px solid #303345; border-bottom:none;}
					ul.pageSubNav li ul li, aside .menu li ul li {margin-left:0px; padding-left:0px; border:none; font-size:11px;}
						ul.pageSubNav li ul li a, ul.pageSubNav li ul li a:visited, aside .menu li ul li a, aside .menu li ul li a:visited {padding-left:25px; background:rgba(8, 14, 23, 0.25);}
								
					ul.pageSubNav li ul ul {border-bottom:1px solid #303345; }
						ul.pageSubNav li ul ul a, ul.pageSubNav li ul ul a:visited {padding-left:40px; font-size:10px; line-height:1.1em; background:rgba(8, 14, 23, 0.10);}
						
			.entry-utility {clear:both; margin:10px 0px; padding:5px 0px;}
						
/* -------------------------------------- category page --*/
		article {margin:3px 0px 30px 0px; clear:both; display:block; overflow:hidden;}


/* -------------------------------------- gallery --*/			
		.gallery {margin:10px auto; float:left;}
			.gallery-icon, .gallery-item {width:160px; float:left;}
				.gallery-item {background:#3e3b4e; margin:0px 6px 20px 0px; padding:5px 0px; -webkit-box-shadow: 0px 0px 5px #20202f; -moz-box-shadow: 0px 0px 5px #20202f; box-shadow: 0px 0px 5px #20202f; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align:center;}
				.gallery-caption {padding:0px; margin:0px;}
					.gallery-item a img {border:1px solid #4fe4c3;}
						.gallery-item a img:hover {border:1px solid #e5fc67;}
				
				
/* -------------------------------------- contact forms --*/
	input, textarea {background:#384555; border: 1px solid #222; outline:none; padding:6px; color:#f3e5ac;  -webkit-box-shadow: 0px 0px 5px #20202f; -moz-box-shadow: 0px 0px 5px #20202f; box-shadow: 0px 0px 5px #20202f; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
		input:hover, textarea:hover,
		input:focus, textarea:focus {background:#3b3e50; border: 1px solid #4ee3c2; }
		
		input[type="submit"] {padding:6px 32px;}
		
	
	.googlemap {width: 350px; float:right;}

/* -------------------------------------- footer --*/

footer {background:url('images/footerBG.jpg') repeat-x top left; height:142px; clear:both; margin-top:30px;}
	#footerText {width:960px; margin:0px auto; padding:50px 0px 0px 0px; color:#beb190;}