/*
Theme Name: ZenDreamsdotcom
Theme URI: http://www.zen-dreams.com/
Description: Zen-Dreams.com Version 4 design
Version: 1.4
Author: Anthony PETITBOIS
Author URI: http://www.zen-dreams.com/
Tags: 960gs, 12col
*/

@import url("css/reset.css");
@import url("css/text.css");
@import url("css/960.css");


body { background: #FFFFFF url('images/footer.jpg') bottom center no-repeat;}

a { text-decoration: none; cursor: pointer; color:#5560AB;}
a:hover { color:#AB6055;}

div.postit { height: 260px;}
#content {overflow: hidden;}
div.blog-description, h1.blog-title { display: none;}
#nav {background: url(images/menu.png) repeat-x;height:40px; padding-top:2px;}
	#nav ul {padding: 0;margin: 0;list-style: none;z-index:999;}
	#nav a {display: block;width:9em;color:#333333;text-decoration:none; padding-left:1em; padding-top:3px; height:25px;}
	#nav a:hover {color:#333333;text-decoration:none;background:#DDDDDD;}
	#nav li {float: left;width: 10em; margin:1px 0px;height: 28px;}
		#nav li ul {position: absolute;width: 10em;left: -999em;background:#ffffff; border:1px solid #777777;}
		#nav li:hover ul {left: auto;}

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
.wp-caption {
	border: 1px solid #B5D4DF;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}
/* End captions */
/*	Images alignement */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */

div#related li { display:inline; margin:0px;}
div#related li ul li { display:list-item; margin-left:10px;}
div#addicted_results {position: absolute; background:#ffffff;}
div#addicted_results ul,div#addicted_results p { margin:0px; border:1px solid #000000;padding:0 10px 4px 0; width:208px;}
div#addicted_results ul li { list-style-image: url(images/img_breadcrumb.gif);}

.error {
	background:#EFD8AC url('images/warning.png') 1em center no-repeat;
	border:1px solid #DFBE7F;
	color:#AE7916;
	font-size:1em;
	padding:1.5em 0 1.5em 68px ;
	margin-bottom:1em;
	width: 600px;
}

/** Colors and images  */
div#header {background:url('images/header.png') no-repeat left top;height:149px;}
div#page {margin-top:1em;}

.widget h3 { color:#5593DE;margin:0px;}
div#about img {text-align: center;}
	div#about p { padding-right: 10px; text-align:justify;}
div#sidebar-left div.date { font-size:1.4em; display:block; font-weight:bold;}
div#sidebar-left div.author { display:block; text-align: right; font-size:x-small; color:#656565;}
div#sidebar-left div.time { display:none;}

div#sidebar-left span.editthis { padding: 3px; -moz-border-radius: 3px; position: relative; -moz-opacity:0.5;}
	div#sidebar-left span.editthis a { display:none; color: #ffffff; text-decoration: none;}
div#sidebar-left:hover span.editthis { background-color: #0000ff; }
	div#sidebar-left:hover span.editthis a { display: inline;}
	div#sidebar-left:hover span.editthis a:hover { text-decoration: underline;}

p.more { text-align: right;}
div.comments { background: url('images/speech_bubble.png') top right no-repeat; width: 100%; height: 48px; text-align: right;}
	div.comments div a { display:block;height:37px;text-align:center;text-decoration:none;vertical-align:middle;width:48px; margin-left:92px; padding-top:11px; font-weight:bold;}

div#about div#presentation {}
div#social_context { margin-top: 2em; text-align: right; height: 176px;}
	div#social_context a { display: block;}
#tooltip { padding: 3px 5px; background: #D1E1E8; border: 1px solid #5E88B0; position: absolute; max-width: 300px;}

/*** Page navigation ***/
.wp-pagenavi {display: block; clear:both; margin: 1em auto; text-align: center;}
	.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:hover,wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend  {
		border: none !important;
	}

div.storycontent { overflow: hidden;}
div.post {background: url('images/divider-ornament') center bottom no-repeat;}
p.nocomments { display: none;}

#header_search { margin-top: 1em;}
	#header_search input { background: #666666; border: 1px solid #999999; color:#ffffff;}

/******** Comments styling ******/
div#comments_container { }
	div#tablist { margin: 1em 0 1em auto; width: 200px;}
		div#tablist a { background: #EEEEEE;padding: .5em 1em; display: block; float: left;}
		div#tablist a:hover { background: #BBBBBB;}
		div#tablist a.active { background: #CCCCCC;}
	div#pinglist {}
		div#pinglist  div.odd { background: #DDDDDD;}
		div#pinglist  div.even { background: #FFFFFF;}
		div#pinglist  div.comment-meta {background: url('images/trackback.png') left top no-repeat;}
		div#pinglist  div.comment-meta a:hover { color: #6F3830;}
.depth-2,.depth-3,.depth-4,.depth-5 { }
div.reply {display: block; text-align: right; margin: 5px;}
div.comment-meta { margin-left: 0px;margin-right: 0px;}
div.comment, div.pingback { border: 1px solid #cccccc; padding: 7px; margin-bottom: 10px;}
	div.comment.odd { background: #DDDDDD;}
	div.comment.even { background: #FFFFFF;}
	div.comment div.comment-meta  img.avatar  { border: 2px solid #CCCCCC; padding: 1px; background: #FFFFFF;margin-left: 25px;}
	div.bypostauthor { border: 1px solid #993333; }
	div.comment div#respond { margin-left: 160px;}
	div.comment div#respond h3 { display: none;}
div.comment-content { margin-left: 160px;margin-right: 0px;}
.comment-author { font-weight: 700;}
p.moderated {
	background:#EFD8AC url(images/warning.png) no-repeat scroll 1em center;
	border:1px solid #DFBE7F;
	color:#AE7916;
	padding:1.5em 1.5em 1.5em 68px;
}

div.widget_ads {}
div.widget_ads div.ad_slot img { width: 110px; height: 110px; float: left; overflow: hidden;}

/* Archives style */
h2.page_content { margin-bottom: 0px;}
ul#yearly-archives li.year_archive { display: inline; float: left; clear: right;}
ul.children { margin-bottom: 0px;}
div.social { background:url('images/divider-ornament.gif') center top no-repeat;
	padding-top:16px;margin-top:1em;}
div.storycontent img.banner { border: 1px solid #C2E0EF;}

/* Footer */
div#footer { background: #FFFFFF; -khtml-opacity: 0.55; -moz-opacity: 0.55;filter: alpha(opacity=55);  color: #000000; border: 1px solid #AAAAAA; margin-top: 4em;}
div#footer div#footer-sidebar { margin-bottom: 1em;}
p#copyright_footer,ul#sitemap { height: 1.5em; margin-bottom: 0px;}
ul#sitemap li { display: inline; list-style: none; height: 1.5em;}
ul#sitemap li a:hover { color: #AB6055; text-decoration: underline;}

blockquote {border-left:2px solid #CCCCCC;margin-left:40px;padding:5px 20px;}
div#featured { text-align: center; margin-left: 0px;}
div#featured h3.widgettitle { background:url(images/featured-icon.png) top right no-repeat;height:45px;padding-top:35px;}
div#featured div#featured_image { background:url(images/featured-back.png) 55px top no-repeat;height:163px;padding:11px 0 0;}
div#featured h4 a {color: #4f7cb4; font-size: 14px; font-weight: normal;}

div#featured div#featured_image a img {filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
	div#featured div#featured_image a:hover img {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

h1.harabara { margin-top: 10px;font-size: 40px;}
div#portfolio-thumbs { margin: 0 0 60px 0; }
	div#portfolio-thumbs div#element-title { text-align: center; font-size: 10px; color: #66A; height: 400px; overflow: hidden;}
	div#portfolio-thumbs div#element-title p { text-align: justify;}
	div#portfolio-thumbs ul li { float: left; list-style: none; margin-left: 0px; margin: 8px;}
		div#portfolio-thumbs ul li a { border: 2px solid #CCCCCC; height: 150px; width: 150px; display: inline-block; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
		div#portfolio-thumbs ul li a:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
		
div#current-element img, .shadow {box-shadow: 5px 5px 10px #ccc;-moz-box-shadow: 5px 5px 10px #ccc;-webkit-box-shadow: 5px 5px 10px #ccc; margin: 0 auto 10px auto;}

