/*************************************************


    76design.com
    Nov. 2009
    by 76design


***************************************************/


/***************************************************
	GENERIC
	 */
 
h1{
    color: black;
    
    }     
h2{
	color:black;
	
    }
h3,h4 {
    padding-bottom:0px;
    margin-bottom:0px;
    
    }
  
.content p {
    margin-bottom:12px;
  }
body{
    }
    
a{
    color: black;
    }
    


#bg {
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:fixed;
	z-index:-1;
}
#col-right {
	padding-top:106px;
}
#col-right .background {
	background-image: url('../images/paper.png');
	width:435px;
	height:472px;
	background-repeat:no-repeat;
}

#col-right .content {
	
	padding:34px 30px 40px 40px;
	font-size:0.9em;
	line-height:1.3em;
}
#col-right .content h2 {
	text-align:center;
	font-size:1.2em;
	line-height:1.4em;
	
}
#col-right #index img {
	text-align:center;
	padding:30px 44px 10px 44px;
}
#col-right #index .content p{
    padding-top:85px;
    }
.content .contact {
    text-align:center;
    padding-right: 54px;
    }
.content .contact img{
    display:block;
    padding:0 0;
    margin:0 0;
    }
/* UPDATES */
#col-right #updates.background{
   
    }
#col-right #updates .content img{
      width:260px;
      height:260px;
    }
    
/*BIO*/
#col-right #bio.background{
    margin-top:116px;
    background-image: url('../images/paper-bio.png');
    width:567px;
    height:301px;
    background-repeat:no-repeat;
    }

#col-right #bio .content{
   padding-top:18px;
   line-height:1.2em;
    }
#col-right #bio.background .content{
    
    margin-left:200px;
    }

/*PHOTOS*/
#col-right #photos.background{
    margin-top:114px;
    background-image: url('../images/paper-photos.png');
    width:684px;
    height:383px;
    background-repeat:no-repeat;
    
    }
#col-right #photos .content{
    margin-left:0px;
    padding:0px 0px;   
    }


/*CONTACT*/
#contact .content {
    text-align:center;
    padding-right:64px;
    }
#contact .content img.phone{
    padding: 20px 0 0px 20px;
    }
#contact .content img.computer{
    padding: 20px 0 0px 0;
    }

/*
	MENU
*/
#menu {
    width: 297px; height: 720px;
    background: url(../images/menu-sprite.png);
    margin: 10px auto; padding: 0;
    position: relative;}
  #menu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;}
  #menu li, #menu a {
    height: 70px; width:290px; display: block;}

#bio-menu { top: 96px; }
#contact-menu { top: 216px;}
#updates-menu { top: 460px;}
#photos-menu { top: 508px;}
#home2-menu { top: 628px;}

#bio-menu a:hover { background: transparent url(../images/menu-sprite.png) -297px -96px no-repeat;}
#contact-menu a:hover { background: transparent url(../images/menu-sprite.png) -600px -216px no-repeat;}
#updates-menu a:hover { background: transparent url(../images/menu-sprite.png) -900px -460px no-repeat;}
#photos-menu a:hover { background: transparent url(../images/menu-sprite.png) -1202px -508px no-repeat;}


/*
	PHOTO-GALLERY MENU
*/
#photo-menu {
    width: 664px; height: 363px;
    background: url(../images/photo-sprite.png);
    margin: 0 0 0 -10px; padding: 0;
    position: relative;}
  #photo-menu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;}
  #photo-menu li, #photo-menu a {
     display: block;
     
     }

#things-stuff-menu, #things-stuff-menu a {  top: 70px; left:20px; width:240px; height: 194px;}
#people-menu, #people-menu a { top: 20px; left: 255px; width:170px; height: 280px;}
#travel-menu, #travel-menu a { top: 75px; left:420px; height: 230px; width:250px;  }

#things-stuff-menu a:hover { background: transparent url(../images/photo-sprite.png) -693px -70px  no-repeat;}
#people-menu a:hover { background: transparent url(../images/photo-sprite.png) -928px -20px no-repeat;}
#travel-menu a:hover { background: transparent url(../images/photo-sprite.png) -1093px -75px no-repeat;}

/*********************************************
 * PHOTO GALLERY
 */
 .layout-gallery #col-right {
 
 
 
 }
 #col-right #gallery .content{
    padding-top:20px;
 }
 #col-right #gallery .content h2{
    text-align:left;
    font-size:1.6em;
    font-weight:bold;
    padding:0 0 ;
    margin:0 0;
    width:200px;
    float:left;
 }
 #col-right #gallery.background{
    
    background-image: url('../images/paper-photos.png');
    width:567px;
    height:620px;
    background-repeat:no-repeat;
 }
 .gallery .content {
    
    
 }
 ul.photo-gallery,ol.photo-gallery  {
    list-style-type:none;
    margin:0;
    padding:12px 0;
    clear:both;
}
ul.photo-gallery li,ol.photo-gallery li {
    display:block;
    float:left;
    list-style-type:none;
    margin:0;
    position:relative;
    width:200px;
    padding-right:6px;
}
.photo-gallery a {
}
.shareonfacebook {
    padding-left:30px;
    margin-top:-80px;
    font-family:sans-serif;
    font-size:12px;
    
    
    }