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

moniquemusique.com [] http://www.moniquemusique.com
All rights reserved. xguru, Inc. http://www.xguru.com
janelle.v1.css ::> 
:: last updated September 24 2008 :: 

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


a,a:link	{color:#ba9268; text-decoration: underline; }
a:hover		{color:#4a2e1f; text-decoration: none; }
a:active	{color:#ffffff; text-decoration : none; }


body			{ 	background-image:url("/images/janelle_bk.jpg"); background-repeat: repeat-x;
				background-color:#080002; margin: 0px 0px 0px 0px;
				background-position: center top;
			}

body, th, td		{	font-family: lucida grande, lucida sans, lucida unicode, arial, helvetica, sans-serif;
			}


/* ------------------------   div positioned classes   ------------------------ */

	
#left		{ position: relative; left: 25px; width: 375px; float: left; background-color: transparent; }

#right		{ position: relative; left: 0px; width: 600px; float: right; background-color: transparent; border-left: dotted 1px #ba9268; }

#rightplain	{ position: relative; left: 0px; width: 600px; float: right; background-color: transparent; border-left: dotted 0px #ba9268; }

#swirl		{ 	width: 575px; height:140px;
			position:relative; top:0px; left:25px;
			background:url("/images/content_swirl2.jpg"); background-repeat: no-repeat;
			clear: both;
		}

#player		{ position: relative; top: 0px; left: 50px; width: 219px; z-index:8; }
#enews		{ position: relative; top: 0px; left: 30px; width: 300px; float: left; padding: 20px 0px 10px 0px; clear:both;}
#footer		{ position: relative; top: 5px; left: 15px; width: 300px; float: left; padding-bottom:30px; clear:both;}
#xfooter	{ position: relative; top: 0px; left: 120px; width: 150px; height:45px; float: left; padding-bottom:10px; clear:both;}



/* ------------------------   top navigation   ------------------------ */


#header			{ 	width: 525px; 
				position:relative; top:-60px; left:425px;
				background-color: transparent;
				clear: both; 
				padding-bottom:15px;
			}

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

ul#nav a { height:60px; background:url("/images/janelle_nav.jpg") 0 0 no-repeat; }

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

ul#nav span { display:none; }

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

ul#nav .bio { left:90px; top:0px; }
ul#nav .bio a { width:45px; background-position: -90px 0px; }
ul#nav .bio a:hover, ul#nav .bio a.selected { background-position:-90px -60px; }

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

ul#nav .gallery { left:210px; top:0px; }
ul#nav .gallery a { width:75px; background-position: -210px 0px; }
ul#nav .gallery a:hover, ul#nav .gallery a.selected { background-position:-210px -60px; }

ul#nav .shows { left:295px; top:0px; }
ul#nav .shows a { width:70px; background-position: -295px -0px; }
ul#nav .shows a:hover, ul#nav .shows a.selected { background-position:-295px -60px; }

ul#nav .press { left:370px; top:0px; }
ul#nav .press a { width:65px; background-position: -370px -0px; }
ul#nav .press a:hover, ul#nav .press a.selected { background-position:-370px -60px; }

ul#nav .contact { left:440px; top:0px; }
ul#nav .contact a { width:85px; background-position: -440px -0px; }
ul#nav .contact a:hover, ul#nav .contact a.selected { background-position:-440px -60px; }



/* ------------------------ content classes ------------------------ */

h1 		{ 	margin: 0px 50px 40px 55px;
			font-size:32pt; color:#ba9268;
			text-align:left;
			font-weight:normal; font-style:normal;
		}
h2 		{ 	margin: 0px 50px 20px 55px;
			font-size:24pt; color:#d6cec7;
			text-align:left;
			font-weight:normal; font-style:normal;
		}
h3 		{	margin: 10px 50px 10px 55px;
			font-size:12pt; color:#d6cec7;
			text-align:left;
			font-weight:normal; font-style:normal;
		}
h5 		{	margin: 0px 0px 0px 0px;
			font-size:8pt; color:#d6cec7;
			text-align:left;
			font-weight:normal; font-style:normal;
		}
p 		{	margin: 10px 50px 10px 55px;
			font-size:8pt; color:#d6cec7;
			text-align:justify; line-height: 1.7em;
			font-weight:normal; font-style:normal;
		}
p.enews		{	margin: 0px 0px 5px 0px;
			font-size:9pt; color:#ba9268;
			text-align:justify; line-height: .85em;
			font-weight:bold; font-style:normal;
		}
input, textarea, select
		{ font-size: 8pt; color: #ba9268;
			background-color: transparent;
			border: 1px solid #c3c3c3;
		}
.button		{ margin-left: 5px; font-weight:bold; 
			border-top: 0px solid #c3c3c3;
			border-right: 1px solid #c3c3c3;
			border-bottom: 1px solid #c3c3c3;
			border-left: 0px solid #c3c3c3;
}
.formbox { font-size: 8pt; font-weight; normal;
			background: #ffffff;
			color: #ba9268;
			border: 1px solid #555555;
		text-align:left;
		}


/* ------------------------   table   ------------------------ */

#tv	{	margin: 0px 0px 0px 80px; position:top left;
		padding-top: 10px;
		width: 400px; text-align:left;
		border-collapse: collapse;
	}
#tv th	{	font-size: 8pt; font-weight:bold;
		color: #555555; text-align:left;
		margin: 0px 0px 0px 0px;
		background: transparent;
		}
#tv td  	{ font-size: 8pt; font-weight:normal;
		color: #555555; text-align:left;
		margin: 0px 0px 0px 0px;
		line-height:1.1em; vertical-align:top;
		background: transparent;
		}
#tv td.alt  	{ font-size: 10pt;
		margin: 0px 0px 0px 0px; line-height:1.1em;
		color: #555555; text-align:left;
		vertical-align:top;
		border-bottom: 1px solid #0D4099;
		background: #EAF0F3;
		}


/* ------------------------   images   ------------------------ */

.img		{ margin: 0px 0px 0px 0px; border: solid 1px #ba9268; }
.imgb		{ margin: 0px 0px 60px 0px; border: solid 1px #080002; }
.imga		{ margin: 0px 0px 40px 0px; border: solid 1px #ba9268; }
.imgicon	{ margin: 60px 0px 0px 0px; border: solid 1px #080002; }
.imgr		{ margin: 0px 0px 20px 30px; border: solid 1px #ba9268; }

.imgt a:link img	{	border: 1px solid #ba9268; margin: 0px 0px 0px 0px; }
.imgt a:hover img	{	border: 1px solid #ffffff; margin: 0px 0px 0px 0px; }