* { padding: 0; margin: 0; }

body {
 font-family: "courier new", serif;
 font-size: 12px;
 background: black;
 background-position: 20px 20px; 
 background-image:url('../images/background.jpg');

}
#wrapper { 
 margin: 0 auto;
 padding-left: 50px;
 padding-right: 50px;
 width: 1350px; 

}

#wrapper2 { 
 margin: 0 0px;
 padding-left: 50px;
 padding-right: 50px;
 width: 30000px;

}

#header {
 color: #333;
 float: left;
 padding-bottom: 10px;
 height: 55px;
 margin: 20px 0px 0px 0px;
}

#header h1 {


 height:80px;
 width: 300px;
}
#header h2 {
 color: #A9A9A9;
 font-weight: normal;
 font-size: 1.2em;
 padding-left: 0px;
 letter-spacing: 3px;
}

#header a {
 color: #A9A9A9;
 font-weight: normal;
 letter-spacing: 3px;
 text-decoration: none; 
}

#wrapper h2 {
 padding-bottom: 5px;
 text-transform: uppercase;
 letter-spacing: 3px;
 font-weight: normal;
 color: #A9A9A9;
 padding-left: 0px;
}

#pages { 
 color: #333;
/* background: black;*/
 margin: 10px 20px 0px 5px;
 padding: 0px 20px 0px 20px;
 width: 460px;
 float: left;
 height: 450px;
 line-height: 1.5em;
 overflow:hidden
}

.bio-images { 
 color: #333;
 margin: 0px 10px 0px 10px;
 padding: 0px;
 height: 450px;
 width: 350px;
 float: left;
}

#pages p {
 color: #A9A9A9;
 margin-bottom: 10px;
 line-height: 1.5em;
 font-size: 1.1em;
  font-weight: thin;
}

#content {
 width: 100%;
 float: left;
}


.indexcolumn { 
 color: #333;
 background: black;
 margin: 0px 10px 10px 10px;
 padding: 0px;
 height: 501px;
 width: 310px;
 float: left;
}

.albumcolumn { 
 color: #333;
 background: black;
 margin: 0px 10px 0px 10px;
 padding: 0px;
 height: 580px;
 /*width: 465px;*/
 float: left;
}


#photo_img {
 background: #5E5E5E;
 height: 360px;
}

img {
 border: none;
}
.photo_caption {
 padding: 10px 0px 0px 15px;
 background: black;
 color: #CCC;
 letter-spacing: 1px;
 text-transform: uppercase;
}

.photo_caption a:link {text-decoration: none; color: #A9A9A9;}
.photo_caption a:visited {text-decoration: none; color: #CCC}
.photo_caption a:active {text-decoration: none; color: #CCC}
.photo_caption a:hover {text-decoration: none; color: white;}


#footer { 
 width: 1140px;
 clear: both;
 color: #333;
 margin: 20px 0px 10px 5px;
 padding: 0px 10px 0px 10px;
 letter-spacing: 1px;
}

#cat-footer { 
 width: 1140px;
 clear: both;
 color: #333;
 margin: 0px 0px 10px 7px;
 padding: 0px 0px 0px 0px;
 letter-spacing: 1px;
 line-height: 1em;
 z-index:1;
}
#bio-footer { 
 width: 1140px;
 clear: both;
 color: #333;
 margin: 10px 0px 10px 15px;
 padding: 0px 10px 0px 10px;
 letter-spacing: 1px;
}
#cat-footer #cat-bio {
 float: left;
 padding-right: 20px;
}

.album_list {
 color: #333;
 letter-spacing: 1px;
 text-transform: uppercase; 
 height: 25px;
 margin-top: 5px;
 float: left;
}

.album_list a {padding-right: 10px;}
.album_list a:link {text-decoration: none; color: #A9A9A9;}
.album_list a:visited {text-decoration: none; color: #CCC}
.album_list a:active {text-decoration: none; color: #CCC}
.album_list a:hover {text-decoration: underline; color: white;}

#footer p, #cat-footer p {
 color: #656565;
 padding: 0px 0px 0px 0px;
}

#footer #bio {
 padding-right: 20px;
}
#footer #portfolio, #cat-footer #portfolio {
 padding-left: 0px;
 padding-bottom: 3px;
}
#footer #phone, #cat-footer #phone {
 padding-right: 30px;
}

#footer #email {

}
#footer #copyright {
 color: #656565;
 font-size: .9em;
 margin-top: 10px;
 font-weight: thin;
}
#cat-footer #copyright {
 color: #656565;
 font-size: .9em;
 margin-top: 5px;
 font-weight: thin;
}
.copyright {margin-top: 5px; color: #656565;}
.copyright a {text-decoration: none; color: #656565;}
.copyright a:hover {text-decoration: none; color: #656565;}

#footer a, #cat-footer a{padding-right: 10px;}
#footer a:link, #cat-footer a:link {text-decoration: none;  color: #656565;}
#footer a:visited, #cat-footer a:visited {text-decoration: none;  color: #656565;}
#footer a:active, #cat-footer a:active {text-decoration: none; color: #656565;}
#footer a:hover, #cat-footer a:hover {text-decoration: none;  color: #656565;}