/* Deece Records: CSS, March 2010
--------------------------------------------------------------------- */

body.main {
	background: #FFFFFF url(../images/ui/bg_main.jpg) no-repeat fixed center top;
}
body.music {
	background: #FFFFFF url(../images/ui/bg_music.jpg) no-repeat fixed center top;
}
body.about {
	background: #FFFFFF url(../images/ui/bg_about.jpg) no-repeat fixed center top;
}
body.contact {
	background: #FFFFFF url(../images/ui/bg_contact.jpg) no-repeat fixed center top;
}
body.projects {
	background: #FFFFFF url(../images/ui/bg_projects.jpg) no-repeat fixed center top;
}
body.construction {
	background: #FFFFFF url(../images/ui/bg_construction.jpg) no-repeat fixed center top;
}

/* Text
--------------------------------------------------------------------- */
p {
	color: #333333;
	padding: 2px;
	margin: 3px;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #FFFFFF;
}
p.indented
   {
   text-indent: 25pt;
   padding-left: 40pt;
   padding-right: 5pt;
   }
p.indent2
   {
   padding-left: 40pt;
   padding-right: 5pt;
   }
p.italic
   {
   font: italic 12px/16px Arial, Helvetica, sans-serif;
   }
a:link {
	font: medium 11px/15px Futura, sans-serif;
	color: #666666;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
a:hover {
	font: medium 11px/15px Futura, sans-serif;
	color: #999999;
	text-decoration: none;
	border-width: 0px;
	border-style: none;
}
a:visited {
	font: medium 11px/15px Futura, sans-serif;
	color: #666666;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
#short_box {
	width: 115px;
}
#long_box {
	width: 225px;
}
#med_box {
	width: 150px;
}
#xlong_box {
	width: 325px;
}
#xlong_box2 {
	width: 360px;
}
h2 {font: italic medium 11px/15px Futura; 
	color:rgb(0,0,0);
	text-transform:uppercase; 
}
h2.pos_right {
position:absolute;
left:50px;
}

/* Images 
--------------------------------------------------------------------- */
.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0px 0px 0px 0px; }
.align-top { float:left; vertical-align:top; margin: 0px 0px 0px 0px; }
.align-top2 { float:left; vertical-align:text-middle; margin: 0px 0px 0px 0px; }
.frame { padding: 5px; border: 1px solid #aaa; }
.logo {
  position:absolute;
  left:10px;
  top:0px;
  z-index:-1
  }
  
td.top
{
vertical-align: top;
} 

/* Menu Bar 
--------------------------------------------------------------------- */
ul {
  margin-top:10px;
  margin-bottom:10px;
  padding-right: 0px;
  width: 700px;
  height: 40px;
  list-style: none;
  }
ul li.long {
  margin: 10px 20px 0px 0px;
  padding: 0px;
  width: 130px;
  display: block;
  float:left;
  height: 20px; /* height of icon */
  background-repeat: no-repeat;
  background-position: 0 0px !important;
  }
ul li.long a {
  padding-left: 130px; /* width of icon + whitespace */
  display: block;
  float:left;
  height: 20px; /* height of icon */
  background-position: 0 -20px !important;
  }
ul li.long a:hover {
  padding-left: 130px; /* width of icon + whitespace */
  display: block;
  float:left;
  height: 20px; /* height of icon */
  background-position: 0 -20px !important;
  }
ul li.short {
  margin: 10px 20px 0px 0px;
  padding: 0px;
  width: 100px;
  display: block;
  float:left;
  height: 20px; /* height of icon */
  background-repeat: no-repeat;
  background-position: 0 0px !important;
  }
ul li.short a {
  padding-left: 100px; /* width of icon + whitespace */
  display: block;
  float:left;
  height: 20px; /* height of icon */
  background-position: 0 -20px !important;
  }
ul li.short a:hover {
  padding-left: 100px; /* width of icon + whitespace */
  display: block;
  float:left;
  height: 20px; /* height of icon */
  background-position: 0 -20px !important;
  }
#home {background: transparent url(../images/ui/nav_home.jpg) no-repeat; }
#home a:hover {background: transparent url(../images/ui/nav_home.jpg) 0 -20px no-repeat; }
#music {background: transparent url(../images/ui/nav_music.jpg) no-repeat; }
#music a:hover {background: transparent url(../images/ui/nav_music.jpg) 0 -20px no-repeat; }
#about {background: transparent url(../images/ui/nav_about.jpg) no-repeat; }
#about a:hover {background: transparent url(../images/ui/nav_about.jpg) 0 -20px no-repeat; }
#projects {background: transparent url(../images/ui/nav_projects.jpg) no-repeat; }
#projects a:hover {background: transparent url(../images/ui/nav_projects.jpg) 0 -20px no-repeat; }
#contact {background: transparent url(../images/ui/nav_contact.jpg) no-repeat; }
#contact a:hover {background: transparent url(../images/ui/nav_contact.jpg) 0 -20px no-repeat; }