@charset "utf-8";
/* C S S - D O C U M E N T */

/* S T A N D A R D S */

body{
	background-color:#f6f6dc;
}

#wrapper{
	margin:0 auto;
	padding:10px 0 0 0;  
	position:relative;
	width:804px;
	background-color:#58a8be;
	border-left:50px solid #58a8be;
	border-right:50px solid #58a8be;
}
hr{
	height:0;
	border:0;
	border-top:1px dashed white;
}

/* B R A N D I N G */
h1{
	text-indent:-9999px;
	width:804px;
	height:261px;
	display:block;
}
#home h1{background:url(../images/home.jpg) no-repeat;}
#gigs-news h1{background:url(../images/gigs-news.jpg) no-repeat;}
#words-and-music h1{background:url(../images/words-and-music.jpg) no-repeat;}
#contact h1{background:url(../images/contact.jpg) no-repeat;}
#photos h1{background:url(../images/photos.jpg) no-repeat;}

/* M E N U */
#navigation{
	width:800px;
	margin:5px auto 20px;
	padding:3px 0;
}
#navigation ul{
	text-align:left;
	width:800px;
	height:2em;
}
#navigation li{
	font-family:Verdana, Geneva, sans-serif;
	font-size: .8em;
	margin:0;
	display:inline;
	list-style-type:none;
	padding:0 26px 4px;
	letter-spacing:2px;
	overflow:visible;
}
#navigation a{
	color:white;
	text-decoration:none;
	height:2em;
}
#navigation a:hover{
	color:#22368f;
}
#home #navigation .home a, #gigs-news #navigation .gigs-news a, #words-and-music #navigation .words-and-music a, #contact #navigation .contact a{
	color:#22368f;
}
/*#navigation{
	width: 804px; height: 40px;
    background: url(../images/menu.jpg) bottom center;
    margin: 0 auto; padding: 0;
    position: relative;
}
#navigation li{
	list-style-type:none;
	position:absolute;
}
#navigation li, #navigation a{
	height:40px;
	display:block;
	text-indent:-9999px;
}
#navigation .home{left:0; width:150px;}
#navigation .gigs-news{left:150px; width:200px;}
#navigation .words-and-music{left:350px; width:250px;}
#navigation .contact{left:600px; width:200px;}

#navigation .home a:hover, #home #navigation .home a{background: transparent url(../images/menu.jpg) 0px top no-repeat;}
#navigation .gigs-news a:hover, #gigs-news #navigation .gigs-news a{background: transparent url(../images/menu.jpg) -150px top no-repeat;}
#navigation .words-and-music a:hover, #words-and-music #navigation .words-and-music a{background: transparent url(../images/menu.jpg) -350px top no-repeat;}
#navigation .contact a:hover, #contact #navigation .contact a{background: transparent url(../images/menu.jpg) -600px top no-repeat;}
*/

/* T E X T */
h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	padding:20px 0 10px;
	color:white;
	text-align:center;
	letter-spacing:3px;
}
h3, h4{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	padding:5px 0;
	letter-spacing:2px;
	font-weight:100;
}
h3{
	color:white;
	padding-left:7px;
}
h4{
	font-size: .8em;
	color:#22368f;
}
p{
	font-family:Verdana, Geneva, sans-serif;
	font-size: .8em;
	line-height:1.5em;
	padding:5px 0 15px 25px;
	color:#d0f9ff;
	letter-spacing:0;
	font-weight:100;
}
a{
	color:white;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
}
a:hover{
	color:#22368f;
	text-decoration:none;
}
/* C O N T E N T */

#content{
	width:460px;
	padding-right:40px;
	display:block;
	float:left;
	position:relative;
}

/* A S I D E */

#aside{
	width:302px;
	display:block;
	float:left;
	position:relative;
	margin-bottom:120px;
	margin-top:6px;
}
#aside h4{
	text-align:right;
	color:white;
	padding-right:20px;
}
#aside img{
	border:1px solid white;
}
#aside img.social-networking{
	float:right;
	margin: 10px 0 0 10px;
}
#aside ul{
	text-align:center;
}
#aside li{
	font-family:Verdana, Geneva, sans-serif;
	padding:3px 0 0 5px;
	color:white;
	text-align:right;
	display:inline;
	padding:0 20px;
}
#aside li a{
	font-size: .8em;
	color:white;
	text-decoration:none;
	line-height:1.5;
}
#aside li a:hover{
	color:#22368f;
}

#social-links{
	float:right;
	margin:-110px 0 10px 10px;
}
#social-links img{
	margin:0 0 0 10px;
}

/* C O N T A C T */

.social-networking img{
	margin:5px 20px 10px 0;
	float:left;
	border:1px solid white;
}

/* W O R D S   A N D   M U S I C */
.back{
	font-size: .7em;
	color:white;
	text-decoration:none;
	letter-spacing:2px;
	line-height:1.5;
	padding-left:7px;
}
.back:hover{
	color:#22368f;
}
.box{
	width:430px;
	background:url(../images/gradient.jpg);
	border:solid 1px white;
	padding:20px;
}
.box p{
	color:gray;
	font-size:.7em;
	padding-left:5px;
	letter-spacing:0;
}
#moonlight-and-theramin{
	list-style-type:none;
	padding-left:10px;
}

#words-and-music h3{
	color:white;
}
#words-and-music .box h3{
	color:#22368f;
}
#moonlight-and-theramin li h4{
	margin-top:15px;
	padding:0px;
	color:#9c6b0e;
}
#moonlight-and-theramin li a{
	text-decoration:none;	
	font-family:Verdana, Geneva, sans-serif;
	font-size: .8em;
	padding:5px 0 15px 5px;
	color:gray;
}
#moonlight-and-theramin li a:hover{
	color:white;
	text-decoration:underline;
}

/* G I G S - N E W S */

#gigs-news #content h4{
	padding:10px 12px 0px;
}

/* F O O T E R */
#footer{
	clear:both;
	padding-top:50px;
}
#footer p{
	color:white;
	text-align:center;
	font-size:.6em;
	padding:5px;
}
#footer a{
	color:#d0f9ff;
	text-decoration:none;
}
#footer a:hover{
	color:white;
	text-decoration:underline;
}