/*
Theme Name: TWBM3
Theme URI: http://www.tigerswalkbehindme.com
Description: TWBM3 Wordpress Theme
Version: 1
Author: Jeremy Voros
Author URI: http://www.tigerswalkbehindme.com
*/

/* COLORS
background gray: #E6E6E6
dark gray: #808080
blue: #0088FE
yellow: #FCEE21
green: #00FF01
purple: #7201CC
pink: #FF01A9
*/

/* BODY STYLES */

body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, dd, img, form, fieldset, blockquote, input, input:focus { 		
	margin:0px; padding:0px; border:0px; outline: none; font-weight: normal;
	}

body {
	font: 14px Helvetica, Arial, sans-serif;
	color: #808080;
	background-color: #E6E6E6;
	}

#main {
	width: 960px;
	margin: auto;
	position: relative;
	}

h1, h1 a {
	font-size: 32px;
	font-weight: normal; 
	color: inherit; 
	text-decoration: none;
	}
	
h2 {
	font-size: 24px;
	}
	h2 a { color: inherit; text-decoration: none; }

h3 {
	font-size: 14px;
	border-bottom: solid 1px #959595;
	padding-bottom: 2px;
	}
	
h4 {
	font: 18px/32px sans-serif;
	color: #808080;
	}

hr {
	border: 0;
	background-color: #E6E6E6;
	height: 1px;
	}

p {
	font: 14px/22px sans-serif;
	color: #444;
	text-align: justify;
	padding: 5px 10px;
	}

a {	color: #0088FE;	outline: none; }
a:hover { color: #FF01A9; }

/* SLIDER BOX */

#topstripe { 
	text-align: center; 
	color: white; 
	background-color: #808080; 
	padding-top: 80px; 
	position: absolute; 
	top: -280px; 
	left: 0; 
	width: 100%; 
	z-index: 1000; 
	border-bottom: 10px solid black;
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);  
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,.2);    
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.2);
	}

#topstripe a { text-decoration: none; color: orange; }

#slidecontent { margin: auto; width: 950px; height: 200px; text-align: center; }

#slidebutton { 
	background-color: black; 
	padding: 5px; 
	float: right; 
	width: 160px; 
	height: 20px; 
	position: relative; 
	top: 35px; 	 
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);  
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,.2);    
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.2);
	}

#closebutton { display: none; }

/* HEADER */

#header {
	width: 880px;
	margin: 48px 0;
	overflow: hidden;
	position: relative;
	}

#logo { position: absolute; top: 5px; left 10px; z-index: 10; }

#logofade { position: absolute; top: 5px; left 10px; }

#links {
	margin-top: 8px;
	text-align: right;
	float: right;
	display: inline;
	#width: 402px;
	#white-space: nowrap;
	position: relative;
	}

.nav { margin: 10px 0;	}
	
	.nav li {
		display: inline;
		padding: 10px 25px 0 25px;
		border-right: 0px solid #808080;
		text-transform: uppercase;
		}
	.nav li:first-child { padding-left: 0; }
	.nav li.last { padding-right: 0; border-right: 0; }
	.nav li:hover { border-top: 3px solid #0088FE; }
	.nav a { padding: 5px 0; text-decoration: none; color: #808080; }
	.nav a:hover { color: #0088FE; }

#search-div {
	width: 195px;
	float: right;
	}
	
	#search-div label { display: none; }
	
	#search-div input {
		background: white;
		font-style: italic;
		font-size: 15px;
		color: #808080;
		background: white url('images/sprite.png') 6px -304px no-repeat;	
		#background: white url('images/sprite.png') 6px -306px no-repeat;
		padding: 3px 3px 3px 25px;
		width: 195px;
		}
	
.follow {
	float: left;
	margin-top: 3px;
	}

	.follow li {
		display: inline;
		float: left;
		margin-right: 30px;
		}
	
	.feed-rss {
		display: block;
		height: 16px;
		width: 17px;
		background: url('images/sprite.png') 0 -2px;
		}
		.feed-rss:hover { background: url('images/sprite.png') 0 -20px; }
			
	.feed-twitter {
		display: block;
		height: 16px;
		width: 19px;
		background: url('images/sprite.png') 0 -56px;
		}
		.feed-twitter:hover { background: url('images/sprite.png') 0 -74px; }
		
	.feed-face {
		display: block;
		height: 16px;
		width: 17px;
		background: url('images/sprite.png') 0 -109px;
		}
		.feed-face:hover { background: url('images/sprite.png') 0 -127px; }
		
	.feed-itunes {
		display: block;
		height: 16px;
		width: 17px;
		background: url('images/sprite.png') 0 -162px;
		}
		.feed-itunes:hover { background: url('images/sprite.png') 0 -178px; }
		
#page-title { 
	color: #0088FE;
	padding: 0 0 20px 0px;
	text-transform: uppercase;
	font-weight: bold;
	}
	
/* INTERACT BOX STYLES */

.interact {
	z-index: 1;
	position: absolute;
	margin: 0 0 0 875px;
	font-size: 12px;
	text-transform: uppercase;
	float: right;
	color: white;
	}
	
	.interact a { text-decoration: none; color: white; }
	
	.interactboxes { 
		 width: 65px;
		 margin: 15px 0; 
		 padding: 15px 5px 15px 5px; 
		 text-align: center; 
		 border-radius: 3px;  
		 -moz-border-radius: 3px;  
		 -webkit-border-radius: 3px;
		 box-shadow: 3px 3px 3px rgba(0,0,0,.2);  
		 -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.2);    
		 -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.2);
		 }
	
	.rating { font-weight: bold; font-size: 16px; background: #00FF01; text-align: center; height: 20px; }
	
	.comment-total { font-weight: bold; font-size: 16px; background: #FCEE21; }
	.comment-total a { background:url('images/comment.gif') 0 5px no-repeat; padding:10px 0 0 30px; }
	.comment-total a:hover { background: url('images/comment-g.gif') 0 5px no-repeat; }
	
	.cat-singles { background: #0088FE; }
	.cat-lists { background: #FF01A9; }
	.cat-wallpapers { background: #7201CC; } 
	
	.datebox { background: #808080; }

/* ENTRIES  STYLES */

.post {
	z-index: 10;
	position: relative;
	width: 880px;
	min-height: 300px;
	padding: 0;
	margin: 30px 0;
	background-color: white;

	border-radius: 3px;  
	-moz-border-radius: 3px;  
	-webkit-border-radius: 3px;
	box-shadow: 5px 5px 6px rgba(0,0,0,.2);  
	-moz-box-shadow: 5px 5px 6px rgba(0,0,0,.2);    
	-webkit-box-shadow: 5px 5px 6px rgba(0,0,0,.2);    
	}	

.content { padding: 15px 15px 15px 320px; background: url('images/bgstripe.gif') 0 0 repeat-y; }

.content p { padding-left: 0px; }

.title-img { z-index: 100; width: 301px; position: absolute; top: 0px; left: 0px; }
.title-img img { z-index: 100; border: solid 0px #E6E6E6; display: block; }

.playlist { width: 305px; height: 300px; position: absolute; 
	top: 0px; left: 0px; background-color: white; z-index: 20; }

.playlist-single { width: 300px; height: 300px; position: absolute; 
	top: 300px; left: 0px; background-color: white; z-index: 20; }

.share { float: right; }

	/* OLD SHARE
	.share {
	float: right;
	text-decoration: none;
	display: block;

	width: 125px;
	height: 14px;
	padding-top: 3px;
	margin-top: -3px;
	}
	.share:hover { background: url('images/sprite.png') 50px -229px no-repeat; }
	*/
	
	/* SINGLES ENTRIES */
	
	.singles h2 { color: #0088FE; }
	.singles h2 a:hover { color: #FF01A9; }
	
	.singles h1 { color: #0088FE; }
	.singles h1 a:hover { color: #FF01A9; }
	
	.audioplayer_container {
		width: 145px;
		padding: 20px 0px 10px 20px;
		height: 10px;
		float: right;
		}
	
	.open-list { padding-top: 20px; }
		.open-list a {
			text-decoration: none;
			text-transform: uppercase;
			background: url('images/sprite.png') 0 -178px no-repeat;
			height: 14px;
			padding: 2px 0 0px 20px;
			margin-top: -2px;
			float: left;
			}
		.open-list a:hover { background: url('images/sprite.png') 0 -374px no-repeat; }

	/* LISTS STYLES */

	.lists h1 a { color: #FF01A9; }
	.lists h1 a:hover { color: #7201CC; }

	/* WALLPAPERS STYLES */
	
	.wallpapers h2 { color: #7201CC; }
	.wallpapers h2 a:hover { color: #FF01A9; }
	
	.wallpapers h1 a { color: #7201CC; }
	.wallpapers h1 a:hover { color: #FF01A9; }
	
	.wallpaperlist { margin: 5px 0 15px 0;	}
	
	.wallpaperlist li {
		display: inline; 
		padding-left: 5px;
		}
	
	/* COMMENT STYLES */
	.comments { margin-top: 130px; padding-right: 15px; }
	.comments li { list-style: none; padding: 10px; margin-bottom: 10px; min-height: 72px; }
	.comments img { float: left; margin-right: 10px; }
	.comments span { font-weight: bold; }
	.comments p { margin-left: 82px; }
	.odd { background-color: #E6E6E6; }
	.byuser { border: 1px solid #F7931E; }
	#commentform p { margin-left: 0; padding: 10px 0 0 0; text-align: right; }
	.comments label { margin-top: -10px; vertical-align: top; }
	.comments input {
		background: #E6E6E6;
		font-size: 14px;
		padding: 10px;
		width: 410px;
		margin-left: 10px;
		}
	.comments textarea {
		width: 410px;
		height: 200px;
		padding: 10px;
		margin-left: 10px;
		font-size: 14px;
		background: #E6E6E6;
		border: 0;
		display: inline;
		}
	#submit { width: 100px; }
	
/* BOTTOM STYLES */

#load-more { display: block; text-align: center; width: 860px; font-size: 18px; }
	#load-more a { text-decoration: none }


.info { width: 200px; float: left; padding: 0; margin: 40px 25px 0 0; height: 550px; position: relative; }
	.info:last-child { margin-right: 0 }
	.info p { text-align: justify; margin: 0 -8px; font-size: 14px; }
	.info ul { margin: 10px 0 30px 0; }
	.info li { list-style-type: none; margin-bottom: 10px; }
	.info img { margin-top: 40px; }
	#methumb { float: left; padding: 0; border: 0px solid white; margin: 5px 15px 0 0; }
	#twitter { background: url('images/sprite.png') 0 -75px no-repeat; padding-left: 20px; }
		.entry-content { font: 14px/22px sans-serif; color: #444; }
		.from-meta { display: none; }
		.time-meta { display: block; text-align: right; text-transform: uppercase; padding: 10px 0 10px 0; }
		.time-meta a { text-decoration: none; }
	.tweet-time { float: right; }

#bottom { clear: both; text-align: center; padding: 10px 0 50px 0; background-color: #959595; }
	
#footer { width: 875px; margin: auto; padding: 0 75px 50px 0; overflow: visible; position: relative; }
	
	#tiger { position: absolute; top: -80px; left: 700px; }
	
	.bottom-nav { float: right; margin-top: 5px; }
	.bottom-nav li {
		display: inline;
		padding: 0 25px;
		border-right: 1px solid #E6E6E6;
		text-transform: uppercase;
		}
	.bottom-nav li:first-child { padding-left: 0; }
	.bottom-nav li.last { padding-right: 0; border: 0; }
	.bottom-nav a { text-decoration: none; color: #E6E6E6; }
	.bottom-nav a:hover { text-decoration: underline; color: #0088FE; }
	
	.feed-rss-bottom {
		display: block;
		height: 16px;
		width: 17px;
		background: url('images/sprite.png') 0 -38px;
		}
		.feed-rss-bottom:hover { background: url('images/sprite.png') 0 -20px; }
			
	.feed-twitter-bottom {
		display: block;
		height: 16px;
		width: 19px;
		background: url('images/sprite.png') 0 -92px;
		}
		.feed-twitter-bottom:hover { background: url('images/sprite.png') 0 -74px; }
		
	.feed-face-bottom {
		display: block;
		height: 16px;
		width: 17px;
		background: url('images/sprite.png') 0 -145px;
		}
		.feed-face-bottom:hover { background: url('images/sprite.png') 0 -127px; }
		
	.feed-itunes-bottom {
		display: block;
		height: 16px;
		width: 17px;
		background: url('images/sprite.png') 0 -194px;
		}
		.feed-itunes-bottom:hover { background: url('images/sprite.png') 0 -178px; }	

/* BAND ARCHIVE STYLES */

#legend { padding: 15px 0 0 15px; }
#legend span { padding: 0 20px 0 8px; }
.leg-sin { border-left: 5px solid #0088FE; }
.leg-list { border-left: 5px solid #FF01A9; }
.leg-wall { border-left: 5px solid #7201CC; }

.band-box { 
	float: left;
	padding: 15px;
	}
.clearme { clear: left; }
.band-box table {
	width: 400px;
	text-align: center;
	border-collapse:collapse;
	}

.band-box th { border-bottom: 1px solid #808080; }
.band-box td { padding-top: 10px; }
.leftcol { text-align: left; width: 265px; }
.leftcol a { padding-left: 8px; }