*{
	margin:0;
	padding:0;
	}


html{
	background:#575755;
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	/*font-size:12px;*/
	}


body{
	padding:0;
	margin:0;
	text-align:center;
	}
	@media screen and (min-width: 640px) {
	body {
		margin:50px 0 30px;
		}
	}

h1{
	color:#C60;
	background:transparent;
	padding:1.4em 0 1em;
	font:2.2em/1.2em "Lucida Grande", Geneva, Verdana, Helvetica, sans-serif;
	}


h2{
	color: #900;
	background:transparent;
	padding-top:1.5em;
	padding-bottom:.3em;
	font:13px normal "Lucida Grande", Geneva, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.09em;
	}


h3{
	color: #000;
	background:transparent;
	padding-top:1.5em;
	padding-bottom:.3em;
	font-size:12px;
	font-weight:900;
	letter-spacing: 0.09em;
	}


hr{
	background:transparent url(img/hr.png) no-repeat center center;
	border:none 0;
	padding:2em 0;
	clear:both;
	}


p{
 	text-align:justify;
 	margin:.7em 0;
 	}


blockquote{
	text-align:justify;
 	margin:1.2em 30px 0;
 	padding:0 20px;
 	color:#356;
 	background:url(img/bulle.png) no-repeat left 5px;
 	}


a{
	color:#093/*#4D7097*/;
	}
	a:visited{
		color:#093/*062*/;
		text-decoration:none
		}
	a:hover{
		color:#C60;
		text-decoration:none
		}
	a img{
		border:none 0;
		}


ul,nl{
	margin:.7em 0;
	padding-left:15px;
	}


ol{
	margin:.7em 0 0 2em;
	padding-left:15px;
	}


li{
	padding-left:0px;
	}


select{
	font-size:10px;
	}


acronym{
	border-bottom:dotted 1px #9A9;
	cursor:help;
	}


table.default{
	border-collapse:collapse;
	font:.8em verdana,sans-serif;
	margin-bottom:30px;
	}
	caption{
		font:italic 10px verdana,sans-serif;
		color:#555;
		margin:30px 0 10px;
		text-align:center;
		}
	.caption{
		font:italic 10px verdana,sans-serif;
		color:#555;
		margin:0 0 1.5em;
		text-align:center;
		}
	table.default td, table.default th{
		border-style:solid;
		border-width:1px 0;
		border-color:#DDD;
		padding:4px 20px 4px 0;
		vertical-align:top;
		}


/*------------------------------------------------*/


#layout{
	max-width:500px;
	margin:0 auto;
	padding:10px;
	background:url(img/background.png) #575755;
	text-align:left;
	}
	#inner-layout{
		padding:5px;
		background:#FFF;
		}


#header{
	background:url(img/gradient.png) #849F40;
	border:solid 1px #555;
	padding-bottom:6px;
	max-width:488px;
	}
	#home-link{
		display:block;
		background:#393326 url(img/header.png) left top no-repeat;
		}
		#home-link a,
		#home-link a:hover,
		#home-link a:visited{
			display:block;
			height:100px;
			width:100%;
			text-decoration:none;
			}
		#home-link a span{
			display:none;
			}
	#themes{
		margin:0;
		padding:2px 10px;
		background:#681;
		border-top:solid 2px #F0CF6E;
		}
		#themes *{
			/*font-size:10px;*/
			}
		#themes li{
			list-style:none;
			display:table-cell;
			padding:10px;
			}
		* HTML #themes li{
			display:inline;
			}
		#themes a{
			padding:2px 10px;
			text-decoration:none;
			}
		#themes a,
		#themes a:hover{
			padding:2px 10px;
			color:#A9C36A;
			text-decoration:none;
			}
		#themes a:hover{
			background:#571;
			}
		#themes .current a,
		#themes .current a:hover{
			color:#FFF;
			}
		#themes .current a:hover{
			background:#608010;
			}


#content{
	padding:0 30px 30px;
	color:#000;
	background:#FFF center 220px no-repeat;
	min-height:600px;
	line-height:1.6em;
	}
	#content p img{
		float:left;
		margin:4px 10px 0 0;
		vertical-align:top;
		}
	ul.spaced li{
		margin:.7em 0;
		}
	.siblings{
		/*font-size:11px;*/
		font-size:85%;
		text-align:center;
		margin:1em 0 0;
		clear:both;
		border-top:solid 1px #FFF;
		background:url(img/stroke.png) repeat-x center center;
		}
		.siblings .previous{
			float:left;
			text-align:left;
			}
		.siblings .next{
			float:right;
			text-align:right;
			}
		.siblings a,
		.siblings a:visited{
			color:#69F/*A96*/;
			text-decoration:none;
			}


#footer{
	margin-top:40px;
	padding:20px 10px 13px;
	text-align:center;
	background:url(img/hr.png) top center no-repeat;
	clear:both;
	}
	#footer,#footer a{
		color:#555;
		/*font:9px verdana,sans-serif;*/
		/*line-height:1.8em;*/
		}
	#footer a,#footer a:hover{
		text-decoration:underline;
		}
	#footer img{
		vertical-align:bottom;
		}


/*------------------------------------------------*/




.al-oueb{
	font-style:italic;
	font-weight:bold;
	}


.border{
	border:solid 3px #000;
	margin:2em 0;
	padding:.8em 1.6em;
	}


.center{
	text-align:center;
	}
	.center img{
		float:none !important;
		margin:0 !important;
		border:none;
		}


.clear{
	clear:both;
	}


.counter{
	font:180% Georgia,Serif;
	color:#69F;
	width:50px;
	float:left;
	margin-top:-5px;
	}


.date{
	color:#CCC;
	width:50px;
	margin-top:10px;
	float:left;
	clear:both;
	}
	.date .j{
		font:18px Georgia,Serif;
		}
	.date .m{
		font:12px arial,sans-serif;
		font-variant:small-caps;
		letter-spacing:-.05em;
		}
	.date .a{
		font:9px arial,sans-serif;
		}


.hidden{
	visibility:hidden;
	}


.right{
	float:right;
	}


img.vignette{
	border:solid 1px #555 !important;
	margin-bottom:2em;
	}



#portfolios{
	background:url(img/bgr.png) bottom left;
	}
	#portfolios .part{
		padding:0 3px;
		font-size:0;
		display:none;
		}
		#portfolios .part.first{
			display:block;
			}
		#portfolios .part.first .previous{
			visibility:hidden;
			}
		#portfolios .part img{
			margin:0;
			vertical-align:middle;
			cursor:pointer;
			}
		#portfolios .part img.vignette{
			margin:0 2px;
			border:solid 1px #E7E4CB !important;
			}
		#portfolios .part img.vignette:hover{
			border:solid 1px #D9D5BA !important;
			}
	#portfolios #photo-frame{
		margin-top:0px;
		height:430px;
		width:428px;
		}
		#portfolios #photo-frame div{
			background:no-repeat center center;
		}
		#portfolios #photo-frame div div{
			background:url(img/transparent.png);
			height:428px;
			width:428px;
			}
	#portfolios #photo-legend{
		}