/* Nina Storey CSS Files JaretMedia.com */
/* Version 1.5                          */
/* Copyright 2008, JaretMedia.com       */
/* Nina and her music are awesome       */

/* --- main page structure --- */

body {background: url(../images/background.gif) repeat top left;
	  font-family: arial, helvetica, sans-serif;
	  font-size: 12px;
	}

#wrapper {width: 920px;
		  margin: auto;}

#header {background: url(../images/nina-logo.png) no-repeat 0 0;
		 height: 55px;}

#navigation {padding: 0;
			 margin: 0;
			 }


#content {width: 905px;
		text-align: left;
		background: transparent url(../images/content-middle.png) repeat-y top left;
		padding: 5px 10px 5px 30px;
		height: 520px;
}

#topcontent {background:transparent url(../images/top-content.png) no-repeat top left;
			 height: 25px;
}

#bottomcontent {background:transparent url(../images/bottom-content.png) no-repeat top left;
			 height: 35px;
}

#footer {padding: 0;
		 margin: 5px 0 0 10px;
		 color: #fff;}

#footer a {color: #fff;
		   text-decoration: none;}
#footer a:hover {color: red;}
#footer span {padding-left: 140px;}

#promo {float: right;
		margin: 5px 35px 0 0;
		padding: 0}

		 
p.dots {background: url(../images/dots.png) repeat-x;
	   display: block;
		margin: 0;
		 padding: 0;
		 height: 10px;
}

h3	{font-size: 120%;
     width: 255px;
     padding: 0 0 16px 0;
	background: url(../images/dots.png) no-repeat 0 20px;}

a.home {
	width:59px;
	float:left;
	display:inline;
	margin: 0 10px 0 0;
	height:26px;
}

a.shows, a.music {
	width:65px;
	float:left;
	display:inline;
	margin: 0 10px 0 0;
	height:26px;
}



a.photos {
	width:81px;
	float:left;
	display:inline;
	margin: 0 10px 0 0;
	height:26px;
}


a.reviews {
	width:85px;
	float:left;
	display:inline;
	margin: 0 10px 0 0;
	height:26px;
}


a.links {
	width: 58px;
	float:left;
	display:inline;
	margin: 0 10px 0 0;
	height:26px;
}

a.video {
	width:57px;
	float:left;
	display:inline;
	margin: 0 10px 0 0;
	height:26px;
}


a.contact {
	width:94px;
	float:left;
	display:inline;
	margin: 0 10px 0 0;
	height:26px;
}

a.order {
	width:94px;
	float:left;
	display:inline;
	margin: 5px 0;
	height:26px;
}

a.current-shows, a.previous-shows {
	width:200px;
	float:left;
	display:inline;
	margin: 5px 0;
	height:28px;
}


/*   All of the Navigation Buttons are Here    */

a.home {
	background:url(../images/home-button.png) no-repeat 0 0;}

a.shows {
	background:url(../images/shows-button.png) no-repeat 0 0;}
a.music {
	background:url(../images/music-button.png) no-repeat 0 0;}
a.photos {
	background:url(../images/photos-button.png) no-repeat 0 0;}
a.reviews {
	background:url(../images/reviews-button.png) no-repeat 0 0;}
a.links {
	background:url(../images/links-button.png) no-repeat 0 0;}
a.video {
	background:url(../images/video-button.png) no-repeat 0 0;}
a.contact {
	background:url(../images/contact-button.png) no-repeat 0 0;}

a.order {
	background:url(../images/order-button.png) no-repeat 0 0;}

a.current-shows {
	background:url(../images/current-shows-button.png) no-repeat 0 0;}

a.previous-shows {
	background:url(../images/previous-shows-button.png) no-repeat 0 0;}

a.shows:hover, a.home:hover, a.music:hover, a.photos:hover, a.reviews:hover, a.links:hover, a.video:hover, a.contact:hover, a.order:hover, a.previous-shows:hover, a.current-shows:hover {
	background-position:0 100%;
}

a.home, a.iamhere, a.shows, a.music, a.photos, a.reviews, a.links, a.video, a.order, a.contact, a.previous-shows, a.current-shows {
	text-indent:-3000px;
	overflow:hidden;
	display:block;
}

a.itunes {margin-top: 12px;
		  display: block;
          margin-left: 100px;}


.mailme {width: 250px;
		 height: 110px;
		 padding: 5px;
		 background: url(../images/mailing_list.png) no-repeat;
		}

.clearit {clear: both;}

.left-column {float:left;
		      width: 500px;
			  padding: 5px 10px;
			}

.right-column {float:right;
			   padding: 5px;
			   margin: 0 50px 0 0;
			   }

.dotty img {background: url(../images/dots.png) no-repeat 50 50;}

.videobox {float:left;
	       margin: 10px 10px 20px 10px; 
	       padding: 5px;
	       border: 1px solid #CCC;
	       text-align: center;
	       width: 150px;
	       min-height: 180px;
		   background: #E8E8E9;
	       }
.videobox img {
	           padding: 4px;}