/*
Theme Name: Blogum_clean
Author URI: http://www.wpshower.com
Description: Blogum is a simple, grid based blog Wordpress theme, designed in a modern and minimalist style. The theme has a heavy focus on your content and very clean feel. Theme supports all Wordpress 3.0 features and gives you extra flexibility
Author: WPSHOWER
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Tags: grids, blog, modern, stylish, minimalistic
Copyright: (c) 2010 WPSHOWER
*/

/*** Reset ***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** Main ***/

html, body {height: 100%;}

body {
	font: 62.5% Helvetica, Arial, Helvetica, sans-serif;
	color: #000;
	border-top: solid 0.75em #e9e9e9;
}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.wrapper {width: 995px; margin: 0 auto; padding:0 20px; position: relative; min-height: 100%;}

::selection {background:#AAF0D1; color:#000;}


/*** Header ***/

.header {
	padding: 7em 0 8em 190px;
}

.header h1 {
  font-family: "brandon-grotesque", sans-serif;
  text-transform:uppercase;
  font-weight: 300;
  font-size: 42px;
  margin-bottom: 3px;
}

  .header h1 a {
    color: #000;
    text-decoration: none;
    padding:2px;
  }
    
    .header h1 a:hover { 
      color:#AAF0D1;
    }


.header h2 {
  font-family: "brandon-grotesque",sans-serif;
  text-transform:uppercase;
  font-weight: 500;
  font-size: 14px;
  margin-left: 5px;
  letter-spacing: 2px;
}


.menu {
	padding-top: 24px;
}

.menu ul {overflow: hidden; float: left; padding-left: 1px;}
.menu li {font-family: "brandon-grotesque",sans-serif; text-transform:uppercase; letter-spacing: 2px; font-weight: 500; float: left; font-size: 14px; background: url("images/menu.png") 0 50% no-repeat; margin: 0 12px 0 -9px; padding-left: 9px;}
.menu li a {color: #000; text-decoration: none;}
.menu li a:hover, li.current_menu_parent a, li.current-menu-item a {color: #AAF0D1;}

.search {width: 222px; float: right; position: relative; border: 1px solid #e9e9e9;}
.search input {background: none; border: none; font-size: 12px; color: #000; padding: 4px 5px 4px 5px; width: 191px; vertical-align: middle;}
.search button {background: url("images/search.png") 50% 50% no-repeat; border: none; height: 16px; width: 16px; vertical-align: middle; cursor: pointer;}
.wpcf7-form-control {background: none; border: 1px solid #e9e9e9; font-size: 12px; color: #000; padding: 4px 5px 4px 5px; vertical-align: middle;}


.email {font-family: helvetica, arial, sans-serif !important; color:#000 !important; display:inline !important; background: none !important; font-size: 12px !important; width: 160px !important; margin:0px !important;}
form {padding:0px !important; margin:0px !important;}


.social {position:absolute; margin:10px 0px 0px 770px}
.ss-icon {font-size:28px; color:#e9e9e9; margin-right:0.25em; text-decoration:none;}
.social a {text-decoration: none;}
.ss-icon:hover {color:#AAF0D1; cursor: pointer}

/*** Middle ***/

.middle {padding-bottom: 185px;}
#content {width: 730px; float: left;}

.post {padding-bottom: 45px; position: relative;}

.post_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; padding-top: 15px;}
.post_meta h2 {font-family: "brandon-grotesque",sans-serif; text-transform:uppercase; letter-spacing: 2px; font-size: 16px; font-weight: 500; margin-bottom: 15px; color: #000;}
.post_meta h2 a {color: #000; text-decoration: none;}
.post_meta h2 a:hover {color: #AAF0D1;}
.post_data {color: #9d9d9d; font-size: 11px;}
.post_data ul {margin-top:30px;}
.post_data ul li a {border:none;}
.post_data a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.post_data a:hover {border-color: #000;}
.post_author {margin-bottom: 2px;}
.post_date {padding-bottom: 10px; margin-bottom: 10px;}
.post_categories {margin-bottom: 5px;}

.post_share {margin-bottom: px;}
.sharethis {padding-top: 15px; display: inline-block;}
.sharelist {display: none; margin-top: 10px;}
.sharelist li {padding-left: 12px; margin-bottom: 3px;}
.share_fb {background: url("images/facebook.png") 0 2px no-repeat;}
.share_twitter {background: url("images/twitter.png") 0 2px no-repeat;}
.share_digg {background: url("images/digg.png") 0 2px no-repeat;}
.share_su {background: url("images/stumbleupon.png") 0 2px no-repeat;}
.share_deli {background: url("images/delicious.png") 0 2px no-repeat;}

.post_edit {padding-top: 5px;}

.post_content, .shop_content {width: 545px; float: right; overflow: hidden; border-top: 1px solid #e9e9e9; padding-top: 15px;}
.post_content h2, .post_content h3, .post_content h4, .post_content h5 {font-family: "brandon-grotesque",sans-serif; letter-spacing: 2px; text-transform:uppercase; font-weight: 500; margin-bottom: 15px; color: #000;}
.post_content h2 {font-size: 18px;}
.post_content h1 {display:none;}
.post_content h3 {font-size: 16px;}
.post_content h4 {font-size: 14px;}
.post_content h5 {font-size: 13px;}
.post_content p, .post_content li {color: #000; font-size: 12px; line-height: 1.5;}
.post_content p, .post_content ul, .post_content ol {margin-bottom: 15px;}
.post_content ul {margin-left: 65px;}
.post_content ol {margin-left: 35px;}
.post_content ul li {background: url("images/dash.png") 0 9px no-repeat; padding-left: 14px;}
.post_content ol li {list-style: decimal;}
.post_content p a, .post_content li a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.post_content p a:hover, .post_content li a:hover {border-color: #000;}
.post_content blockquote {margin-left: 65px; padding-left: 10px; border-left: 1px solid #e9e9e9; color: #9d9d9d; font-style: none; line-height: 1.5;}
.post_content blockquote p {color: #9d9d9d; font-style: none;}
.post_content h6 {width: 145px; position: absolute; left: 0; font-size: 11px; font-weight: 500; color: #9d9d9d;}
.post_content h6 img {display: block; margin: 5px 0; max-width: 145px;}
.post_content h6 a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.post_content h6 a:hover {border-color: #000;}

.more {display: inline-block; font-size: 11px; color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5; padding-top: 10px;}
.more:hover {border-color: #000;}

.single .post_content h2 {font-size: 24px; margin-bottom: 25px; color: #000;}
.single .post_content h2 a {color: #000; text-decoration: none;}
.single .post_content h2 a:hover {color: #9d9d9d;}

.page .post_data h2 {font-size: 16px;}

.post_tags ul {margin: 0;}
.post_tags li {display: block; float: left; height: 19px; background: url("images/tag.png") 0 0 no-repeat !important; padding-left: 5px !important; margin: 0 10px 5px 0; font-size: 11px;}
.post_tags li a {display: block; float: left; height: 19px; line-height: 19px; background: url("images/tag.png") 100% 0 no-repeat; border-bottom: none; padding-right: 5px; margin-right: -5px;}

.archive_title {padding-bottom: 20px;}
.archive_title_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; font-size: 16px; font-family: "brandon-grotesque",sans-serif; text-transform:uppercase; font-weight: 500; padding-top: 15px;}
.archive_title_name {width: 545px; float: right; border-top: 1px solid #e9e9e9; font-size: 24px; font-family: "brandon-grotesque",sans-serif; text-transform:uppercase; font-weight: 500; padding-top: 15px;}

.error404_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; font-size: 89px; font-weight: bold; padding-top: 6px;}
.error404_text {width: 545px; float: right; border-top: 1px solid #e9e9e9; padding-top: 25px;}
.error404_text p {color: #000; font-size: 12px; line-height: 1.5; margin-bottom: 20px;}
.error404_back {font-weight: bold; color: #000; font-size: 11px; background: url("images/dash.png") 0 50% no-repeat; text-decoration: none; border-bottom: 1px solid #e5e5e5; padding-left: 12px;}
.error404_back:hover {border-color: #000;}

/*** Images ***/

.post_content img {margin: 0; height: auto; max-width: 545px;}
.post_content .attachment img {max-width: 785px; display: block; margin: 0 auto;}
.post_content .alignleft, .post_content img.alignleft {display: inline; float: left; margin-right: 15px; margin-top: 4px;}
.post_content .alignright, .post_content img.alignright {display: inline; float: right; margin-left: 15px; margin-top: 4px;}
.post_content .aligncenter, .post_content img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
.post_content img.alignleft, .post_content img.alignright, .post_content img.aligncenter {margin: 12px 0px 12px 0px;}


.post_content .wp-caption p.wp-caption-text {color: #aaa; font-size: 12px; margin: 10px 0 16px; }

.post_content .wp-smiley {margin: 0;}
.post_content .gallery {margin: 0 auto 18px;}
.post_content .gallery .gallery-item {float: left; margin-top: 0; text-align: center; width: 30%;}
.post_content .gallery .gallery-caption {color: #888; font-size: 12px; margin: 0 0 12px;}
.post_content .gallery dl {margin: 0;}
.post_content .gallery br+br {display: none;}

/*** Pagination ***/

.pagination {padding-left: 160px; clear:both;}
.previouspostslink, .nextpostslink {font-size: 12px; color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.previouspostslink:hover, .nextpostslink:hover {border-color: #000;}
.previouspostslink {margin-right: 15px;}
.wp-pagenavi .previouspostslink {margin-right: 0;}

/*** Sidebar ***/

.sidebar {width: 225px; float: right; overflow: hidden; margin-bottom: 40px;}
.wpp-list li {float:left; padding:0px;margin:5px 0px 0px 0px; list-style: none;}
ul.wpp-list {padding-bottom:15px; margin:0px; display:inline-block;}
.wpp-list a {display: block;}
.wpp-list li:nth-child(2n+1) {margin-right:15px;}
.widget {border-top: 1px solid #e9e9e9; padding: 15px 0;}
.widget h3 {font-family: "brandon-grotesque",sans-serif; text-transform:uppercase; letter-spacing: 2px; font-size: 16px; font-weight: 500; margin-bottom: 15px;}
.widget_body, .widget_body p, .widget_body li {font-size: 11px; line-height: 1.75;}
.widget_body a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.widget_body a:hover {border-color: #000;}
.widget_body li ul li {background: url("images/dash.png") 0 7px no-repeat; padding-left: 14px;}
.cols, .wp-tag-cloud {column-count:2; -webkit-column-count:2;}

.url {font-weight: bold;}
.date {display: block; color: #9d9d9d;}

/*** Comments ***/

#comments {clear: both;}

.comments_heading {padding-bottom: 15px; color: #000; font-family: "brandon-grotesque",sans-serif; text-transform:uppercase; font-size: 16px; font-weight: 500;}
.comment_qty {width: 145px; float: left; border-top: 1px solid #e9e9e9; padding-top: 15px;}
.add_comment {width: 810px; float: right; border-top: 1px solid #e9e9e9; padding-top: 15px; text-align: right;}
.add_comment a {color: #000; text-decoration: none;}
.add_comment a:hover {color: #9d9d9d;}

.comment_list a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.comment_list a:hover {border-color: #000;}
.comment_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; padding: 15px 0; font-size: 12px; color: #000;}
.comment_meta span {display: block; font-size: 11px; font-weight: 500; color: #9d9d9d; margin-top: 10px;}
.comment_meta span em {display: block; font-style: 500;}
.comment_text {width: 810px; float: right; border-top: 1px solid #e9e9e9; padding: 15px 0; color: #000; font-size: 12px; line-height: 1.5;}
.comment_message {color: #000; font-size: 12px; margin-bottom: 15px;}
.comment_text ul {margin-left: 65px;}
.comment_text ol {margin-left: 85px;}
.comment_text ul li {background: url("images/dash.png") 0 9px no-repeat; padding-left: 14px;}
.comment_text ol li {list-style: decimal;}

#commentform a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
#commentform a:hover {border-color: #000;}
.respond_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; padding-top: 15px; color: #000; font-family: "brandon-grotesque",sans-serif; text-transform:uppercase; font-size: 16px; font-weight: 500;}
.comment_form {width: 810px; float: right; border-top: 1px solid #e9e9e9; padding-top: 15px;}
.user_data {width: 225px; float: left; margin: 0 15px 15px 0;}
.user_data input {width: 225px; border: none; border-bottom: 1px solid #e9e9e9; padding-bottom: 5px; font: 12px Helvetica, Arial, Helvetica, sans-serif; color: #9d9d9d;}
.user_data input:focus, .comment_field textarea:focus {color: #000; border-color: #000;}
#email, #url {margin-top: 22px;}
.comment_field {width: 545px; float: left; margin-bottom: 15px;}
.comment_field textarea {height: 108px; overflow: auto; width: 545px; border: 1px solid #e9e9e9; font: 12px Helvetica, Arial, Helvetica, sans-serif; color: #9d9d9d;}
.comment_submit {clear: both;}

/*** Shop ***/
.item-shop {width:260px; float:left; margin:0 22px 10px 0px; font-size:12px;}
.item-shop:nth-child(even) {margin-right:0px;}
.item-shop img {margin-bottom:10px;}
.item-shop a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.item-shop a:hover {border-color: #000;}
.gallery-item {width:auto !important; margin:0.75em 0}
img.attachment-thumbnail {border:none !important; margin:0.75em 0}
.post_data li, .widget_execphp {font-size:12px; line-height:1.75;}
.price2 {margin-top:5px; font-size:12px;}
li.cat-item {padding:8px 0px; margin-bottom:10px; font-size:11px; text-transform: uppercase; border-top:1px solid #e9e9e9;}
li.cat-item:hover, li.current-cat {border-color: #000; cursor: pointer;}

/*** Footer ***/

.footer {width: 995px; height: 101px; padding-top: 23px; position: relative; margin: -125px auto 0; border-top: 1px solid #e9e9e9;}
.footer p {font-size: 11px;}
.footer a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.footer a:hover {border-color: #000;}
.copy {float: left;}
.credits {float: right;}

/*** Edits ***/


.preorder h4 {
	margin-top:1em;
}

.preorder img:hover {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.preorder img:hover {
	opacity: 0.8;
}

/* --- Benny code --- */

.post_content p a.button, .button {
  font-family: 'brandon-grotesque';
	outline: none;
	border: solid 1px;
	border-radius: 0.25em;
	padding:0.35em 1.1em 0.3em;
	display: inline-block;
	letter-spacing: 2px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	font-size: 90%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	background: rgba(108,215,175,1);
	border-color: rgba(108,215,175,1);
	color: #fff;
	
	margin-top:1em;
}

	.button:hover,
	.button:active {
		color: #fff;
		background: #222;
		border: 1px solid #222;
	}
	
	.article--product .button {
		margin-bottom:4em;
	}
	
	.button--secondary {
		background: white;
		color: rgba(108,215,175,1);
	}


#updateCart input[type="submit"], #couponCode, #updateCart {
	width:150px !important;
}

#couponCode input {
	width:144px !important;
}

#updateCart input[type="submit"] {
	margin-top:0.5em !important;
}

#mc_embed_signup input.button {
	margin-top:0.5em !important;
}

.nav-cart,
.nav-cart_empty {
	list-style: none;
	padding: 0 0 3em 0;
	font-size: 12px;
}

.nav-cart,
.nav-cart_empty a {
	color: #333;
}

.nav-cart a:hover,
.nav-cart_empty a:hover {
	color: #aaa;
}

#viewCartTable {
	font-size: 12px;
}

p.haveCoupon {
	font-family: helvetica !important;
}

h3.widget {
	font-family: "brandon-grotesque",sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	border-top: 1px solid #e9e9e9;
	padding: 1em 0;
}

.nav__cart {
	font-size: 12px;
	list-style: none;
	margin-bottom: 1.5em;
}

	.nav__cart a {
		color: #222; text-decoration: none; border-bottom: 1px solid #e5e5e5;
	}
	
		.nav__cart a:hover {
			border-color: #222;
		}
	
p {
	font-size:0.75rem;
	line-height: 1.5;
	margin-bottom:0.75em;
}

	.footnote {
		color: #aaa;
		padding-top:2.5em;
	}
	
	.price2 {
		font-weight: bold;
		font-size: 1rem;
	}