/*
Theme Name: Heike Grebenstein
Theme URI: http://www.onedigitalfarm.com
Description:
*/

/* Begin Typography & Colors */
body {
	font-size: 75%; /* Resets 1em to 10px */
	font-family: arial, verdana, Sans-Serif;
	line-height:1.4;
	background-color: #000;
	color: #b4b4b4;
	text-align: center;
	padding:10px 0 0 0; margin:0;
	}

#page{width:840px; margin:17px auto; text-align:center; }

hr{display:none;}

a {color:#6c6c6c; outline:none;}
a:hover{color:#c99c3b}
a span{display:none;}
a:active, a:focus{outline:none;}

ul, li{margin:0; padding:0; list-style:none;}

h1, h2, h3{color:#c99c3b; text-transform:uppercase; font-weight:normal;}

h1{background:url(images/heike-grebenstein.png) no-repeat; height:80px; width:352px; margin:0 auto; padding:0;}
h1 a{display:block; height:80px; line-height:80px}
#header{text-align:center;height:100px;}
#header .description{display:none;}

ul#topnav{display:block; margin:17px auto;text-align:center;position:relative;width:600px;font-size:11px;}
ul#topnav li,ul#subnav li{display:inline;text-transform:uppercase;font-size:11px;}
ul#topnav li a,ul#subnav li a{text-decoration:none;margin:0 4px;padding:0 3px;}
ul#topnav li ul,ul#subnav li ul {display:none;}

ul#topnav li.current_page_item ul,ul#topnav li.current_page_ancestor ul,ul#topnav li.current_page_parent ul{display:block; position:absolute; text-align:center; border-top:1px solid #6c6c6c; top:20px; left: 0px;width:600px;margin:0 auto; padding:11px 0; }
ul#topnav li.current_page_item a,ul#topnav li.current_page_ancestor a,ul#topnav li.current_page_parent a{color:#c99c3b}
ul#topnav li.current_page_item ul li a,ul#topnav li.current_page_ancestor ul li a,ul#topnav li.current_page_parent ul li a{color:#6c6c6c}
ul#topnav li.current_page_ancestor ul li.current_page_item a,ul#topnav li.current_page_parent ul li.current_page_item a{color:#c99c3b}


ul#subnav {display:block; text-align:center; border-top:1px solid #6c6c6c; width:600px;margin:0 auto; padding:11px 0; }
ul#subnav li.current_page_item a,ul#subnav li.current_page_ancestor a,ul#subnav li.current_page_parent a{color:#c99c3b}
ul#subnav li.current_page_item ul li a,ul#subnav li.current_page_ancestor ul li a,ul#topnav li.current_page_parent ul li a{color:#6c6c6c}
ul#subnav li.current_page_ancestor ul li.current_page_item a,ul#subnav li.current_page_parent ul li.current_page_item a{color:#c99c3b}



.widecolumn{text-align:center; width:720px; margin:70px auto;}
.page-id-13 .widecolumn{text-align:left;}
.wpsc-home #content.widecolumn{ width:685px; margin:70px auto;}
.productdisplay{margin:0 0 0 15px}

.parent-pageid-11 #content.widecolumn{ width:820px; margin:70px auto;}
.wpsc-single-product #content.widecolumn{ width:820px; margin:70px auto;}
#content.widecolumn h2{display:none;}
#content.widecolumn p{margin:0 0 15px 0; padding:0;}

#content.widecolumn p.edit{margin:30px 0;p}

#content.narrowcolumn{text-align:left; width:560px; margin:60px auto; float:left;}
#content.narrowcolumn p{margin:0 0 15px 0; padding:0;}
#content.narrowcolumn p.edit{margin:30px 0;}

#content a{color:#c99c3b;text-decoration:none;}

#sidebar{width:190px; float:right;margin:60px 0;text-align:left;}
#sidebar a{text-decoration:none;}
#sidebar ul li ul{margin:0 0 18px 0;}
#sidebar .current-cat a{color:#c99c3b}
#sidebar li.widget_search{margin:15px 0 0 0;}

p.postmetadata{color:#c99c3b; clear:both; width:100%; overflow:hidden; height:20px; padding:20px 0; }

h2{font-size:1.1em;margin:0; padding:0;}
.post h2{margin:0; padding:0; line-height:1.5;}

.single_product_display h3{text-transform:none;}

.entry{margin:20px 0;}
.custom-entry{margin:0px 0;color:#b4b4b4;z-index:9999;}
.custom-entry {position:absolute;top:-30px; }

.screen-reader-text{display:none;}

.introtext{display:none;}
.wpsc-home .introtext{display:block; }

.additional-images{margin:30px 30px 0 0;text-align:center;}
.additional-images img{cursor:pointer;margin:0 2px 0 2px;}

.col-2 .product_image{height:310px;}

.product_grid_item{ width:160px; text-align:center;}
.product_text{color:#575757}

.productnav a{text-transform:uppercase;}
.productnav {clear:both;position:absolute; width:220px; top:298px;right:0;}
.alignright{float:right;}
.alignleft{float:left;}
img.alignleft{margin:0 20px 0 0 ;}

.single_product_display{background-color:grey;}

.col-1{width:250px; float:left; }
.col-1 .wpsc_description{padding:0 30px 0 0;}
.col-2{float:left; width:340px; text-align:left;position:relative;}
.col-3{float:right; width:220px; color:#c99c3b; text-align:left; text-align:left !important; position:relative;}

.wpsc_variation_forms label{display:block;}
.single_product_display select{border:1px solid #c99c3b; background:black;color:#c99c3b}
.wpsc_product_price{margin-bottom:50px;}

/*	root element for the scrollable.	when scrolling occurs this element stays still.*/
.scrollable {	/* required settings */	position:relative;	overflow:hidden;text-align:left;	width: 740px;	height:80px;}
.scrollable .items {width:20000em;	position:absolute;	clear:both;}
.scrollable img {	float:left;	margin:0;	padding:2px;	cursor:pointer;height:75px;}

.page-id-22 .scrollable{width: 640px;  height:80px; float:left; }
/*.page-id-22 .scrollable .items {width:720px; text-align:center; position:static;} 
.page-id-22 .scrollable img {	margin:0;float:none;	padding:2px;	cursor:pointer;height:75px;}*/

.scrollable .active {	z-index:9999;	position:relative;}
.scrollable {	float:left;	}

/* prev, next, prevPage and nextPage buttons */
a.browse {	background:url(images/arrows.png) no-repeat;	display:block;	width:25px;	height:25px;	margin:23px 10px;	cursor:pointer;	font-size:1px;float:left;}
/* right */
a.right 				{ right:0; background-position: -25px 1px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-25px 1px; }
a.right:active 	{ background-position:-25px 1px; } 

/* left */
a.left				{ left:0; margin-left: 0px;background-position:0 1px; } 
a.left:hover  		{ background-position:0 1px; }
a.left:active  	{ background-position:0 1px; }


/* disabled navigational button */
a.disabled.left {	background-position:0 -28px;}
a.disabled.right {	background-position:-25px -28px;}


/* styling for the image wrapper  */
#image_wrap {	width:310px; z-index:0;	margin:0 auto 15px;	padding:0;	text-align:center;background-color:#000;}
#image_wrap img{margin:0 0 5px 0;background-color:#000;}

.page-id-22 #image_wrap {	width:610px;margin:0 auto 15px;	padding:0;	position:relative;background-color:#000;}
.page-id-22 #image_wrap img{width:310px; height:310px; margin:0 auto 5px;background-color:#000;}



/* the overlayed element */
.simple_overlay { display:none; z-index:1000; position:absolute; top:0px; left:0px; background-color:#333; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;	}
.simple_overlay .close {	background-image:url(images/close.png);	position:absolute;	right:-15px;	top:-15px;	cursor:pointer;	height:35px;	width:35px;}
.additional-images .simple_overlay .close {display:none;}

/* the large image. we use a gray border around it */
#img {	border:1px solid #666;}

/* "next image" and "prev image" links */
.next, .prev {	position:absolute;	top:40%;		border:1px solid #666;		cursor:pointer;	display:block;	padding:10px 20px;	color:#fff;	font-size:11px;	-moz-border-radius:5px;	-webkit-border-radius:5px;	}
.prev {	left:0;	border-left:0;	-moz-border-radius-topleft:0;	-moz-border-radius-bottomleft:0;	-webkit-border-bottom-left-radius:0;	-webkit-border-top-left-radius:0;}
.next {	right:0;	border-right:0;	-moz-border-radius-topright:0;	-moz-border-radius-bottomright:0;	-webkit-border-bottom-right-radius:0;	-webkit-border-top-right-radius:0;	}
.next:hover, .prev:hover {	text-decoration:underline;	background-color:#000;}

.page-template-press-php .disabled {	visibility:hidden;		}

.info {	}
.info strong { display:block;}
.progress { position:absolute; top:45%; left:50%; display:none; }
.next, .prev { background:#333 !important; 		}


.page-id-22 .info {margin:0 auto; width:310px; background:#000 !important;text-align:center;  }

.page-id-22 .custom-entry{position:absolute; top:-15px; left:0; width:280px; z-index:999; text-align:left;}

.page-id-22 .entry{position:relative;}

#triggers{padding:0 0px; }
/* the active thumbnail */
#triggers a.active img {
	outline:1px solid #000;
	/* show on top of the expose mask */
	z-index:9999; position:relative;
}

#triggers a{height:200px; margin:0 5px; }
#triggers a img{height:190px;margin:5px 0;}