/*
Theme Name: GrungeTime
Theme URI: http://grungetime.com/
Description: Based on Starkers2
Version: 1.0
Author: Anthony T. Pittari
Author URI: http://grungetime.com
Tags: starkers, dark, grunge, simple
*/

@import "style/css/reset.css";
@import "style/css/fontface.css";
@import "style/css/layout.css";



/*
	RESET
*/

*							{ margin: 0; padding: 0; }
html						{ overflow-y: scroll; }
html, body					{ height: 100%; }
body						{ font-size: 62.5%; font-family: "LiberationSansRegular", Helvetica, "Arial Bold", sans-serif; color: #ffffff; 
								background: url(images/bg.jpg) top center no-repeat black; }
ul							{ list-style: square inside; }
li							{ list-style: none; }
ol							{ list-style: decimal inside; }
a							{ outline: none; text-decoration: none; }
a img						{ border: none; background: none; }
img							{ vertical-align: middle; }
table						{ border-collapse: collapse; }


/*
	TYPOGRAPHY
*/

/*
@font-face					{ font-family: 'PublicGothicFederal'; 
								src: url('style/fonts/PublicGothicFederal.otf');
								src: local('PublicGothicFederal'), 
								local('PublicGothicFederal'), 
								url('style/fonts/PublicGothicFederal.otf') format('opentype'); }

@font-face					{ font-family: 'DejaVuSans'; 
								src: url('style/fonts/DejaVuSans.ttf');
								src: local('DejaVuSans'), 
								local('DejaVuSans'), 
								url('style/fonts/DejaVuSans.ttf') format('truetype'); }

@font-face					{ font-family: 'DejaVuSans-Bold'; 
								src: url('style/fonts/DejaVuSans-Bold.ttf');
								src: local('DejaVuSans-Bold'), 
								local('DejaVuSans-Bold'), 
								url('style/fonts/DejaVuSans-Bold.ttf') format('truetype'); }
								
@font-face					{ font-family: 'DejaVuSansCondensed'; 
								src: url('style/fonts/DejaVuSansCondensed.ttf');
								src: local('DejaVuSansCondensed'), 
								local('DejaVuSansCondensed'), 
								url('style/fonts/DejaVuSansCondensed.ttf') format('truetype'); }
								
@font-face					{ font-family: 'DejaVuSansCondensed-Bold'; 
								src: url('style/fonts/DejaVuSansCondensed-Bold.ttf');
								src: local('DejaVuSansCondensed-Bold'), 
								local('DejaVuSansCondensed-Bold'), 
								url('style/fonts/DejaVuSansCondensed-Bold.ttf') format('truetype'); }
*/								
								
p						{ font-size: 1.2em; line-height: 1.4em; margin: 0 0 10px 0; }
li						{ font-size: 1.2em; line-height: 1.4em; }
a							{}
a:hover						{}

h1							{ font-size: 3.6em; line-height: 1em; font-weight: normal; margin: 0px 0px 0px 0px; 
								font-family: PublicGothicFederal, "Arial Black", sans-serif; }		
h2							{ font-size: 3.0em; line-height: 1em; font-weight: normal; margin: 0px 0px 0px 0px; 
								font-family: PublicGothicFederal, "Helvetica Bold", "Arial Bold", sans-serif; }
h3							{ font-size: 2.6em; line-height: 1em; font-weight: normal; margin: 0px 0px 0px 0px; 
								font-family: PublicGothicFederal, "Helvetica Bold", "Arial Bold", sans-serif; }								
h4							{ font-size: 1.8em; line-height: 1em; font-weight: normal; margin: 0px 0px 0px 0px; 
								font-family: PublicGothicFederal, "Helvetica Bold", "Arial Bold", sans-serif; }
h5							{ font-size: 1.6em; line-height: 1em; font-weight: normal; margin: 0px 0px 5px 0px; 
								font-family: "DroidSans", Helvetica, "Arial Bold", sans-serif; }
h5.b						{ font-size: 1.6em; line-height: 1em; font-weight: normal; margin: 0px 0px 5px 0px; 
								font-family: "LiberationSansBold", Helvetica, "Arial Bold", sans-serif; }
h5.c						{ font-size: 1.6em; line-height: 1em; font-weight: normal; margin: 0px 0px 5px 0px; 
								font-family: "DejaVuSansCondensed", Helvetica, "Arial Bold", sans-serif; }
h5.cb						{ font-size: 1.6em; line-height: 1em; font-weight: normal; margin: 0px 0px 5px 0px; 
								font-family: "DejaVuSansCondensed-Bold", Helvetica, "Arial Bold", sans-serif; }
/*
	UTILITY STUFF
*/									  
.floatleft 					{ float: left;}
.floatright 				{ float: right; }
.clear						{ clear: both; }
.outline 					{ border-color: white; border: solid; border-width: thin;}
				
.button 					{ border: 1px solid #a247e6; background: white; padding: 3px 8px; color: 272727;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px; }
				
.button:hover 				{ background: #a247e6; color: #ffffff; border: 1px solid #ffffff;}

.downloadbutton				{ display: block;}
.download					{ width: 590px; margin: 0 auto; padding: 10px 0px 10px 0px; 
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
								border: 2px solid #000000;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;}
								
								
.downloadcontent			{ width: 370px; height: auto; margin-left: 5px; padding: 0px; float: left; }	
.downloadcontent p			{ font-size: 1.4em; line-height: 1.4em; margin: 3px 0px 0px 0px; }

.downloadimage 				{ width: 200px; margin: 20px 0px 0px 10px; float: left; padding: 0px; 
								
								} 

.downloadtitles				{ width: 100px; height: auto; margin-left: 0px; padding: 0px; float: left; font-size: 1.4em; line-height: 1.4em;}
.downloadinfo				{ width: 250px; height: auto; margin-left: 5px; padding: 0px; float: left; font-size: 1.4em; line-height: 1.4em;}	
	

/*
	STRUCTURE
*/

#page-wrap					{ width: 960px; margin: 0 auto;}
#main-col 					{ width: 960px; margin: 0 auto; background-color: rgb(0, 0, 0); background-color: rgba(30, 0, 50, .5);  
								border: 2px solid #000000; width: inherit;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px; float: left; }
								
#col-left 					{ width: 650px; float: left; margin: 0 auto;}
#col-left a					{ color: #a247e6; }
#col-left a:hover			{ background: #a247e6; color: white; }
/* #col-right 					{ width: 300px; float: right; margin-right: 10px;} */

#col-right					{ width: 300px; margin: 10px 5px 0px 0px; float: right;
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
								border: 2px solid #000000;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;}
	
#contact 					{ width: 615px; float: left; margin-top: 25px; padding-left: 25px; }									
#top-bar 					{ width: 960px; margin: 0px auto; }
#header 					{ margin: 0px 0px 0px 0px;}

h1#logo 					{ height: 75px; width: 488px; background-image: url(images/gt_logo.png);}		
div#logo 					{ height: 157px; width: 657px; background-image: url(images/gt_logo.png); margin: 35px 0px 0px 0px; float: left; }	


#feedbar					{ height: 122px; width: 267px; background-image: url(images/feedbar.png); margin: 5px 0px 0px 0px; float: right;}
#feedlink					{ height: 98px; width: 150px;  float: left;}
#feedlink a,
#feedlink a:hover			{ height: inherit; text-indent: -9999px;  display: block; background: none;}
#feedcounter				{ height: 35px; width: auto; margin: 85px 20px 0px 0px; float: right;}


#twitterbar					{ height: 98px; width: 267px; background-image: url(images/twitterbar.png); margin: 0px 0px 0px 0px; float: right;}
#twitterlink				{ height: 98px; width: 150px;  float: left;}
#twitterlink a,
#twitterlink a:hover		{ height: inherit; text-indent: -9999px;  display: block; background: none;}
#twittercounter				{ height: 35px; width: auto; margin: 58px 20px 0px 0px; float: right;}

/*
	FOOTER
*/

.footer-wrapper a			{ color: #a247e6; }
.footer-wrapper a:hover		{ background: #a247e6; color: white; }
.footer-wrapper				{ width: 940px; margin: 10px;  }
.footer						{ width: 920px; margin: 0 auto; padding: 10px; text-align: center;
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
								border: 1px solid #000000; /* 4f335d a247e6 7d37b3 */
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;}
		
.page-button-wrapper		{ width: 650px; height: 20px; margin: 10px; padding: 0px; text-align: center; font-size: 1.4em;}								
.page-button				{ width: 600px; height: 20px; margin: 0 auto; padding: 5px;
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
								border: 2px solid #000000;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;}								
								
/*
	TOP MENU
*/
#menu-top					{ padding: 0px 0 0 0; margin: 0; float: right; color: #000000; text-align: left;
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.75);
								border: 2px solid #4f335d;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px; }

#menu-top ul 				{ margin: 0px 0 0 0; padding: 5px 2px 5px 5px;  height: 18px; display: block; }
#menu-top li 				{ display: inline; list-style-type: none; margin: 0 0 0 0; padding: 5px 5px; }
#menu-top li a:link, 
#menu-top li a:visited 		{ padding: 3px 8px; color: #a247e6; border: 0px solid #000000;}
#menu-top li a:hover, 
#menu-top li a:active 		{ text-decoration: none; background: #a247e6; color: #ffffff; border: 0px solid #ffffff;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px; }


/*
	MAIN MENU
*/
#menu-bar 					{ padding-top: 5px; padding-bottom: 0px;}

#main-nav  					{ padding: 0px; margin: 0px auto; width: 954px; height: 56px; }
#main-nav span				{ display: none; }

#main-nav li, 
#main-nav a					{ display:block; }
#main-nav li				{ float:left; list-style:none; display:inline; }

#main-nav li a 					{}
#main-nav li a.endcapleft 		{height: 56px; width: 12px; background: url(images/endcaps.png) no-repeat; background-position:0px 0px;}
#main-nav li a.endcapright 		{height: 56px; width: 12px; background: url(images/endcaps.png) no-repeat; background-position:-12px 0px;}

#main-nav li a.home				{height:56px; width: 186px; background: url(images/mainnavbar.png) no-repeat; background-position:0px 0px;}
#main-nav li a:hover.home 		{background-position:0px -56px;}
#main-nav li a.design			{height:56px; width: 186px; background: url(images/mainnavbar.png) no-repeat; background-position:-186px 0px;}
#main-nav li a:hover.design 	{background-position:-186px -56px;}
#main-nav li a.typography		{height:56px; width: 186px; background: url(images/mainnavbar.png) no-repeat; background-position:-372px 0px;}
#main-nav li a:hover.typography {background-position:-372px -56px;}
#main-nav li a.tutorials		{height:56px; width: 186px; background: url(images/mainnavbar.png) no-repeat; background-position:-558px 0px;}
#main-nav li a:hover.tutorials 	{background-position:-558px -56px;}
#main-nav li a.downloads		{height:56px; width: 186px; background: url(images/mainnavbar.png) no-repeat; background-position:-744px 0px;}
#main-nav li a:hover.downloads 	{background-position:-744px -56px;}

#comment, #submit			{ margin: 5px 0px 5px 20px;}



/*
	SIDEBAR
*/

/*
.sidebar					{ width: 300px; margin-top: 10px; padding-top: 10px; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
								border: 2px solid #000000;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;}
*/
/* .sidebar-wrapper					{ width: 300px; margin: 10px 10px 0px 0px;} */

.sidebar							{ margin-top: 10px;}
.sidebar-title						{ height: 40px; width: 275px;  }
.sidebar-title.archives				{ height: 40px; width: 275px; margin: 0 auto; background: url(images/title_archives.png) no-repeat; }
.sidebar-title.articles				{ height: 40px; width: 275px; margin: 0 auto; background: url(images/title_articles.png) no-repeat;}
.sidebar-title.categories			{ height: 40px; width: 275px; margin: 0 auto; background: url(images/title_categories.png) no-repeat;}
.sidebar-title.comments				{ height: 40px; width: 275px; margin: 0 auto; background: url(images/title_comments.png) no-repeat; }
.sidebar-title.friends				{ height: 40px; width: 275px; margin: 0 auto; background: url(images/title_friends.png) no-repeat; }
.sidebar-title.sponsors				{ height: 40px; width: 275px; margin: 0 auto; background: url(images/title_sponsors.png) no-repeat;}

.sidebar-content					{ width: 290px; height: auto; margin: 0 auto; padding: 0px;}

.sidebar-content a					{  padding-left: 0px; text-align: left; color: #a247e6; }
.sidebar-content a:hover			{  padding-left: 0px; text-align: left; background: #a247e6; color: white; }
.sidebar-content.lists a			{ margin-left: 10px; }

.sidebar-content.comments ul li 	{ margin: 0; padding-left: 10px; text-align: left; color: #ffffff; }

	.abnnr							{ width: 570px; height: 100px; margin: 0 auto; padding: 5px; 
										background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
										border: 1px solid #a247e6;}
	.sidebar-content .alarge		{ width: 270px; height: 125px; margin: 5px 0px 5px 5px; padding: 2px; 
										background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
										border: 2px solid #000000;}
	.sidebar-content .asmall		{ width: 125px; height: 125px; margin: 5px 5px 5px 5px; padding: 2px; float: left; 
										background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
										border: 2px solid #000000;}

/*
	BLOG ENTRIES
*/

.post-large					{ width: 600px; margin: 10px 0px 10px 10px; padding: 15px; 
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
								border: 2px solid #000000; /* 4f335d a247e6 7d37b3 */
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;}
.post-large	ul				{ margin-left: 20px;}
.post-large li				{ font-size: 1.4em; line-height: 1.4em; margin-left: 20px; list-style: disc outside; }
.post-large-content			{ width: 600px; height: auto; margin: 0px; padding: 5px 0px 0px 0px;}
.post-large-image 			{ width: 600px; height: 375px; margin-top: 10px; padding: 0px; 
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);border: 2px solid #000000;}
.post-large-image img,a		{ margin: 0 auto; padding: 0px; text-align: center;}
								
								
								
.post-small					{ width: 600px; height: auto; margin: 10px; padding: 15px;
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
								border: 2px solid #000000;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;}

.post-small-content			{ width: 280px; height: auto; margin-left: 15px; padding: 5px 0px 0px 0px; float: left; }	
.post-small-content	p		{ margin: 5px 0px 0px 0px; }
.post-small-image 			{ width: 290px; height: 180px; margin: 0px; float: left; padding: 0px; 
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);border: 2px solid #000000;} 
.post-small-image img,a		{ margin: 0 auto; padding: 0px; text-align: center; }

.post-single				{ width: 600px; margin: 10px; padding: 15px; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
								border: 2px solid #000000;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;}
.post-single-image			{ width: 290px; height: 180px; margin-top: 10px; padding: 0px;
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);border: 2px solid #000000;}
.post-single img			{ margin: 0 auto; padding: 0px; text-align: center;
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);border: 2px solid #000000;}

.socialmedialinks			{ width: 450px; height: auto; margin: 10px 0px 0px 0px; padding: 15px;
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
								border: 2px solid #000000;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;}
								
.socialmedialinks a:hover {background: none !important;}


/*
		MISC.
*/
.datebox					{ width: 40px; float: left; padding: 0 5px 5px 5px; background: #990000; color: white; text-align: center;
								margin: 0 10px 0 0; }
.day						{ font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; }
.month						{ font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; }
.year						{ font-size: 1.6em; font-weight: bold; margin: 0; }
ol.commentlist				{ list-style: none; }
.comment.bubble				{ background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ol.commentlist li p			{ font-size: 1.0em; }
.gravatar					{ margin-top: 3px; padding: 2px; height: 40px; }


/*
		CONTACT/COMMENT FORM
*/
.comment					{ width: 600px; margin: 10px auto; padding: 15px; 
								background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45);
								border: 2px solid #000000;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;}
#comment_form label 			{ color: #ffffff; padding-left:5px; font-size:12px;}
#comment_form .text_input 		{ width:275px; color: #ffffff; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.25);
								border: 2px solid #000000;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px; padding:10px;}
#comment_form .text_area 		{ width:400px; color: #ffffff; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.25);
								border: 2px solid #000000;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px; padding:10px;}
								
								
#RateTable 			{ width: 600px; padding: 0;	margin-top: 10px; }

th 					{ font: normal 12px Helvetica, Arial, sans-serif; color: #ffffff; border: 1px solid #ffffff; 
						text-transform:capitalize; text-align: left; padding: 6px 6px 6px 15px; background: #000000;}

th.heading 			{ font-weight: bold; text-transform: uppercase; letter-spacing: 2px;}
						
td 					{ border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #000000; padding: 6px 6px 6px 12px; color: #ffffff;}


td.alt 				{ background: #F5FAFA; color: #ffffff;}

th.norm 			{ border-left: 1px solid #ffffff; border-top: 0; background: #7d37b3; font: 10px;}

th.alt 				{ border-left: 1px solid #ffffff; border-top: 0; background: #a247e6; font: 10px;	color: #ffffff;}