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

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body{
	margin:0px;
	padding:0px;
	font-family: "Helvetica Neue", "Helvetica", sans-serif;
	font-size:.7em;
	line-height:1.2em;
	background-color:#F0F0F0;
	color:#333333;
}


#title{
	margin-top:90px;
	margin-left:50px;
	width:200px;
	position:fixed;
	border-top:#000000 solid 1px;
}

#old{
	margin-top: 20px;
	font-family: "Times New Roman";
	font-size: 16px;
	line-height: 1.4em;
	font-style: italic;
}	

#container{
	width:700px;
	margin-left:320px;
	float:left;
	position:absolute;
	margin-top:90px;
	border-top:#000000 solid 1px;
}

#thumb{
	width:220px;
	height:205px;
	background-color:#FFFFFF;
	float:left;
	margin-bottom:20px;
}

#thumb_img{
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	margin-right:10px;
	background-color:#FFFF99;
}	

#caption{
	margin-left:10px;
	height:62px;
	width:200px;
	color:#333333;
}

#c1{
	width:200px;
	float:left;
	margin-top:30px;
}

#c2{
	margin-left:40px;
	width:200px;
	float:left;
	margin-top:30px;
}

#c3{
	margin-left:40px;
	width:200px;
	float:left;
	margin-top:30px;
}

#photo{
	margin-top:30px;
	width:700px;
	float:left;
	border-top:#000000 solid 1px;
}

#photo_c1{
	width:220px;
	height:315px;
	float:left;
	margin-top:30px;
	background:#FFFFFF;
}

#photo_exp{
	margin-left:10px;
	margin-top:10px;
}	

#photo_c2{
	margin-left:20px;
	width:460px;
	height:315px;
	float:left;
	margin-top:30px;
	background:#FFFFFF;
}

#photo_img{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	background:url(../_images/photo.jpg);
}

#notebook{
	width:700px;
	margin-bottom:200px;
	float:left;
	border-top:#000000 solid 1px;
	margin-top:50px;
}

#notebook_c1{
	width:340px;
	float:left;
	background:#FFFFFF;
}

#notebook_img{
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	margin-right:10px;
	background:url(../_images/laid_back.jpg);
}

#notebook_c2{
	margin-left:20px;
	width:340px;
	height:234px;
	float:left;
	background:#FFFFFF;
}

#notebook_c3{
	width:340px;
	float:left;
	margin-top:30px;
	background:#FFFFFF;
}

#notebook_c4{
	margin-left:20px;
	width:340px;
	height:234px;
	float:left;
	margin-top:30px;
	background:#FFFFFF;
}

#notebook_icon{
	margin-left:10px;
	margin-top:10px;
	float:left;
}

#notebook_exp{
	margin-top:10px;
	margin-left:10px;
	float:left;
}

#bottom_bar{
	width:700px;
	height:5px;
	float:left;
	margin-top:50px;
	margin-bottom:100px;

}

/* classes */

.header{
	font-weight:bold;
	color:#000000;
}

a{	
	color:#333333;
	text-decoration:none;
	outline:none;
	border:0px;
}

a:hover{
	color:#333333;
}

a:hover img{
	opacity:1;
	}
a:visited{
	outline:none;
}

a:visited:hover{
	outline:none;
}

a:visited:hover img{
	opacity:.5;
}

a:visited img{
	opacity:0;
}

img{
	opacity:1;
}