/*	LAYOUT RULES	*/

body
{
	padding: 0px;
	margin: 0px;
	background: #000 url(../images/bg.jpg) repeat-x fixed;
	text-align: left;
	clear: both;
}

#container
{
	width: 802px;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
	border: 0px;
	position: absolute;
	left: 95px;
	top: 0px;
}

#corner-thing
{
	width: 90px;
	height: 214px;
	padding: 0px;
	margin: 0px auto;
	background: #000 url(../images/corner-thing.jpg) no-repeat;
	border: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#text-frame
{
	position: relative;
	top: 0px;
	left: 10px;
	width: 782px;
}

#photo-frame
{
	position: relative;
	top: 0px;
	left: 10px;
	width: 782px;
	height: 700px;
}

p
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}




hr {
	border: solid 0px #000000;
	text-align: center;
	background: url(../images/hr.jpg) repeat-x;
	padding: 0px 0px 0px 0px;
	height: 43px;
}

.style8 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 12px; }
.style9 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.style11 {color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.style13 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

tr, td
{
	height: 17px;
}

tr.concert1
{
	background-color:#333333;
}



#info_frame.updates {
	height: fixed;
	font: Arial, Helvetica, sans-serif;
	font-color: #000000;
	font-size: 12px;
	border: 0px;
	position: relative;
	top: 0px;
	left: 10px;
	width: 340px;
	height: 200px;
}

#info_frame.lastfm {
	height: fixed;
	font: Arial, Helvetica, sans-serif;
	font-color: #000000;
	font-size: 12px;
	border: 0px;
	position: relative;
	vertical-align:top;
	top: 0px;
	left: 10px;
	width: 410px;
	height: 200px;
}

#info_frame.twitter {
	height: fixed;
	font: Arial, Helvetica, sans-serif;
	font-color: #000000;
	font-size: 12px;
	border: 0px;
	position: relative;
	top: 0px;
	left: 10px;
	width: 760px;
	height: 330px;
}


#info_frame.photos {
	height: fixed;
	font: Arial, Helvetica, sans-serif;
	font-color: #000000;
	font-size: 12px;
	border: 0px;
	position: relative;
	top: 0px;
	left: 10px;
	width: 775px;
	height: 630px;
}

#info_frame.calendar {
	font: Arial, Helvetica, sans-serif;
	font-color: #000000;
	font-size: 12px;
	border: 0px;
	position: relative;
	top: 0px;
	left: 10px;
	width: 775px;
	height: 400;
}





#logo
{
	position: absolute;
	left: 0px;
	top: 29px;
	background: url(../images/logo.jpg) no-repeat;
	height: 198px;
	width: 451px;
}

#link-recommend
{
	position: absolute;
	left: 451px;
	top: 29px;
	background: url(../images/link-recommend.jpg) no-repeat;
	height: 30px;
	width: 180px;
}

#link-blank
{
	position: absolute;
	left: 631px;
	top: 29px;
	background: url(../images/link-blank.jpg) no-repeat;
	height: 30px;
	width: 171px;
}

#link-video
{
	position: absolute;
	left: 451px;
	top: 59px;
	background: url(../images/link-video.jpg) no-repeat;
	height: 30px;
	width: 180px;
}

#link-calendar
{
	position: absolute;
	left: 631px;
	top: 59px;
	background: url(../images/link-calendar.jpg) no-repeat;
	height: 30px;
	width: 171px;
}

#link-photos
{
	position: absolute;
	left: 451px;
	top: 89px;
	background: url(../images/link-photos.jpg) no-repeat;
	height: 37px;
	width: 180px;
}

#link-links
{
	position: absolute;
	left: 631px;
	top: 89px;
	background: url(../images/link-links.jpg) no-repeat;
	height: 37px;
	width: 171px;
}

#buttons
{
	position: absolute;
	left: 451px;
	top: 126px;
	background: url(../images/buttons.jpg) no-repeat;
	height: 101px;
	width: 351px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

#ruler
{
	position: absolute;
	left: 0px;
	top: 227px;
	background: url(../images/ruler.jpg) no-repeat;
	height: 198px;
	width: 802px;
}

#blank
{
	position: absolute;
	left: 0px;
	top: 240px;
	background: url(../images/blank.jpg) no-repeat;
	height: 90px;
	width: 278px;
}

#title-recommend
{
	position: absolute;
	left: 278px;
	top: 240px;
	background: url(../images/title-recommend.jpg) no-repeat;
	height: 90px;
	width: 524px;
}

#title-blank
{
	position: absolute;
	left: 278px;
	top: 240px;
	background: url(../images/title-blank.jpg) no-repeat;
	height: 90px;
	width: 524px;
}

#title-video
{
	position: absolute;
	left: 278px;
	top: 240px;
	background: url(../images/title-video.jpg) no-repeat;
	height: 90px;
	width: 524px;
}

#title-calendar
{
	position: absolute;
	left: 278px;
	top: 240px;
	background: url(../images/title-calendar.jpg) no-repeat;
	height: 90px;
	width: 524px;
}

#title-photos
{
	position: absolute;
	left: 278px;
	top: 240px;
	background: url(../images/title-photos.jpg) no-repeat;
	height: 90px;
	width: 524px;
}

#title-links
{
	position: absolute;
	left: 278px;
	top: 240px;
	background: url(../images/title-links.jpg) no-repeat;
	height: 90px;
	width: 524px;
}

#text-box
{
	position: absolute;
	left: 0px;
	top: 330px;
	background: url(../images/text-box.jpg) repeat-y;
	width: 802px;
}



#menu a {
  position: absolute;
  text-decoration: none;
  }
  
  
#menu a i { visibility: hidden; }

a#recommend 
{
 	left: 451px;
	top: 29px;
	height: 30px;
	width: 180px;
}
 
a#blank 
{
	position: absolute;
	left: 631px;
	top: 29px;
	height: 30px;
	width: 171px;
}

a#video 
{
	position: absolute;
	left: 451px;
	top: 59px;
	height: 30px;
	width: 180px;
}

a#calendar 
{
	position: absolute;
	left: 631px;
	top: 59px;
	height: 30px;
	width: 171px;
}

a#photos 
{
	position: absolute;
	left: 451px;
	top: 89px;
	height: 30px;
	width: 180px;
}

a#links 
{
	position: absolute;
	left: 631px;
	top: 89px;
	height: 30px;
	width: 171px;
}



a
{
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

a:hover
{
	color: #CCFFFF;
	text-decoration: underline;
}



