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

	overall 

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

body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11px;
	color:#000000;
}

h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 130%;
	color: #0D8CB4;
}

a img {
	border-style: none;
}

hr { display: none; }

div.hr {
	height: 1px;
	border-top: 1px dashed #666;
}

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

	RSS feed layout

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

.rss_box {
	 width: 300px;
	 background-color: #ffffff;
}

.rss_title, rss_title a {
	margin: 0px 0;
	padding: 0;
}

.rss_items {
       list-style:none;
       margin:0;
       padding:0;
}

.rss_item  {
  font-size: 11px;
   margin-bottom: 1em;;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	}

.rss_item a:hover { 
	}
	
.rss_date {
	font-size: 11px;
	}

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

	home page layout

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

div#logo {
	position: absolute;
	top: 42px;
	left: 39px;
}

div#lastupdate {
	position: absolute;
	top: 46px;
	left: 400px;
}

div#bloglogo {
	position: absolute;
	top: 46px;
	left: 328px;
}

div#copywrite {
	position: absolute;
	top: 548px;
	left: 328px;
	width: 200 px;
	height: 8px;
}

div#mainMenu {
	position: absolute;
	top: 60px;
	left: 36px;
	width: 253px;
	text-align: right;
	height: 37px;
	padding: 5px;
	font-size: 10px;
}

div#mainMenu img {
		padding: 1px 0 0 0;
	}

div#separator {
	border: 1px #000000;
	border-width: 1px 0;
	padding: 1px 0 0 0;
	margin: 9px 4px 9px 0px;
}

div#separator2 {
	border: 1px #000000;
	border-width: 1px 0;
	padding: 1px 0 0 0;
	margin: 3px 2px 3px 0px;
}

div#arrowL {
	position: absolute;
	top: 58px;
	left: 318px;
}

div#arrowR {
	position: absolute;
	top: 58px;
	left: 351px;
	width: 28px;
	height: 12px;
}

div#photo {
	position: absolute;
	top: 102px;
	left: 328px;
}

div#photo2 {
	position: absolute;
	top: 102px;
	left: 672px;
}

div#photo3 {
	position: absolute;
	top: 102px;
	left: 635px;
}

div#photo4 {
	position: absolute;
	top: 102px;
	left: 715px;
}

div#thumbnails {
	position: absolute;
	top: 66px;
	left: 386px;
	font-size: 10px;
}

div#caption {
	position: absolute;
	top: 66px;
	left: 460px;
}

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

	link and text style

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

a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}

.style3 {
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: inherit;
}
.style4 {
	color: #333333}

.style5 {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.style6 {
	font-size: 10px
}

.style7 {
	font-size: 10px
}

.style10 {
	color: #CCCCCC; 
	font-style: italic; 
}

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

	thumbnail page layout

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

div#photoGrid {
	position: absolute;
	top: 102px;
	left: 328px;
	border-right: 55px solid #FFFFFF;
	width: 744px;
	}
	
div#photoGrid a {
		float: left;
		height: 150px;
		margin-right: 20px;
		}
		
div#photoGrid2 {
	position: absolute;
	top: 102px;
	left: 328px;
	border-right: 55px solid #FFFFFF;
	width: 860px;
	}

div#photoGrid2 a {
		float: left;
		height: 200px;
		margin-right: 20px;
		}

div#copywriteG {
	position: absolute;
	top: 740px;
	left: 328px;
	left: 326px;
	height: 8px;
}

div#copywriteG2 {
	position: absolute;
	top: 850px;
	left: 326px;
	height: 8px;
}

div#copywriteG3 {
	position: absolute;
	top: 600px;
	left: 330px;
	left: 326px;
	height: 8px;
}

div#copywriteG4 {
	position: absolute;
	top: 1320px;
	left: 330px;
	left: 326px;
	height: 8px;
}

div#copywriteG5 {
	position: absolute;
	top: 920px;
	left: 330px;
	left: 326px;
	height: 8px;
}

div#copywriteG6 {
	position: absolute;
	top: 990px;
	left: 330px;
	left: 326px;
	height: 8px;
}

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

	lomography page layout

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

div#lomographyGrid {
	position: absolute;
	top: 102px;
	left: 328px;
	border-right: 55px solid #FFFFFF;
	width: 3000px;
	float: left;
	height: 150px;
	margin-right: 20px;
	}
	
/******************************************************

	about/contact page layout

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

div#about {
	position: absolute;
	top: 308px;
	left: 328px;
	width: 252px;
	height: 8px;
	font-size: 10px
}

div#publications {
	position: absolute;
	top: 308px;
	left: 610px;
	width: 255px;
	height: 8px;
	font-size: 10px
}

div#onlinepress {
	position: absolute;
	top: 308px;
	left: 791px;
	width: 255px;
	height: 8px;
	font-size: 10px
}

div#photoabout {
	position: absolute;
	top: 46px;
	left: 600px;
}

div#photoabout2 {
	position: absolute;
	top: 104px;
	left: 328px;
}

div#photoabout3 {
	position: absolute;
	top: 98px;
	left: 328px;
}

div#exhibitions {
	position: absolute;
	top: 270px;
	left: 770px;
	width: 255px;
	height: 8px;
}