/*   
Theme Name: BLANK Theme
Theme URI: http://digwp.com
Description: This is just a BLANK starter WordPress Theme template -- WordPress v2.9.1
Author: Chris Coyier
Author URI: http://chriscoyier.net
Version: 1
*/

@charset "utf-8";
/* CSS Document */

@import "css/reset.css";
@import "fonts/font.css";
@import "css/grid.css";


/* FOR DEVELOPMENT PURPOSES ONLY */
#gridButton { display: block; position: fixed; left: 0; bottom: 0; background: #C00; padding: 5px; font-size: 1.2em; text-decoration: none; color: #FFF; font-family: "Courier New", Courier, monospace bold; text-align: center; border: #800 1px solid; z-index: 100; }
#grid960 { display: none; position: fixed; top: 0; left: 50%; margin-left: -480px; width: 960px; height: 100%; background: url('img/grid_gray.png'); z-index: 1000;}


/* COLORS 
beige:		#e5dec1
lightbrown:	#ac875c
darkbrown:	#502b1b
green:		#659912


*/


.block { width: 960px; margin: 0 auto; }
.alignLeft { float: left; }
.alignRight { float: right; }
.clearBoth { display: block; position: relative; clear: both; }


body { background: #e5dec1; font-family: Arial, Helvetica, sans-serif; }

header, #body, footer { position: relative; width: 100%; overflow: hidden; }

header { height: 408px; background: url('img/header.png') repeat-x;}
	header #logo { position: absolute; top: 28px; }
	#headerNav { position: absolute; bottom: 43px; font-family: "MuseoSlab", Arial, Helvetica; font-size: 2em; list-style: none; }
	#headerNav li { display: block; float: left; }
	#headerNav li a { display: block; color: #e5dec1; padding: 5px 15px; margin-right: 5px; text-decoration: none; float: left;
		-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	#headerNav a:hover, #headerNav a.active { color: #fff; background: #de262f; }
	
	ul#headerInfo { margin-top: 45px; list-style: none; color: #502b1b; font-size: 2em; }
		#headerInfo li { text-align: right; }
			#headerInfo li strong { display: block; margin-top: 15px; }
			#headerInfo li a { font-size: .8em; color: #502b1b; }
			#headerInfo li a:hover { color: #88bf40; }


#body { overflow: hidden; height: auto; padding-bottom: 20px; }
	
	#catSubNav { list-style: none; font-size: 1.8em; margin-bottom: 20px; }
	#catSubNav li{ display: inline-block; margin-right: 10px; }
	#catSubNav li a { padding: 5px 10px; color: #ac875c; }
	#catSubNav li a:hover { color: #fff; background: #ac875c; }
	
	h1#pageTitle { font-size: 3em; color: #502B1B; 
		text-shadow: 0 0 0 #111, 1px 1px 0 #fff; }
		#pageTitle ul { list-style: none; }
		#pageTitle a { color: #502b1b; text-decoration: none; }
	#pageLegend { display: block; list-style: none; border: 2px solid #999; width: 206px; background: #ddd; margin-top: 5px; padding: 5px 0 5px 10px; font-size: 1.3em; 
		-moz-border-radius: 3px; -webkit-border-radius: 3px; outline-radius: 3px; }
	#pageLegend img { vertical-align: middle; margin: 0 10px; width: 18px; height: 18px; }


#map_canvas { width: 95%; height: 400px; float: left; margin: 0 10px; position: relative; z-index: 30 !important; }
	
	.productitem { min-height: 200px; }
	
	.native h3{
		background: #6d8a04 !important;
	}

ul.columns { position: relative; width: 960px; margin-left: auto; margin-right: auto; list-style: none; }
ul.columns li { width: 220px; margin: 15px 10px; background: #CCAF73; float: left; font-size: 1.2em;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

ul.columns li h3 { background: #5C3D1D; padding: 8px; font-size: 1.2em; color: #fff; font-weight: bold; }
ul.columns li.native h3 { background: url('img/native.png') no-repeat 3px right #390; }

ul.columns li span.details	{ float: left; margin: 5px; }
ul.columns li span.size		{ margin-left: 15px; }

ul.columns li p { padding: 5px 10px 0; }

/*--Thumbnail Styles--*/
ul.columns li img {	position: relative; width: 220px; height: 155px;
	filter: alpha(opacity=70); opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE8 Specific--*/
}

ul.columns li:hover img { position: relative;
	filter: alpha(opacity=100); opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}





footer { height: 75px; margin-top: 10px; background: url('img/footer.png') top left repeat-x; font-size: 1.2em; color: #FFF; z-index: 0;}
footer #footNav { list-style: none; margin-bottom: 10px; text-align: center; }
	#footNav li { display: block; float: left; }
		#footNav li a { color: #c77e36; padding: 5px; margin: 0 10px; }
footer a { color: #fff; }
footer a:hover { color: #659912; }
	footer div { padding: 20px 0; }