/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

/*
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
/*

/*
	
	JOHN MANI, 2008
	www.johnmani.com
	
	
	Colours:
	Text #b2aa9c
	Nav #8f8066
	red #7a201c
	
	
	*/
	
	
	/*RESET*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td 
	{ 
	padding: 0;
	margin: 0;
	}
fieldset, img { 
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
caption, th {
	text-align: left;
	}
h1, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	}

q:before, q:after {
	content: '';
	}
abbr, acronym { 
	border: 0;
	}
.clear	{clear:both;}	
	
	/*BODY*/

body	{
		background-image: url(images/background.jpg); background-repeat:repeat;
		font-family: Futura, Arial; font-size: 0.7em; color: #b2aa9c; font-weight: normal;	
		}

body a 	{
		font-family: Futura, Arial; font-size: 1.0em; color: #fff; font-weight: normal;
		text-decoration: none;
		}

html 	{
    		
		} 
		
h2	{
	font-size: 1.5em;
	margin-top:10px;
	color: #b2aa9c;	
	}	
			
#background {
			background-image: url(images/background.jpg); background-repeat:repeat;
			height: 1839px;
		
			margin-left: auto; margin-right: auto;
			}		

#pagewrap 	{	
   			background: rgb(0, 0, 0); /* The Fallback */
   			background: rgba(0, 0, 0, 0.6);
			min-height: 1460px;
			width: 820px;
			margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;
			position: relative; top:50px;
			-webkit-box-shadow: -0px -0px 35px #000; 
			-moz-box-shadow: -0px -0px 35px #000;  
  			box-shadow: -0px -0px 35px #000;
			}		


h1#header	{
		background-image: url(images/header.png); background-repeat: no-repeat;
		height: 29px;
		width: 378px;
		position: absolute; left:15px; margin: 20px 20px 20px 20px;
		text-indent: -9999px;
		}
		
h1 a 	{
		display: block;
		width: 100%;
		height: 100%;
  		outline: none;
  		}

.toolbar li {
		display:inline;
		padding:22px;
		}
		

      a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#b2aa9c}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:relative;
    top:-2em; left:2em; width:30em;
    padding:5px;
    border:1px solid #b2aa9c;
    background-color:#e2d9bb; color:#404040;
    text-align: left;
    font-size:1.0em; 
    z-index: 20;
    }




#nav 	{
		position: absolute; top: 70px; left: 15px;
		height:auto;
		}	 


/* Nav Underlines */
		
#rule0 	{
		background-image: url(images/onRule.png);
		width: 89px; height: 11px; 
		position: absolute; top:-426px; left: -7px;
		
		}
#rule2 	{
		background-image: url(images/onRule.png);
		width: 89px; height: 11px; 
		position: absolute; top:25px; left: 92px;
		
		}

#rule4 	{
		background-image: url(images/onRule.png);
		width: 89px; height: 11px; 
		position: absolute; top:25px; left: 203px;
		
		}
#rule5 	{
		background-image: url(images/onRule.png);
		width: 89px; height: 11px; 
		position: absolute; top:25px; left: 330px;
		
		}
#rule6 	{
		background-image: url(images/onRule.png);
		width: 89px; height: 11px; 
		position: absolute; top:25px; left: 440px;
		
		}
#rule11 	{
		background-image: url(images/onRule.png);
		width: 89px; height: 11px; 
		position: absolute; top:25px; left: 550px;
		
		}
#rule7 	{
		background-image: url(images/onRule.png);
		width: 89px; height: 11px; 
		position: absolute; top:25px; left: 667px;
		
		}
		
				
/*header stuff */		
		
#topcontent {
			position:absolute; top: 100px; left: 0px;
			width:820px;
			height:400px;
			}		

#photo	{
/*		background-image: url(images/homephoto.png); */
		height: 284px;
		width:250px;
		position: absolute; top: 25px; left: 32px; 
		
		}
		
#player {
			position: absolute; top: 25px; left: 366px;
			width: 400px;
			height: 170px;
		}		

#player p{
			margin-top: 5px;
			margin-bottom: 5px;
			height:auto;
		}		

	 
/* body index */

#maincontent	{
				width:480px;
				min-height:810px; 
				position:relative; margin-top: 520px; left: 30px;
				float: left;
								
				}
				
#maincontent-pages	{
				width:680px;
				height:810px;
				position:absolute; top: 520px; left: 30px;
								
				}
				
				
				
#newscontent	{
				width: 450px;
				
				margin-top: 25px;
				background-position: 100% 0;
				background-image: url(images/rule.png); background-repeat: repeat-y;
				padding-right: 25px;
				}
								
				
#contentHeader	{
				background-image: url(images/newsHeader.png);
				height: 54px;
				width:131px;
				position: absolute; top: -50px; left: 0px; 
				
				}			
				
.post			{
				margin-top: 20px;
				height:auto;
				}	
				
#oldernewer		{font-size: 1.5em;
				width:155px; 
				margin-left: auto; margin-right: auto;
				height:auto;
				margin-bottom: 50px;

				}						
#oldernewer	a	{font-size: 1.0em; 
				margin-left: auto; margin-right: auto;
				height:auto;

				}	
				
#sidebar	{
			position:relative; top: 450px; left: 0px;
			width: 250px;
			float: right;
	
			}				
				
#findmatt	{
			background-image: url(images/findmatthew.png);
			
			width: 237px; height: 79px;
			margin-bottom: 30px;
			}				
				
.logo	{
		margin-top: 25px; margin-bottom: 25px;
		position:relative; left: 60px;
		}				
				
				
/*BIO*/


#BIOHeader	{
			background-image: url(images/bioHeader.png);
				height: 54px;
				width:133px;
				position: absolute; top: -50px; left: 0px;
			}

#biophoto	{
			position:absolute; 
			margin-right: 20px;
			height:auto;
			}

#biotext	{
			position:absolute; left: 380px; top: 5px;
			width: 325px;
			}
#biotext h2	{
			font-size: 1.5em;
			line-height: 2.3em;
			}
			
			
			
#biocontact	{
			position: absolute; top: 875px;
			font-size: 1.5em; 
			}		

.biocontact li{display: inline;}	

/*CONCERTS */
#CONCERTSHeader	{
			background-image: url(images/concertsHeader.png);
				height: 54px;
				width:164px;
				position: absolute; top: -50px; left: 0px;
			}
#listings	{
			height: 900px; width: 780px; overflow : auto;
			margin-top: 20px;
			}

table	{table-layout: auto; }
table	a{font-size: 1.0em;}


.style34	{
			font-size: 1.5em; height: 25px; padding-top: 20px; 
			}




/*PRESS */
#PRESSHeader	{
			background-image: url(images/pressHeader.png);
				height: 54px;
				width:132px;
				position: absolute; top: -50px; left: 0px;
			}

.articlelist	{
				line-height: 2em;
				}
				
#press	{
		line-height: 2em;
		font-size: 1.2em;
		}		
		
td {vertical-align:top; width: 200px;}
table{margin:10px 0 20px 0;}
			

/*CONTACT */
#CONTACTHeader	{
			background-image: url(images/contactHeader.png);
				height: 54px;
				width:147px;
				position: absolute; top: -50px; left: 0px;
			}
.large		{
			font-size: 1.5em;
			}


/*MUSIC*/

.album	{
		
		height: 530px;
		width: 700px;
		position: relative; top: 125px; left: 40px;
		}



#bottom	{
		
				height: 200px;
				width:200px;
				position: absolute; top: 0px; left: 0px;
		}


#across	{
		
				height: 200px;
				width:200px;
				position: absolute; top: 0px; left: 0px;
		}

.titleinfo	{
			position: absolute; top: 220px;
			width: 350px;
			}
.titleinfo h2 {
			font-size: 1.5em; margin-top: 10px;
			}

.titleinfo p {
			font-size: 1.0em; margin-top: 10px;
			width: 350px;
			}



.tracklist	{
			position:absolute; top:0px; left: 400px;
			line-height: 2em;
			}
			
.tracklist a {
			font-size: 1.0em; 
			}
			
.tracklist h3 {
			font-size: 1.2em; 
			}
			
.player		{
			position:absolute; top: 205px; 

			}
						
/*PHOTOS*/





/*Lyrics*/

.song	{
		margin:20px;
		}

/*Footer*/

				
#design	{
		position:absolute; bottom: -40px; right: 10px;
		width:270px; height: 24px;
		background-image: url(images/design.png);
		}							
		
		
/*PONZI*/
#newrecord	{width: 309px; height: 37px; display: block; position: relative; top: 10px; left:500px;}	
#ponzipage	{font-family: Arial; font-size: 13px; margin-left: 30px; margin-right: 30px; color: #ccc;}
	#ponzipage p{margin-bottom: 20px; line-height: 15px;}
#ponzititle	{background-image: url(images/ponzititle.png); background-repeat: no-repeat; height: 67px; width: 521px; position: relative; margin-top: 100px; margin-left: auto; margin-right: auto; text-indent: -9999px;  }	
#ponziimage	{width: 380px; height: 545px; background-image:url(images/ponziimage.jpg); background-repeat: no-repeat; position: relative; margin-top: 40px; margin-right:17px; float: left; }
#ponzitext	{margin-top: 40px; text-align: justify;}
#takecare	{height: 40px; width: 92px; background-image: url(images/takecare.png); position: relative; left: 500px; margin-bottom: 50px; }
tr	{  : 10px;}
.subheader	{color: #e5c012; font-size: 19px;}
.col1 {width: 132px; text-align: right; font-size: 50px; font-weight: bold; }
.col2 {width: 385px; padding-left:22px; padding-right: 22px; padding-top: 6px; padding-bottom: 25px;}
.col3 {width: 111px; padding-top: 5px;}
#ponzithanks	{display:block; height:46px; width:370px; position:relative; margin-left: auto; margin-right: auto; margin-bottom: 25px;}