/*  
Theme Name: happy
Theme URI: http://happycoachella.youtellconcerts.com
Description: Theme for happycoachella.com.
Version: 1.0
Author: william hensen
Author URI: http://www.william-h.com/

*/

html{
background-image:url(http://happycoachella.youtellconcerts.com/backgroundimg/rotate.php);
top center repeat-y; background-repeat:repeat; background-attachment: fixed;
}

.ad{
background:none;
background-image:none;
background-color:transparent;
}

body{
position:relative;
width:800px;

margin:0 auto;
}

.happyheader{
position:relative;
width:800px;
height:225px;
top:0px;
background-image:url(sysimg/head.png);
}

a.ytclogo{
text-decoration:none;
background-image:url(sysimg/title.gif);
width:66px;
height:40px;
display:block;
position:absolute;
top:40px;
left:658px;
}
	
	.title{
	position:absolute;
	width:130px;
	height:75px;
	left:85px;
	top:38px;
	z-index:3;
	}
	
	.search{
	position:absolute;
	width:200px;
	height:26px;
	right:0px;
	top:32px;
	z-index:4;
	}
	
	.concertphoto{
	position:absolute;
	width:154px;
	height:187px;
	top:19px;
	left:380px;
	color:#333333;
	font-family:helvetica,arial,sans-serif;
	font-size:10px;
	z-index:3;
	}
	
	.nav{
	position:absolute;
	width:145px;
	height:112px;
	right:0px;
	top:58px;
	z-index:3;
	}
	
.adspace{
position:relative;
height:60px;
width:800px;
top:10px;
}

.container{
position:relative;
top:20px;
width:800px;
}
	
	.contentleft2{
	position:relative;
	background-color:#FFFFFF;
	width:800px;
	margin-right:10px;
	padding:10px;
	float:left;
	}
	
		.titlebar2{
		position:relative;
		left:-75px;
		width:865px;
		height:24px;
		background-color:#00b7f7;
		padding-top:8px;
		padding-left:8px;
		font-size:12px;
		font-weight:bolder;
		color:#333333;
		font-family:Helvetica, arial, sans-serif;
		}
	
	.contentleft{
	position:relative;
	background-color:#FFFFFF;
	width:425px;
	margin-right:10px;
	padding:10px;
	float:left;
	}
	
		.titlebar{
		position:relative;
		left:-75px;
		width:495px;
		height:24px;
		background-color:#00b7f7;
		padding-top:8px;
		padding-left:8px;
		font-size:12px;
		font-weight:bolder;
		color:#333333;
		font-family:Helvetica, arial, sans-serif;
		}
	
	.contentright{
	position:relative;
	width:325px;	
	vertical-align:top;
	float:left;
	}
		
		.rightbox{
		position:relative;
		background-color:#FFFFFF;
		width:325px;
		padding:10px;
		color:#333333;
		font-size:10px;
		font-family:helvetica,arial,sans-serif;
		margin-bottom: 10px;
		}	
	
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: helvetica, arial, Sans-serif;
	font-size: 14px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Helvetica, arial, Georgia, Sans-serif;
	font-size: 12px;
}
	
.footer{
position:relative;
text-align:center;
background-color:#FFFFFF;
padding:1px;
margin-top:10px;
width:800px;
}
		
.clear
{
clear:both;
height:0px;
width:0px;
margin:0px;
}


h1, h2{
color:#00b7f7;
font-size:14px;
font-family:helvetica,arial,sans-serif;
font-weight:bold;
}

h3{
color:#333333;
font-size:12px;
font-family:helvetica,arial,sans-serif;
font-weight:bold;
}

h4{
color:#00b7f7;
font-size:12px;
font-family:helvetica,arial,sans-serif;
font-weight:bold;
}


p{
color:#333333;
font-size:10px;
font-family:helvetica,arial,sans-serif;
}


a:link, a:visited{
border:none;
color:#333333;
font-size:10px;
font-family:helvetica,arial,sans-serif;
}

a.red:link, a.red:visited{
border:none;
color:#FF0000;
font-size:10px;
font-family:helvetica,arial,sans-serif;
}

a:hover, a.red:hover{
border:none;
color:#00b7f7;
font-size:10px;
font-family:helvetica,arial,sans-serif;
}

a:active{
border:none;
color:#00b7f7;
font-size:10px;
font-family:helvetica,arial,sans-serif;
}

	a.navlink:link{
	height:20px;
	}
	
	a.navlink:hover{
	height:20px;
	font-size:20px;
	background:#00b7f7;
	}
	
	titlelink:link{
	height:20px;
	}
	
	titlelink:hover{
	height:12px;
	font-size:12px;
	}

img{
border:none;
background:transparent;
}

.margin1{
margin-bottom:3px;
}