@charset "UTF-8";
/* main content */


.load{background:url('http://straphik.com/yamn/images/loader.gif') no-repeat center;}

body
{ 
	background-color:#000000;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:18px;
	margin:0px; padding:0px;
	overflow-x:hidden;
	width:100%;
	
}


#outside_container {

	
}


#container {
	position:relative;
	margin:0 auto;
	margin-top:0;
	min-height:100%;
	width:800px;	
}



#header {
	background:url(http://straphik.com/yamn/images/yamnBG.jpg) no-repeat #000000;
	margin-top:0px;
	padding-top:75px;
	padding-bottom:10px;
	}
	
#logo {
	background:url(http://straphik.com/yamn/images/yamnlogo.png) no-repeat;
	display:inline;
	float:left;
	height:40px;
	padding:0px;
	position:absolute;
	top:125px;
	margin-left:5px;
	width:201px;	 
}



/* Fix up IE6 PNG Support */
img, #logo { behavior: url(scripts/iepngfix.htc); }

.separator {
	border-top:1px dotted #e3e3e3;
	margin-top:40px;
	padding-top:40px;
}
	
/* navigate */	
	
ul#menu {
	display:inline;
	float:right;
	padding:0px;
	position:absolute;
	top:150px;
	text-align:right;
	right:5px;
	margin:0px;
	width: 550px;
}



ul#menu li, ul {
	display:inline;
	font-size:9px;
	list-style:none;
	margin-right:1px;
	margin:0px;	padding:10px;
	text-transform:uppercase;
}

ul#menu li a, ul {
	text-decoration:none;
	color:#ffffff;
}

ul#menu li a:hover, ul {
	text-decoration:none;
	color:#cccccc;
}

ul#menu li a.active, ul#menu li a:hover {
	color:#cccccc;
}


/*
	Band Images
	
	
*/

#bandimages {

	/*background: url(http://straphik.com/yamn/images/band1.jpg) no-repeat center;*/
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	position:absolute;
	padding:0;
	left:0px;
	top:175px;
	height: 300px;
	width:100%;
	z-index:1;
	
}

#mainimages { /* scaleable image */
	position:fixed;
	left:0px;
	top:45px;
	bottom:25px;
	padding: 0px;
 	width: 100%;
	

}
img.scaled {/* scaleable image */
  	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	left:0px;
	position:fixed;
	width: 100%;
	
}





/*
	Footer
*/



#tagline {

	background:url(http://straphik.com/yamn/images/tagline.png) no-repeat center;
	display:inline;
	float:left;
	height:100px;
	padding:0px;
	position:absolute;
	right:0px;
	top:400px;
	margin:0px;
	width:600px;
	z-index:2;
	
	
	
}


#content {
	color:#cccccc;
	padding-top:470px;
	padding-left:5px;
	padding-bottom:35px;
	width:800px;

}
.column1 { float:left; width:300px; margin-right:5px; display:inline;; }
.column2 { float:right;  width:150px; margin-right:5px; vertical-align: text-top; margin-bottom:30px; text-align:right; display:inline; }


.column2 li a {
	color: #990000;
	display: block;
	font: bold 120% Arial, Helvetica, sans-serif;
	padding: 5px;
	text-decoration: none;
}

#updates {
	background:url(http://straphik.com/yamn/images/updatesBG.jpg) repeat-x #000000 top;
	display:inline;
	float:left;
	margin-right:15px;
	min-height:100px;
	padding-top:35px;
	width:616px;
	
}

/* hover dates */

.tourdates {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 20px;
	padding:5px;
	
	
}

.tourdates:hover {
	background:url(http://straphik.com/yamn/images/bgfooter.jpg) repeat-x #000000;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin-top: 20px;
}




.music {
	position:absolute;
	padding:0px;
	padding-bottom:10;
	position:absolute;
	top:480px;
	float:none;
	clear:both; 
	width:800px;
	height:50px;
	display:inline;	
	z-index:3;
	}




/* 
	Text-Styles   
*/

h2 {
	color:#cc33cc;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	letter-spacing:0px;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
}

h3 {
	color:#ffffff;
	font-size:14px;
	font-family:Helvetica, Arial, Sans-serif;
	line-height:21px;
	margin:10px 0px 5px 0px;
}

h4 {
	color:#007de2;
	margin:0px 0px 0px 0px;
}

h5 {
	color:#ffffff;
	font-size:11px;
	font-family:Helvetica, Arial, Sans-serif;
	font-weight: normal;
	line-height:16px;
	letter-spacing:0px;
}

h6 {
	color:#ffffff;
	font-size:18px;
	font-family:Helvetica, Arial, Sans-serif;
	line-height:16px;
	letter-spacing:-1px;
	margin:0px 0px 10px 0px;
	
}

blueTxt {
	color:#26689f;
	font-size:12px;
	font-family:Helvetica, Arial, Sans-serif;
	line-height:16px;
	letter-spacing:-1px;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	}

small {
	color:#595856;
	font-weight:bold;
	font-size:8px;
	display:block;
	margin-bottom:15px;
	text-transform:uppercase;
	line-height:12px;
}

a {
	color:#26689f;
	text-decoration:none;
	
}

small a {
	color:#007de2;
}

a:hover { text-decoration:underline; }
p { margin: 0px 0px 15px 0px; }

.button {
	border:1px solid #000000;
	background:#32312f url(http://www.straphik.com/yamn/images/button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;
	
}

.button:hover {
	background:#007de2 url(http://www.straphik.com/yamn/images/button_bg_o.jpg) repeat-x;
	border:1px solid #32312f;
}

#errorMessage {
	color:#ffff00;
	font-weight:bold;
	font-size:12px;
	display:block;
	margin-bottom:15px;
	text-transform:uppercase;
	line-height:12px;
}


/* Footer */

#footer {

	background:url(http://straphik.com/yamn/images/bgfooter.jpg) repeat-x #000000;
	border-top:1px solid #cccccc;
	color:#333333;
	font-size:9px;
	padding: 10px;
	clear:both;
	height:40px;
	margin-bottom:0px;
	height:70px;
	
	
	
}


.column4 { 
	margin-right:0px;
	float:right; 
	width:100px; 
	margin-right:5px;
	text-align:right;  
	display:inline;
}

.links_column{
	display:inline;
	float:left;
	width:130px;
	margin-left:22px;
}


.column3 { 
	margin-left:28px;
	float:left;  
	width:550px;  
	text-align:left;
	display:inline; 
}



#footer a {
	color:#cccccc;
	text-decoration:none;
}

#footer a:hover { color:#ffffff; }