body {
		margin: 0 auto;
		padding: 0;
		font: 90%/140% helvetica, serif;
	}
	h1 {
		background: #fff;
		margin: 20px 0 5px;
		padding: 0px;	
		background:#ffffff url('logo.png') no-repeat right 10px;
		/*text-transform: uppercase;*/	
	}
	
	h1 a {
		padding: 0px;
		text-align: left;	
		color: #690;
		font: 130%/100% helvetica; serif
		letter-spacing: 2px;
		text-decoration: none;
	}
	h3 {
		padding: 0px;
		text-align: left;	
		color: #000;
		font: 130%/100% helvetica, serif
		letter-spacing: 0px;
		text-decoration: none;
	}
	h3  a {	
		color: #360;
		text-decoration: none;
	}
	h2 {
		padding: 0px;
		text-align: left;	
		color: #000;
		font: 180%/100% helvetica, serif;
		letter-spacing: 0px;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	h1 em {
		border-top: dotted 1px #360;
		display: block;
		padding: 10px 0;
		font-style: normal;
	}
	.credits {
		width: 968px;
		margin: 0 0 12px;
		text-align: left;
		/*border-bottom: solid 1px #ccc;*/
		padding: 5px 0 0px 0;
		font: 80%/100% helvetica, serif;
		text-transform: uppercase;
	}
	.credits em {
		color: #999;
	}
	.credits a {
		color: #333;
		text-decoration: none;
	}
	.credits a:hover {
		text-decoration: underline;
	}
	
	
	#container {
	width: 968px;
	margin: 0 auto;
	text-align: left;
		/*background:#ffffff url('background.png') repeat-x;*/
	}
	img {
		border: 0px;

	}
	#header {
		display:block;
		
	}
	/* ---------- navbar styles start here ----------------------- */
	
	form {
		margin: 10px 0px;
	}
	label {
		margin-right: 10px;
	}
	select {
		margin-right: 10px;
	}
	
	
	/*
	navigation
	---------------------------------------------- */
	
	ul#nav {
	border-bottom: dotted 1px #360;
	border-top: 1px solid #e1e1e1;
	float: left;
	font-size: 1.4em;
	text-align: right;
	letter-spacing: 0.1em;
	display:block;
	width: 968px;
	font: 90%/100% helvetica, serif;
	/*background: #CC9;*/
	}
	#nav li {
	float: left;
	list-style-type: none;
	display: block;
	margin: 20px 0px;
	
	}
	#nav li a {
	font-size: 1.1em;
	float: left;
	height: 100%;
	display: block;
	padding: 5px 15px 5px 0px;
	margin: 2px;
	color: #360;
	
	text-decoration:none;
	}
	#nav li a:hover,
	body#default li#nav-default a,
	body#home li#nav-home a, 
	body#archives li#nav-archives a, 
	body#contact li#nav-contact a, 
	body#about li#nav-about a {
	color: #e1e1e1;
	}
	
	/*----------Main----------------------*/
	
	#main {
	display:block;
	width: 700px;
	float:left;
	/*background: #d7d7d7;*/
	margin: 0 0 20px;
	padding: 5px;
	}
	
	/* sidebar	 */
	
	#side {
	float: right;
	width: 240px;
	background: #d7d7d7;
	/*padding: 5px 5px 5px 0px;*/
	font-size: 0.9em;
	}
	#side-inner {
	background: #fff;
	padding: 10px;
	border-left: dotted 1px #360;
	}
	ul.arch-list {
	background: #fff;
	padding: 10px 0;
	}
	ul.arch-list li {
	list-style-type: none;
	border-bottom: 1px solid #e1e1e1;
	}
	#side  a{
		font: 90%/140% Helvetica, Arial, sans-serif;
		color: #360;
		text-decoration: none;
	}
	
	
	/* ---------- detail styles start here ----------------------- */
	
	.detail {
		margin: 20px auto;
		width:640px;
	}
	.detail img {
		width:640px;
		height:480px;
		
	}
	.detail p {
		border-bottom: solid 1px #ccc;
		font-size: 1.1em;
		padding-top:5px;
		padding-bottom:12px;
		
	}
	.detail p.title {
		font: 130%/110% Garamond, Georgia, serif;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #fff;
	}
	.detail p.time {
		text-align: right;
	}
	.detail p.backbut {
		text-align: right;
	}
	.detail a {
		color:#690;
		font-weight: bold;
		text-decoration:none;
	}
	
	
	
	/* ---------- gallery styles start here ----------------------- */
	.gallery {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.gallery li {
		padding-right: 2px;
		padding-bottom: 2px;
		margin: 0px;
		float: left;
		position: relative;
		width: 320px;
		height: 240px;
	}
	.gallery li:hover img {
		border-color: #666;
		
	}
	.gallery img {
		background: #fff;
		border: solid 1px #fff;
		padding: 0px;
	}
	.gallery em {
		display: none;
	}
	.gallery a {
		text-decoration: none;
	}
	.gallery a:hover em {
		background: #fff;
		color: #000;
		font-style: normal;
		padding: 2px 10px;
		display: block;
		position: absolute;
		top: 45px;
		left: 0px;
		border: 1px solid #666;
		border-left-color: #fff;
	}
	
	/*-------------- Pagination styles ---------------*/
	
	
	ul{display:block; border:0; margin-top:0px; padding:0;}
	
	#pagination-flickr li{
		border:0; margin:1px0; padding:0;
		font-size:11px;
		list-style:none;
	}
	#pagination-flickr a{
	border:solid 1px #DDDDDD;
	margin-right:2px;	
	}
	#pagination-flickr .previous-off,
	#pagination-flickr .next-off {
	color:#666666;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
	}
	#pagination-flickr .next a,
	#pagination-flickr .previous a {
	font-weight:bold;
	border:solid 1px #FFFFFF;
	} 
	#pagination-flickr .active{
	color:#360;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
	}
	#pagination-flickr a:link,
	#pagination-flickr a:visited {
	color:#690;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
	}
	#pagination-flickr a:hover{
	border:solid 1px #666666;
	}
	
	/*-------------- Footer styles ---------------*/
	
	#footer {
		display:block;
		width:960px;
		border-top: dotted 1px #360;
		padding: 10px 0px;
		margin-top:10px;
		clear: both;
	}