*{
	margin:0;
	padding:0;

}

body{
	background:#000000 url('images/back_xiren.jpg') no-repeat top center;
}

#bodyContainer{
	margin:0 auto;
	text-align:center;
	overflow:auto;
}

#pageContainer{
	text-align:left;
	width:940px;
	margin:0px auto 0px auto;
	background:#FFF;
	border:0px;
	position:relative;
}

h1 span{
	display:none;
}

.header {
	background-attachment: relative;
	background-color: #000000;
	background-image: url(images/back_header.jpg);
	background-repeat: no-repeat;
}
.headersmall {
	background-attachment: relative;
	background-color: #000000;
	background-image: url(images/back_header.small.jpg);
	background-repeat: no-repeat;
}

.content{
	background:url('images/back_swirl.gif') no-repeat bottom left;
}

#main{
	width:500px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left:65px;
	margin-bottom:285px;
	margin-top:20px;
	line-height:18px;
}

#main a{
	color:#1582a6;
	text-decoration:none;


}

#main a:hover{
	color:#1582a6;
	text-decoration:underline;

}

#mainwide{
	width:805px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left:65px;
	margin-bottom:285px;
	margin-top:20px;
	line-height:18px;
}

#mainwide a{
	color:#1582a6;
	text-decoration:none;


}

#mainwide a:hover{
	color:#1582a6;
	text-decoration:underline;

}




.joinemail {
	background-image: url('images/back_email.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	height:67px;
}

#sidebar {
	width: 282px;
	float:right;
	margin-right:14px;
	margin-top:20px;


}
#sidebarContent {
	background-image: url('images/back_sidebar.star.png');
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #000000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding-top:15px;
	padding-left:22px;
	padding-right:30px;
	padding-bottom:50px;
}

#sidebarContent a{
	color:#08a8e0;
	text-decoration:none;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#sidebarContent a:hover{
	color:#08a8e0;
	text-decoration:underline;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#joinemail {
	background-position: right top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

#joinemail a{
	color:#d2d2d2;
	text-decoration:none;

}

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


#bottom {
	height:245px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #666666;
	background-image: url(images/back_bottom.jpg);
	background-repeat: repeat-x;
}

input.short {
width:120px;
}

input.medium {
width:146px;
}

input.text {
background:#161512 none repeat scroll 0 0;
border: 1px solid #666666;
color:#989489;
display:inline;
float:left;
font-size:17px;
height:20px;
line-height:20px;
margin:1px 0 8px 18px;
padding:7px 5px;
}

input, textarea, select {
font-family:helvetica,arial,verdana,sans-serif;
}

.button {
margin:1px 0 8px 18px;
}

.albums {
	right: 320px;
	bottom: 264px;
	position: absolute;
	visibility: visible;
}

.links {
	right: 20px;
	bottom: 209px;
	position: absolute;
	visibility: visible;
}

#footer {
	float:left;
	font-size: 11px;
	color: #ffffff;
	margin-left:45px;
	margin-top:15px;
/*	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left:45px;
	margin-top:-60px;
	line-height:8px; */
}

#footer ul{
	margin-left:18px;
	margin-bottom:20px;
	margin-top:20px;
	
}

#footer ul li{
	color:#9f9f9f;
	margin-bottom:5px;
}

#footer ul li a{
	font-size:11px;
	color:#02adf2;
	text-decoration:none;

}

#footer ul li a:hover{
	color:#02adf2;
	text-decoration:underline;
}

#footer ul li.selected{
	color:#02adf2;
}

#footer ul li.selected a{
	color:#02adf2;
}

#footerCol2 {
	float:left;
	font-size: 11px;
	color: #ffffff;
	margin-left:45px;
	margin-top:15px;
/*	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	margin-left:320px;
	margin-top:-60px;
	line-height:8px; */
}
#footerCol2 ul{
	margin-left:18px;
	margin-bottom:20px;
	margin-top:20px;
	
}

#footerCol2 ul li{
	color:#9f9f9f;
	margin-bottom:5px;
}

#footerCol2 ul li a{
	font-size:11px;
	color:#02adf2;
	text-decoration:none;

}

#footerCol2 ul li a:hover{
	color:#02adf2;
	text-decoration:underline;
}

#footerCol2 ul li.selected{
	color:#02adf2;
}

#footerCol2 ul li.selected a{
	color:#02adf2;
}

#footerjoinemail {
	font-size: 11px;
	position: absolute;
	bottom:0px;
	right:20px;
/*	margin-top:100px;
	margin-right:5px;
	float:right; */
}



.pagecontent{
	padding-left: 2px;
}

.sidebardate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-align:left;
	padding-top: 0px;
	padding-bottom: 18px;
	padding-left: 6px;
	line-height:14px;
}

.inputpage {
background:#f3f3f3 none repeat scroll 0 0;
width:300px;
border: 1px solid #666666;
color:#666666;
display:inline;
float:left;
font-size:17px;
height:30px;
line-height:20px;
margin:1px 0 8px 0px;
padding:0px 0px 0px 0px;
}

.textarea {
background:#f3f3f3 none repeat scroll 0 0;
width:310px;
border: 1px solid #666666;
color:#666666;
display:inline;
float:left;
font-size:17px;
height:200px;
line-height:20px;
margin:1px 0 8px 0px;
padding:0px 0px;
}

.location {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #08a8e0;
}
.standout {
	font-weight: bold;
	text-transform: uppercase;
	color: #833c1a;
}
.pageheader{
	font-family: HelveticaNeue BlackCond, Helvetica CondensedBlack, Arial Black, Calibri, Myriad, MyriadPro, "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #833c1a;
	text-align:left;
	padding-top: 30px;
	padding-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: -1px;

}
.pageheadersmall{
	font-family: HelveticaNeue BlackCond, Helvetica CondensedBlack, Arial Black, Calibri, Myriad, MyriadPro, "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #833c1a;
	text-align:left;
	padding-top: 30px;
	padding-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: -1px;

}
.headerfeature{
	font-family: Calibri, Myriad, MyriadPro, "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #727272;
	text-align:left;
	padding-top: 16px;
	padding-bottom: 5px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-weight: bold;

}
.headermusicsection{
	font-family: Calibri, Myriad, MyriadPro, "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #727272;
	text-align:left;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-weight: bold;

}
.headeralbumtitle{
	font-family: Calibri, Myriad, MyriadPro, "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #727272;
	text-align:left;
	letter-spacing: -1px;
	font-weight: bold;

}
.headersongtitle {
	font-family: Calibri, Myriad, MyriadPro, "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #727272;
	text-align:left;
	letter-spacing: -1px;
	font-weight: bold;
}


#iTunes a{
	color:#02adf2;
	text-decoration:none;
}
#iTunes a:hover{
	color:#02adf2;
}
#iTunes a:visited{
	color:#02adf2;
}
#iTunes a:active{
	color:#02adf2;
}

/* NOTE START */
/* "fallback" links for non-CSS supporting browsers. */
.fallback {
 display: none;
}

/* Here's our default note styles. 	*/
.notedefault, .notenested {
	position: absolute;
	visibility: hidden;
	z-index:200;
	top: 20em;	left: 20em; 
 	padding-top: 0px;
	padding-bottom: 18px;
	padding-left: 2px;
	line-height:14px;
	width:187px;
}
.notedefault {
	padding: 12px;
	border: 1px solid #525252;
	background-color: #000000;
	color: black;

}
.notenested {
	width: 8em;
	padding: 3px;
	border: 1px solid #963;
	background-color: #000000;
	color: white;
}

.notefont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
 	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.notefontbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	color: #FFFFFF;
}
.notefontblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #08a8e0;
}

/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {
 margin-left: -70px;
 margin-top: 10px;
}

/* Headings within notes */
.notedefault h5 {
	font-family: HelveticaNeue BlackCond, Helvetica CondensedBlack, Arial Black, Calibri, Myriad, MyriadPro, "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #08a8e0;
	padding-top: 0px;
	padding-bottom: 3px;
	text-transform: uppercase;
	letter-spacing: -1px;
}


/* NOTE END */



/*	CALENDAR STYLE	*/
.calTable {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
}
#calHeader {
	font-family: HelveticaNeue BlackCond, Helvetica CondensedBlack, Arial Black, Calibri, Myriad, MyriadPro, "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: -1px;
	line-height: 30px;
	background-color: #000000;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
.calTop {
	font-size:12px;
	font-weight:bold;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align:middle;
	white-space:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color:#08a8e0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.calTopR {
	font-size:12px;
	font-weight:bold;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align:middle;
	white-space:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color:#08a8e0;
}
#calEvent_YELL {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #FFC;
	font-size:14px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align:middle;
	white-space:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #747474;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
#calEventR_YELL {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #FFC;
	font-size:13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align:middle;
	white-space:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #747474;
}
#calEvent {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #FFFFFF;
	font-size:14px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align:middle;
	white-space:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
#calEventR {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #FFFFFF;
	font-size:13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align:middle;
	white-space:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #999999;
}
/*
#calEvent a:link {
	font-weight: bold;
	text-decoration: none;
}
#calEvent a:visited {
	font-weight: bold;
	text-decoration: none;
}
#calEvent a:hover {
	font-weight: bold;
	text-decoration: none;
}
#calEvent a:active {
	font-weight: bold;
	text-decoration: none;
}

#calEventR a:link {
	font-weight: bold;
	text-decoration: none;
}
#calEventR a:visited {
	font-weight: bold;
	text-decoration: none;
}
#calEventR a:hover {
	font-weight: bold;
	text-decoration: none;
}
#calEventR a:active {
	font-weight: bold;
	text-decoration: none;
}
*/

#calMonth {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align:bottom;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 10px;
}
#calDay {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 18px;
}
#calYear {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 11px;
}
#calArchiveHeader {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	background-color: #999999;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
/*		CALENDAR PAGE END	*/


.imageSpaceRight {
	padding-right: 10px;
	padding-bottom: 8px;
}
.imageSpaceLeft {
	padding-left: 6px;
	padding-bottom: 4px;
}
