/*
Author: Anthony Clark
Author URI: http://driftindustries.ca
*/

html, body 	{margin: 0px; padding: 0px;}
html		{background: url(../img/wood-tile.jpg) top left repeat;} 
body		{background: url(../img/header-bg.jpg) top center no-repeat; font-family:Helvetica,Arial,sans-serif; color: #fff; text-align: justify;}


#hd			{height: 211px;}
#nav		{width: 950px; height: 211px; margin: 0 auto; background: url(../img/header.png) top center no-repeat;}

#nav-home 	{position: absolute; margin-top: 160px; margin-left: 190px;}
#nav-swing	{position: absolute; margin-top: 160px; margin-left: 290px;}
#nav-music	{position: absolute; margin-top: 160px; margin-left: 388px;}
#nav-gigs	{position: absolute; margin-top: 161px; margin-left: 490px;}
#nav-contact{position: absolute; margin-top: 161px; margin-left: 573px;}
.nav		{padding: 0px; background: none;}

#bd			{width: 950px; padding: 15px; margin: 20px auto 40px auto; clear: both;  font-size: 1.2em; line-height: 1.7em; }
/*background: url(../img/trans1.png) repeat; border: 2px solid #441f01; padding: 15px; */

#ft-w1		{width: 100%; padding-bottom: 40px; background: url(../img/trans.png) repeat; border-top: 2px solid #441f01;}
#ft			{width: 500px; margin: 0 auto;}

#bottom-nav			{width: 100%; margin-bottom: 30px; text-align: center; font-size: 1.3em; display: block;}
#bottom-nav ul 		{margin: 10px auto;}
#bottom-nav ul li 	{display: inline; list-style-type: none; padding: 7px;}

#also-see ul {margin: 0px; padding: 0px;}
#also-see ul li {list-style-type: none; }



/* HOME
******************************************/
#about-dinah	{width: 550px; float: left;}
#news			{margin-left: 560px; padding: 0 0 5px 15px; border-left: 1px solid #301500;}
#news p			{text-align: justify;}
#konami			{display: none;}


 

/* SWING
******************************************/
.swingband		{margin-right: 20px; margin-bottom: 20px;}
ul#swingcrew li 		{list-style-type: none;}

/* MUSIC
******************************************/
.music-img {margin-right: 90px;}


/* GIGS
******************************************/
.rss-gigs		{display: block; margin-bottom: 30px; border-bottom: 3px solid #301500; width: 550px;}
.rss-gigs h5	{margin-bottom: 10px; font-size: 14px;}
.rss-gigs h5 a	{ color: #281506;  text-decoration: none; padding: 14px; background:url(../img/link-bg.png) repeat-x;}
.rss-gigs h5 a:hover	{color: #281506; border: none; text-decoration: underline;}
#gig-photos 			{width: 340px;}
#gig-photos .img		{margin-bottom: 100px;}


/* CONTACT
******************************************/
#box 			{float:left; width:100%;}

form 			{margin:0; padding:0; width:50%; float:left;  }
fieldset 		{margin:0; padding:0; border:none;}

form div 		{padding:1em 0; }
label 			{float:left; width:30%; line-height: 200%; padding-right:1em; text-align:right; } 
input, textarea {width:60%;  border:1px solid #212024; padding:3px; font-size:1em; background: url(../img/trans.png); color:#B3BEAD; } 
textarea 		{overflow:auto; width:60%; border:1px solid #212024; padding:3px;}
.button input 	{border:none; margin-left:31%; font-size:1.2em; color:#fff; background:none; padding:0 4px; cursor:pointer; width:auto;}
#mailinglist 	{display: inline; width: auto;}


.hoverfocus 	{border:1px solid #9b9b9b;}

#error, 
#response 		{float:left; width:30%; padding:3em; padding-top: 0px; }
#response ul 	{border-top:1px solid #212024; margin-top:5px; padding-top:5px; }
#error li, 
#response li 	{margin:0 0 5px 0; padding:0 0 5px 15px; background:url(../img/bullet.gif) no-repeat 0 4px; border-bottom:1px solid #212024; }
#working 		{float:left; padding:3em; background:url(../img/loading.gif) no-repeat left center;}


/* Archives
******************************************/
#news-archives {float: left;}

/* OTHER STYLES 
******************************************/
a	{color: #b89061; text-decoration: underline; padding: 3px;}
a:hover	{color: #fff; text-decoration: underline; background: url(../img/trans1.png) repeat;}

.floatleft {float: left;}
.floatright {float: right;}
.clear {clear: both;}
.img {border: 5px solid #fff; border-right: 5px solid #d0d0d0; border-bottom: 5px solid #c5c5c5;}
.img-left	{float: left; margin:15px 15px 15px 0;}
.img-right	{float: right; margin:15px 0px 15px 15px;}

h1,h2,h3,h4 {margin: 0px;}