/*
Theme Name: NicolaHitchcock
Theme URI: www.soulbat.com
Description: Nicola Hitchcock 2009 Custom Wordpress theme.
Version: 1.0
Author: SOULBAT
Author URI: http://www.soulbat.com
Tags: 

*/

html, body, ul, ol, li, p, h1,h2,h3,h4,h5,h6,form,fieldset,a,div,img { margin:0; padding:0; border:0 }
input,select,textarea {	font-family:  Arial, Helvetica, sans-serif; font-size: 12px;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#FFFFFF;
	background-color: #0E3355;
	color:#C2DCFD;
	text-align:center;
	background-image:url(images/bg.jpg); background-repeat:repeat-y;
	background-position:top center;
}

a { color:#3399CC; outline:none; }

a:hover { color:#9999FF }

.error { color:#FF6600 }


#wrap {
margin:0 auto;
text-align:center;
width:auto; height:auto;
background-image:url(images/headgrad.jpg); background-repeat:repeat-x;
}
#wrapin {
	margin:0 auto;
	text-align:center;
	width:900px;
	height:auto;
	padding:9px;
	background:url(images/bigfoot2.jpg) no-repeat center 0px;
}
#head {
margin:0 auto;
width:900px; height:auto; 
text-align:left;
}
#head img {
margin:7px 5px 5px 6px;
}

/* navigation */
#nav {width:880px; height:auto; color:#9999FF; margin:0 auto 9px auto; text-align:left;}

#nav ul  {
list-style:none;
}

#nav ul li {
display:inline !important;
list-style:none;
}

#nav a {
font-size: .9em;
letter-spacing:.1em;
color:#9999FF;
text-decoration:none;
padding:3px;
}

#nav a:hover {
color:#993366;
}

#nav .current_page_item a {
color:#5B71EB !important;
}


#main,#mainhome {
margin:0 auto;
width:880px; height:auto; 
font-size:.9em;
line-height:1.3em;
text-align:center;
}

#mainhome table {
padding:0px 20px;
font-size:.85em !important;
}

#mainInner {
margin:0 auto;
width:780px; height:auto; 
text-align:left;
font-size:.96em;
}

/* flash */ 
#flash { width:100%; height:251px; margin:0 auto; }

#newshd {
width:900px; margin:0 auto; 
text-align:left;
}
#newshd img {
padding-left:20px;
}

#footer {
font-size:.85em;color:#2B69A0;
width:868px; height:auto; 
padding:6px 0 14px 0;
text-align:left;
}
#footer a {
color:#9999FF;
text-decoration:none;
padding:3px;
}
#footer a.home { padding-left:0 }
#footer a:hover {
color:#CCC;
}

#footnav  {
margin:14px auto 10px auto;
width:868px; height:auto; 
padding-top:14px;
font-size:.8em;
color:#2B69A0;
text-align:left;
}

#footnav  ul  {
list-style:none;
}

#footnav  ul li {
display:inline !important;
list-style:none;
}

#footnav a {
color:#9999FF;
text-decoration:none;
}

#footnav a:hover {
color:#000;
}

#bigfoot {
margin:0 auto;
width:896px; height:auto; 
background:url(images/bigfoot.jpg) top left no-repeat;
}
	
#locontent {
margin:0 auto;
padding:36px 0 18px 0;
width:600px; height:auto; 
text-align:left; 
}


/* use em as shortcut for hilite */

#main em {
color:#9999FF; 
}


.pad {
padding:0 18px 9px 0;
line-height:130% ;
}

#h1 {
padding:12px 0 10px 20px;
height:auto;
text-align:left;
}

h1 { 
font-size:2em; font-weight:bold;
margin:12px 0;color:#187CBC;
}
h2 {
color:#0099FF;font-size:1em;
margin-top:18px; font-weight:bold;
margin-bottom:.7em;
}
h3 {
color:#0099FF;font-size:1em;
font-weight:bold;
margin-bottom:.5em;
}

p {
margin-bottom:1em;
}


.notes { font-size:1em }

.purplebg {
background-color:#1F2B45;
}

#navlyrics {
width:auto; height:auto;
margin:0 18px 9px 0;
font-size:1.2em
}

#navlyrics h1 {
font-size:1.3em; color:#993366;
}
#navlyrics, #navlyrics a {
font-size:1.1em;
color:#9999FF; 
text-decoration:none;
padding:1px;
line-height:130%;
}
#navlyrics a:hover {
background-color:#663377;
}

#lyrichead {
width:730px; height:78px; background-image:url(images/titles/lyrics.gif); background-repeat:no-repeat; text-align:right;
}

.discotab h2 {
margin:0 0 4px 0;
}

#qa {
margin-left:12px;
margin-right:18px;
}

.qtn {
font-size:1em;
padding-right:4px;
}


.dwnldbox {
padding:5px; margin:9px 2px 2px 2px; border:1px solid #444499; 
}

.dwnldbox h2 {
margin-top:0;
}

.dwnldbox a {
font-size:1em;
}

div.biog p {
margin-bottom:1em;
}
div.biog p.violet {
margin:1em 2em 1em 1em;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* LYRICS */
ul.lyrics {
list-style:none;
padding:0 30px 200px 30px;
}
ul.lyrics li {
list-style:none;
display:inline;
margin-right:9px;
}
ul.lyrics li a {
text-decoration:underline;
}
ul.lyrics li a:hover {
color:#993366
}


td  {
text-align:left;
}

#main.lyrics {
	background:url(images/titles/lyrics.gif) no-repeat 20px 26px;
	padding:85px 0;
	color:#9999FF;
}
#main.lyrics h1 {
font-size:1.3em; color:#993366;
padding-left:42px;
}

#mainInner.lyrics {
width:400px;
padding-right:300px;
}

#moonlink {
position:absolute;
top:180px;
left:50%;
margin-left:100px;
width:265px;
height:267px;
background:url(images/moonlink.gif) no-repeat;
z-index:9;
}

#moonlink .menu {
position:relative;
top:36px;
left:83px;
width:90px;
height:36px;
}

#moonlink .next, #moonlink .back {
margin-top:74px;
width:70px;
height:36px;
}

#moonlink .next {
float:right;
margin-right:20px;
}
#moonlink .back {
float:left;
margin-left:20px;
}