/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

@import url('reset.css');
@import url('boxes.css');
@import url('menu.css');
@import url('clears.css');



/** CSS Map 
*
*
* Mage_CSS_A Reset
* ---------------------------
*** reset.css


* Mage_CSS_B Common Elements
* ---------------------------
*** Columns
*** Forms
*** Message
*** Headings
*** Tables
*** Lists
*** Space Creators
*** Pager


* Mage_CSS_C Layout
* ---------------------------
*** Base Layout
*** Header
*** Sidebars
*** Footer


* Mage_CSS_D Shop Elements
* ---------------------------
*** Rating
*** Prices
*** Catalog Listing
*** Layered Navigation
*** Tool tips


* Mage_CSS_E Shop Pages
* ---------------------------
*** Home
*** Search
*** Catalog Listing
*** Layered Navigation
*** Product Detail
*** Checkout
*** Customer


* Mage_CSS_F Overrides
* ---------------------------
*** Alignment
*** Link highlights


* Mage_CSS_G Clears
* ---------------------------
*** clears.css

*/

/*  
Theme Name: Skullastic
Theme URI: http://www.skullastic.com/
Description: Custom WP Theme for Skullastic
Version: 1.0
Author: Dak Solutions, Inc.
Author URI: http://www.daksol.com/

All rights reserved. Copyright 2008 Lofty New Media.

*/


/* ==================================== DIMENSTIONS and FONTS
	990px : overall width of content
	13px : default font size
	Arial, Helvetica, sans-serif : font family
*/

/* ==================================== COLORS
	#ffcc00 : Yellow - links
	#000 : Black - background
	#fff : White - text color

*/

/* ==================================== RESET BROWSER STYLING  */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol, li { list-style-type: none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,address,blockquote,fieldset,input,label,div,dd,dt,dl,fieldset,table,tr,td,hr,script { margin:0; padding:0; color: #000; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }



/* =============== GLOBAL STYLES ==START============= */

h1, h2, h3, h4, h5, h6{
	/*
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: normal;
	*/
}

a img{
	border: 0;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #fff;
	background: #000;
	text-decoration: none;
}

.clear{
	clear: both;
}

.space20px {
	width: 100%;
	height: 20px;
	float: left;
}

.space50px {
	width: 100%;
	height: 50px;
	float: left;
}

.space70px {
	width: 100%;
	height: 70px;
	float: left;
}

/*
input {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	background: #4d4d4f;
	border: 1px solid #fbfbfc;
	padding: 2px;	
	color: #fff;
}
*/

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

.align_center {
	margin: 0 auto;
}

code{
	background: #f8fde9;
}

dt{ font-weight: bold; }

dd{ padding: 0 0 0 15px; }

hr{
	clear: both;
	margin: 10px 10px 5px;
	border: 0;
	height: 1px;
	text-align: left;
	background: #f0f0f0;
	color: #f0f0f0;
}

small{
	font-size: 11px;
}

pre{
	width: 90%;
}

input, textarea{
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 12px;
	padding: 2px;
}

input#s, input#author, input#email, input#url, textarea#comment{
	border: 1px solid #666;
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}


/* =============== GLOBAL STYLES ==END============= */



/* =============== PRE-CONTENT SECTION ==START============= */


body {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	background: #000;
	color: #000;
}

#wrap {
	width: 990px;
	min-height: 500px;
	margin: 0 auto;
	padding: 30px 0;
}

/* =============== PRE-CONTENT SECTION ==END============= */



/* =============== TOP NAV SECTION ==START============= */

#menu_nav {
	width: 100%;
	float: left;
}

	#menu_nav span {display: none;}

	#menu_nav li {
		display: inline;
	}
		
	#menu_nav li a.home {
		width: 73px;
		height: 37px;
		float: left;
		background: url(../images/bg_nav_home.png) no-repeat top;
	}

		#menu_nav li a:hover.home, #nav li.current a.home {
			background: url(../images/bg_nav_home.png) no-repeat bottom;
		}

	#menu_nav li a.blog {
		width: 77px;
		height: 37px;
		float: left;
		background: url(../images/bg_nav_blog.png) no-repeat top;
	}

		#menu_nav li a:hover.blog, #nav li.current a.blog {
			background: url(../images/bg_nav_blog.png) no-repeat bottom;
		}
		
	#menu_nav li a.shop {
		width: 76px;
		height: 37px;
		float: left;
		background: url(../images/bg_nav_shop.png) no-repeat scroll center top;
	}

		#menu_nav li a:hover.shop, #menu_nav li.current a.shop {
			background: url(../images/bg_nav_shop.png) no-repeat bottom;
		}		
/**
	#menu_nav li a.bulletin {
		width: 130px;
		height: 37px;
		float: left;
		background: url(../images/bg_nav_bboard.png) no-repeat top;
	}
*/
		#menu_nav li a:hover.bulletin, #nav li.current a.bulletin {
			background: url(../images/bg_nav_bboard.png) no-repeat bottom;
		}		

	#menu_nav li a.yearbook {
		width: 134px;
		height: 37px;
		float: left;
		background: url(../images/news-press-nav.png) no-repeat top;
	}

		#menu_nav li a:hover.yearbook, #menu_nav li.current a.news-press {
			background: url(../images/news-press-nav.png) no-repeat bottom;
		}		

	#menu_nav li a.faqs {
		width: 72px;
		height: 37px;
		float: left;
		background: url(../images/bg_nav_faqs.png) no-repeat top;
	}

		#menu_nav li a:hover.faqs, #menu_nav li.current a.faqs {
			background: url(../images/bg_nav_faqs.png) no-repeat bottom;
		}		

	#menu_nav li a.contact {
		width: 121px;
		height: 37px;
		float: left;
		background: url(../images/bg_nav_makecontact.png) no-repeat top;
	}

		#menu_nav li a:hover.contact, #menu_nav li.current a.contact {
			background: url(../images/bg_nav_makecontact.png) no-repeat bottom;
		}		

	#menu_nav li a.about {
		width: 95px;
		height: 37px;
		float: left;
		background: url(../images/bg_nav_aboutus.png) no-repeat top;
	}

		#menu_nav li a:hover.about, #menu_nav li.current a.about {
			background: url(../images/bg_nav_aboutus.png) no-repeat bottom;
		}		

	#menu_nav li a.signup {
		width: 72px;
		height: 37px;
		float: left;
		background: url(../images/bg_nav_signup.png) no-repeat top;
	}

		#menu_nav li a:hover.signup, #menu_nav li.current a.signup {
			background: url(../images/bg_nav_signup.png) no-repeat bottom;
		}		

	#menu_nav li a.checkout {
		width: 91px;
		height: 37px;
		float: left;
		background: url(../images/bg_nav_checkout.png) no-repeat top;
	}

		#menu_nav li a:hover.checkout, #menu_nav li.current a.checkout {
			background: url(../images/bg_nav_checkout.png) no-repeat bottom;
		}		

	#menu_nav li a.rss {
		width: 49px;
		height: 37px;
		float: left;
		background: url(../images/bg_nav_rss.png) no-repeat top;
	}

		#menu_nav li a:hover.rss {
			background: url(../images/bg_nav_rss.png) no-repeat bottom;
		}			

/* =============== TOP NAV SECTION ==END============= */



/* =============== LEFT_PANE SECTION ==START============= */

#left_pane {
	width: 252px;
	padding: 0 0 30px 10px;
	float: left;
}
	
	input#search {
		width: 150px;
		height: 16px;
		float: left;
		margin: 15px 0 0 10px;
	}



/* =============== LEFT_PANE SECTION ==END============= */



/* =============== MID_PANE SECTION ==START============= */

#mid_pane {
	width: 446px;
	padding: 50px 10px 30px 10px;
	float: left;
}

.post_image {
	width: 100%;
	float: left;
	text-align: center;
}

	.post_image img {
		border: 1px solid #ffcc00;
	}

/* =============== MID_PANE SECTION ==END============= */



/* =============== RIGHT_PANE SECTION ==START============= */

#right_pane {
	width: 252px;
	padding: 0 10px 30px 0;
	float: left;
}

	#logon {
		width: 252px;
		height: 107px;
		float: left;
		background: url(images/bg_box_logon.png) no-repeat;
	}
	
	#logon input {
		width: 200px;
		height: 16px;
		margin: 65px 0 0 27px;
		float: left;
		

	}

/* =============== RIGHT_PANE SECTION ==END============= */




/* =============== BLOG SIDEBAR SECTION ==START============= */	

#blog_sidebar {
	width: 216px;
	float: left;
	padding: 0 0 30px 0;
}

#blog_sidebar 	input {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	background: #4d4d4f;
	border: 1px solid #fbfbfc;
	padding: 2px;	
	color: #fff;
}

	input#s {
		width: 120px;
		height: 15px;
		/*	
		margin: 15px 0 0 10px;
		*/
		display: inline;
	}
	
	input#searchsubmit {
		display: inline;
		border: none;
		padding: 2px 3px 4px 3px;
	}


/* =============== BLOG SIDEBAR SECTION ==END============= */	




/* =============== BLOG PANE SECTION ==START============= */	

#blog_pane {
	width: 761px;
	float: right;
	padding: 70px 0 30px 0;
}

	#paper_top {
		width: 761px;
		height: 129px;
		float: left;
		background: url(images/bg_paper_top.png) no-repeat;
	}
	
		/* no_paper temp */
		.no_paper {
			width: 761px;
			min-height: 450px;
			float: left;
			color: #fff;
		}
		
		.no_paper a {
			color: #fff;
		}
		
		.no_paper a:hover {
			color: #000;
			background: #fff;
		}
			
	.paper {
		width: 761px;
		min-height: 450px;
		float: left;
		background: url(images/bg_paper.png) repeat-y;
	}
	
	.post {
		padding: 9px 20px 30px 130px;
		line-height: 1.4em;
	}
	
	.post h1, .post h2 {
		font-size: 22px;
	}
	
	.post p {
		padding: 12px 0 0 0;
	}
	
	.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
		padding: 18px 0 0 0;
		
	}
	
		.entry h1, .entry h2, .entry h3 { font-size: 20px; }
		.entry h4 { font-size: 18px; }
		.entry h5 { font-size: 16px; }
		.entry h6 { font-size: 14px; }
	
	.entry p.author {
		font-style: italic;
		font-size: 11px;
	}
	
	.entry img{
		max-width: 100%;
	}
	
	.entry img.centered{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.entry img.alignright {
		margin: 5px 0 2px 8px;
		display: inline;
	}
	
	.entry img.alignleft {
		margin: 5px 8px 2px 0;
		display: inline;
	}

	.entry img.align_left {
		margin: 5px 8px 2px 0;
		float: left;	
	}
	
	.entry img.align_right {
		margin: 5px 0 2px 8px;
		float: right;
	}
	
	.entry ul li {
		list-style-type: circle;
		margin: 3px 0 0 15px;
	}
	
	.entry ol li {
		list-style-type: decimal;
		margin: 3px 0 0 20px;
	}	
	
	.entry blockquote {
		padding: 0 20px;
		margin: 20px 0 0 20px;
		border-left: 5px solid #666;
		font-style: italic;
	}
	
	.entry blockquote p {
		padding: 0;
	}
	

.postinfo {
	background: #ccc;
	margin: 20px 0 0 0; 
	padding: 5px 10px;
	font-size: 11px;
}

.postinfo li {
	display: inline;
	border-right: 1px dotted #000;
	padding: 0 5px;
}

.browse {
	padding: 9px 20px 40px 130px;	
}


/* =============== BLOG PANE SECTION ==END============= */	



/* =============== COMMENTS TEMPLATE ==START============= */

.comments-template{
	margin: 15px 0 0;
	border-top: 1px solid #666;
	padding: 15px 0 0;
}

.comments-template h2{
	padding: 0;
	background-image: none;
}

.comments-template h2, .comments-template h3{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;	
}

.comments-template ol{
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}

.comments-template ol li{
	margin: 15px 0 0;
	line-height: 20px;
	padding: 0 0 20px;
	border-bottom: 1px dotted #666;
}

.comments-template p.nocomments{
	padding: 0;
}

/* =============== COMMENTS TEMPLATE ==END============= */

/* featured */

.featured_products, .category_products {
	width: 759px;
	height: auto;
	float: left;
	margin-left: 17px;
	margin-top: 0;
}

.featured001 {
	height: auto; 
	width: 759px;
	float: left;	
}

.product001 {
	width: 179px;
	height: 270px;
	text-align: center;
	background-color: #FFCC00;
	border: 1px solid #FFCC00;
}

.product001 a, .product001 a:hover, .product001 a:active, .product001 a:visited {
	color: #000000;
text-decoration: none;
font-weight: bold;
}
.product_desc {
	background-repeat: no-repeat;
	width: 181px;
	height: 21px;
	padding-bottom: 30px;
}

.catalog-listing ul.grid-row {
    width: 768px;
    margin-top: 10px;
}

.skull_category {
	float: left;
}

.skull_category_list {
	float: left;
	margin: 0 3px 0 3px;
	padding-right: 3px;
	border-right: 2px solid #FFCC00;
}

.skull_category_list a{
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}

.skull_category_list a:hover {
	color: #FFCC00;
	text-decoration: none;
}

.skull_category .current a{
    color: #C0C0C0;
}

.product_list_item_last, .product_list_item {
	float: left;
}

.product_list_item_last {
	margin-top: 20px;
}

.product_list_item {
	margin-right: 10px;
	margin-top: 20px;
}