/*
Theme Name: skull
Theme URI: 
Description: SKULLebrities website
Version: 1.0
Author: Eric Dubois
Author URI: http://www.ericdubois.com/
Tags: fixed width, one columns, widgets

*/

/* ---------- SKULLebrities stylesheet ---------- */
/* ---------------- Eric Dubois ----------------- */
/* ------------- www.ericdubois.com ------------- */

/* ------- Styles for page layout ------- */

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	text-align: left;
	font-family: Arial, sans-serif;
	color: #000;
}

#wrapper { width: 960px; margin: 0 auto;}
.detail { background: url(images/detail_bkgd.jpg) no-repeat; height: 1200px; }

/* ------- Maintain line space with Sub+Superscript ------- */
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 1ex;
	font-size:65%;
}

sub {
	top: .5ex;
}

/* ------- Links ------- */
a, a:link, a:visited { 
	text-decoration: none;
	color: #000;
	border: none;
}

a:hover { 
	color: red;
}

/* ------- Basic paragraph ------- */
p, ul { 
	font-family: Arial, sans-serif;
	font-style: normal; 
	font-weight: normal; 
	font-size: 1.1em; 
	line-height: 1.5em; 
	text-align: left;
	margin: 5px 0;
	padding: 0.2em 0 0.5em 0;
}
ul {
	padding-left: 0.5em;
	font-size: 100%; 
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}

/* ------- Headlines ------- */
h1, h2, h3, h4 { 
	font-family: Arial, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	text-align: center;
	margin: 0;
	padding: 0.5em 0 0.2em 0;
}

h1 {
	font-size: 2.4em; 
	line-height: 1.5em; 
	color: #ff0000; 
}

h2 {
	font-size: 1.8em; 
	line-height: 1.5em; 
	color: #ff0000; 
}

h3 {
	font-size: 1.5em; 
	line-height: 1.5em; 
	color: #ff0000; 
}

h4 {
	font-size: 1.2em; 
	line-height: 1.5em; 
	color: #000; 
	font-weight: normal;
}

/* ------- Images ------- */
img { 
	border: none;
	margin: 0; 
	padding: 0;
}

.floatleft { float:left; }
.floatright { float:right; }
.clear { clear: both; }

a:active {
outline: none;
}

a:focus {
-moz-outline-style: none;
}

/* ------- BLOG ------- */
#blogTop { width: 960px; height:65px; }
#blogHeader { width: 960px; height:400px; margin-bottom: 60px; background: url(images/blog_masthead.jpg) no-repeat; }
#blogHeader #mainNav { clear: both; float: left; position: relative; top: 250px; left: 100px; width: 430px; display: inline-block; }
#blogFooter { width: 960px; height:400px; background: url(images/blog_foot.jpg) no-repeat; text-align: center; }
#blogFooter p { padding-top: 190px}
.postDivider { clear: both; width: 600px; height:5px; background: url(images/post_divider.gif) no-repeat; }
p.thickFrame { width: 600px; padding: 0!important; text-align: center; }
p.thickFrame img { border: 8px solid black; }
p + p.thickFrame { margin-top: 2em }
#topNav form { display: inline-block; width: 150px; }

/* ------- SHOP ------- */
#shopTop { width: 960px; height:50px; }
#shopHeader { width: 916px; height:190px; background: url(images/shop_masthead.jpg) no-repeat; margin: 0 auto; }
#shopHeader form { display: inline-block; width: 150px; }
#shopHeader a, #shopHeader a:link, #shopHeader a:visited { font-size: 1.2em; color: #fff; text-decoration: none; }
#shopHeader a:hover { color: red;  text-decoration: none; }
#shopNav { width: 916px; height:50px; background: url(images/shop_nav.jpg) no-repeat; position: relative; margin: 0 auto; }
#shopNav #mainNav { float: right; width: 350px; text-align: right; display: inline-block;  }
#shopNav #stuffNav { float: left; position: relative; left: 180px; width: 300px; display: inline-block; }
#shopFooter { clear: both; width: 960px; height:400px; background: url(images/shop_foot.jpg) no-repeat; text-align: center; }
#shopFooter p { padding-top: 340px}
#detailFooter { clear: both; width: 960px; text-align: center; }
#detailFooter p { padding: 40px}
.narrow { width: 600px; margin: 50px auto; 0 }

/* ------- NAVIGATION ------- */
#mainNav, #stuffNav { padding: 8px 0 0 0; font-size: 1.4em; text-align: left; }
#mainNav a, #mainNav a:link, #mainNav a:visited { padding: 8px 6px; color: #000; text-decoration: none; }
#stuffNav a, #stuffNav a:link, #stuffNav a:visited { padding: 8px 6px; color: #999; text-decoration: none; }
#mainNav a:hover, #stuffNav a:hover { color: red; }
#topNav { padding: 25px 22px 0 0; font-size: 1.1em; text-align: right; }
#topNav a, #topNav a:link, #topNav a:visited { margin: 0 2px; color: #000; text-decoration: none; }
#topNav a:hover { color: red; }
a.buttonPlay, a.buttonRSS, a.buttonTwitter, a.buttonFacebook, a.buttonCart { display: inline-block; width: 16px; height: 16px; background-position: 0 0; padding: 0; position: relative; top: 4px; }
a.buttonPlay, a.buttonPlay:link, a.buttonPlay:visited { background: url(images/button_play.gif) no-repeat; }
a.buttonPlay:hover { background-position: 0 -16px; }
a.buttonRSS, a.buttonRSS:link, a.buttonRSS:visited { background: url(images/button_rss.gif) no-repeat; }
a.buttonRSS:hover { background-position: 0 -16px; }
a.buttonTwitter, a.buttonTwitter:link, a.buttonTwitter:visited { background: url(images/button_twitter.gif) no-repeat; }
a.buttonTwitter:hover { background-position: 0 -16px; }
a.buttonFacebook, a.buttonFacebook:link, a.buttonFacebook:visited { background: url(images/button_facebook.gif) no-repeat; }
a.buttonFacebook:hover { background-position: 0 -16px; }
a.buttonCart, a.buttonCart:link, a.buttonCart:visited { background: url(images/button_cart.gif) no-repeat; }
a.buttonCart:hover, a.buttonCart.current { background-position: 0 -16px; }

a.buttonIdol { display: inline-block; width: 19px; height: 0px; background: url(images/button_idol.gif) no-repeat; background-position: 0 0; padding: 8px 8px 11px !important; position: relative; top: -2px; vertical-align: middle;}
a.buttonIdol:hover { background-position: 0 -19px; }

#homeNav { float: left; display: block; width: 280px; height: 100px; position: relative; }
#blogHeader #homeNav { top: 40px; left: 55px; }
#shopHeader #homeNav { top: 50px; left: 30px; }


#blogFooter p, #blogFooter p a, #shopFooter p, #shopFooter p a, #detailFooter p, #detailFooter p a {
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	color: #222;
	text-decoration: none;
	text-align: center;
}
#shopFooter p, #shopFooter p a { color: #ddd; }

#blogFooter p a, #blogFooter p a:link, #blogFooter p a:visited, #shopFooter p a, #shopFooter p a:link, #shopFooter p a:visited, #detailFooter p a, #detailFooter p a:link, #detailFooter p a:visited {
	font-size: 1em;
	padding: 8px;
	text-decoration: none;
}
#blogFooter p a:hover, #shopFooter p a:hover, #detailFooter p a:hover {
}
a.current:link, a.current:visited { color: red!important; }
#blogFooter em, #shopFooter em, #detailFooter em {
	font-family: 'Arial black', sans-serif;
	font-style: normal;
}
a.buttonBack, a.buttonPrev, a.buttonNext { display: inline-block; width: 15px; height: 15px; background-position: 0 0; padding: 0; }
a.buttonBack, a.buttonBack:link, a.buttonBack:visited { background: url(images/blog_prev.gif) no-repeat; }
a.buttonBack:hover { background-position: 0 -15px; }
a.buttonPrev, a.buttonPrev:link, a.buttonPrev:visited { background: url(images/blog_prev.gif) no-repeat; }
a.buttonPrev:hover { background-position: 0 -15px; }
a.buttonNext, a.buttonNext:link, a.buttonNext:visited { background: url(images/blog_next.gif) no-repeat; }
a.buttonNext:hover { background-position: 0 -15px; }

.divOlder, .divNewer { display: inline-block;}
.divOlder { text-align: right;}
.divNewer { text-align: left;}
.divOlder a { display: block; width: 80px; height: 13px; margin: 0; padding: 2px 20px 0 0; background: url(images/blog_next.gif) no-repeat; background-position: right 0; }
.divNewer a { display: block; width: 80px; height: 13px; margin: 0; padding: 2px 0 0 20px;  background: url(images/blog_prev.gif) no-repeat; background-position: 0 0; }
.divOlder a:hover { background-position: right -15px; }
.divNewer a:hover { background-position: 0 -15px; }

/* .buttonOlder, .buttonNewer { display: inline-block; width: 15px; height: 15px; background-position: 0 0; padding: 0; margin: 0 5px; position: relative; top: 0px; }
.buttonOlder, .buttonOlder:link, .buttonOlder:visited { float: left; background: url(images/blog_prev.gif) no-repeat; }
.buttonOlder:hover { background-position: 0 -15px; }
.buttonNewer, .buttonNewer:link, .buttonNewer:visited { float: right; background: url(images/blog_next.gif) no-repeat; }
.buttonNewer:hover { background-position: 0 -15px; } */


/* ------- SHOP ITEM ------- */
.item { float: left; width: 290px; margin: 40px 0 0 22px; padding: 0; }
.itemDesc {clear: both; width: 290px; height: 36px; margin: 0; padding: 0; border-top: 3px solid white; }
.item p { height: 3px; margin: 0!important; padding: 0!important; }
.itemDesc h1 { background: #000; color:#fff; margin: 0; padding: 6px 0 0 20px; width: 270px; height: 30px; text-align: left; font-size: 1.5em!important; }
.itemDesc a { background: url(images/buy_button.jpg); border-left: 3px solid white; color:#fff; display: block; float: right; width: 61px; height: 30px; margin: -6px 0 0 0; padding: 6px 0 0 0; font-size: 100%!important; font-weight: normal!important; text-align: center; text-decoration: none; z-index: 1000; }
.itemDesc a:link, .itemDesc a:visited { color: #fff; }
.itemDesc a:hover { background-position: 0 -36px; }
.detailPix { float: left; position: relative; width: 442px; margin: 10px 0 0 22px; padding: 0; }
.detailPix img { float: left; border: 8px solid black; margin: 10px 0 0 38px; padding: 0; }
.detailImg { float:left; width: 400px; margin: 80px 0 30px 76px; text-align: center; }
.detailDesc { float: left; position: relative; display: inline; width: 400px; margin: 100px 0 0 10px; padding: 0; }
.detailDesc h1 { text-align: left; padding-left: 20px; }
.detailDesc h2 { text-align: left; padding-left: 20px; padding-top: 12px; color: #000; height: 50px; background: url(images/desc_price_bkgd.gif) repeat-x; }
.detailDesc h2 span { float: right; padding-right: 20px; }
.detailDesc p { text-align: left; padding: 10px 10px 5px 20px; color: #000; }
.detailDesc p.care { color: #666; }
#buyingInfo h2 a { float: right; font-weight: normal; font-size: 10px; color: #999; letter-spacing: 0.1em; }
#buyingInfo { width: 305px; }

/* ------- SHOP BUTTONS ------- */
.S, .M, .L, .X, .XX  { display: block; width: 52px; height: 52px; margin: 5px; padding: 0; text-indent: -10000px; float: left; }
.S, .S:link, .S:visited {background: url(images/radio_btn_S.gif) no-repeat; background-position: 0 0; }
.M, .M:link, .M:visited {background: url(images/radio_btn_M.gif) no-repeat; background-position: 0 0; }
.L, .L:link, .L:visited {background: url(images/radio_btn_L.gif) no-repeat; background-position: 0 0; }
.X, .X:link, .X:visited {background: url(images/radio_btn_X.gif) no-repeat; background-position: 0 0; }
.XX, .XX:link, .XX:visited {background: url(images/radio_btn_XX.gif) no-repeat; background-position: 0 0; }
.S:hover, .M:hover, .L:hover, .X:hover, .XX:hover  { background-position: 0 -52px; }
.S.selected, .M.selected, .L.selected, .X.selected, .XX.selected  { background-position: 0 -52px; }
.S.disabled, .M.disabled, .L.disabled, .X.disabled, .XX.disabled  { background-position: 0 -104px; cursor: default; }
.ADD  { display: block; width: 52px; height: 52px; margin: 5px; padding: 0; text-indent: -10000px; float: left; }
.ADD, .ADD:link, .ADD:visited {background: url(images/radio_btn_Add.gif) no-repeat; background-position: 0 0; }
.ADD:hover  { background-position: 0 -52px; }
.ADD:active  { background-position: 0 -104px; }

/* ------- ADS ------- */
#grungeAd { width: 600px; height: 150px; margin: 0 auto; padding: 0; position: relative; top: 50px;}

/* ------- POLLS ------- */
.pollTable td { border-bottom: 1px solid #eee; }

/* ------- Error 404 ------- */
#error404 { background: url(images/skull.gif) center no-repeat; height: 320px; }
#error404 h2 { padding-top: 300px; }
#error404 p { text-align: center; }

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, sans-serif;
	letter-spacing: 0.1em;
	background: #fff;
	color: #000;
	text-align: center;
	}

.entry {
	line-height: 1.4em;
	font-size: 100%;
	position: relative;
	display: inline;
	}
	
.entry a {
	font-weight: bold;
	}

.postmetadata {
	clear: both;
	text-align: center;
	}
	
.postmetadata a, .postmetadata a:link, .postmetadata a:visited   {
	color: #666;
	}
.postmetadata a:hover   {
	color: #000;
	text-decoration: none;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Arial, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}
.post small {
	margin-left: 20px;
	}

h1, h1 a, h1 a:link, h1 a:visited, h2, h2 a, h2 a:link, h2 a:visited, h3, h3 a, h3 a:link, h3 a:visited  {
	text-decoration: none;
	color: red;
	}

h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: none;
	color: black;
	}
h2.pagetitle {
	color: black;
	font-size: 1.2em;
	font-weight: normal;
	}
.entry h3 {
	color: black;
	padding: 20px;
	font-size: 1.2em;
	font-weight: bold;
}
.post h2 {
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 2em;
	color: red;
	padding: 5px 20px;
	text-align: left;
	}
.post p {
	font-family: Arial, Sans-Serif;
	font-size: 1.1em;
	padding: 5px 20px;
	color: black;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: normal;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: normal;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

small, .nocomments, .postmetadata, blockquote, strike {
	color: #666;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	text-decoration: none;
	}

a:hover {
	color: red;
	text-decoration: underline;
	}
/* End Typography & Colors */





/* Begin Structure */
.post {
	width: 600px;
	margin: 50px auto 20px;
	text-align: left;
	clear: both;
	}

.post hr {
	display: block;
	}

.clear {
	clear: both;
}
/* End Structure */

/* Begin Images */
p img {
	padding: 0;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists */


.entry ol, .entry ul {
	padding: 0 0 0 35px;
	margin: 0;
	text-align: left;
	}

.entry ol li, .entry ul li{
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 590px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
#commentArea {
	width: 600px;
	margin: 0 auto;
	}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin: 10px 80px 30px 80px;
	}
.navigation a:hover { text-decoration:none; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #dfb;
	text-align: center;
	background-color: #fff;
	padding-top: 4px;
	margin: 10px;
	display: inline-block;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */