/* ---------------

soular.ca || http://www.soular.ca || 
All rights reserved. xguru, Inc.
soular.live.css ::>
:: last updated January 11 2010 :: v1

Curiosity Killed The Cat
---------------*/

body 		{ 	margin: 0px 0px 0px 0px;
			background-color:#000000;
			padding: 10px;
		}

#imgside	{	position:absolute; float: left;
			top: 800px; left: 20px;
			width: 300px; height:300px;
		}

blockquote.photo 	{ font: normal 10px trebuchet, arial, helvetica, sans-serif; color:#faca85;
				text-align: center;
				line-height: 1.2em;
				padding: 0px 20px 0px 0px;
				margin: 5px 0px 10px 0px;
				float: left;
				clear: both;
			}

blockquote.photo img	{ border: 1px solid #faca85; 
				display: block;
				margin: 0px 0px 10px 0px;
			}

blockquote.photo em	{ font-style: normal; }

blockquote.photo2 	{ font: normal 10px trebuchet, arial, helvetica, sans-serif; color:#faca85;
				text-align: center;
				line-height: 1.2em;
				padding: 0px 20px 0px 20px;
				margin: 5px 0px 10px 0px;
				float: right;
				clear: both;
			}

blockquote.photo2 img	{ border: 1px solid #faca85; 
				display: block;
				margin: 0px 0px 10px 0px;
			}

blockquote.photo2 em	{ font-style: normal; }

/* NAVIGATION */

ul#nav		{ 	margin-left:0px;
			position:absolute;
			top:110px; left:318px;
			list-style:none;
		}

ul#nav li, ul#nav a { display:block; position:absolute; }

ul#nav span { display:none; }
ul#nav a { height:30px; background:url("/images/navigation.jpg") 0 0 no-repeat; }

ul#nav .home { left:0px; }
ul#nav .home a { width:60px; }
ul#nav .home a:hover, ul#nav .home a.selected { background-position:0px -30px; }

ul#nav .band { left:65px; }
ul#nav .band a { width:65px; background-position:-65px 0px; }
ul#nav .band a:hover, ul#nav .band a.selected { background-position:-65px -30px; }

ul#nav .music { left:122px; }
ul#nav .music a { width:60px; background-position:-122px 0px; }
ul#nav .music a:hover, ul#nav .music a.selected { background-position:-122px -30px; }

ul#nav .gallery { left:189px; }
ul#nav .gallery a { width:70px; background-position:-189px 0px; }
ul#nav .gallery a:hover, ul#nav .gallery a.selected { background-position:-189px -30px; }

ul#nav .schedule { left:261px; }
ul#nav .schedule a { width:95px; background-position:-261px 0px; }
ul#nav .schedule a:hover, ul#nav .schedule a.selected { background-position:-261px -30px; }

ul#nav .links { left:355px; }
ul#nav .links a { width:60px; background-position:-355px 0px; }
ul#nav .links a:hover, ul#nav .links a.selected { background-position:-355px -30px; }

ul#nav .contact { left:406px; }
ul#nav .contact a { width:75px; background-position:-406px 0px; }
ul#nav .contact a:hover, ul#nav .contact a.selected { background-position:-406px -30px; }


#box	{ 	background: url(/images/design_4.jpg); background-repeat: no-repeat;
		float: left; position:absolute;
		border: solid 1px #faca85;
		margin-top: 10px
			min-height:600px;
			width: 820px;
		}

#enews		{ background:transparent;
			position:absolute;
			margin: 20px 0px 0px 680px;
				padding: 0px 0px 0px 0px;
z-index:4;
		}

#content	{ background:transparent;
			position:relative;
			margin: 130px 0px 0px 20px;
				padding: 0px 0px 0px 0px;
z-index:5;
		}

#updateprofile	{ height:300px; width:450px; }


#footerbr { clear: both; }

#footer { margin: 40px 0px 5px 10px; 
		float: left; position:absolute;
			font: 10px Arial, Helvetica; color: #ffffff; font-weight:bold;
		}
#xfooter { margin: 20px 10px 5px 670px; 
		float: right; position:absolute; text-align: right;
			font: 10px Arial, Helvetica; color: #c3c3c3; font-weight: normal;
		}

a, a:active 	{ color: #9ACCE5; text-decoration: underline; }
a:visited 	{ color: #ffffff; text-decoration: underline; }
a:hover 	{ text-decoration: none; color: #faca85; }

h1 { margin: 5px 0px 10px 300px;
		font: bold 26px trebuchet,Arial, Helvetica, sans-serif; color: #faca85; text-align:left; }
h2 { margin: 15px 15px 10px 300px;
		font: bold 16px trebuchet,Arial, Helvetica, sans-serif; color:#faca85; line-height: 1.5em; }
h3 { margin: 20px 15px 10px 300px;
		font: normal 13px trebuchet,Arial, Helvetica, sans-serif; color:#faca85; line-height: 1.8em; text-align:left;
		letter-spacing: .10em;
 }
h4 { margin: 0px 0px 4px 0px;
		font: 10px trebuchet,Arial, Helvetica, sans-serif; color:#faca85;
		text-align:right;
}

h5  { margin: 15px 15px 10px 15px;
		font: 10px trebuchet,Arial, Helvetica, sans-serif; color: #000000; line-height: 1.6em; text-align:right;
		}

p  { margin: 5px 15px 5px 300px;
		font: normal 13px trebuchet,Arial, Helvetica, sans-serif; color:#faca85; line-height: 1.8em; text-align:left;
		letter-spacing: .10em;
 }

ol { margin: 5px 15px 5px 60px;
		font: 10px trebuchet,Arial, Helvetica, sans-serif; color: #000000; list-style:square;  line-height: 1.6em; }


table	{ margin: 5px 20px 0px 300px;
	}

th  { margin: 0px 0px 0px 10px;
		border-bottom: solid 0px #bbbbbb;
		font: normal 11px trebuchet,Arial, Helvetica, sans-serif; color: #faca85; line-height: 1.6em; letter-spacing: .10em; text-align:left;
		}
td  { margin: 0px 0px 0px 10px;
		border-bottom: solid 0px #bbbbbb;
		font: normal 12px trebuchet,Arial, Helvetica, sans-serif; color: #faca85; letter-spacing: .10em;
		line-height: 1.2em;
		text-align:left;
		vertical-align: text-top;
		}

#schedule	{ margin: 5px 20px 0px 300px; border-collapse: collapse; width: 500px;
		}

tr.schedule1  { border-top: solid 1px #292626; line-height: 1.6em; }

th.schedule  { font: bold 13px trebuchet,Arial, Helvetica, sans-serif; color: #faca85; line-height: 1.6em; letter-spacing: .10em; text-align:left;
		}

td.schedule  { 	font: normal 12px trebuchet,Arial, Helvetica, sans-serif; color: #faca85; letter-spacing: .10em;
		line-height: 1.2em;
		text-align:left;
		vertical-align: text-top;
		}

.imgh1 	{	border: 0px solid #ffffff;
		margin: 0px 20px 5px 0px;
	}
.imgh2 	{	border: 0px solid #ffffff;
		margin: 5px 0px 5px 0px;
	}
.imgr 	{	border: 1px solid #ffffff;
		margin: 0px 10px 5px 10px;
	}
.imgrb 	{	margin: 0px 0px 20px 20px;
	}
.imgrg 	{	border: 1px solid #faca85;
		margin: 0px 10px 5px 15px;
	}
.imgl 	{	border: 1px solid #ffffff;
		margin: 0px 10px 5px 10px;
	}
.imgls	{	border: 2px solid #faca85;
		margin: 0px 0px 0px 0px;
	}

input, textarea, select
	{ font: 10px trebuchet,Arial, Helvetica, sans-serif; 
		color: #000000;
		background-color:#D4E1E6;
		border: 2px solid #faca85;
	}

.enews { 	font: 10px trebuchet,Arial, Helvetica, sans-serif; color: #000000;
		border: 0px solid #000000;
	}