/*  whyoceans main site
	beta cascading style sheet
	coder: jase
	*/

/* --- structural ------------------------------- */

p {
   padding: 0 0 0 18px;
}

body
{
                text-align:center;
                position:static;
                background-color: #343434; 
                scrollbar-base-color:#3f3f3f;
                scrollbar-arrow-color:#ffffff;
background-image:url(/images/136.gif); 
background-repeat:repeat-x;
                margin:0 auto;


}

#wrapper {
                position:static;
	        text-align: center;
	        width: 900px;
                height: 2100px;
background-color: #000000; 
border: 8px solid #9b9b9b;
  border-bottom-width: 0px;
  border-top-width: 0px;
                margin:0 auto;
}


#wrapper2 {
                position:static;
	        text-align: center;
	        width: 900px;
                height: 1800px;
background-color: #000000; 
border: 8px solid #9b9b9b;
  border-bottom-width: 0px;
  border-top-width: 0px;
                margin:0 auto;
}

#head {
                margin:0 auto;
                position:static;
                width: 900px;
	height: 275px;
}

#navmain {
                text-size:16px;
                margin:0 auto;
                position:static;
	        width: 800px; 
	}

#tabArea {
  font-size: 15px;
  width: 800px;
  text-align:left;
}

#tab {
  background-color: #000000;
  color:#ffffff;
  border: 2px solid #ffffff;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-left-width: 2px;
  border-right-width: 0px;
  font-family:arial;
  text-align:left;
  padding: 2px 1em 2px 1em;
}

#tab:hover {
  background-color: #000000;
  color: #606060;
}




li.inline {
             display: inline;
             padding-left: 3px;
             padding-right: 3px;
             z-index:2;
            margin:0 auto;
           }

#conhome {
margin:0 auto;
position:static;
width: 800px;
height: 800px;
}

#content {
margin:0 auto;
position:static;
width: 800px;
height: 800px;
}

#con {
margin:0 auto;
position:static;
width: 800px;
height: 450px;
}

div.news
{

font-size: 12px;
font-family:Eurostile ExtendedTwo;
float:right;
width:250px;
position:static;
background: #9a0000;
color: #ffffff;
margin:8px;
margin-right:100px;
margin-bottom: 20px
z-index:2;}


#band_intro {
                float: left;
	width: 450px;
	height: 450px;
                z-index:2;
	}

#band    {
               float: right;
	width: 310px;
	height: 450px;
                z-index:2;
	}




#keyboardMsg{ float: right; }




#container {
	width: 760px;
	\width: 770px;
	w\idth: 760px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;

}

#sidebar-1
{
	float: left;
	width: 150px;
	\width: 150px;
	w\idth: 150px;
	margin-right: 5px;
	padding-top: 100px;
}


#sidebar-2
{
	float: right;
	width: 150px;
	\width: 150px;
	w\idth: 150px;
	margin-left: 5px;
	padding-top: 100px;
}

#foot
{
	clear: both;
	margin-top: 5px;
	text-align: center;
}
#accessibility
{
	position: absolute;
	top: -10000px;
}

#sidebar-2 a, #sidebar-1 a
{
	border: 0px;
	color: #C00;
}

/* --- typography ------------------------------- */

/*	font-family: Georgia, Times, Serif;*/
/*	font-weight: normal;*/
h2
{
font-weight: normal;
	font-family: Arial;
	font-size: 1em;
	font-style: italic;
}



h3
{
font-weight: normal;
font-size: 16px;
font-family: Arial;
margin:0;
padding: 0 0 2px;
background:#010000;
color:#c02408;
text-align: left;}

h1
{
font-weight: normal;
font-size: 12px;
font-family: Arial;
margin:0;
padding: 0 0 2px;
background:#010000;
color:#fff;
	text-align: left;}

h1 a
{
font-weight: normal;
	border: 0px;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
}

h3 a
{
font-weight: normal;
	border: 0px;
	font-family: Arial;
color:#c02408;
	font-size: 16px;
	text-align: left;
}

h1 a, h2 a
{
	border: 0px;
}
.caps
{
	letter-spacing: 0.1em;
	font-size: 10px;
}

#content hr
{
	color: #ccc;
	width: 66%;
	margin-top: 2em;
	margin-bottom: 2em;
}

#content p {
                padding: 20px 30px 0 30px;
}

p, blockquote, li
{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 0.9em;
	line-height: 1.6em;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

blockquote
{
	margin-left: 20px;
	margin-right: 0px;
}

#sidebar-2 p, #sidebar-1 p
{
	line-height: 15px;
	font-size: 10px;
}

#sidebar-1 p
{
	text-align: right;
}

a
{
	color: black;
	text-decoration: none;
	border-bottom: 1px black solid;
}


/* --- forms ------------------------------------ */
/* --- others ----------------------------------- */
/* img.divider */
/* { */
/* 	align: center; */
/* 	margin-top: 2em; */
/* 	margin-bottom: 2em; */
/* }

img.thumbnails_c {
                  height:96px;
                  width:72px;
                  border:3px solid #efefef;
                  }

img.thumbnails_r {
                  height:72px;
                  width:96px;
                  border:3px solid #efefef;
                  }

/* --- comments --------------------------------- */
.comments_error
{ 
	background-color: #ffa 
}

div.comments_error
{
	border: 1px solid #cc8;
	padding : 0.3em;
}


