/*CSS Adam Farlie 2009*/ 

#emailthumb{
	background-image : url(http://www.adamfarlie.com/imgs/emailme.jpg);
	background-repeat : no-repeat;
	left: -295px; 
	top: 410px; 
	width: 60px; 
	height: 30px; 
	padding:0px;
	}

#emailthumb:hover {
background-image : url(http://www.adamfarlie.com/imgs/emailme_hover.jpg);
background-repeat : no-repeat;
}


/*OVERALL STYLING*/ 

	body {
	font-size : 12px;
	font-family : Times, sans-serif;
	background : #fff;
	word-spacing : -1px;
	margin: 0px auto;
	height:100%;
	width:100%;

	}
	a:link {
	color : #666;
	outline : none;
	padding : 0%;
	}
	a:active {
	color : #666;
	outline : none;
	padding : 0%;
	}
	a:visited {
	color : #666;
	outline : none;
	padding : 0%;
	}
	a:hover {
	color : #666;
	outline : none;
	padding : 0%;
	}
	#main {
	width: 261px;
	position : absolute;
	height : 100%;
	top : 25%;
	left : 50%;
	margin-top : -100px;
	text-decoration : none;
	color : #666;
	margin-left : -170px;
	}

	#main ul {
	list-style : none;
	margin : 0 0 0 0;
	}
	p {
	margin : 0 0 0 0;
	}
	#img-container {
	margin : 0;
	padding : 0;
	}
	#img-container p {
	width : 400px;
	margin : 0;
	padding : 0 0 0 0;
	}
	#once {
	clear : left;
	}
	
	/*PROJECT THUMBNAILS AND HOVERS*/ 
	
	#becomingnarcolepticthumb {
	width : 76px;
	height : 108px;
	background-image : url(http://www.adamfarlie.com/imgs/narcoleptic_thumb.jpg);
	background-repeat : no-repeat;
	float : left;
	margin : 3px 3px 3px 3px;
	}
	#becomingnarcolepticthumb:hover {
	background-image : url(http://www.adamfarlie.com/imgs/narcoleptic_thumb_hover.jpg);
	background-repeat : no-repeat;
	}
	#vesselthumb {
	width : 76px;
	height : 108px;
	background-image : url(http://www.adamfarlie.com/imgs/vessel_thumb.jpg);
	background-repeat : no-repeat;
	float : left;
	margin : 3px 3px 3px 3px;
	}
	#vesselthumb:hover {
	background-image : url(http://www.adamfarlie.com/imgs/vessel_thumb_hover.jpg);
	background-repeat : no-repeat;
	}
	#sofithumb {
	width : 76px;
	height : 108px;
	background-image : url(http://www.adamfarlie.com/imgs/sofi_thumb.jpg);
	background-repeat : no-repeat;
	float : left;
	margin : 3px 3px 3px 3px;
	}
	#sofithumb:hover {
	background-image : url(http://www.adamfarlie.com/imgs/sofi_thumb_hover.jpg);
	background-repeat : no-repeat;
	}
	#lucidathumb {
	width : 76px;
	height : 108px;
	background-image : url(http://www.adamfarlie.com/imgs/Lucida_thumb.jpg);
	background-repeat : no-repeat;
	float : left;
	margin : 3px 3px 3px 3px;
	}
	#lucidathumb:hover {
	background-image : url(http://www.adamfarlie.com/imgs/Lucida_thumb_hover.jpg);
	background-repeat : no-repeat;
	}
	#mourningthumb {
	width : 76px;
	height : 108px;
	background-image : url(http://www.adamfarlie.com/imgs/mourning_thumb.jpg);
	background-repeat : no-repeat;
	float : left;
	margin : 3px 3px 3px 3px;
	}
	#mourningthumb:hover {
	background-image : url(http://www.adamfarlie.com/imgs/mourning_thumb_hover.jpg);
	background-repeat : no-repeat;
	}
	#dapperthumb {
	width : 76px;
	height : 108px;
	background-image : url(http://www.adamfarlie.com/imgs/dapper_thumb.jpg);
	background-repeat : no-repeat;
	float : left;
	margin : 3px 3px 3px 3px;
	}
	#dapperthumb:hover {
	background-image : url(http://www.adamfarlie.com/imgs/dapper_thumb_hover.jpg);
	background-repeat : no-repeat;
	}

	/*SLIDING BOX*/
	
	
	#slickbox {
	background : #fff;
	height : 230px;
	width : 253px;
	margin-left : 8px;
	margin-top : 4px;
	}
	#slickbox2 {
	background : #fff;
	height : 80px;
	width : 239px;
	margin-left : 12px;
	margin-top : 4px;
	text-align : justify;
	padding : 0 0 10px 0;
	}
	#slickbox3 {
	background : #fff;
	height : 50px;
	width : 261px;
	margin-left : 12px;
	margin-top : 10px;
	text-align : justify;
	padding : 0 0 10px 0;
	}
	#slick-slidetoggle {
	background : #fff;
	margin-top : 0;
	margin-left : 0;
	width : 261px;
	}
	#slick-slidetoggle2 {
	background : #fff;
	margin-top : 0;
	margin-left : 0px;
	width : 261px;
	}
	#slick-slidetoggle3 {
	background : #fff;
	margin-top : 0;
	margin-left : 0px;
	width : 261px;
	}
	#slick-slidetoggleprojects {
	background : #fff;
	margin-top : 20px;
	margin-left : -60px;
	font-size : 12px;
	font-style : italic;
	font-weight : bold;
	text-decoration : none;
	width : 50px;
	}
	
	/*EMOTIONAL OBJECTS FADE EFFECT*/
	
	ul.gallery li {
	outline : none;
	text-align : center;
	border : none;
	width : 261px;
	left : 50%;
	display : inline;
	}
	ul.gallery li a.thumb {
	width : 261px;
	height : 169px;
	cursor : pointer;
	padding : 0;
	}
	ul.gallery li span {
	width : 261px;
	height : 169px;
	overflow : hidden;
	display : block;
	padding : 0 0 0 0;
	margin-top : 0;
	}
	ul.gallery li a.thumb:hover {
	background : #333;
	}
	ul.gallery li a {
	text-decoration : none;
	color : #fff;
	display : block;
	}
	
	/*ADAM FARLIE FADE EFFECT*/
	
	ul.project1 li {
	outline : none;
	text-align : center;
	border : none;
	width : 261px;
	left : 50%;
	margin-left : -38px;
	display : inline;
	}
	ul.project1 li a.thumb {
	width : 261px;
	height : 122px;
	cursor : pointer;
	padding : 0;
	
	}
	ul.project1 li span {
	width : 261px;
	height : 122px;
	overflow : hidden;
	display : block;
	padding : 0 0 0 0;
	margin-top : 0;
	}
	ul.project1 li a.thumb:hover {
	background : #333;
	}
	ul.project1 li a {
	text-decoration : none;
	color : #fff;
	display : block;
	}
	
	/*CONTACT ME FADE EFFECT*/
	
	ul.project2 li {
	outline : none;
	text-align : center;
	border : none;
	width : 261px;
	left : 50%;
	margin-left : -75px;
	display : inline;
	}
	ul.project2 li a.thumb {
	width : 261px;
	height : 119px;
	cursor : pointer;
	padding : 0;
	}
	ul.project2 li span {
	width : 261px;
	height : 119px;
	overflow : hidden;
	display : block;
	padding : 0 0 0 0;
	margin-top : 0;
	}
	ul.project2 li a.thumb:hover {
	background : #333;
	}
	ul.project2 li a {
	text-decoration : none;
	color : #fff;
	display : block;
	}
	
	/*GREY FRAME AROUND SITE WINDOW*/
	
	#frametop {
	position : fixed;
	top : 0;
	left : 0;
	height : 10px;
	width : 100%;
	background-color : #e6e6e6;
	background-image : inherit;
	background-repeat : repeat;
	background-attachment : scroll;
	background-position : 0% 0%;
	z-index : 1000;
	}
	#framebtm {
	position : fixed;
	bottom : 0;
	left : 0;
	height : 10px;
	width : 100%;
	background-color : #e6e6e6;
	background-repeat : no-repeat;
	background-attachment : scroll;
	background-position : center center;
	z-index : 1001;
	text-align : left;
	}
	#frameleft {
	position : fixed;
	top : 0;
	left : 0;
	height : 100%;
	width : 10px;
	background-color : #e6e6e6;
	background-image : inherit;
	background-repeat : repeat;
	background-attachment : scroll;
	background-position : 0% 0%;
	z-index : 1000;
	}
	#frameright {
	position : fixed;
	top : 0;
	right : 0;
	height : 100%;
	width : 10px;
	background-color : #e6e6e6;
	background-image : inherit;
	background-repeat : repeat;
	background-attachment : scroll;
	background-position : 0% 0%;
	z-index : 1000;
	}