/* resets */
*{
	margin: 0;
	padding: 0;
}

ul{
	list-style:none;
}

/***************** BIO *****************/
/* Font */

h1,h2,h3,p,a{
	color: #f4eeee;
	font-family:'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;
}

h1{
	text-align: right;
	margin: 0 00px 0 0 ;
}

div#bio-body{
	height: auto;
	width: 850px;
	margin: 100px auto;
}

div#bio-body img{
	float: left;
	margin: 0 30px 30px 30px ;
	border: 8px solid black;
}

div#bio-content{
	padding: 30px 10px 100px 0;
}

#home{
	position: absolute;
	top:30px;
	left:30px;
	display: inline;
}


/***************** LANDING LAYOUT *********************/
body{
	background-color: black;
}

html {
	overflow: auto;
}

#outer-landing-bg{
	position: fixed;
	left:0;
	max-width: 991px;
	width: 65%;
	height: 714px;
	overflow:hidden;
}

#landing-bg {
	position: absolute;
	right: 0px;
	background: black url('../images/apple.jpg') no-repeat top right;
	width: 991px;
	height: 714px;
	overflow: hidden;
}

#content{
	height:200px;
	float: right;
	min-width: 360px;
	overflow:hidden;
	position: relative;
	width: 30%;
}

#danger-logo{
	width: 320px;	
	position: fixed;
	right: 10%;
	top: 45px;
	z-index: 10;
}

#danger-logo img{
	border: none;
}

div#fine_photo{
	top: 130px;
	right: 7%;
	position: fixed;
}

div#fine_photo a{
	border-bottom: 1px solid black;
}

div#fine_photo a:hover{
	border-bottom: 1px solid #ddd;
}

ul#landing-menu{
	position: fixed;
	top: 300px;
	right: 5%;
}

ul#landing-menu li a img{
	border: none;
}

ul#landing-menu li{
	margin-top: 10px;
	padding: 10px 0;
}

ul#landing-menu li a{
		padding: 10px 0;
	border-bottom: 1px solid black;
}

ul#landing-menu li a:hover{
	border-bottom: 1px solid #ddd;
}

/****************** GALLERY PAGE *************************/

/****************** big image scrollable *****************/
/***************** main pictures *****************/

body#bg {
	background: #131317 url('../images/trans_repeat_pattern.png') repeat scroll top left;
}

#gallery-body{
	width:980px;
	position: relative;
	margin: 0 auto;
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable2 { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 810px; 
    height: 700px; 
	clear:both;
	float: right;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable2 div.items2 { 
  /* this cannot be too large */ 
  width:20000em; 
  position:absolute; 
	clear:both;
	margin: 0;
	padding: 0;	
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable2 div.items2 div { 
  float:left; 
	display:block;
	width: 810px;
	height: 700px;
	text-align: center;
} 
 
div.items2 div img{
	margin: auto auto 0 auto;
	position: relative;
	border: 5px solid black;
}

/***************** small scrollable static content *****************/
/* static home link */
div.thumb_link{
	float: left;
/*	border-top: 10px solid black;
	border-left: 10px solid black;
	border-right: 10px solid black;
*/	height: 50px;
}

div.thumb_link img{
	border: none;
	display: inline;
}

.prevPage, .nextPage{
	float: left;
	width: 150px;
	height: 25px;
	padding: 5px 0;
}
.sidebar{
	background-color: black;
	padding:10px;
	width: 150px;
	height: 540px;
}

.button, .thumb, .items2 div{
	cursor:pointer;
}

/***************** menu *****************/
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
	float: left;
    /* required settings */ 
  position:relative; 
  overflow:hidden; 
  width: 150px; 
  height:430px; 
	background-color: black;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    height:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
 	float:left; 
	padding: 10px;
} 
 
div.items img{
	padding: 1px 0px;
	cursor:pointer;
}

/* ************** FOOTER **************** */

div.footer{
	position: absolute;
	top: 750px;
	right: 100px;
	padding: 3px;
}

div.footer p,div.footer a{
	color: #ddd;
	font-family:'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;
	font-size: 12px;
	text-decoration: none;
	bottom-border: none;
}

div.footer a:hover{
	text-decoration: underline;
}