/*
Theme Name: CALSTREETMUSIC2010
Author: Michael Cala
Author URI: http://pagodaworks.com/


*/

body{
	background: #000000;
	background-image: url("images/background.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: Arial, sans-serif;	 
	margin: 0;
}

.floatleft{
	float: left;
}

.floatright{
	float: right
}	

.clear{
	clear: both;
}

.alignleft{
	text-align: left;
}

.alignright{
	text-align: right;
}

.aligncenter{
	text-align: center;

}

.bodywidth{
	width: 1001px;
}


#MainBody{
	margin: 0 auto;
	width: 1001px;
	
}

p{
	margin-top: 3px;
	margin-bottom: 8px;
}

h2,h3{
	padding: 0;
	margin: 0;
}

input,textarea{
	border: 1px solid #ccc;
	color: #999;
	font: inherit;
	padding: 3px;
     margin-bottom:3px;
}


/***************************************************
HEADER CSS
****************************************************/

#ImageContainer{
	width: 1001px;
	height: 264px;
	background-image: url("images/header-bg.jpg");
	
}



#Image1{
	width: 1001px;
	height: 231px;
	background-image: url("images/image1.jpg");

}
#Logo{
	width: 269px;
	height: 269px;
	background-image: url("images/Logo.jpg");
	z-index: 1;
	position: relative;
	margin-left: 20px;
}

#MenuContainer{

	padding-top:222px;
	padding-left: 316px;
}

#MenuContainer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#MenuContainer ul li{
	float: left;
}

#Home{
	display: block;
	width: 89px;
	height: 29px;
	background-image: url("images/Home.gif");
	
}
#News{
	display: block;
	width: 97px;
	height: 29px;
	background-image: url("images/News.gif");
	
}

#Store{
	display: block;
	width: 94px;
	height: 29px;
	background-image: url("images/Store.gif");
	
}

#Bands{
	display: block;
	width: 103px;
	height: 29px;
	background-image: url("images/Bands.gif");
	
}

#Tours{
	display: block;
	width: 95px;
	height: 29px;
	background-image: url("images/Tours.gif");
	
}

#Contact{
	display: block;
	width: 129px;
	height: 29px;
	background-image: url("images/Contact.gif");
	
}


#Home:hover,#News:hover,#Store:hover,#Bands:hover, #Tours:hover, #Contact:hover{
	background-position: 0 -29px;
}

/***************************************************
Titles CSS
****************************************************/
#Title-News{
	width: 293px;
	height: 33px;
	display: block;
	background-image: url("images/title-news.jpg");
	
}
#Title-Store{
	width: 293px;
	height: 33px;
	display: block;
	background-image: url("images/title-store.jpg");
	
}

#Title-Bands{
	width: 293px;
	height: 33px;
	display: block;
	background-image: url("images/title-bands.jpg");
	
}

#Title-Voodoo{
	width: 293px;
	height: 33px;
	display: block;
	background-image: url("images/title-voodoo.jpg");
	
}

#Title-Knockout{
	width: 293px;
	height: 33px;
	display: block;
	background-image: url("images/title-knockout.jpg");
	
}

#Title-Tours{
	width: 293px;
	height: 33px;
	display: block;
	background-image: url("images/title-tours.jpg");
	
}
#Title-Contact{
	width: 293px;
	height: 33px;
	display: block;
	background-image: url("images/title-contact.jpg");
	
}

#Title-US{
	width: 293px;
	height: 33px;
	display: block;
	background-image: url("images/title-us.jpg");
	
}

#Title-International{
	width: 293px;
	height: 33px;
	display: block;
	background-image: url("images/title-international.jpg");
	
}

#Title-Download{
	width: 293px;
	height: 33px;
	display: block;
	background-image: url("images/title-download.jpg");
	
}
/***************************************************
HOME PAGE CSS
****************************************************/

#HomeLeftColumn{
	float: left;
	width: 500px;
}

#HomeRightColumn{
	float: left;
	width: 500px;
}

.ContentBox{
	margin: 5px;
	padding: 5px;
	color: #ffffff;
	background: #000000;
	font-size: .8em;	
}

.ContentBox a{
	color: #F26D1F;
	text-decoration: none;
}
.ContentBox a:hover{
	color: #F0212B;

}

.ContentBox a img,.ContentBox img{
	border: 3px solid #cccccc;
}

.HomeNewsItemDate{
	font-size: .8em;
	width:55px;
	text-align: right;
	float: left;
	padding-top: 1px;
}

.HomeNewsItemTitle{
	float: left;	
	width:400px;
	padding-left: 5px;
}

#Firme{
	width: 185px;
	height: 185px;
	background-image: url("images/Firme.jpg");
	margin: 3px;
	border: 2px solid #333333;
	
}


#Baile{
	width: 185px;
	height: 185px;
	background-image: url("images/baile.jpg");
	margin: 3px;	
	border: 2px solid #333333;

}

#Firme a, #Baile a{
	width: 191px;
	height: 185px;
	display: block;
}
/***************************************************
SINGLE PAGE CSS
****************************************************/
.SinglePost{
	width: 600px;
}
.SinglePost h2{
	color: #cccccc;
}
.SinglePost small{
	background: #cccccc;
	color: #000000;
	padding: 2px;
}

.entry{
	padding-top:10px;
}
#comment{
	width: 90%;
	height: 100px;
}


/***************************************************
STORE PAGE CSS
****************************************************/
#StoreContent{
	min-height: 200px;
}

#StoreContent h1{
	font-size: 1.1em;
}	

#StoreCart{
	float: right;
	text-align: center;
}

#tableProductDetails{
	width: 650px;
}

#tableProductDetails ul{
	list-style-type: decimal;
}

#tableProductDetails td{
	vertical-align: top;
}

#StoreContentDetail{
	min-height: 200px;
}

.StoreHomeBox{
	float: left;
	width: 316px;
	padding: 5px;
	
}

#US{
	width: 316px;
	height: 300px;
	display: block;
	background-image: url("images/US.jpg");
	
}
#INT{
	width: 316px;
	height: 300px;
	display: block;
	background-image: url("images/int.jpg");
	
}

#Download{
	width: 316px;
	height: 300px;
	display: block;
	background-image: url("images/download.jpg");
	
}

#US a,#INT a,#Download a{
	width: 316px;
	height: 300px;
	display: block;
	
}
.test{
	width: 316px;
	height: 300px;
	background: #333333;
}
/***************************************************
FOOTER CSS
****************************************************/

#Footer{
	margin: 0 auto;
	width: 979px;
	padding: 5px;


	font-size: .6em;
	color: #ffffff;
	background: #000000;
}

#Myspace{
	width: 16px;
	height: 16px;
	background-image: url("images/MySpace.gif");
	float: left;
	
}

#Twitter{
	width: 16px;
	height: 16px;
	background-image: url("images/Twitter.gif");
	float: left;
	
}

#Myspace a,#Twitter a{
	display: block;
	width: 16px;
	height: 16px;
}

#Footer a{
	color: #EC1729;
	text-decoration: none;
}
#Footer a:hover{
	color: #F26D1F;

}