/* *************************************************** */
/* **************** MAIN PAGE LAYOUT ***************** */
/* *************************************************** */

html, body {
   padding: 0;
   margin: 0;
   background: white;
   font-family: Arial;
   color: black;
   height: 100%;
}
#container {
   width: 100%;
   background: url('img/base.jpg') no-repeat;
   height: 953px;
   position: relative;
   min-width: 1056px;
}
#title {
   position: absolute;
   left: 110px;
   width: 531px;
}
#nav {
   position: absolute;
   left: 67px;
   top: 223px;
   width: 209px;
}
body#form {
   background: url('img/paper.jpg');
   padding: 15px;
}
#form textarea {
   width: 490px;
}

/* *************************************************** */
/* *************** Global Styles/Colors ************** */
/* *************************************************** */
a { 
   color: black;
   text-decoration: none;
}
a:hover { 
   color: #c11b17;
}
p {
	padding-top: 0;
	margin-top: 0;
   font-size: 12px;
}
h1 { 
   margin: 0;
   padding: 0;
   font-size: 14px;
}
h2 {
   font-size: 14px;
   padding: 0;
   margin: 0;
}
img {
	border: 0;
}
.center {
   text-align: center;
   font-size: 14px;
   margin: 0;
   padding: 0;
}

/* *************************************************** */
/* ****************** Page Overlays ****************** */
/* *************************************************** */
#blog_ruler {
   position: absolute;
   top: 0px;
   left: 856px;
}
#blog_pennies {
   position: absolute;
   top: 240px;
   left: 715px;
}

#about_1 {
   position: absolute;
   top: 54px;
   left: 886px;
}
#about_2 {
   position: absolute;
   top: 212px;
   left: 727px;
}
#about_3 {
   position: absolute;
   top: 390px;
   left: 857px;
}
#about_contact {
   position: absolute;
   top: 517px;
   left: 300px;
}

#videos_contact {
   position: absolute;
   top: 440px;
   left: 490px;
}
#videos_contact ul {
   width: 183px;
}
#videos_contact li {
   margin-bottom: -15px;
}
#videos_wires {
   position: absolute;
   top: 0px;
   left: 830px;
}
#videos_cassette {
   position: absolute;
   top: 214px;
   left: 670px;
}
#videos_polaroid {
   position: absolute;
   top: 225px;
   left: 483px;
   background: url('img/videos_polaroid.jpg');
   width: 191px;
   height: 222px;
}
#videos_polaroid img {
   margin-top: 22px;
   margin-left: 15px;
}

#music_stickfigures {
   position: absolute;
   top: 507px;
   left: 295px;
}
#music_upcomingshows {
   position: absolute;
   top: 229px;
   left: 524px;
   padding: 10px;
   padding-top: 0px;
   width: 127px;
   height: 223px;
   background: url('img/music_upcomingshows_bg.gif');
   font-size: 12px;
}
#music_upcomingshows .upcomingshows {
   margin-left: 7px;
}
#music_contact {
   position: absolute;
   top: 460px;
   left: 500px;
}
#music_contact ul {
   width: 183px;
}
#music_contact li {
   margin-bottom: -30px;
}
#music_picks {
   position: absolute;
   top: 225px;
   left: 725px;
}
#music_drumsticks {
   position: absolute;
   top: 0px;
   left: 854px;
}

#contact_postage {
   position: absolute;
   top: 225px;
   left: 704px;
}
#contact_crayons {
   position: absolute;
   top: 17px;
   left: 882px;
}
/* *************************************************** */
/* ********************* Content ********************* */
/* *************************************************** */
#blog_content {
   position: absolute;
   left: 330px;
   top: 230px;
   width: 330px;
}
#blog_content p { 
   font-size: 14px;
   line-height: 16px;
}
#blog_content .date {
   font-size: 16px;
   font-weight: bold;
}
#blog_content .pipe {
   color: #c11b17;
   font-size: 16px;
   margin: 0 3px;
}

#about_content {
   position: absolute;
   left: 330px;
   top: 230px;
   width: 330px;
}

#videos_content {
   position: absolute;
   left: 330px;
   top: 230px;
   width: 150px
}

#music_content {
   position: absolute;
   left: 330px;
   top: 230px;
   width: 200px
}

#contact {
	position: absolute;
	top: 221px;
	left: 317px;
}
ul.contact, ul.contact li{
   margin: 0;
   padding: 0;
   float: left;
   width: 366px;
   list-style: none;
}
ul.contact li {
   width: 183px;
   height: 85px;
   text-align: center;
}