/*** COLOR PALETTE ***/
/*
BASE	   #0c0c0c
TEXT	   #949189
TITLE TEXT #69594b
RED TEXT   #8a0707
BORDERS    #1f1f1f
*/
/*********************/

/* @group basic structure */
html, body { height: 100%; margin: 0; padding: 0; }
body { background: #0c0c0c url(../images/body-bg.png) no-repeat 50% 0; color: #949189; }

	/* create full height content box, place footer at bottom of browser */
	#container   { margin: 0 auto; min-height: 100%; margin-bottom: -180px; position: relative; }
	.clearfooter { height: 180px; clear: both; }
	#footer	     { margin: 0 auto; width: 974px; height: 180px; position: relative; margin-bottom: 50px;
		background: transparent url(../images/content-bottom.png) no-repeat 0 0; }
	/* end full height */
/* @end */

/* @group basic-styles */
a, p a { text-decoration: none; color: #8a0707; }
a:hover, p a:hover { color: #69594b; }
p { margin: 0 0 10px 0; }
blockquote, p blockquote { margin: 0 0 0 25px; font-style: italic; padding: 0 15px; border-left: 5px solid #8a0707; }
/* @end */

/* @group image-styles */
img { padding: 5px; background: #0b0b0b; border: 1px solid #1f1f1f; }
.thumb, .gravatar img { float: left; margin: 0 10px 10px 0; }
.post-image { width: 567px; height: 171px; }
.alignleft, img.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright, img.alignleft { float: right; margin: 0 0 10px 10px; }
.aligncenter, img.aligncenter { margin: 0 auto; }
/* @end */

/* @group elements */
#header  { height: 190px; }
#wrapper { width: 974px; margin: 0 auto; margin-top: 10px; }
#content-top { background: transparent url(../images/content-top.png) no-repeat 0 0; height: 46px; }
#content-mid { background: transparent url(../images/content-mid.png) repeat-y 0 0; overflow: auto;
	padding: 0 0 75px 0; }
/* @end */

/* @group header-elements */
#logo { padding: 12px 0 0 0; }
#logo h1 a { display: block; width: 492px; height: 117px; text-indent: -9999px;
	background: transparent url(../images/logo.png) no-repeat 0 0; }

#social { background: transparent url(../images/social-box.png) no-repeat 0 0; height: 48px; margin: 0;
	padding: 9px 0 0 0; }
#social ul { list-style: none; padding: 0 7px 0 0; margin: 0; float: right; }
#social ul li { display: inline; float: left; padding: 0 7px ; margin: 0; }
#social ul li a { width: 27px; height: 35px; display: block; text-indent: -9999px;
	background: transparent url(../images/hs-resources.png) no-repeat 0 0; }
#social ul li a.rss 		   { background-position: -18px -18px; }
#social ul li a.rss:hover      { background-position: -111px -18px; }
#social ul li a.twitter 	   { background-position: -49px -18px; }
#social ul li a.twitter:hover  { background-position: -142px -18px; }
#social ul li a.facebook 	   { background-position: -80px -18px; }
#social ul li a.facebook:hover { background-position: -173px -18px; }

#navigation { margin: 25px 0 0 0; padding: 0; }
ul#menu { list-style: none; padding: 0; margin: 0; }
ul#menu li { display: inline; float: left; padding: 0 15px 0 0; margin: 0 0 0 25px; }
ul#menu li a {  display: block; text-indent: -9999px; height: 24px;
	background: transparent url(../images/navigation.png) no-repeat 0 0; }

ul#menu li.home a { width: 75px; background-position: -17px -9px; }
ul#menu li.about a { width: 81px; background-position: -118px -9px; }
ul#menu li.interviews a { width: 142px; background-position: -230px -9px; }
ul#menu li.reviews a { width: 105px; background-position: -401px -9px; }
ul#menu li.shop a { width: 66px; background-position: -534px -9px; }
ul#menu li.contact a { width: 116px; background-position: -629px -9px; }

ul#menu li.home a:hover, ul#menu li.home a.active { background-position: -17px -37px; }
ul#menu li.about a:hover, ul#menu li.about a.active { background-position: -118px -37px; }
ul#menu li.interviews a:hover, ul#menu li.interviews a.active { background-position: -230px -37px; }
ul#menu li.reviews a:hover, ul#menu li.reviews a.active { background-position: -401px -37px; }
ul#menu li.shop a:hover, ul#menu li.shop a.active { background-position: -534px -37px; }
ul#menu li.contact a:hover, ul#menu li.contact a.active { background-position: -629px -37px; }
/* @end */

/* @group left-column */
div.entry {  }
	
	/* @group date-badge */
	.postdate { width: 71px; height: 60px; float: left; margin: 0 10px 10px 0; padding: 0 10px 0 5px; position: relative; 
		background: url(../images/vert-div.png) repeat-y 100% 0; }
	.month, .day, .year { position: absolute; text-indent: -9999px; background: url(../images/hs-resources.png) no-repeat; }
	.month { top: 2px; right: 5px; width: 47px; height: 20px; }
	.day   { top: 24px; left: 11px; width: 52px; height: 37px; }
	.year  { bottom: -2px; right: 7px; width: 14px; height: 39px; }
	
		/* @group months */
		.m-01 { background-position: -433px -237px; }
		.m-02 { background-position: -433px -259px; }
		.m-03 { background-position: -433px -278px; }
		.m-04 { background-position: -433px -299px; }
		.m-05 { background-position: -433px -322px; }
		.m-06 { background-position: -433px -343px; }
		.m-07 { background-position: -433px -364px; }
		.m-08 { background-position: -433px -384px; }
		.m-09 { background-position: -433px -406px; }
		.m-10 { background-position: -433px -428px; }
		.m-11 { background-position: -433px -449px; }
		.m-12 { background-position: -433px -470px; }
		/* @end */
		
		/* @group days */
		.d-01 { background-position: -488px -235px; }
		.d-02 { background-position: -488px -278px; }
		.d-03 { background-position: -488px -322px; }
		.d-04 { background-position: -488px -364px; }
		.d-05 { background-position: -488px -407px; }
		.d-06 { background-position: -488px -451px; }
		.d-07 { background-position: -544px -235px; }
		.d-08 { background-position: -544px -278px; }
		.d-09 { background-position: -544px -322px; }
		.d-10 { background-position: -544px -364px; }
		.d-11 { background-position: -544px -407px; }
		.d-12 { background-position: -544px -451px; }
		.d-13 { background-position: -600px -235px; }
		.d-14 { background-position: -600px -278px; }
		.d-15 { background-position: -600px -322px; }
		.d-16 { background-position: -600px -364px; }
		.d-17 { background-position: -600px -407px; }
		.d-18 { background-position: -600px -451px; }
		.d-19 { background-position: -656px -235px; }
		.d-20 { background-position: -656px -278px; }
		.d-21 { background-position: -656px -322px; }
		.d-22 { background-position: -656px -364px; }
		.d-23 { background-position: -656px -407px; }
		.d-24 { background-position: -656px -451px; }
		.d-25 { background-position: -712px -235px; }
		.d-26 { background-position: -712px -278px; }
		.d-27 { background-position: -712px -322px; }
		.d-28 { background-position: -712px -364px; }
		.d-29 { background-position: -712px -407px; }
		.d-30 { background-position: -712px -451px; }
		.d-31 { background-position: -768px -235px; }
		/* @end */
		
		/* @group years */
		.y-2009 { background-position: -824px -195px; }
		.y-2010 { background-position: -824px -236px; }
		.y-2011 { background-position: -824px -278px; }
		.y-2012 { background-position: -824px -322px; }
		.y-2013 { background-position: -824px -364px; }
		.y-2014 { background-position: -845px -236px; }
		.y-2015 { background-position: -845px -278px; }
		.y-2016 { background-position: -845px -322px; }
		.y-2017 { background-position: -845px -364px; }
		/* @end */
	/* @end */
	
div.post-title { float: left; margin: 0 0 10px 0; width: 480px; }
div.post-title h2 { font-size: 1.7em; margin: 0 0 3px 0; padding: 0; }
div.post-title h2 a { color: #69594b; }
div.post-title h2 a:hover { color: #949189; }
div.post-title span { font-size: 0.9em; }
div.post-content { clear: both; margin: 0; background: url(../images/post-separator.png) no-repeat 0 0;
	padding: 10px 0 25px 0; }
div.post-bottom, div.comment-bottom { height: 40px; padding: 10px 10px; clear: both;
	background: transparent url(../images/post-separator.png) no-repeat 0 0; }
.more a { display: block; width: 147px; height: 20px; position: absolute; right: 5px; text-indent: -9999px;
	background: url(../images/hs-resources.png) no-repeat -15px -363px; }
.comment-head { display: block; width: 234px; height: 21px; position: absolute; left: 0; text-indent: -9999px;
	background: url(../images/hs-resources.png) no-repeat -15px -391px; }

	/* @group comment styles */
	ul.comment-list { list-style: none; margin: 0; padding: 0; }
	ul.comment-list li { margin: 0; padding: 0 0 5px 0; }
	.gravatar img { width: 80px; height: 80px; }
	.comment { padding: 10px 0; overflow: auto; background: url(../images/horz-div.png) repeat-x 0 0;
		padding-top: 15px; }
	.comment-container { float: left; width: 475px; }
	.date { float: right; margin-bottom: 5px; font-style: italic; }
	.comment-content { clear: both; background: #0b0b0b; border: 1px solid #1f1f1f; margin: 0; padding: 10px; }
	.author, .author a { color: #69594b; }
	.author:hover, .author a:hover { color: #949189; }
	/* @end */
	
	/* @group comment form */
	#comment-form { background: url(../images/post-separator.png) no-repeat 0 0; padding: 10px 0; }
	#comment-form h3 { display: block; width: 214px; height: 21px; text-indent: -9999px;
		background: url(../images/hs-resources.png) no-repeat -15px -422px; }
	#comment-form input, #comment-form textarea { background: #0b0b0b; border: 1px solid #1f1f1f; padding: 5px 3px;
		color: #949189; }
	#comment-form textarea { width: 570px; margin: 5px 0 0 2px; }
	#comment-form input#submit { background: none; border: none; }
	#comment-form input#submit { display: block; width: 173px; height: 42px; text-indent: -9999px; position: absolute;
		left: 1px; background: transparent url(../images/hs-resources.png) no-repeat -211px -17px; }
	#comment-form input#submit:hover { background-position: -388px -17px; }
	/* @end */

/* @end */

/* @group right-column */
	/* @group search */
	#search {  margin: 0 0 50px 0; }
	#search div { margin: 0 0 0 5px; }
	#search #s { border:0; padding: 1px 0 0 10px; width:253px; height: 26px; float:left; color:#999; 
		background: transparent url(../images/hs-resources.png) no-repeat -566px -16px; font-size: 12px; }
	#search-submit { float: left; display: block; width: 64px; height: 27px; text-indent: -9999px;
		background: transparent url(../images/hs-resources.png) no-repeat -830px -44px; border: 0; cursor: pointer; }
	#search-submit:hover { background-position: -830px -16px; }
	/* @end */

	/* @group widget */
	.full-widget { margin: 15px 0; }
	.full-widget h3 { margin: 0; background: url(../images/hs-resources.png) no-repeat 0 0;
		padding-bottom: 10px; text-indent: -9999px;  }
		
		/* @group widget-headers */
		h3.recent-posts { display: block; width: 210px; height: 34px; background-position: -16px -317px; }
		h3.favorite-sites { display: block; width: 223px; height: 34px; background-position: -16px -274px; }
		/* @end */ 
		
	.widget { list-style: none; margin: 0; padding: 7px 0 0 0; background: url(../images/horz-div.png) repeat-x 0 0; }
	.widget li { margin: 0; padding: 3px 0 0 0; font-size: 0.9em; line-height: 1.3em;
		background: url(../images/horz-div.png) repeat-x 0 100%; }
	.widget li a { display: block; padding: 2px 25px 9px 8px; }
	.widget li a strong { display: block; color: #69594b; font-size: 1.1em; padding-bottom: 2px; }
	.widget li a span { font-size: .95em; color: #949189; }
	.widget a:hover, .widget a:hover strong, .widget a:hover span { color: #8a0707; }
	/* @end */
	
div.box-ad { width: 300px; height: 250px; margin: 10px auto; border: 1px solid #1f1f1f; padding: 9px;
	background: url(../images/300bg.png) no-repeat 0 0; }
	
	/* @group split-columns */
	#right-col-left h3, #right-col-right h3 { display: block; text-indent: -9999px; height: 24px; margin: 0 0 5px 0;
		padding: 0; }
	h3.categories { background: url(../images/hs-resources.png) no-repeat -16px -239px; width: 149px; }
	h3.archives   { background: url(../images/hs-resources.png) no-repeat -173px -239px; width: 120px; }
	h3.sponsors   { background: url(../images/hs-resources.png) no-repeat -300px -239px; width: 129px; }
	
	#right-col-left ul, #right-col-right ul { margin: 0; padding: 10px 0; list-style: none;
		background: url(../images/horz-div.png) repeat-x 0 0; }
	#right-col-left ul li, #right-col-right ul li { margin: 0; padding: 3px 5px; }
	div.tower { padding: 10px 0; background: url(../images/horz-div.png) repeat-x 0 0; }
/* @end */


/* @group footer */
#footer-ad { width: 460px; height: 60px; margin: 0 0 0 75px; background: #0b0b0b; }
#footer-contents { position: absolute; bottom: 5px; }
span.copy { padding: 0 0 0 20px; color: #2c2d2d; }
ul.footer-links { list-style: none; margin: 3px 0 0 0; padding: 0; }
ul.footer-links li { display: inline; padding: 0 20px; margin: 0;
	background: url(../images/vert-div.png) repeat-y 100% 0; }
ul.footer-links li:last-child { background: none; }
ul.footer-links li a { color: #2c2d2d; }
ul.footer-links li a:hover { color: #8a0707; }

h2.gmb-logo a { display: block; width: 273px; height: 35px; text-indent: -9999px; position: absolute; right: 0;
		background: url(http://files.grandmasterb.com/images/gmb-link-logo.png) no-repeat 0 0; }
/* @end */


/* @group page-graphics */
h2.page-about { display: block; width: 235px; height: 71px; text-indent: -9999px; margin: 0 0 10px 0; padding: 0;
	background: url(../images/hs-resources.png) no-repeat -308px -80px; }
h2.page-contact { display: block; width: 333px; height: 71px; text-indent: -9999px; margin: 0 0 10px 0; padding: 0;
	background: url(../images/hs-resources.png) no-repeat -385px -155px; }
h2.page-shop { display: block; width: 191px; height: 71px; text-indent: -9999px; margin: 0 0 10px 0; padding: 0;
	background: url(../images/hs-resources.png) no-repeat -552px -80px; }
h2.page-Reviews { display: block; width: 280px; height: 71px; text-indent: -9999px; margin: 0 0 10px 0; padding: 0;
	background: url(../images/hs-resources.png) no-repeat -15px -80px; }
h2.page-Interviews { display: block; width: 356px; height: 71px; text-indent: -9999px; margin: 0 0 10px 0; padding: 0;
	background: url(../images/hs-resources.png) no-repeat -15px -155px; }	
/* @end */