@charset "UTF-8";
/* CSS Document */


/* Sticky Theme */ 
a:link, a:hover, a:focus { background: #fff; color:#000; text-decoration:none; }
a:visited { color: #333; background: #fff; text-decoration:none;}
a:hover, a:focus { border-bottom-style: solid; border-bottom-width: 0px; background: #555 ;color: #000; outline: 0; }

@font-face {
font-family: "AvantGarde LT Medium";
src: url("avantmedium.ttf") format("truetype");
}



body {
	font: AvantGarde LT Medium, Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
 }
 
 
h1 {
		font: 100% AvantGarde LT Medium, Verdana, Arial, Helvetica, sans-serif;
}


#container {
	width: 100%;  
	background: #000000;
	margin: 10 10 0 0; 
	border: 0px solid #000000;
	text-align: left; 
}
 #header {
	background: #000; 
	padding-bottom:0px;
	padding-top:0px;
	padding-right:20px;
	padding-left:20px;
	height: 110px;
}


#header h1 {
	margin: 0;
	padding: 10px 0; 

}

#mainContent {
		background: #000;
		margin:0;
		padding:5px 0px 0px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. GALLERY BORDER*/
}


#navbox {
	margin: 0; 
	padding: 10px 0px 0px 0px; 
	background:#000;
	width:100%;
}

#leather {
	margin: 0;
	padding: 0 10px; 
	height:45px;
	background:#000;
	display:block;
}

#contact { 
	font-family: AvantGarde LT Medium, Verdana, Helvetica, Arial, sans-serif; 
	font-size: 20px;
	background-color: black; 
	color: #fff; 
	text-align: left; 
	margin: 0px 0px 0px 0px;
	}


#footer { 
	font-family: AvantGarde LT Medium, Verdana, Helvetica, Arial, sans-serif; 
	font-size: 9px;
	background-color: black; 
	color: #fff; 
	text-align: center; 
	line-height: 1em; /*change all for changing footer height*/
	padding: 3px 10px 0px 0px;
	}

#logo {
	background: #000; 
	width: 100%;
	padding: 0px 0px 5px 0px;
}


#toprtnav {
 position:absolute;
 top:0px;
 right:0px;
 height: 110px;
 width: 374px;

/* background:#fff;
 display:block; */

 
}

a:active, a:focus {
outline: 0
}			/*remove stupid link dots, amen*/


/* navigation */

ul#topnav {
	padding: 0;
    margin: 0;
    list-style: none;
    width: 979px;
    height: 40px;
    overflow: hidden;
}
ul#topnav li {
	float: left;
}

ul#topnav a {
	float: left;
	display: block;
	height: 40px;
	text-indent: -99999px;
	background-image: url(../images/leenav.gif);
}

ul#topnav li.bio a {background-position:  left top;width:65px;}
ul#topnav li.portraits a {background-position:  -65px 0;width: 157px;}
ul#topnav li.fashion a {background-position:  -222px top; width: 138px;}
ul#topnav li.beauty a {background-position:  -360px top; width: 118px;}
ul#topnav li.commercial a {background-position:  -478px top; width: 202px;}
ul#topnav li.personal a {background-position:  -680px top; width: 153px;}
ul#topnav li.contact a {background-position:  -833px top; width: 146px;}   /*nb add one for everything on nav */


ul#topnav li.bio a:hover {background-position:  left -40px;}
ul#topnav li.portraits a:hover {background-position:  -65px -40px;}
ul#topnav li.fashion a:hover {background-position:  -222px -40px;}
ul#topnav li.beauty a:hover {background-position:  -360px -40px;}
ul#topnav li.commercial a:hover {background-position:  -478px -40px;}
ul#topnav li.personal a:hover {background-position:  -680px -40px;}
ul#topnav li.contact a:hover {background-position:  -833px -40px;}   

ul#topnav li.bio a:active {background-position:  left -40px;}
ul#topnav li.portraits a:active {background-position:  -65px -40px;}
ul#topnav li.fashion a:active {background-position:  -222px -40px;}
ul#topnav li.beauty a:active {background-position:  -360px -40px;}
ul#topnav li.commercial a:active {background-position:  -478px -40px;}
ul#topnav li.personal a:active {background-position:  -680px -40px;}
ul#topnav li.contact a:active {background-position:  -833px -40px;}   


#bio ul#topnav li.bio a {background-position:  left -40px;}
#portraits ul#topnav li.portraits a {background-position:  -65px -40px;}
#fashion ul#topnav li.fashion a {background-position:  -222px -40px;}
#beauty ul#topnav li.beauty a {background-position:  -360px -40px;}
#commercial ul#topnav li.commercial a {background-position:  -478px -40px;}
#personal #topnav li.personal a {background-position:  -680px -40px;}
#contact ul#topnav li.contact a  {background-position:  -833px -40px;} 

/* social nav */

ul#toprtnav {
	padding: 0;
    margin: 0;
    list-style: none;
    width: 374px;
    height: 110px;
    overflow: hidden;
}
ul#toprtnav li {
	float: left;
}

ul#toprtnav a {
	float: left;
	display: block;
	height: 110px;
	text-indent: -99999px;
	background-image: url();
}

ul#toprtnav li.blog a {background-position:  left top; width:70px;}
ul#toprtnav li.twitter a {background-position:  -70px 0; width: 100px;}
ul#toprtnav li.facebook a {background-position:  -170px top; width: 109px;}
ul#toprtnav li.myspace a {background-position:  -279px top; width: 95px;}

	
ul#toprtnav li.blog a:hover {	background-position:  0px -110px;}
ul#toprtnav li.twitter a:hover { background-position:  -70px -110px;}
ul#toprtnav li.facebook a:hover {	background-position:  -170px -110px;}
ul#toprtnav li.myspace a:hover {background-position:  -279px -110px;}




/* gallery */

#photo_strip {width:630px; margin:10 auto 10px auto;}
#gallery {margin:10; padding:0; height:480px; overflow:auto; color:#f0f0f0; background:#000;  border-top:0px solid #fff; border-bottom:0px solid #fff; font-family: AvantGarde LT Medium;}
#gallery ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#gallery ul li {display:table-cell; padding:0 15px; background:#000; border-bottom:0px solid #000; vertical-align:top; font-family: AvantGarde LT Medium;font-size:12px; line-height:15px; }
#gallery ul li img {border:1px solid #000; margin: 0px 0 5px 0;}
#gallery p {margin:0; padding:5px 10; font-family: AvantGarde LT Medium; font-size:9px; }
#gallery ul li h1 {font-family: AvantGarde LT Medium, verdana, arial, helvetica, sans-serif; font-size:9px; }
#gallery ul li ol.tumblr_posts li.tumblr_post.tumblr_photo_post img.tumblr_photo { height: 360px;}