/*
Theme Name: BoomSkins
Description: Basic blog theme for BoomSkins
Author: Jake Mize
Author URI: www.jakemize.com
Version: 1 of 1
.
This theme is owned and created by Jake Mize
.
*/
/********************************************************************************
			RESETS
********************************************************************************/

html { font-family: Arial, Helvetica, sans-serif;}
body, div, ul, ol, li, h1, h2, h2, h4, h5, h6, form, input, textarea, label, p, strong, em, table, td { margin: 0; padding: 0;}
ul, ol { list-style: none;}
h1, h2, h2, h4, h5, h6 { font-size: 100%;}
img, fieldset { border: 0;}

/********************************************************************************
			GLOBAL STYLES
********************************************************************************/

h1 { font-size:20px; color:#ffffff; font-weight:normal; font-style:italic; margin:0 0 10px 0;}
h2 { font-size:23px; color:#ffffff; font-weight:normal; font-style:italic; margin:0 0 10px 0; text-decoration:none;}
	h2 a { color:#b28dd3; text-decoration:none;}
	h2 a:hover { text-decoration:underline;}
h2.widgettitle { font-weight:normal; font-size: 18px;}
h3 { font-size:16px; color:#b28dd3; font-weight:normal; font-style:italic; margin:0 0 10px 0;}
h4 { font-size:16px; color:#ffffff; font-weight:normal;}
.img-border, .blog-post img { border:1px solid #212121; padding:4px;}
.margin-right-twenty { margin:0 20px 0 0;}
.purple { color:#b28dd3;}
.float-left { float:left;}
.float-right { float:right;}
.inline-block { display:inline-block;}
.underline { border-bottom: 1px solid #131313; display:block; padding:5px 0;}

/********************************************************************************
			BACKGROUNDS
********************************************************************************/

body { background:url(images/main-bg.png) no-repeat top center fixed;}

/********************************************************************************
			WRAPPERS
********************************************************************************/

#main-wrapper, #content-wrapper { margin:auto; width:960px;}
#header { background:url(images/header.png) no-repeat top; height:156px; position:relative; width:960px;}
#logo { margin:35px 0 0 28px; position:absolute; z-index:5;}
#hero-slider { margin:10px 0 0;}
#offer-banner { margin:30px 0 0;}
#left-column { float:left; margin:70px 0 10px 20px; display:inline; width:240px;}
#right-column { float:left; margin:30px 0 10px 40px; display:inline; width:640px;}
#footer { border-top:1px solid #131313; width:920px; float:left; padding:20px;}

/********************************************************************************
			HEADER
********************************************************************************/

/*--------CART NAV--------*/
#cart-nav { position:absolute; margin:10px 0 0 610px; width:280px;}
	#cart-nav li { display:inline-block;;}
	#cart-nav li a { color:#ffffff; text-decoration:none; display:block;}
	#cart-nav li a:hover { color:#b28dd3;}
#view-cart { font-size:17px; font-weight:bold; font-style:italic; float:left;}
#cart-items { font-size:17px; font-weight:normal; font-style:italic; color:#ffffff; display:block; float:right;}

/*--------FOLLOW US NAV--------*/
#follow-nav { position:absolute; margin:10px 0 0 610px; width:280px;}
	#follow-nav li { display:inline-block;;}
	#follow-nav li a { color:#ffffff; text-decoration:none; display:block;}
	#follow-nav li a:hover { color:#b28dd3;}
#follow-us { font-size:17px; font-weight:bold; font-style:italic; float:left;}
#twitter-bird { font-size:17px; font-weight:normal; font-style:italic; color:#ffffff; display:block; float:left; margin:-2px 0 0 10px;}

/*--------MAIN NAV--------*/
#main-nav { position:absolute; font-style:italic; font-size:17px; margin:99px 0 0 300px;}
	#main-nav li { float:left; display:inline-block;}
	#main-nav li a { color:#ffffff; text-decoration:none; display:block; padding:12px 0 0 0;}
	#main-nav li a:hover { color:#b28dd3;}
.divider { background: url(images/link-divider.png) no-repeat; width:22px; height:40px;}

/*--------SHOP NAV--------*/
#shop-nav { position:absolute; font-style:italic; font-size:20px; font-weight:bold; margin:108px 0 0 845px;}
	#shop-nav li { display:inline-block;}
	#shop-nav li a { color:#ffffff; text-decoration:none; display:block;}
	#shop-nav li a:hover { color:#000000;}

/********************************************************************************
			LEFT COLUMN
********************************************************************************/

.widget { width:240px; margin:0 0 20px 0;}
	.widget ul li { padding:5px 0 5px 5px; font-size:14px; display:block; border-bottom:1px solid #131313;}
        .widget ul li a { color:#666666; text-decoration:none; font-weight:normal;}
	.widget ul li a:hover { color:#b28dd3;}
	.widget form { background: #131313; padding:10px;}
		.widget form input { font-size:20px; width:125px; margin: 0 10px 0 0;}
		.widget form #search_submit { font-size:14px; width:70px;}

.aktt_tweets ul li { color:#666666; font-size:12px; line-height:18px;}
.aktt_tweets ul li a { color:#b28dd3;}

#featured-artist { margin:0 0 10px 0;}
	#featured-artist span { margin:10px 0 10px 0; display:block; font-size:16px; font-weight:bold; color:#b28dd3;}
	#featured-artist span a { display:block; background:#131313; padding:5px; color:#b28dd3; text-decoration:underline; font-weight:normal; font-size:13px; font-style:italic;}
	#featured-artist span a:hover { text-decoration:none;}
	#featured-artist p { font-size:11px; font-weight:normal; line-height:17px; color:#ffffff;}
	
/********************************************************************************
			RIGHT COLUMN
********************************************************************************/

.blog-post { margin:0 0 35px 0;}
	.blog-post p { color:#ffffff; font-size:12px; line-height:19px; font-weight:normal; margin:10px 0;}
	.blog-post p a { color:#b28dd3; text-decoration:underline;}
	.blog-post p a:hover { text-decoration:none;}
	.blog-post small.highlight { color:#999999; font-size:10px; display:block; padding:5px; background-color:#131313; margin:-5px 0 0 0;}
		.blog-post small.highlight a { color:b28dd3;}
	.blog-post ol, .blog-post ul { margin:15px; color:#ffffff; font-size:12px; list-style:decimal; line-height:19px;}
	.blog-post ol li, .blog-post ul li { margin:0 0 10px 0; color:#999999;}
	.blog-post ol li .question { padding:5px 5px 5px 10px; background-color:#131313; display:block; margin:0;}

.product { float:left; margin:0 13px 0 0; width:200px;}
	.product span { display:block; width:200px; padding:10px 0; font-size:17px; font-style:italic; text-align:center; color:#ffffff;}

/********************************************************************************
			COMMENTS & COMMENT FORM
********************************************************************************/
#comments-template, #respond { border-top:1px solid #131313; padding:10px 0 0 0;}
.subtitle { font-size:13px; color:#bd8dd3; font-style:italic; padding:5px 0 0 0; display:block;}
#respond span.subtitle { color:#999999;}
	#respond span.subtitle a { color:#b28dd3;}
.commentlist li ul li { font-size: 12px;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar { background: #1e1e1e; float: right; border: 1px solid #EEEEEE; margin: 0px 10px 0px 10px; padding: 2px;}
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px;}
.commentlist .fn, .commentlist .says { color:#999999; font-size:13px; font-weight:normal;}
.commentlist p { font-weight: normal; text-transform: none;}
.commentmetadata { font-weight: normal;}
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px;}
#commentform { margin: 5px 10px 0px 0px;}	
#commentform textarea { width: 640px;; padding: 2px;}
#respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
#commentform p {  background: #131313; padding:10px; display:inline-block;}
	#commentform p a { color:#b28dd3;}
#commentform #submit { margin: 0px; float: left;}
.cancel-comment-reply small{ background-color:#000000; padding:0; margin:0;}
.alt { margin: 0px; padding: 10px;}
.commentlist { margin: 0px; padding: 0px;}
	.commentlist ol { margin: 0px; padding: 10px;}
	.commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none;}
		.commentlist li ul li { margin-right: -5px; margin-left: 10px;}
	.commentlist p { margin: 10px 5px 10px 0px; padding: 0px;}
.children { margin: 0px; padding: 0px;}
.nocomments { text-align: center; margin: 0px; padding: 0px;}
.commentmetadata a{ font-size: 10px; margin: 0px; color:#bd8dd3;}
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 40px;}
.alignright { float: right;}
.alignleft { float: left;}
.thread-alt { background: #000000; margin: 0px; padding: 0px;}
.thread-even { background: #131313; margin: 0px; padding: 0px;}
.depth-1 {}
.even, .alt {}

/********************************************************************************
			CONTACT FORM
********************************************************************************/

#formwrap { width:640px; color:#ffffff; margin:10px 0 0 0; padding:0;}
	#formwrap label { font-size:13px; margin:0 0 5px 0; display:inline-block; padding:5px; background-color:#131313;}
	#formwrap input.med { font-size:14px; padding:3px; margin:0 10px 15px 0; width:295px;}
	#formwrap input.short { font-size:14px; padding:3px; margin:0 10px 15px 0; width:50px;}
	#formwrap textarea { width:600px;}
	#formwrap a { color:#b28dd3; text-decoration: underline;}
	#formwrap a:hover { text-decoration:none;}
	#gb_form input.button { width:188px; height:39px; background:url(images/submit.png) no-repeat; border:none; padding:0; margin:10px 0 0 0;}
#gb_form_div dt { color:#ffffff; padding: 0 0 10px 0;}
#gb_form_div dd { color:#ffffff; font-size:13px; padding:0 0 5px 0;}

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

.footer-column { float:left; width:140px;}
	.footer-column ul { margin:-5px 0 0 0;}
	.footer-column li { display:block; border-bottom:1px solid #131313; padding:5px 0;}
	.footer-column li a { color:#666666; text-decoration:none; font-size:12px;}
	.footer-column li a:hover { color:#b28dd3;}
.footer-column-wide { float:left; width:390px;}
	.footer-column-wide p { font-size:12px; line-height:18px; color:#666666;}