/* style for the body tag; takes care of any text not inside a block element.
   We must style all block elements seperately as styles don't inherit through
   block elements */

body {
  background: rgb(218,213,171) url(../images/bg_gradient.jpg) repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .9em;
}

P {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .9em;
}

img {
  border: 0;
}

a:link, a:visited {
  	color: rgb(102,51,51); /* Dk Brown */
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: .8em;	
		font-weight: bold;
		text-decoration: none;
} 

a:hover {
  	color: rgb(102,51,51); /* Dk Brown */
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: .8em;	
		font-weight: bold;
		text-decoration: underline;
} 

#nav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .9em;
  font-weight:bold;
}

#navbar {
}


.navbaritem	{
	float: left;
	white-space: nowrap;
	padding: .5em;
	list-style: none;
  background: rgb(181,164,64);
  padding-top: 5px;
}

.navbaritem a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;	
	font-weight: bold;
	text-decoration: none;
	position: relative;	
	display: block;	
}

.navbaritem a:link, .navbaritem a:visited {
	color: rgb(102,51,51); /* Dk Brown */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;	
	font-weight: bold;
	text-decoration: none;
}

.navbaritem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: rgb(255,243,217);
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;	
	font-weight: bold;
	text-decoration: none;
}

.navbaritem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: rgb(255,243,217);
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;	
	font-weight: bold;
	text-decoration: none;
}

#kopapeli {
  background: url(../images/ocsmetalart_kopapeli.gif) no-repeat;
  position: absolute;
  bottom: 0;
  right: 40px;
  width: 295px;
  height: 291px;
}

#intro {
  position: absolute;
  top: 5%;
  left: 0px;
  background: url(../images/blues_slide_guitar.gif) no-repeat;
  padding: 20px 0 0 61px;
  width: 396px;
  height: 311px;
}

#intro p {
  font-weight: bold;
  font-style: italic;
  font-family: TrebuchetMS, Times New Roman, serif;
  font-size: 1.5em;
  color: rgb(250,250,250);
}

#content {
  position: absolute;
  top: 10%;
  left: 40px;
  width: 600px;
}

#logo {
  position: absolute;
  top: 2%;
  right: 40px;
  width: 290px;
  height: 296px;
  background: url(../images/ocs_blues_and_metal_art.gif) no-repeat;
  margin: 0;
  z-index: 3;
  padding-top: 196px;
  color: rgb(250,250,250);
  text-align:center;
  font-weight: bold;
}

#portfolio-outside {
  position: absolute;
  top: 15%;
  left: 0;
  width: 100%;
  height: 294px;
}

#portfolio-inside {
  position: relative;
  z-index: 4;
  list-style: none inside;
  width: 482px;
  margin: 0;
}

#gallery-1, #gallery-2, #gallery-3, #gallery-4, #gallery-5, #gallery-6 {
  width: 138px;
  height: 138px;
  float: left;
  margin: 0 18px 18px 0;
  background: url(../images/bg_checkered_dark.gif);
}

.gallerya {
  float: left;
  width: 102px;
  height: 102px;
  margin-left: 9px;
  margin-top: 18px;
  margin-right: auto;
}

#footer {
  position: absolute;
  bottom: 0;
  left: 20px;
  font-size: .8em;
	color: rgb(102,51,51); /* Dk Brown */
}

h1 {
  font-size: 1.5em;
  font-weight: bold;
}

h2 {
  font-size: 1.4em;
  font-weight: bold;
}

h3 {
  font-size: 1.3em;
  font-weight: bold;
}
  
h4 {
  font-size: 1.3em;
  font-weight: bold;
}
  
h5 {
  font-size: 1.2em;
  font-weight: bold;
}
  
h6 {
  font-size: 1.1em;
  font-weight: bold;
}

.sideblock {
  	color: rgb(102,51,51); /* Dk Brown */
}