/*  
Theme Name: Jas. Becker
Theme URI: http://www.jasbecker.com
Description: 
Version: 1.0
Author: Morgan Newcomb
Author URI: http://www.unionstreetmedia.com/
*/

/*
	WORDPRESS DEFAULT STYLES
	------------------------
*/

.aligncenter { display: block; margin: 10px auto; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }

blockquote {
	margin: 10px 0;
	border-left: 10px solid #ccc;
	padding: 0 20px 0 10px 
}

.post-edit-link {
	display: block;
	width: 90px;
	height: 18px;
	position: absolute;
	left: 0;
	top: -28px;
	text-align: center;
	background: #505253;
	color: #ccc;
	font-size: .8em;
	padding: 3px 0 0;
}

.post-edit-link:hover {
	color: #fff;
}


/*
	NEW SITE STYLES
	---------------
*/

html { min-height: 100%; margin-bottom: 1px; }

body {
	font: 0.8em/1.333 "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	margin: 0; padding: 0;
	text-align:center;
	background: #f0eeef url("/wp-content/themes/jasbecker/i/bg-body.jpg") repeat-x left top;
	color: #333;
}

h1, h2, h3, h4, h5, p, ul, ol, li, blockquote, form, img {
	margin-top: 0;
	padding: 0;
}

h1 {
	font-size: 2.0em;
	line-height: normal;
	color: #b86924;
}

h2 {
	font-size: 2.0em;
	line-height: normal;
	margin: 0 0 14px 0;
	clear: both;
	color: #b86924;
}

h3 {
	font-size: 1.3em;
	line-height: normal;
	margin: 0 0 14px 0;
	clear: both;
	color: #b86924;
}

.mlsrightcol h2,
.mlsrightcol h3 {
	clear: none;
}

h4 {

}

p {
	margin: 0 0 14px 0;
}
a {
	text-decoration: none;
	outline: 0;
	color: #b86924;
}


a img {
	border: 0;
}

#leftbar a {

}


table {
	margin: 20px auto;
}

th {
	background: #333;
	color: #fff;
	padding: 4px;
}

td {
	vertical-align: top;
	padding: 4px;
}



.clearboth {
	clear: both;
}

.redtext {
	color: #c00;
	font-weight: bold;
}

div#ezarticleviewtpl ul {
	margin-left: 40px;
}

.smaller {
	font-size: 80%;
	display: block;
}

img#logoforprint {
	display: none;
}

.hide {
	display: none;
}

label span {
color: #000;
}


/*
	TEMPLATE
	--------
*/

#sitewrapper {
	width: 960px;
	margin: 50px auto 10px;
	text-align: left;
	position: relative;
	background: transparent url("/wp-content/themes/jasbecker/i/bg-nav.jpg") no-repeat right top;
}


.w {
	clear: both;
	background: transparent url("/wp-content/themes/jasbecker/i/bg-content.png") repeat left top;
}

.iw {
	background: transparent url("/wp-content/themes/jasbecker/i/bg-sidebar.gif") repeat-y right top;
}

.iiw {
	background: transparent url("/wp-content/themes/jasbecker/i/desk.jpg") no-repeat right bottom;
	min-height: 650px;
	height: auto !important;
	height: 650px;
}

body#home .iiw {
	min-height: 500px;
	height: auto !important;
	height: 500px;

}

.l {
	float: left;
	width: 635px;
	display: inline;
}

.r {
	width: 324px;
	float: right;
}

.il { /* inner left */
	width: 93%;
	margin: 20px auto;
}

.ir { /* inner right */
	width: 93%;
	margin: 0 auto;
}

/*
	BODY BLOCK
	----------
*/

.bodyblock .l {
	border-top: 1px solid #b8b8ba;
}

.bodyblock .r {
	border: 1px solid #515151;
	border-width: 1px 0 0 0;
	padding: 0 0 600px 0; /* this is so the text does not run over the desk image */
}

/*
	HEADER BLOCK
	------------
*/

.headerblock .r p {
	margin: 14px auto;
}

.headerblock {
	clear: both;
	background: transparent url("/wp-content/themes/jasbecker/i/bg-headerblock.png") repeat-y right top;
	padding: 0;
}

.headerblock .r {
	color: #fff;
	border-left: 1px solid #515151;
}

.headerblock .l {
	position: relative;
}

/*
	HOME PAGE
	---------
*/

body#home {
	background: #f0eeef url("/wp-content/themes/jasbecker/i/bg-body-home.jpg") no-repeat center top;
}



body#home h1 {
	font-size: 1.4em;
	line-height: normal;
	margin: 0;
	padding: 0;
}

#home .bodyblock {
	background: #f0eeef url("/wp-content/themes/jasbecker/i/bench.jpg") no-repeat right top;
}

#home .iw,
#home .iiw {
	background: transparent;
}

#home .headerblock .r {
	border: 0;
}

#home .bodyblock .l {
	width: 325px;
	min-height: 555px;
	height: auto !important;
	height: 555px;
	float: right;
	border: 0;
	color: #fff;
}

#home .bodyblock .r {
	width: 635px;
	float: left;
	border: 0;
	padding: 0;

}

.txt-dark {
	color: #333;
}
/*
	LOGO
	----
*/

#sitename {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
}

/*
	TOP NAV BAR
	-----------
*/


#topnavbar {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: -30px;
	right: 0;
}


#topnavbar li {
	float: left;
	margin: 0 0 0 24px;
}

#topnavbar li a {
	color: #fff;
}

#topnavbar li a:hover {
	color: #b86924;
}

/*
	NAVBAR 
	------
*/

#navbar {
	width: 706px;
	height: 102px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent url("/wp-content/themes/jasbecker/i/nav-rule.gif") no-repeat 350px 14px;
}


#navbar li {
	list-style: none;
	position: absolute;
	width: 100px;
	top: 0;
	left: 264px;
	z-index: 200;
}

ul#navbar li,
#navbar a {
	height: 20px;
	display: block;
	margin: 0;
	padding: 0;
	color: #727377;
}

#navbar li#nb-styles { top: 16px }
#navbar li#nb-categories { top: 36px; }
#navbar li#nb-woodtypes { top: 56px; }

#navbar li:hover a,
#navbar li.sfhover a,
#navbar li a:hover {
	color: #000;
}


/* dropdowns */

ul#navbar li ul {
	position: absolute;
	left: -9999px;
	width: 400px;
	margin: 0;
	background: transparent;
	opacity: .9;
	filter: alpha(opacity=90);
	padding: 0 3px 6px;
	z-index: 125;
}

ul#navbar li:hover ul, 
ul#navbar li.sfhover ul {
	left: 100px;
	z-index: 150;
}

#navbar li#nb-styles:hover ul,
#navbar li#nb-styles.sfhover ul
	{ top: -6px }
#navbar li#nb-categories:hover ul,
#navbar li#nb-categories.sfhover ul
	{ top: -26px; }
#navbar li#nb-woodtypes:hover ul,
#navbar li#nb-woodtypes.sfhover ul
	{ top: -46px; }



ul#navbar li ul li {
	position: relative;
	height:auto;
	top: 6px;
	padding: 0;
	left: 0;
	float: left;
	width: 48%;
	line-height: normal;
}


ul#navbar li ul li a {
	text-indent: 0;
	background: transparent;
	display: block;
	min-height: 20px;
	padding: 0 2px;
}

ul#navbar li ul li a {
  height: auto !important;
  height: 20px;
}


ul#navbar li ul li a:hover { color:#333; background: transparent; }

/* for crappy browsers */
* html ul#navbar li ul li, * html ul#navbar li ul li a {

}


/*
#navbar {
	list-style: none;
	margin: 0 0 4px;
	padding: 0;
	width: 706px;
	height: 102px;
	background: transparent url("/wp-content/themes/jasbecker/i/nav-rule.gif") no-repeat 100px 14px;
	float: right;
	position: relative;
	
}

#navbar li {
	margin: 6px 0 0 20px;
	width: 80px;
}

#navbar li#nb-styles {
	margin: 14px 0 0 20px;
}

#navbar li a {
	color: #727377;
	display: block;
	width: 80px;
}

#navbar li:hover a,
#navbar li.sfhover a,
#navbar li a:hover {
	color: #000;
}

*/
/* dropdowns */

/*
ul#navbar li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 16px;
	left: -9999px;
	left: 400px;
	width: 500px;
	height: 80px;
	z-index: 125;
}

ul#navbar li:hover ul, 
ul#navbar li.sfhover ul {
	left: 280px;
	z-index: 150;
}

ul#navbar li ul li {
	height:auto;
	top: 0;
	margin: 0;
	padding: 0;
	width: 230px;
	float: left;
}


ul#navbar li ul li a {
	width: 230px;
	text-indent: 0;
	background: transparent;
	display: block;
	min-height: 20px;
	padding: 0 2px;
}

ul#navbar li ul li a {
  height: auto !important;
  height: 20px;
}

ul#navbar li ul li a:hover { 
	color:#333;
}
*/

/* for crappy browsers */
* html ul#navbar li ul li, * html ul#navbar li ul li a {  

}

/* tertiary dropdowns */
ul#navbar li ul li ul {
	display: none;
}



/*
	HEADER BLOCK - LEFT SIDEBAR
	----------------------------
*/

.headerblock h1 {
	position: absolute;
	left: 20px;
	top: 40px;
}

/*
	HEADER BLOCK - RIGHT SIDEBAR
	----------------------------
*/

#ttl-askaquestion {
	color: #000;
	border-bottom: 1px solid #000;
	width: 90%;
	margin: 0 auto;
}

.hdr-askaquestion {
	color: #b86924;
	font-size: 130%;
}

.ordersteps {
	margin: 10px 0 0 0;
}

.hdr-ordersteps {
	color: #b86924;
	font-size: 130%;
}

.hdr-sendmessage {
	display: block;

}

.lnk-sendmessage,
.lnk-howtoorder {
	color: #fff;
	text-decoration: underline;
}

#home .lnk-sendmessage,
#home .lnk-howtoorder {
	color: #333;
}

#contactform label,
.cform label {
	color: #fff;
}

/*
	TESTIMONIAL RIGHT SIDEBAR
	-------------------------
*/

.r .testimonial {
	margin: 20px auto;
	color: #fff;
}

.author {
	text-transform: uppercase;
}

/*
	FOOTER NAVBAR
	-------------
*/

#footernavbar {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footernavbar li {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}

#footernavbar li a {
	color: #727377;
	color: #333;
}


/*
	FOOTER
	------
*/


.footerblock {

	background: transparent url("/wp-content/themes/jasbecker/i/dot.gif") repeat-y 635px top;
	border-top: 10px solid #f0eeef;
}

#footer {
	clear: both;
	width: 960px;
	min-height: 65px;
	height: auto !important;
	height: 65px;
	background: transparent url("/wp-content/themes/jasbecker/i/bg-footer.jpg") no-repeat left top;
	color: #fff;
	text-align: center;
}

#footer p {
	margin: 0;
	padding: 8px 0 0;
}

#footer a {
	color: #fff;
}

strong.super {
	font-size: 1.2em;
}

#usmtag {
	position: absolute;
	bottom: 0;
	left: 385px;
	margin: 0;
	padding: 0;
	width: 213px;
	height: 13px;
}

#usmtag a {
	display: block;
	width: 213px;
	height: 13px;
	background: transparent url("/wp-content/themes/jasbecker/i/usmtag.gif") no-repeat left top;
	text-indent: -999em;
}




/*
	BLOG STYLES
	-----------
*/

h2.widgettitle {
	color: #333;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

#wp-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#wp-sidebar ul li {
	margin: 0 0 20px 0;
	padding: 0;
}

#wp-sidebar ul li ul {
	list-style: disc;
}

#wp-sidebar ul li ul li {
	margin: 0 0 0 14px;
	padding: 0;
}

#wp-sidebar ul li ul li a {
	color: #333;
}

#wp-sidebar ul li ul {
	margin: 0;
	padding: 0;
}

.commentlist {
	margin: 0 0 0 24px;
}





/*
	NG GALLERY OVERRIDES
	--------------------
*/

/*
	This is so portrait and landscape images
	can be in the same gallery
*/

div.slideViewer ul li {
width: 590px;
background: #000;

}

div.slideViewer ul li img {
display: block; 
margin: 0 auto;
}

/*
	PRELOADER IMAGE
*/

img.ldrgif {

}


/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 0;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;

}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */

html>body .ngg-album {
    overflow:hidden;
    padding: 0;
    margin-bottom: 3%;
    border: 0;
} 

.ngg-album {
	overflow: hidden;
	padding: 0;
	margin-bottom: 0;
	border: 0;
	position: relative;
	width: 32%;
	float: left;
	margin: 0 1% 3% 0;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: normal;
	margin:0;
	padding:0;
	font-size: .85em;
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 176px;
	background: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
}

.ngg-albumtitle a {
	display: block;
	color: #333;
	padding: 3px 0 0 4px;
}

.ngg-albumtitle a {
	color: #333;
}

.ngg-thumbnail {
	float: none;
	margin-right: 0;
}

.ngg-thumbnail img {
	background-color: transparent;
	border:0;
	margin:0;
	padding:0;
	position:static;
}

.ngg-thumbnail img:hover {
	background-color: transparent;
}

.ngg-description {
	text-align: left;
	background: blue;
	display: none;
}

.piclenselink {
	display: none;
}

/*
	GALLERIA PLUGIN
	---------------
*/

/*---- Image Gallery ---*/

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


/* 
Custom Image Gallery Styles
*/
/*
.caption{font-style:italic;color:#887;}
*/
.caption { background: #fff }

.demo {
	position:relative;
	margin-top:2em;
}

.gallery_demo{
	width:590px;
	margin:0 auto;
}

	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 2px;background:#000;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto;height:400px;width:700px;}
	#main_image img{ margin-bottom:0; }
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
.info{
	text-align:left;
	width:590px;
	margin:30px auto;
	border-top:1px dotted #221;
	padding-top:30px;
}

.info p{
	margin-top:1.6em;
}
	
div.galleria_wrapper img {
	display: block;
	margin: 0 auto;
}




/*
	LIST VIEW TEMPLATE STYLES
	---------------------------
*/

body.listviewgallery .w {
	background: transparent;
}

body.listviewgallery .entrytext {
	color: #fff;
}

/*
	DETAIL VIEW TEMPLATE STYLES
	---------------------------
*/

.gallerianav {
	text-align: right;
	color: #b86924;
}

body#detailviewgallery .w {
	background: transparent;
}

body#detailviewgallery .iiw {
	background: transparent url("/wp-content/themes/jasbecker/i/bg-sidebar-detailview.jpg") repeat-y right top;
}

body#detailviewgallery .entrytext {
	display: none;
}


body#detailviewgallery .r .dv-pagecontent {
	margin-top: 10px;
	color: #fff;
}

body#detailviewgallery .r .dv-pagecontent a {
	color: #fff;
	text-decoration: underline;
}

body#detailviewgallery .r .dv-pagecontent h1 {
	color: #fff;
}

#detailviewgallery .headerblock h1 {
	color: #fff;
}

#detailviewgallery .headerblock h1 .breadcrumb {
	color: #b86924;
	font-size: .6em;
	display: block;
	float: left;
	margin: 5px 10px 0 0;
}

#detailviewgallery .headerblock h1 .breadcrumb a {
	color: #b86924;
}

#detailviewgallery .headerblock h1 .breadcrumb a:hover {
	text-decoration: underline;
}




/*
	POP UP CONTACT FORM
	-------------------
*/

.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
	width: 300px;
	background: #d4d2d3 url("/wp-content/themes/jasbecker/i/bg-popup.jpg") repeat-x left top;
	border: 3px solid #fff;
}

.popup form {
	width: 90%;
	margin: 20px auto;
}

.popup form textarea {
	width: 93%;
	height: 180px;
}

a.lnk-close {
	display: block;
	width: 60px;
	height: 20px;
	margin: 2px 2px 0 auto;
	/*
	position: absolute;
	left: -12px;
	top: -12px;
	*/
	background: transparent url("/wp-content/themes/jasbecker/i/btn-close.gif") no-repeat left top;
	text-indent: -999em;
	cursor: pointer;
	z-index: 300;
}

a.lnk-close:hover {
	background-position: left bottom;
}

ol.cf-ol {
	margin: 0;
	padding: 0;
}

ol.cf-ol li {
	margin: 0 0 8px 0;
}

.emailreqtxt,
.reqtxt {
	color: #b86924;
	font-size: .7em;
}

.failure {
	background: #b86924;
	text-align: center;
	margin: 6px 0 0;
}

.success {
	background: green;
	color: white;
	text-align: center;
	margin: 6px 0 0;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 9px;
	line-height: 15px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */