/*
   Steel Foundation Reggae Band 

   Date: March 2011

   Filename:	sf.css
   Supporting Files: imgs/dblhome.gif, imgs/dblbio.gif, imgs/dblmusic.gif, imgs/dblevents.gif, imgs/dblvenues.gif, 
		     imgs/dblcontacts.gif, imgs/dblpictures.gif, imgs/dblfans.gif, imgs/dblguests.gif, 
		     imgs/dbllinks.gif, imgs/dblsponsors.gif

*/

* {padding:0; margin:0}

body	{color: white; background: rgb(0,0,0); margin-top: 0px; font-family: Tahoma, sans-serif}
.ptext	{color: white; text-align: center; font-family: Tahoma, Arial, sans-serif; font-weight: bold;
		 width: 76%; font-size: 1em; margin: 25px 25px 25px 300px}
.image	{text-align: center; margin-top: 85px}
a	{color: red}

/* splash page */
#smoke	{text-align: center; margin-top: 25px}
#pintro	{color: white; text-align: center; font-family: Tahoma, Arial, sans-serif; font-weight: bold}

/* main layout */
.tabs	{float: left}
.tabs a	{display: block; margin: 0px 0px 5px 0px}

#home		{width: 186px; height: 30px; background: url(imgs/dblhome.gif) no-repeat 0 0}
#home:hover	{background-position: 0 -31px}
#home span	{display: none}

#bio		{width: 186px; height: 30px; background: url(imgs/dblbio.gif) no-repeat 0 0}
#bio:hover	{background-position: 0 -31px}
#bio span	{display: none}

#music		{width: 186px; height: 30px; background: url(imgs/dblmusic.gif) no-repeat 0 0}
#music:hover	{background-position: 0 -31px}
#music span	{display: none}

#events		{width: 186px; height: 30px; background: url(imgs/dblevents.gif) no-repeat 0 0}
#events:hover	{background-position: 0 -31px}
#events span	{display: none}

#venues		{width: 186px; height: 30px; background: url(imgs/dblvenues.gif) no-repeat 0 0}
#venues:hover	{background-position: 0 -31px}
#venues span	{display: none}

#contacts	{width: 186px; height: 30px; background: url(imgs/dblcontacts.gif) no-repeat 0 0}
#contacts:hover	{background-position: 0 -31px}
#contacts span	{display: none}

#pictures	{width: 186px; height: 30px; background: url(imgs/dblpictures.gif) no-repeat 0 0}
#pictures:hover	{background-position: 0 -31px}
#pictures span	{display: none}

#fanpics	{width: 186px; height: 30px; background: url(imgs/dblfans.gif) no-repeat 0 0}
#fanpics:hover	{background-position: 0 -31px}
#fanpics span	{display: none}

#guests		{width: 186px; height: 30px; background: url(imgs/dblguests.gif) no-repeat 0 0}
#guests:hover	{background-position: 0 -31px}
#guests span	{display: none}

#links		{width: 186px; height: 30px; background: url(imgs/dbllinks.gif) no-repeat 0 0}
#links:hover	{background-position: 0 -31px}
#links span	{display: none}

#sponsors	{width: 186px; height: 30px; background: url(imgs/dblsponsors.gif) no-repeat 0 0}
#sponsors:hover	{background-position: 0 -31px}
#sponsors span	{display: none}

.vertical	{float: left}
.vertical img	{margin-right: 5px}

/* home page */
cite		{float: right}

/* music page */
#roots		{float: left; margin: 85px 25px 25px 2%; width: 493px}
#note		{color: white; font-size: 1.95em; font-family: Tahoma, Arial, sans-serif; font-weight: bold; 
		 text-align: center}
#tracks		{float: right; margin: 85px 150px 25px 0px}
h2, span	{font-size: 0.9em; color: white; font-family: fantasy; text-align: center}
#stream		{float: right; color: white; font-family: Tahoma, Arial, sans-serif; font-weight: bold; 
		 text-align: center; margin-right: 8em}

/* free download page */
#ph1		{float: left; margin-top: 85px; margin-left: 12%}
#ph2		{float: left; margin-top: 25px; margin-left: 12%}
#ph3		{float: left; margin-top: 25px; margin-left: 12%}
#ph4		{float: left; margin-top: 25px; margin-left: 12%}

#flashPlayer, #moviePlayer	{text-align: center; margin-top: 45px}

#fone		{text-align: center; float: left; margin-top: 25px; margin-left: 19%}
#freg		{text-align: center; float: left; margin-top: 25px; margin-left: 10%}
#frtlife	{text-align: center; float: left; margin-top: 85px; margin-left: 19%}
#finsp		{text-align: center; float: left; margin-top: 85px; margin-left: 10%}

/* sheet music page  */
#one		{text-align: center; float: left; margin-top: 45px; margin-left: 20%}
#reg		{text-align: center; float: left; margin-top: 45px; margin-left: 10%}
#rtlife		{text-align: center; float: left; margin-top: 115px; margin-left: 20%}
#insp		{text-align: center; float: left; margin-top: 115px; margin-left: 10%}

/* free stuff form */
fieldset		{margin-bottom: 10px}
.blockLabel		{display: block; padding: 7px}
#contact		{width: 355px; float: left; margin-top: 20px; margin-left: 28%; padding: 10px}
#contactForm		{width: 355px; padding: 10px}
.info			{margin: 10px; padding: 10px}
#firstName, #lastName, #email, #comments	{width: 25em}

/* guest page */
#form		{width: 64px; float: right; margin-top: 35px; margin-right: 45%; margin-bottom: 85px}
#guestbook	{margin-top: 345px}

#content h1	{text-align: center; margin-top: 85px}
.entry		{margin: 35px 25px 25px 350px; width: 890px}
.entry h2	{float: left}
#footer		{margin: 25px 25px 25px 350px; width: 890px; font-size: 0.9em; font-weight: bold; 
		 text-align: center}

/* links page */
.left		{float: left; margin: 35px 0% 15px 14%}
.left p		{text-align: center; margin-top: 10px}

.right		{float: right; margin: 35px 20% 15px 0%}
.right p	{text-align: center; margin-top: 10px}

.links		{display: inline; float: left; width: 990px; font-size: 1.05em; margin: 55px 0px 0px 10%}
.links a:visited	{color: yellow}

/* fan pics */
.fanpics	{float: left; text-align: center; width: 1090px}
.fanpics p	{float: left; margin-top: 45px; margin-left: 45px}

/* venue listings */
#chart		{width: 76%}
#date		{float: left; margin: 25px 100px 35px 200px}
#club		{float: left; margin: 25px 100px 35px 100px}
#location	{float: left; margin: 25px 100px 35px 100px}

ul		{list-style-type: none}

/* eco-friendly icon */
.eco		{clear: right; margin: 0px; float: right}