body
{
	margin: 0px auto 0px auto;
	padding: 0px;
	color: #ffffff;
	background: #230e02;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
}


#header
{
	height: 135px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: url(http://www.eyeseesound.tv/websiteimages/header.jpg) center top no-repeat;
	font-size:0px;
}
#header2
{
	height: 135px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: url(http://www.eyeseesound.tv/websiteimages/header2.png) center top no-repeat;
	font-size:0px;
}


#header01 {float:left;background: url(http://www.eyeseesound.tv/websiteimages/header_01.jpg) center top no-repeat; 	width: 263px;	height: 140px;}
#header02 {float:left;background: url(http://www.eyeseesound.tv/websiteimages/header_02.jpg) center top no-repeat; 	width: 184px;	height: 140px;}
#header03 {float:left;background: url(http://www.eyeseesound.tv/websiteimages/header_03.jpg) center top no-repeat; 	width: 186px;	height: 140px;}
#header04 {float:left;background: url(http://www.eyeseesound.tv/websiteimages/header_04.jpg) center top no-repeat; 	width: 157px;	height: 140px;}
#header05 {float:left;background: url(http://www.eyeseesound.tv/websiteimages/header_05.jpg) center top no-repeat; 	width: 211px;	height: 140px;}




#PRnav
{
	height: 53px;
	margin: auto;
	padding: 0px;
	background: url(http://www.eyeseesound.tv/websiteimages/PRhead2.jpg) center top no-repeat;
}

.PRmainholder
{
	width: 1001px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}




#nav
{
	height: 53px;
	margin: auto;
	padding: 0px;
	background: url(http://www.eyeseesound.tv/websiteimages/navigation.jpg) center top no-repeat;
}

#nav h1 {
    margin: 0;
    padding: 0;
}
#nav h1 a {
    display: block;
    font-size: 0px;
}

.mainholder
{
	width: 1001px;
	margin: 0px;
	padding: 0px;
	background: url(http://www.eyeseesound.tv/websiteimages/middle.jpg) 0px top repeat-y;
	overflow: hidden;
}

.bottom
{
	width: 1001px;
	height: 107px;
	margin: 0px;
	padding: 0px;
	background: url(http://www.eyeseesound.tv/websiteimages/bottom.jpg) 0px top no-repeat;
	overflow: hidden;
}


#page
{
	clear: both;
	width: 1001px;
	margin: auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}




.posttitle
{
	margin: 12px 0px 0px 170px;
	color: #000000;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 14px;
}

#footertext
{
	width:800px;
	margin: 25px auto 0 auto;
	padding: 0px 0px 0px 0px;
	text-align:center;
}


a, a:link, a:visited
{
	color:#6d9da7;
	text-decoration: none;
}
	
a:hover, a:focus, a:active
{
	color: #e8822a !important;
	outline: none;
}

a img
{
	border: none;
}


.imgbdr {		width: 156px;
height:63px;
	margin: 0px;
	padding: 0px;background: url(http://www.eyeseesound.tv/websiteimages/donate_gel.png) 0px top no-repeat;}

h1 {color: #ffcc33; font-size:20px;}
h2 {color: #ffcc33; font-size:20px; }
h3 {color: #ffcc33; font-size:20px; }
h4 {color: #ffcc33; font-size:20px; }
h5 {color: #ffcc33; font-size:20px; }
h6 {color: #ffcc33; font-size:20px; }

.revolution {color: #f08e31; font-size:20px; text-align:center;}
.revolutionsmall {color: #f08e31; font-size:13px; text-align:left; padding-left:11px; margin-top:-5px; color:#FFF; }

#social01 {float:left;background: url(http://www.eyeseesound.tv/websiteimages/01myspace.jpg) center top no-repeat; 	width: 35px;	height: 39px;}
#social02 {float:left; background: url(http://www.eyeseesound.tv/websiteimages/02facebook.jpg) center top no-repeat; 	width: 33px;	height: 39px;}
#social03 {float:left; background: url(http://www.eyeseesound.tv/websiteimages/03twitter.jpg) center top no-repeat; 	width: 33px;	height: 39px;}
#social04 {float:left; background: url(http://www.eyeseesound.tv/websiteimages/04rss.jpg) center top no-repeat; 	width: 41px;	height: 39px;}
.playerheader {margin-top:-2px; text-align:center;}
.mobile { text-align:center; margin-bottom:15px; }

.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.social 	{margin-left:2px;}


.PRband { margin-top:0px; font-size:30px; text-align:center; color: #f08e31; font-family:Verdana, Geneva, sans-serif;  }
.PRtitle { margin-top:0px; font-size:20px; text-align:center; color: #6fa7b7; font-family:Verdana, Geneva, sans-serif;  }
.PRtitle2 { margin-top:0px; font-size:17px; text-align:center; color: #fff; font-family:Verdana, Geneva, sans-serif;  }
.PRtext { margin-top:0px;margin-left:0px; font-size:14px; text-align:center; color: #ffffff; font-family:Verdana, Arial, Sans-Serif;  }
.PRtext2 { margin-top:0px;margin-left:0px; font-size:14px; text-align:center; color: #ffffff; font-family:Verdana, Arial, Sans-Serif;  }
.PRtextB { margin-top:0px;margin-left:0px; font-size:14px; text-align:center; color: #f08e31; font-family:Verdana, Arial, Sans-Serif;  }

/* hr cs */
.PRdash {border-bottom: dashed 3px #6fa7b7; margin-left:auto; margin-right:auto; margin-top:20px;margin-bottom:20px;width:90%;}
.index {border-bottom: dashed 1px #999999; margin-left:0px; margin-top:20px;margin-bottom:20px;width:100%;text-align:center;}
.index2 {border-bottom: dashed 1px #999999; margin-left:0px; margin-top:10px;margin-bottom:10px;width:100%;text-align:center;}
.videohr {border-bottom: dashed 1px #999999; margin-left:0px; margin-top:10px;margin-bottom:-5px;width:100%;text-align:center;}
.adshr {border-bottom: dashed 1px #999999; margin-left:0px; margin-top:20px;margin-bottom:0px;width:80%;text-align:center;}
.downloadhr {border-bottom: dashed 1px #999999; margin-left:0px; margin-top:0px;margin-bottom:10px;width:100%;text-align:center;}
.dashed {  border-bottom: dashed 2px #999999;}
.smallfont {font-size:11px; margin-top:-15px;margin-bottom:20px; color:#f08e31;}
.smallfont2 {font-size:11px; padding-top:10px; color:#999;}
.gap {border-bottom: dashed 0px #999999; margin-left:0px; margin-top:10px;margin-bottom:0px;width:80%;text-align:center;}

.sidenav {width:170px; float:left; margin:0px;}
.sidenavtextbox {width:155px; padding-left:7px; padding-top:-20px; text-align:right; }
.ulnav {list-style-type: none; text-align:left; margin-left:-40px; margin-top:-12px; font-size:13px; font-family:Verdana, Geneva, sans-serif; color:white;}
.ullive {list-style-type: none; padding:0px; margin:0px; font-size:12px;}
.navie {padding:0px; margin-left:0px;}


.mainpage {width:658px; float:left; margin-left:0px; margin-top:0px; }
.mainpagetextbox {width:646px; float:left; margin-left:7px; margin-top:0px; margin-right:5px; }

.mainpagetextboxblog {width:580px; float:left; margin-left:45px; margin-top:0px; margin-right:5px; }

.sideads {width:170px; float:left; margin:0px; }
.sideadstextbox {width:145px; float:left; padding-left:13px; padding-top:-20px; font-size:12px; border:none; }
.boxindex { position: relative; float:left; width: 205px; background-color: none; margin-top:0px; margin-left: 5px; margin-right:5px; margin-bottom:0px; padding-left:0px; text-align:left;}
.boxindextitle{ text-align:left; font-size:14px; color: #ffcc33; font-family:Georgia, "Times New Roman", Times, serif;  }
.boxindextitleBIG{ text-align:center; font-size:18px; color: #ffcc33; font-family:Georgia, "Times New Roman", Times, serif;  }
.boxindex2 { position: relative; float:left; width: 300px; background-color: none; margin-top:0px; margin-left: 15px; margin-right:5px; margin-bottom:0px; padding-left:0px; text-align:left;}
.flowcontainplayer {margin:auto; margin-top:15px; text-align:center;}
.dvdimage { position: relative; float:left; width: 170px; height:105px; background-color: none; margin-top:0px; margin-left: 5px; margin-right:5px; margin-bottom:7px; padding-left:0px; text-align:left;}
.dvdimagetext { text-align:left;}
.sideimages { text-align:center; margin-top:-10px; margin-bottom:-5px;}
.sidemailingllistgel {background: url(http://www.eyeseesound.tv/websiteimages/mailinglist_gel.png) center top no-repeat; 	width: 156px;	height: 53px; margin-top:10px; margin-bottom:3px;}
.sidemailingllist {background: url(http://www.eyeseesound.tv/websiteimages/maillist.png) center top no-repeat; 	width: 146px;	height: 62px; margin-top:10px; margin-bottom:3px;}
.sidemailingllisttext {padding:7px; text-align:center; color:#000;}
.quickoverview {background: url(http://www.eyeseesound.tv/websiteimages/quickoverview.jpg) center top no-repeat; 	width: 146px;	height: 62px; margin-top:10px; margin-bottom:3px;}
.quickoverviewgel {background: url(http://www.eyeseesound.tv/websiteimages/overview_gel.png) center top no-repeat; 	width: 146px;	height: 62px; margin-top:10px; margin-bottom:3px;}
.therevolution {background: url(http://www.eyeseesound.tv/websiteimages/therevolution.jpg) center top no-repeat; 	width: 146px;	height: 82px; margin-top:10px; margin-bottom:3px;}
.factsheets {background: url(http://www.eyeseesound.tv/websiteimages/factsheets.jpg) center top no-repeat; 	width: 146px;	height: 62px; margin-top:10px; margin-bottom:3px;}
.musicvideosfull {background: url(http://www.eyeseesound.tv/websiteimages/musicvideosfull.jpg) center top no-repeat; 	width: 146px;	height: 62px; margin-top:10px; margin-bottom:3px;}
.cinematicafull {background: url(http://www.eyeseesound.tv/websiteimages/cinematicafull.jpg) center top no-repeat; 	width: 146px;	height: 62px; margin-top:10px; margin-bottom:3px;}


.siderightlinks {font-size:13px;  text-align:center;font-family:Verdana, Geneva, sans-serif; color:white; }



.latestbox {margin-top: 0px; margin-left:5px; }
.latesttitle{ font-size:15px; text-align:left; color: #ffcc33; font-family:Georgia, "Times New Roman", Times, serif;  }
.latesttitle a:link { background-color:#F00 }
.mainpagetitle { margin-top:0px; font-size:15px; text-align:center; color: #ffcc33; font-family:Georgia, "Times New Roman", Times, serif;  }
.mainpagetitleBIG { margin-top:0px; font-size:20px; text-align:center; color: #ffcc33; font-family:Georgia, "Times New Roman", Times, serif;  }
.mainpagetitle2 { margin-top:0px; text-align:center;  }
.mailinglist { margin-top:0px; font-size:18px; text-align:center; color: #000; font-family:Georgia, "Times New Roman", Times, serif;  }
.dvdepleft {margin-top:-10px;margin-right:3px;}

.faqQ { margin-top:0px; font-size:15px; text-align:left; color: #ffcc33; font-family:Georgia, "Times New Roman", Times, serif;  }

.centerpage { text-align:center; margin-top:-10px;}
.centeroverview  { margin-top:15px; font-size:15px; text-align:center; color: #ffcc33; font-family:Georgia, "Times New Roman", Times, serif;  }
.textoverview {width:80%; text-align:center; margin:auto;}

.latesttext{font-size:13px;  text-align:left;font-family:Verdana, Geneva, sans-serif; color:white; }
.latesttextsmall{font-size:11px;  text-align:left;font-family:Verdana, Geneva, sans-serif; color:white; }

.gigtext {font-size:18px;}

.flowcontainindex {width:705px; margin-left:50px; margin-top:25px;}
.flowcontainvideopages {width:705px; margin-left:50px; margin-top:15px;}

.NEW{ text-align:center; font-size:20px; color: #0F0; font-family:Georgia, "Times New Roman", Times, serif; margin-top:-20px;  }
.boxindextitlewhite{ text-align:left; font-size:14px; color: #999; font-family:Georgia, "Times New Roman", Times, serif;  }
.box9{ position: relative; float:right; width: 180px; background-color: none; margin-top:0px; margin-left: 10px; margin-right:10px; margin-bottom:20px; padding:0px; text-align:right;}
.box9a{ position: relative; float:right; width: 180px; background-color: none; margin-top:0px; margin-left: 10px; margin-right:40px; margin-bottom:0px; padding:0px; text-align:right;}

.center { text-align:center; }
.left2 { text-align:left; margin-left:15px; margin-right:10px; font-size:14px; }
.left { font-size:15px; text-align:left; margin-left:50px; color: #ffcc33; font-family:Georgia, "Times New Roman", Times, serif;}
.myContent { width:700px; margin:auto; } 
#submissions {font-size:15px; font-family:Verdana, Geneva, sans-serif; color:#6d9da7; padding-bottom:5px;}
.credits li  {list-style: none;}

.date  { text-align: left; font-family: Arial, Sans-Serif; font-size: 15px;font colour: yellow; }   
.title  { text-align: left; font-family: Arial, Sans-Serif; font-size: 25px; font colour: white; }   
.boxcredits1 { position: relative; float:left; width: 320px; background-color: none; margin-top:0px; margin-left: 10px; margin-right:10px; margin-bottom:0px; padding:0px; text-align:left;}
.boxcredits2 { position: relative; float:right; width: 320px; background-color: none; margin-top:0px; margin-left: 10px; margin-right:10px; margin-bottom:0px; padding:0px; text-align:left;}
.dirfont {size:20px; color:#999; font-weight:bolder; text-decoration:underline; font-family:Georgia, "Times New Roman", Times, serif;}

.playerbox { position: relative; float:left; width: 500px; background-color: none; margin-top:-30px; margin-left: 10px; margin-right:10px; margin-bottom:0px; padding-left:0px; text-align:left;}
.playerbox2 { position: relative; float:left; width: 160px; background-color: none; margin-top:0px; margin-left: 10px; margin-right:10px; margin-bottom:0px; padding-left:0px; text-align:right;}


#blogside { margin-left: -40px;}

#blogside ul {list-style:none;font-size:12px; }
#blogside li { }
#blogside ul ul li a{
    margin-left:-25px;}

.tagline {margin-right:10px; margin-top:-10px;}
.tagline2 {margin-right:10px; margin-top:0px;}
.otherlinks {text-align:left; margin-left:40px; list-style:none; font-size:16px;}







/*######### colourtabs nav bar ########################################################################  */

.ddcolortabs{ padding: 0; width: 970px; margin:auto; background: transparent; voice-family: "\"}\""; voice-family: inherit;text-align:center;
}

.ddcolortabs ul{ font: normal 15px Arial, Verdana, sans-serif; margin-top:0px; margin-left:-35px; padding-top:3px; list-style:none;
}

.ddcolortabs li{ display:inline; margin:0 0 0 0; padding:0;
}


.ddcolortabs a{ float:center; color: white; margin:10px 0px 10px 0; padding:0 10px 1px 10px; text-decoration:none; letter-spacing: 1px;
}

.ddcolortabsline{ clear: both; padding: 0; width: 100%; height: 0px; line-height: 8px; background: black;
}

/* ######### Style for Drop Down Menu ###################################################### */

.dropmenudiv_a{ margin-top:10px; position:absolute; top: 0; border: 3px solid black; 
/*THEME CHANGE HERE*/
border-top-width: 4px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 4px; font:normal 12px Arial; line-height:18px; z-index:100; background-color: #2b1005; width: 200px; visibility: hidden; text-align:left;
}

.dropmenudiv_a a{ width: auto; display: block; text-indent: 5px; border-top: 0 solid #678b3f; padding: 2px 0; text-decoration: none; color: white;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #2b1005; color: #2b1005;
}

/*######### END   colourtabs nav bar ########################################################################  */

/*######### START   nav bar lower ########################################################################  */


.bluetabs{
}

.bluetabs ul{ padding: 3px 0;margin-left: 0;margin-top: 1px;margin-bottom: 0;font: 12px Arial;list-style-type: none;text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.bluetabs li{display: inline;margin: 0;
}

.bluetabs li a{text-decoration: none;padding: 3px 7px;margin-right: 3px;
}


.bluetabs li a:hover{text-decoration: none;
}


.bluetabs li.selected a:hover{ /*selected main tab style */text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{	margin-top:10px;position:absolute;top: 0;border: 3px solid #000; /*THEME CHANGE HERE*/font:normal 11px Arial;line-height:18px;z-index:100;background-color: white;
width: 200px;visibility: hidden;
}


.dropmenudiv_b a{width: auto;display: block;text-indent: 5px;border: 0 solid #918d8d; /*THEME CHANGE HERE*/padding: 2px 0;text-decoration: none;color: black;
}

* html .dropmenudiv_b a{ /*IE only hack*/width: 100%;
}

/*######### END   nav bar lower ########################################################################  */









#tablist{  margin: 25px 0 0 0;  }
	#tablist li{ list-style: none; display: inline;  }
	#tablist li a{
		text-decoration: none;
		margin: 0 3px 0 0;
		padding: 4px 15px;
		border: 1px solid #3B3B3B;
		font-weight: bold;
		color: #ccc;
	}
	#tablist li a:hover{
		border: 1px solid #55684A;
		color: #fff;
	}
	#tablist li a.current{
		background: #ADD597;
		color: #fff;
	}
	#tablist .key { text-decoration: underline; }



#left {
	float: left;
	width: 670px;
	margin: 0 0 10px 0;
}
	.border { border: 1px solid #AED898;  margin: 0 0 10px 0;}
	.subheader {
		padding: 15px;
		background: #F1F8ED;
		color: #444;
		border: 2px solid #D1EAC3;
	}
	.highlight { background: #C5E7F6; color: #000; }
	.left_articles {
		margin: 0 0 10px 0;
		border: 0px solid #eee;
		color: #fff;
		padding: 15px 15px 5px 10px;
	}
		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/news.gif) no-repeat center left; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			margin: 0 15px 10px 0;
		}
	.left_box {
		background: #F4F1F8;
		color: #808080;
		border-left: 3px solid #E8E2F2;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}		
		

#right {
	float: right;
	width: 280px;
	margin: 0 0 10px 0;
	padding: 55px 0 0 0;
	background: url(images/right.gif) no-repeat top right;
	
}
	.button {
		font: normal 1.6em "Georgia", "Times New Roman", Arial;
		color: #679A4E;
		text-align: center;
		margin: 0 0 110px 0; 
	}
	.big { color: #2e2e2e; font: normal 2em "Georgia", "Times New Roman", Arial; }
	
	
	.image { float: left; margin: 0 9px 3px 0; }
	

.bel
{
	color:white;
	}
input
{
	border:1px solid grey;
	}
textarea
{
	border:1px solid grey;
	}
select
{
	border:1px solid grey;
	}
	
	.rating{
	font-size:110%;
	margin-bottom:7px;
	}
	
	.comm{
	font-size:110%;
	}
	
	.comment{
	font-size:110%;
	line-height:15px;
	}
.comment .name{
	color:blue;
	font-size:90%;
	margin-bottom:3px;
	}
	
	.comment .com{
	color:black;
	font-size:90%;
	}
	
.comment .name b{
	color:#6d9da7;
}







/* END OF USEFUL CSS */





.div1 {width:400px;margin-left:100px;}










.pagecontent {width:750px; margin:auto; text-align:center;}
.box2{ position: relative; float:left; width: 215px; background-color: none; margin-top:0px; margin-left: 10px; margin-right:10px; margin-bottom:0px; padding:0px; text-align:center;}
.box2title{ text-align:left; font-size:13px; color: #ffcc33; font-family:"Lucida Console", Monaco, monospace;}
.box1{ position: relative; float:left; width: 400px; background-color: none; margin-top:0px; margin-left: 0px; margin-right:0px; margin-bottom:0px; padding:0px; text-align:left;}
.box1title{ text-align:center; font-size:14px;}
.box3{ position: relative; float:right; width: 280px; background-color: none; margin-top:0px; margin-left: 10px; margin-right:10px; margin-bottom:0px; padding:0px; text-align:center;}

.box10{ position: relative; float:left; width: 320px; background-color: none; margin-top:0px; margin-left: 50px; margin-right:10px; margin-bottom:0px; padding:0px; text-align:left;}



/*Flow player stuff*/

.flowcontain {width:730px; margin-left:45px;}
.flowcontain2 {width:600px; margin-left:5px;}
.flowcontain3 {width:800px; margin-left:65px;}
.flowcontain4 {width:800px; margin-left:0px;}
.flowcontainMix {width:800px;margin:auto; text-align:center;}
.episodegallery {width:780px;margin:auto; text-align:center;}







 
.credits li  {list-style: none;}

 
.lavalamp2  {
width:700px;
text-align: center;
	color: #000;
	font-family: Arial, Sans-Serif; 
	
		font-size: 13px;

border: none; }               
/* End header*/

.lavalamp2  li {display:inline;	list-style: none; padding-left:5px; }

	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 380px;	
	height:90px;	
	
	/* custom decorations */
	padding:10px 0;	
	background-color:#000;				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:100px;
	padding:25px 0px;
	font-size:12px;
	color:#CCCCCC;
	font-family: 'bitstream vera sans';
	border:1px outset #999;
	background-color: #333;
	margin-right: 20px;	
	-moz-border-radius:5px;
}

/* active item */
div.scrollable div.items div.active {
color:#000000;
	border:1px inset #ccc;		
	background-color:#fff;
}


/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(http://www.the411show.tv/flowplayer/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(http://www.the411show.tv/flowplayer/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:128px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(http://www.the411show.tv/flowplayer/dots.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	




/* other player css */

	/* make elements a little more centered */

	
	/* these two settings will remove borders from playlist entries */
	a:active {  outline:none; }
	:focus   { -moz-outline-style:none; }
	
	
	/* container has a background image */
a.player {	
	margin-top:40px;
	display:block;
	background:url(http://flowplayer.org/img/player/splash.png) no-repeat;
	width:425px;
	height:298px;
	padding:0 126px 75px 127px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	margin-top:115px;
	border:0;	
}


	

#pl {
	height:80px;
	background:#f5fbfb url(http://flowplayer.org/img/global/gradient/h150.png) repeat-x;	
	border:1px solid #ddd;
	width:584px;
	position:relative;
	overflow:hidden;
	padding:5px 0;
	float:left;
}

#pl div.entries {
	height:80px;
	position:absolute;
	width:10000em;
}

#pl div.entries a {
	background:transparent url(http://flowplayer.org/img/playlist/entry.png) no-repeat scroll 0%;
	color:#666;
	float:left;
	font-family:"bitstream vera sans","lucida grande","verdana";
	font-size:11px;
	height:60px;
	margin:0px 4px;
	padding:10px;
	text-decoration:none;
	width:117px;
	
}

#pl div.entries a:hover {
	background-position:-140px 0;
	color:#000;
}

#pl div.entries a.playing {
	background-position:-280px 0;		
	color:#000;
}

#pl div.entries a.paused {
	background-position:-420px 0;		
	color:#000;
}

#pl div.entries a.progress {
	opacity:0.8;
}

#pl div.entries em {	
	float:right;
	margin-top:15px;
	color:red;
	font-style:normal;
}

a.nextPage, a.prevPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/flowplayer/left.png) no-repeat;
	margin:30px 10px;
	cursor:pointer;
	float:left;
}

a.nextPage:hover, a.prevPage:hover {
	background-position:0px -18px;		
}

a.nextPage {
	background-image:url(/flowplayer/right.png);	
}

a.nextPage.disabled, a.prevPage.disabled {
	visibility:hidden;		
}



		THIS IS YOUR FULLSCREEN DIMENSIONS
div.overlay {	*/
	width:800px;	
	height:641px; 
	
	background-image:url(http://flowplayer.org/img/overlay/petrol.png);
	display:none;	
	padding: 0 !important;
}

/* close button for overlay */
div.overlay div.close {
	background:url(http://flowplayer.org/img/overlay/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

original size of the player 
#player2, #player2 embed, #player2 object {
	height:235px;
	width:350px;
}

/* absolute positioning of the player */
#player2 embed, #player2 object {
	position:absolute;
	
	/* layer as the topmost element */
	z-index:10000;
}







/* GIGS EVENT LIST STYLE */

td.RemindersTitle {
font-family: sans-serif;
font-size: 16px;
color: #800000;
}

.SubmitButton {
font-family: sans-serif;
font-size: 11px;
color: black;
background-color: #E8C282;
text-decoration: none;
font-weight: bold;
border: 2px #800000 solid;
}

.Fields {
font-family: sans-serif;
font-size: 13px;
color: #3D3F52;
text-decoration: none;
font-weight: normal;
border: 1px #800000 solid;
}

.FieldNames {
font-family: sans-serif;
font-size: 13px;
color: #3D3F52;
text-decoration: none;
font-weight: bold;
}

table.EventTable {
border: 1px #CFA45D solid;
}

td.Date {
font-family: sans-serif;
font-size: 14px;
color: black;
background-color: #336699;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
padding: 5px;
border-bottom: 1px #CFA45D solid;
}

td.EventName {
font-family: sans-serif;
font-size: 18px;
color: black;
background-color: #F5E6CB;
text-decoration: none;
font-weight: bold;
padding: 5px;
border-bottom: 1px #CFA45D solid;
}

td.RegularText {
font-family: sans-serif;
font-size: 12px;
color: #000000;
background-color:white;
text-decoration: none;
font-weight: normal;
padding: 5px;
}

.RegularText a:link, .RegularText a:visited {
font-family: sans-serif;
font-size: 14px;
color: #666666;
font-weight: normal;
}
.RegularText a:active, .RegularText a:hover {
font-family: sans-serif;
font-size: 14px;
color: #800000;
font-weight: normal;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
.hrblog {  border-bottom: solid 2px #999999;margin-bottom:25px;margin-top:15px;}
.postmetadata  {color:#f08e31;margin-top:25px;}
.orange {color:#f08e31;}

img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}

	
	


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}