/*
Theme Name: GRÜVHAUS INK
Description: The Website of GRÜVHAUS INK.
Version: 1.0
Author: Chris Chilcoat & Adam Leviton
*/

html {
overflow: scroll;   /* scrollbar always on so page doesn't "jerk" around */
}

body {
text-align: center;
background-color:#231f20;
color: #999;
font-family: Helvetica, Arial, sans-serif;
font-size: 62.5%;
letter-spacing: .01em;
outline: none;
margin: 0;
padding: 0;
}

div#wrapper {
text-align: left;
margin: auto;
width: 960px;
position: relative;
}

a, img {
color: #ccc;
border: none;
outline: none;
}

a:hover {
color: #fff;
}

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

div#header {
border-bottom: 1px solid #484848;
margin-top: 20px;
padding: 0;
height: 55px;
}

div#header img {
float: left;
}

div#content_header img {
border-bottom: 1px solid #484848;
}

ul#navigation {
display:block;
float:right;
margin-top: 34px;
margin-right: 250px;
}

ul#navigation li {
display: inline;
float:left;
}

ul#navigation li a {
color: #666666;
font-size: 17px;
margin: 0 0 0 50px;
text-decoration: none;
}

ul#navigation li a:hover {
color:#fff;
}

ul#navigation li.urh a {
color:#fff;
}

span.checkout {
float: right;
}

span.checkout a {
padding: 9px 10px 5px 10px;
font-size: 1.4em;
display: block;
background: #484848;
text-decoration: none;
width: 188px;
text-align: center;
position: absolute;
right: 0;
top: 27px;
}

*:first-child+html span.checkout a { top: 47px } /*IE7*/

/* CONTENT **************************************/

div#content {
margin-bottom: 20px;
}

div#content li,
div#content p {
font-size: 1.4em;
font-weight: normal;
line-height: 160%;
width: 610px;
}

div#content p {
margin: 0 0 24px 0;
}

div#content h1 {
font-size: 24px;
color: #fff;
line-height: 130%;
margin: 20px 0 18px 0;
clear: both;
width: 650px;
}

div#content h2 {
font-size: 14px;
color: #ddd;
line-height: 130%;
margin: 20px 0 3px 0;
clear: both;
width: 650px;
}

/* STORE **************************************/

#content-store {
height:655px; /*chris set height at max 617 for 1024 x 768 monitors */
margin-top: 20px;
padding: 0;
}

div.posters_wrap {
width: 980px;
float: left;
}

.item-box-store {
float:left;
height:270px;
padding: 10px 0 0 0;
width:225px;
text-align: center;
background: #111;
margin: 0 20px 20px 0;
}

.item-box-store img {
height: 200px;
width: auto;
text-align: center;
border: 1px solid #222;
margin: 2px;
}

#sb-title-inner {
display: none;
}

#content-store h2 {
font-size: 1.4em;
letter-spacing: .02em;
color: #bbb;
margin: 10px 0 9px 0;
}

div.item-box-store .price {
text-align: center;
font-size: 1.4em;
}

div.item-box-store a:hover,
div.item-box-store-sub-img a:hover {
text-align: center;
}

div.item-box-store a:hover img,
div.item-box-store-sub-img a:hover img {
opacity:  0.3;
}

/* STORE - SINGLE ****************************/

#content_store_sub {
margin: 20px 0;
}

.item-box-store-sub-img {
width:330px;
float:left;
display: block;
}

.item-box-store-sub-img img {
max-width: 320px;
max-height: 480px;
height: auto;
width: auto;
display: block;
float: none;
margin: 0 auto;
}

/* STORE - SINGLE - NAVIGATION ****************************/

.item-box-store-sub-nav {
text-transform:uppercase;
width: 575px;
float: right;
margin-bottom: 30px;
}

.item-box-store-sub-nav a {
background-color:#666;
display: block;
float: right;
text-decoration: none;
color: #231f20;
font-weight: bold;
height: 13px;
}

.item-box-store-sub-nav a:hover {
background: #fff;
}

.item-box-store-sub-nav #next a,
.item-box-store-sub-nav #prev a,
.item-box-store-sub-nav a.backtolist {
background-image: url("images/arrows.png");
background-repeat: no-repeat;
margin-left: 15px;
background-position: 5px 5px;
padding-top: 4px;
padding-right: 10px;
padding-left: 20px;
width: 30px;
}

.item-box-store-sub-nav #next a {
padding-right: 20px;
padding-left: 10px;
background-position: 38px -19px;
}

.item-box-store-sub-nav a.backtolist {
background-position: 5px -41px;
float:left;
margin: 0;
width: auto;
}

/* STORE - SINGLE - DESCRIPTION ****************************/

.item-box-store-sub-copy {
float: right;
width: 575px;
background-color: #000;
padding: 15px 20px 20px 20px;
}

.item-box-store-sub-copy h2 {
color:#fff;
font-size:3.0em;
margin-bottom: 18px;
border-bottom: 1px solid #666;
padding-bottom: 5px;
}

a.added_to_cart,
span.add_to_cart input[value="Add to Cart"] {
float: left;
margin: 26px 0 0 21px;
width: 180px;
}

a.added_to_cart  {
color: #000;
font-size: 1.2em;
text-transform: uppercase;
text-decoration: none;
display: block;
background: #99FF99;
padding: 10px 0 7px 0;
font-weight: bold;
text-align: center;
border: 1px solid #fff;
}

span.added {
}

a:hover.added_to_cart {
/*background: #fff;*/
}

.item-box-store-sub-copy div.description {
font-size:1.5em;
line-height: 160%;
float: left;
width: 350px;
padding-right: 20px;
}

.item-box-store-sub-copy div.item_details_wrap {
float: left;
border-left: 1px #333 solid;
width: 200px;
padding-top: 3px;
}

.item-box-store-sub-copy div.item_details_wrap p {
margin-bottom: 15px;
}

.item-box-store-sub-copy dl.item_details {
font-size: 1.2em;
margin-left: 20px;
margin-top: 4px;
}

.item-box-store-sub-copy dl.item_details dt,
.item-box-store-sub-copy dl.item_details dd {
margin-bottom: 12px;
padding: 0;
}

.item-box-store-sub-copy dl.item_details dt {
width: 50px;
float: left;
}

.item-box-store-sub-copy dl.item_details strong {
color: #ccc;
}

.item-box-store-sub-copy div.item_details_a {
margin-left: 30px;
width: 40px;
}


/* CART **************************************/

div.shopping_cart {
width: 960px;
float: right;
background: #333;
font-weight: normal;
font-size: 1.1em;
margin-top: 20px;
position: relative;
}

/* CART - CHECKOUT TOP BAR**************************************/

div.shopping_cart span.checkout_bar {
padding: 5px;
width: 925px;
display: block;
background: #181818;
clear: both;
position: absolute;
left: 12px;
top: 12px;
}

div.shopping_cart span.checkout_bar h4 {
font-size: 1.8em;
float: left;
width: 635px;
margin-top: 7px;
margin-left: 12px;
color: #fff;	
}

@media screen and (-webkit-min-device-pixel-ratio:0){ /*safari hack */
div.shopping_cart span.checkout_bar h4 {
margin-top: 5px;
}
}

div.shopping_cart span.checkout_bar input.wp_cart_checkout_button {
position: relative;
float: left;
}

div.shopping_cart span.checkout_bar span.totalwrap {
float: left;
width: 140px;
text-align: left;
font-size: 1.6em;
letter-spacing: .01em;
color: #ccc;
display: block;
line-height: 100%;
vertical-align: baseline;
padding: 9px 0 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){ /*safari hack */
div.shopping_cart span.checkout_bar span.totalwrap {
padding: 5px 0 0 0;
}
}

div.shopping_cart input[value="Checkout"] {
padding: 7px 0 5px 0;
font-size: 1.2em;
float: right;
width: 130px;
}

/* CART - CART ITEMS **************************************/

div.shopping_cart span.cart_item_imagewrap {
display: block;
background: #000000;
float: left;
text-align: center;
width: 122px;
}

#content div.shopping_cart img {
width: auto;
height: 125px;
border: none;
margin: 10px; 
display: block;
margin-left: auto;
margin-right: auto; 
float: none;
border: 1px solid #333;
}

div.shopping_cart p.empty {
padding: 10px;
font-size: 1.2em;
line-height: 150%;
}

div.shopping_cart ul {
margin-left: 12px;
margin-top: 64px;
}

div.shopping_cart h5 {
border-bottom: 1px solid #333;
margin: 0px;
padding: 5px 0;
font-size: 0.8em;
color: #aaa;
}

#content div.shopping_cart li {
background: #181818;
margin: 0 12px 10px 0;
position: relative;
float: left;
width: 304px;
}

div.shopping_cart span.cart_item_total {
padding: 15px 0 0 0;
display: block;
border-top: 1px solid #333;
font-size: 0.9em;
color: #777;
}

div.shopping_cart span.cart_item_details {
float: right;
display: block;
width: 170px;
margin-top: 10px;
}

div.shopping_cart span.cart_item_qtydesc {
width: 100px;
display: block;
position: absolute;
top: 62px;
left: 175px;
line-height: 120%;
background: url(images/arrow_cart_item.png);
background-repeat: no-repeat;
background-position: 10px 4px;
padding-left: 20px;
font-size: 0.7em;
}

div.shopping_cart input[type="text"] {
margin: 10px 5px 10px 2px;
text-align: center;
padding: 4px;
font-size: 110%;
width: 25px;
}

div.shopping_cart input[type="image"] {
position: absolute;
top: 0;
right: 0;
}

div.shopping_cart input[value='Remove']:hover {
opacity:0.7;
}

/* FOOTER **************************************/

div.copyright,
div#footer {
border-top: 1px solid #484848;
}

div.copyright {
letter-spacing: .1em;
text-transform: uppercase;
padding-top: 15px;
text-align: right;
float: right;
color: #666;
padding-bottom: 50px;
width: 100%;
}

div#footer {
border-top: 1px solid #484848;
height:auto;
padding-bottom:20px;
width: 960px;
padding-top: 20px;
font-size: 1.1em;
}

div#footer .soc-icons-bar li.deli a {
background-position:0 -1026px;
}

div#footer p {
color: #666;
text-align: left;
}

div#footer a, div.copyright a {
color: #CCCCCC;
text-decoration: none;
}

div#footer p a:hover, div.copyright a:hover {
color: #fff;
text-decoration: underline;
}

div#footer-about {
float:left;
padding-left:0;
padding-right:13px;
width:335px;
line-height: 200%;
}

div#footer-about h6 {
margin-top: -5px;
}

div#footer-about p {
width:260px;
margin-top: -1px;
}

div#footer-contact p {
line-height: 140%;
margin-top: 14px;
}

div#footer-contact {
width:189px;
float:left;
padding-right:13px;
line-height: 12px;
}

div#footer-networking {
width:196px;
float:left;
padding-right:13px;
}

div#footer-networking img {
margin: 4px 15px 10px 0;
width: 35px;
height: auto;
}

div#footer-email {
float: left;
width: 195px;
}

div#footer-email .wpsb_form_label {
display: none;
}

div#footer-email #wpsb_email {
padding: 9px 10px 7px 10px;
width: 125px;
float: left;
border: none;
background-color: #333;
color: #888;
}

div.mail_list_wrap {
background: #666;
display: block;
float: left;
}

div#footer div.mail_list_wrap p {
color: #fff;
background: none;
padding: 5px;
}



div#footer-email .wpsb_form_btn {
margin: 0px;
width: 50px;
float: left;
border: none;
background: none;
padding: 6px 0 0 0;
}

div#footer-email .wpsb_form_btn:hover {
color: #fff;
}

div#footer h3,
div#footer h6 {
font-size: 1.2em;
margin-bottom: 10px;
color: #888;
}

div#footer-email h3 {
margin-bottom: 13px;
}

form input, form textarea {
margin: 0;
}

.smcf-bottom a {
display: none;
}

h1.smcf-title {
color: #ccc;
}

/* FORMS ****************************************************************************/

span.checkout a:hover,
span.add_to_cart input[value="Add to Cart"]:hover,
span.checkout_bar input[value="Checkout"]:hover,
fieldset.form div.submit input[value="Send"]:hover {
background: #CD5D00;
outline: none;
}

input[type="submit"] {
font-size: 1.2em;
border: 1px solid #fff;
background: #00CCFF;
text-transform: uppercase;
font-weight: bold;
outline: none;
padding: 7px 0 5px 0;
}

input[value="Send"] {
width: 75px;
}

fieldset.form label {
float: left;
width: 75px;
padding-top: 15px;
font-size: 1.4em;
}

fieldset.form input[type="text"] {
height: 25px;
}

fieldset.form input[type="text"],
fieldset.form textarea {
display: block;
width: 380px;
border: 1px solid #ccc;
padding: 10px 10px 5px 10px;
font-size: 125%;
color: #555;
font-size: 1.4em;
background: #ddd;
}

fieldset.form .submit {
margin: 0;
padding-left: 75px;
}

fieldset.form div {
margin: 18px 0;
position: relative;
width: 520px;
}

/* CONTACT FORM 7 AJAX VALIDATION ****************************************************************************/

div.wpcf7-response-output {
margin-top: 10px;
margin-left: 75px;
width: 378px;
padding: 10px;
font-weight: bold;
font-size: 1.2em;
color: #000;
}

div.wpcf7-mail-sent-ok {
background: #CDFF8E;
border: #ccc solid 1px;
}

div.wpcf7-mail-sent-ng {
}

div.wpcf7-spam-blocked {
}

div.wpcf7-validation-errors {
background: #FFE279;
border: #ccc solid 1px;
}

span.wpcf7-not-valid-tip {
background: #FF775C;
color: #333;
}

span.wpcf7-form-control-wrap input {
}

span.wpcf7-not-valid-tip {
position: absolute;
width: 380px;
height: 25px;
top: 0;
margin-left: 75px;
z-index: 100;
padding: 10px;
border: red solid 1px;
font-weight: bold;
font-size: 1.2em;
color: #000;
/*filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;*/
}

span.wpcf7-not-valid-tip-no-ajax {
color: #f00;
font-size: 10pt;
display: block;
}

span.wpcf7-list-item {
margin-left: 0.5em;
}

.wpcf7-display-none {
display: none;
}

img.ajax-loader {
display: none;
}