/* ------------------- Site Layout ---------------------*/

body	{
		background: #101010 url(../images/main-bg.jpg) no-repeat center top;
		color: #FFFFFF;
		font: 80% verdana, arial, helvetica, sans-serif;
		text-align: center; /* for IE */
		}

#header {
		height: 238px;
		width: 850px;
		margin: 0 auto;
		position: relative;
		top: 203px;
		left: 15px;
		}

#content-wrap {
		width: 850px;
		margin: 0 auto;
		position: relative;
		}

#content {
		width: 850px;
		background: #cbcbcb url(../images/wrap-bg.jpg) repeat-y center top;
		float: left;
		position: relative;
		z-index: 1;
		}

#contentInfo 
		{
		width: 850px;
		float: left;
		position: relative;
		padding-left: 20px;
		z-index: 3;
		}
#photoInfo 
		{
		width: 850px;
		float: left;
		position: relative;
		z-index: 3;
		}

#footer {
		height: 155px;
		background: url(../images/bottom-bg.jpg) no-repeat center top;
		position: relative;
		clear: both;
		}

p 
		{
		font-size : 8pt;
		font-family : tahoma;
		color: #000000;
		text-align:left;
		text-align:justify;
		padding-bottom:0px;
		}

a:link, a:visited {	
		text-decoration: none;
		color: #D60000;
}

a:hover, a:active {
		text-decoration: underline;
		color: #FFFFFF;
		background-color:#000;
}

li
		{
		font-size : 8pt;
		font-family : tahoma;
		color: #000000;
		text-align:left;7/14/2008
		}


/* ------------------- Navigation ---------------------*/
#header p 
		{
		font-size : 8pt;
		font-family : tahoma;
		color: #D60000;
		text-decoration: none
		}

#header a, #header a:visited 
		{
		text-decoration: none;
		color: #D60000;
		}
#header a:hover 
		{
		text-decoration: underline;
		color: #FFFFFF;
		background-color:#000;
		}

#nav	{
		position: relative;
		left: -10px;
		bottom: 1px;
		padding: 8px;
		list-style: none;
		}

/* ------------------- Main Page CSS ---------------------*/
#mainPic
		{
		float: left;
		width: 531px;
		height: 320px;
		background: #cbcbcb;
		}
#mainInfo
		{
		float: left;
		width: 279px;
		height: 320px;
		background: #cbcbcb;
		background: url(../images/twitter.jpg) no-repeat center top;
		}

		#twitter_div { position: relative; left: 20px; top: 65px; width: 250px; height: 242px; overflow: hidden; background-color: #0f0d0e; }
 		ul#twitter_update_list { width: 250px; padding: 0; margin: 0; overflow: hidden; }
		ul#twitter_update_list li { width: 250px; padding: 5px 0 5px 0; color: #FFFFFF; border-bottom: solid 1px #2c2c2c; list-style: none; }
		ul#twitter_update_list li a { color: #ff0072; border-bottom: dotted 1px; text-decoration: none; }
		ul#twitter_update_list li a:hover { color: #CA0A6C; border-bottom: solid 1px; }


#updates
		{
		text-align: left;
		float: left;
		width: 339px;
		background: url(../images/updatesBG.gif) no-repeat center top;
		}

#updatepost
		{
		width: 300px;
		}

#updatepost p 
		{
		font-size : 8pt;
		font-family : tahoma;
		color: #000000;
		text-align:left;
		text-align:justify;
		padding-bottom:0px;
		}

#shop	{
		text-align: left;
		float: left;
		width: 192px;
		height: 550px;
		background: url(../images/shopBG.gif) no-repeat center top;
		}

#escwrapper
		{
		text-align: left;
		float: left;
		width: 279px;
		height: 550px;
		}

#events	{
		width: 279px;
		height: 250px;
		background: url(../images/eventsBG.gif) no-repeat center top;
		}

#social	{
		float: left;
		padding-left: 0px;
		width: 139px;
		height: 300px;
		background: url(../images/socialBG.gif) no-repeat center top;
		}
#contact	
		{
		float: left;
		width: 140px;
		height: 300px;
		background: url(../images/contactBG.gif) no-repeat center top;
		}

#monthtwo
		{
		float: left;
		width: 129px;
		padding: 1px;
		height: 200px;
		}

#title			
		{ 
		font-size : 9pt;
		font-weight: bold; 
		color:#FF0000; 
		}

#eventTitle			
		{
		font-size : 12pt;
		font-weight: bold; 
		color:#FF0000;
		}

.monthone { width: 140px; height: 200px; overflow: hidden; float: left; padding: 1px;}

/* --------- Calender CSS ------------ */
#calendar {
	width: 131px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #686868;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	text-align: center;
	background-color: #fff;
}

.nav, .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}

a.link:hover 
	{
	display: block; 
	}
a.link .balloon 
	{ 
	display: none; 
	}
a.link:hover .balloon 
	{ 
	display: block; 
	position: absolute; 
	margin: 10px 0px 0px 10px; 
	background: #101010; 
	height: 100px; 
	width: 200px; 
	color: #FFFFFF; 
	text-decoration: none
	}

caption {
	margin: 0;
	padding: 0;
	width: 131px;
	background: #686868;
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #dcdcdc;
	border-right: 1px solid #686868;
	border-bottom: 1px solid #686868;
	border-top: 1px solid #686868;
}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #000000;
}

td {
	border-right: 1px solid #686868;
	border-bottom: 1px solid #686868;
	width: 20px;
	height: 20px;
	text-align: center;
	background: url(images/bg_calendar.gif) no-repeat right bottom;
}

td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

td a:link, td a:visited {	
	color: #ff0000;
	background: url(images/bg_calendar.gif) no-repeat;
}

td a:hover, td a:active {
	color: #d50a81;
	background: url(images/bg_calendar.gif) no-repeat right top;
}

/* ------- About CSS ---------------*/

#aboutleft	{
		float:left;
		width: 400px;
		}

#aboutright	{
		margin-right: auto;
		float: left;
		width: 300px;
		
		}


/*----- Shop CSS ------*/

#leftContainer
		{
		float: left;
		width: 130px;
		padding-right: 10px;
		}

#rightContainer
		{
		padding-top: 10px;
		float: left;
		width: 680px;
		}

#shopItem
		{
		float: left;
		width: 200px;
		padding-left: 10px;
		padding-right: 10px;
		height: 270px;
		background: #bdbdbd;
		}

#item	{
		float: left;
		width: 300px;
		text-align: left;
		/* height: 300px; */
		}
#filler	{
		float: left;
		width: 50px;
		/* height: 300px; */
		}
#desc	
		{
		float: left;
		width: 500px;
		text-align: left;
		/* height: 300px; */
		}

#itemtitle			
		{ 
		font-size : 12pt;
		font-weight: bold; 
		color: D90000;
		text-align: left;
		}

#othertd {
		border-right: 0px;
		border-bottom: 0px;
		text-align: left;
		}