/* CSS Document */

* {
	margin:0;
	padding:0}

	a:link    {color:red; text-decoration:none}
	a:visited {color:red; text-decoration:none}
	a:hover   {color:#f90; text-decoration:underline}
	a:active  {color:#f90; text-decoration:underline}

	a.top:link    {color:red; text-decoration:none}
	a.top:visited {color:red; text-decoration:none}
	a.top:hover   {color:#f90; text-decoration:underline}
	a.top:active  {color:#f90; text-decoration:underline}

	a.mp3:link    {color:red; text-decoration:underline}
	a.mp3:visited {color:red; text-decoration:underline}
	a.mp3:hover   {color:#fff; text-decoration:underline}
	a.mp3:active  {color:#fff; text-decoration:underline}

	a.reg:link    {color:red; text-decoration:underline}
	a.reg:visited {color:red; text-decoration:underline}
	a.reg:hover   {color:#f90; text-decoration:underline}
	a.reg:active  {color:#f90; text-decoration:underline}

	body { 
		width:800px;
		background:#2b2b36 url(/robinandtherubes/images/bg2.gif) repeat-x;
		margin-left:auto;
		margin-right:auto;
		top:0;
		text-align:center;
		font:8pt chicago, arial, serif;
		color:#fff
	}

	.bkmk {
		color:#fff;
		text-decoration:none;
		letter-spacing:.1em;
		font-weight:bold
	}

	a.bkmk:link, a.bkmk:visited {
		color:#fff; 
		text-decoration:underline
	}
	
	a.bkmk:hover, a.bkmk:active {
		color:red; 
		text-decoration:underline
	}
	
	h1 {
		width:770px;
		height:51px;
		margin:0 auto 10px auto
	}

	#content {
		width:770px;
		background-color:#000
	}

	#top {
		width:770px;
		height:80px;
		margin:0 auto 0 auto;
		text-align:center;
		background:url(/robinandtherubes/images/nav/title-0306.jpg) top center no-repeat
	}

	#navigation {
		width:770px;
		height:23px;
		float:left;		
		text-align:center;
		position:relative;
		margin-top:-18px;
		margin-bottom:5px;
		padding-left:45px;
		z-index:2
	}

	#navigation ul {
		list-style:none
	}

	#navigation li {
		list-style:none;
		float:left;
		text-align:center
	}

	a#nav { /*applies block size to all nav id's*/
		display:block;
		width:100px;
		height:23px;
	    /*background:url(/images/nav/bg_nav2.gif) top left no-repeat;*/     /*shows only the top portion of image*/
		font:1.2em chicago, arial, serif;
		color:#fff;
		font-weight:bold;
		margin-left:10px
	}
	
	a#nav.on {
		color:red;
		text-decoration:underline;
		z-index:2
	}
	
	a#nav:hover {
	  	background-position:0px -23px; /*shows bottom portion of image when hovered*/
		color:red;
		text-decoration:underline;
		z-index:2}

	a#nav.on:hover {
		cursor:default;
		color:red;
		text-decoration:underline;
		z-index:2}

	#scroll {
		width:770px;
		height:20px;
		position:relative;
		margin-bottom:-10px}
	
	#container {
		clear:both;
		width:770px;
		min-height:340px;
		background-color:#000
	}

	#index_left {
		width:200px;
		margin-top:10px;
		font:.9em chicago, tahoma, serif;
		color:#fff;
		letter-spacing:.1em;
		float:left}
	
	#index_center {
		width:370px;
		margin-top:10px;
		float:left}

	#index_right {
		width:200px;
		margin-top:10px;
		float:left}

	#bios_left {
		width:270px;
		margin-top:10px;
		margin-left:10px;
		padding:0 20px 10px 20px;
		float:left;
		border-right:2px dotted #666;
		border-bottom:2px dotted #666}

	#bios_left2 {
		width:270px;
		margin-top:10px;
		margin-left:10px;
		padding:10px 20px 10px 20px}

	#bios_right {
		width:400px;
		*width:420px;
		padding:0 10px 0 10px;
		float:left;
		/*text-transform:uppercase;*/
	}

	#bios_bot {
		clear:both;
		width:700px;
		*width:730px;
		margin:0 auto 10px 10px;
		text-align:center;
		padding:0 20px 10px 20px;
		float:left;
		/*text-transform:lowercase;*/
	}

	#bios_right, #bios_bot p {
		margin-top:10px}
	
	#photo-page {
		width:700px
	}

	#photo-float {
		width:700px;
		float:left
	}
	
	#photo {
		width:375px;
		float:left;
		padding:10px 5px 10px 5px;
		*padding:10px 10px 10px 10px}

	#photos_bot {
		clear:both;
		width:770px;
		text-align:center
	}
	
	.inputstyle {
		line-height:19px;
		background-color:#cdcdfa;
		font:.8em arial, tahoma, serif;
		color:#272747;
		padding:2px 2px;
		border:solid #faa507 2px}

	.join {
		padding:5px 5px}

	.cap {
		text-transform:uppercase}
	
	.regtext {
		font:9pt ""trebuchet ms"", arial, serif;
		color:#fff}
	
	.smtext {
		font:8pt verdana, ""trebuchet ms"", arial, serif}

	.lgtext {
		font:10pt ""trebuchet ms"", arial, serif;
		color:#F30;
		font-weight:bold}
	
	.red {color:red}
	
	.linklg {
		width:450px;
		font:1.1em geneva, "trebuchet ms", arial, serif;
		color:#fff;
		font-style:none;
		font-weight:bold;
		padding:10px 0 0 0}

	a.sched:link, a.sched:visited {
		color:#f30;
		text-decoration:underline}
	
	a.sched:hover, a.sched:active {
		color:#fc0;
		text-decoration:underline}
	
	.linksm {
		width:450px;
		font:.9em geneva, "trebuchet ms", arial, serif;
		color:#fff;
		font-style:italic;
		padding:0 0 20px 0}

	#linkblock1, #linkblock2 {
		width:450px;
		border:dotted #CCC 1px;
		padding:10px 0 
	}
	
	#linkblock1 {
		background-color:#2b2b36;
		filter:alpha(opacity=50); 
		-moz-opacity:0.5; 
		opacity:0.5; 
		-khtml-opacity:.5
	}
	
	#linkblock2 {
		background-color:#000
	}

	#newsletter {
		width:600px;
		background:#fff;
		margin:0 auto;
		text-align:center
	}
	
	#footer {
		clear:both;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		width:770px;
		background-color:#333;
		font:7pt chicago,verdana,arial,serif;
		letter-spacing:.1em;
		color:#999;
		padding:10px 0;
		border-top:#ccc dashed 1px}

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

	#footer a:hover, a:active {
		color:white;
		text-decoration:underline;
	}