/*  
Theme Name: Haumaru
Theme URI: http://haumaru.com/
Description: Le thème Haumaru
Author: Maiko MOU 
Author URI: http://haumaru.com/
*/
body {
	text-align: center;
	font: Georgia, Verdana, Geneva, Helvetica, sans-serif;
	background: #3a5573 url(i/bg.jpg) top left repeat-x;
	font-size: 12px;
	color: #745325;
}
body, h1, h3, p, img, form { margin: 0; padding: 0; }
a { color: #3A5573; text-decoration: none;	font-weight: bold; }
a img{ border: none; }
form { text-align: center; }
.clear { clear: both; }
h1 { height: 233px; position: relative; z-index: 100;}
h3.page-h3 { border-bottom: 1px solid #745325; }
p { margin: 5px auto;  text-align: justify; }

#archive h1, #pages h1 { height: 100px; }

/* Structure */
#page-wrapper {
	margin: 0 auto; padding: 33px 0px 0px;
	background: transparent url(i/bg-header.jpg) no-repeat top center;
}
#page {
	margin: 0 auto; padding:0;
	background: transparent url(i/bg-main.jpg) no-repeat top center;
}
#content-wrapper {
	margin: 0 auto; padding: 0;
	width: 800px;
	position: relative;
	top: 0;
	left: 0;
	background-color: #fff;
}
#content {
	margin: 0 auto; padding:0;
	width: 780px;
	text-align: left;
	background-color:#EEE1C8;
}
#menu {
	margin: 0;
	padding:0;
	display: block;
	width: 780px;
	height: 33px;
	background: #EEE1C8 url(i/bg-menu.jpg) center top no-repeat;
}
#menu li {
	display: block;
	float: left;
	margin: 0;
}
#menu li a {
	margin-top: -5px;
	display: block;
	width: 87px;
	height: 36px;
	font-size: 16px;
	text-align: center;
	color: #1a3a6e;
	line-height: 30px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/2/wp-content/themes/2/i/onglet.png');
	cursor: hand;
}
#menu li a:hover {
	color: #B22222;
}
html>body #menu li a {
	filter: none;
	background: transparent url(i/onglet.png) top left no-repeat;
}
html>body #menu li a:hover {
	margin-top:-3px;
}
#menu li a.rss,#menu li a.rss:hover {
	background: none;
	margin-top: 0px;
	width: 50px;
	height:18px;
	filter: none;
}
#menu li a.rss img,#menu li a.rss:hover img  {
	vertical-align: top;
}

/* ARCHIVES AND PAGES */
#archive h2, #pages h2 { /* onglet */
	margin: 0 auto; padding-top: 0;
	width: 750px; height: 36px;
	text-align: left;
	text-indent: 15px;
	line-height: 40px;
	font-size: 18px;
	color: #58441a;
	background: #EEE1C8 url(i/lt-h.jpg) 5px 5px no-repeat;
}
#archive h2.article { /* fond reflet */
	width: 770px;
	height: 32px;
	text-align: center;
	color: #58441a;
	background: transparent url(i/h2-article.jpg) top left no-repeat;
}
#archive #last-trips, #pages .post {
	margin:0px 5px;
	width: 780px;
	height: auto;
	background: transparent url(i/bg-lt2.jpg) left top  repeat-y;
}
#archive #last-trips ul {
	margin: 0; padding-top: 10px;
	width: 770px;
	height: auto;
	text-align: center;
	background: transparent;
}
#archive #last-trips ul li {
	margin: 3px 9px 9px 9px;
}

/* LAST TRIPS & PHOTOBLOG */
#last-trips, #photoblog {
	margin:0 auto;
	padding:0 0 10px 0;
	height: 152px;
	width: 771px;
}
#last-trips {height: 304px; background: transparent url(i/lt.jpg) top left no-repeat;}
#photoblog {margin-top: 5px;	height: 115px; background: transparent url(i/pb.jpg) top left no-repeat;}

#last-trips ul, #photoblog ul{
	margin:0;
	margin-left:33px;
	padding: 0px;
	width: 716px;
	list-style: none;
	position: relative;
}
#last-trips ul {background: transparent url(i/bg-lt.jpg) top left repeat-y; height:304px;}
#photoblog ul {background-color:#E6D2B0; height:110px;}

#last-trips ul li, #photoblog ul li {
	display: block;
	float: left;
	margin: 3px 4px 0px 3px;
	padding: 0px;
}
#last-trips ul li {
	width: 170px;
	font-size: 12px;
	line-height: 11px;
	position: relative;
}
#photoblog ul li img {
	background: transparent url(i/bg-pb-li.gif) right bottom no-repeat;
	width: 94px;
	height: 94px;
	padding: 0 4px 4px 0;
}
#photoblog ul li { padding: 0; margin: 0; }

#last-trips img, .wp img {border: 5px solid #939B94;}
#last-trips span { color: #3A5573; 	text-decoration: none;	font-weight: bold; font-style: italic; }
#photoblog span { color: #3A5573; text-align: center; display:block; width: 90px; padding:0; margin: -6px 0 0 0;}

#last-trips ul li span {
	text-align: center;
	margin: 0 auto; padding-top: 2px;
	background: transparent url(i/lt-tab.gif) top center no-repeat;
	width: 160px;
	height: 27px;
	display: block;
}
#last-trips p.more a, #photoblog p.more a {margin: -32px 2px 0 0;padding: 0;float: right; z-index: 2;}
#last-trips p.more a img, #photoblog p.more a img { 	border: none;}
#last-trips p.more a:hover, #photoblog p.more a:hover {
	margin: -32px 0 0 0;
} 
a.more-pics {	position:absolute;right:5px;top:132px;}
a.more-pics img {	border: none !important; }

#last-trips .entry .highslide {
	margin: 0px 7px 0px 7px;
	width: 160px;
	text-align: center;
	display: block;
	float: left;
	height:128px;
	line-height: 12px;
	font-size: 12px;
}

html:not([lang*=""]) #last-trips .entry .highslide {
	padding-bottom:20px;
}
/* MENU DU BAS */
#menu-bottom {
	width: 780px;
	margin-top: -5px;
}
#tags-search, #motion-area,#about, #references { 
 float: left;
 width: 160px;
 height: 200px;
 margin: 5px;
 padding: 0;
 font-size: 12px;
 display: inline;
}
#tags-search {
	width: 195px;
	background: transparent url(i/bg-tags.jpg) 0px 10px no-repeat;
}
#tags-search p {
	padding: 0px 10px;
	margin: 0px;
	text-align: justify;
}
#tags-search .line {
	background: transparent url(i/tags-hr.png) center center no-repeat;
	width: 157px;
	height: 15px;
	margin: 0 auto;
}
#tagcloud { padding:0; margin:2px; text-align:left; }
#tagcloud li { font-size:100%; background: none; padding: 0;}
#tagcloud span a, #tagcloud span a:link { text-decoration:none; }
#tagcloud span a:hover { text-decoration:underline; }
#tagcloud span.t1 a { color:#797979; font-size: 100%; }
#tagcloud span.t2 a { color:#6d6d6d; font-size: 105%; }
#tagcloud span.t3 a { color:#616161; font-size: 110%; }
#tagcloud span.t4 a { color:#555555; font-size: 115%; }
#tagcloud span.t5 a { color:#484848; font-size: 120%; }
#tagcloud span.t6 a { color:#3c3c3c; font-size: 125%; }
#tagcloud span.t7 a { color:#303030; font-size: 130%; }
#tagcloud span.t8 a { color:#242424; font-size: 135%; }
#tagcloud span.t9 a { color:#181818; font-size: 140%; }
#tagcloud span.t10 a { color:#0c0c0c; font-size: 150%; }
#references {
	width: 205px;
	background: transparent url(i/bg-references.jpg) center center no-repeat;
}
#menu-bottom h3.gp1, #menu-bottom h3.gp2 {
	text-align: center;
	height: 30px;
	padding-top: 6px;
	margin: 0px;
	color: #58441a;
	font-size: 15px;
}
#menu-bottom h3.gp1 {
	background: transparent url(i/bg-b-title-1.png) center center no-repeat;
	position: relative;
	z-index: 50;
}
#menu-bottom h3.gp2 {
	background: transparent url(i/bg-b-title-2.png) center center no-repeat;
}
#references ul { margin: 0; padding-left: 10px; }
#references p { margin:0; }
#references li {
	background: transparent url(i/li.png) top left no-repeat;
	padding-left: 13px;
	margin: 0px 0px 3px;
	list-style: none;
	width: 180px;
}
#about ul, #about ul li {
	height: 29px;
	display: block;
	margin: 0; padding: 0; border:none;
}
#about ul li a {margin: 0; padding: 0; border:none; }
#about h2 {
	position: relative;
	z-index: 2;
}
#about p {
	margin-top: -15px;
	text-align: center;
	z-index: 1;
}

/* FOOTER */
#footer {
	background: transparent url(i/bg-footer.jpg) center center no-repeat;
	height: 14px;
	margin: 0;
}

/* PAGE */
.entry {
	padding: 20px;
	text-align: left !important;
}

.entry img {
 border: 5px solid #fff;
 margin: 0px 5px 5px;
}
.wp {
	float: left;
	margin-right:5px;
	width: 235px;
}

/* Sociable */
#last-trips .sociable { margin: 16px auto; padding:5px; text-align: center; width: 400px; border:1px solid; background-color: #F6EEE0; }
#last-trips span.sociable_tagline { position: relative; text-align: center; }
#last-trips span.sociable_tagline span { display: none; width: 250px; }
#last-trips span.sociable_tagline strong { margin: 0 auto;  font-size: 14px;}
#last-trips span.sociable_tagline:hover span { position: absolute;display: block;top: -30px; right: 0px; background: #ffe;border: 1px solid #ccc;color: black;line-height: 1.25em;opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60);}
#last-trips .sociable span {display: block;}
#last-trips .sociable ul {	display: inline;	margin: 0;padding: 0;  }
#last-trips .sociable ul li { display: inline; float: none; list-style-type: none; margin: 0; padding: 0; }
#last-trips .sociable img { width: 16px; height: 16px; border:none; }
#last-trips .sociable-hovers { opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); }
#last-trips .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }