/*

ecopsy.org main style sheet. Copyright 2009 gilbertpaquet.com. Last edit: 2009-03-27

*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0;}
ul{list-style:none;}
a{color:#6c6c6c;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:0;}
.clear{clear:both;}
strong {color: #ffcc00; font-weight: normal;}

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

Overall */
body{margin:0px;padding:0px;font-family:georgia, "Times New Roman", times, serif;font-size:16px;background:#3d3d3d url(images/bg.gif) no-repeat center top;color:#cbcbcb;}
#body_page{background:url(images/body_page.gif) no-repeat center bottom;}
#page{width:1000px;margin:0px auto;}

/* HEADER */
#header{width:100%;height:126px;background:url(images/header_bg.gif) no-repeat;}
#header_rss{float:right;}
#header_rss img{display:block;padding-top:70px;margin-right:30px;}
#header_title{float:left;padding-top:5px;}
#header_title h1{color:#c2d1f0;font-family:"Times New Roman", times, serif;font-size:50px;margin-left:10px;letter-spacing:-1px;}
#header_title h1 a{color:#eee;}
.description{font-size:16px;position:relative;top:5px;color:#868686;display:block;text-align:right;}

/* MENU */
#menu{width:100%;height:40px;background:url(images/menu_bg.gif) no-repeat;}
#menu_items{float:left;width:697px;}
#main_search{float:right;width:303px;}
#menu_items ul{}
#menu_items li{float:left;display:block;background:url(images/menu_sep.gif) no-repeat right top;text-transform:uppercase;}
#menu_items a{color:#585858;display:block;float:left;padding-top:5px;font-size:12px;font-family:"Trebuchet MS", arial, helvetica, sans-serif;padding:10px 15px 0 15px;height:30px;}
#menu_items a:hover, #menu_items a.select{text-decoration:none;background:url(images/menu_items_a.gif) repeat-x;color:#C9D9FB;}
#searchform_body{width:300px;height:34px;background:#eee;margin:3px 0 0 0;}
#searchform_top{margin:0 0 0 10px;}
#searchform_top_text{width:247px;border:0px;background:none;color:#484848;font-family:"Times New Roman", times, serif;font-size:16px;float:left;margin:7px 10px 0 0;}
#gosearch{position:relative;top:2px;float:left;}

/* Body */
#body{width:100%;float:left;background:#303030 url(images/body_bg.gif) no-repeat;}
#body_top{width:100%;float:left;background:url(images/body_top_bg.gif) no-repeat bottom;padding-bottom:45px;}
#body_left{width:696px;float:left;}
#body_right{width:304px;float:right;}

/* left contact */
#body_left_content{width:905px;padding-top:40px;margin-left:45px;}
.post{width:100%;}
.post-top{}
.post-title{}
.post-title h2{font-size:28px;color:#C9D9FB;font-weight:normal;padding:0 0 4px 0;}
.post-title h2 a{color:#C9D9FB;}
.post-title h3{font-weight:normal;margin:0 0 4px 0;color:#999;font-size:14px;font-family:times, serif;}
.post-title h3 a{color:#C9D9FB;font-weight:bold}
.post-title h3 span{color:#cdcdcd;font-weight:bold}
.post-title h4{font-weight:bold;color:#cdcdcd;font-size:11px;font-family:verdana, arial, helvetica, sans-serif;background:#424242 url(images/post-title_h4.gif) repeat-x left bottom;padding:6px 0 8px 4px;}
.post-title h4 a{color:#cdcdcd;font-weight:normal;}
.post-title h4 span{color:#cdcdcd;font-weight:normal;}
.entry{line-height:20px;font-size:18px;padding:10px 0 0 0; text-align: justify;}
.entry p{padding-bottom:15px;}
.entry a{text-decoration:underline;font-weight:bold;}
.entry a:hover{text-decoration:none;}
.entry img{border:3px solid #787878;}
.entry img a:hover{border: 1px solid #8897A9; background: transparent;}
.postmetadata{margin-bottom:30px;background:url(images/postmetadata_bg.gif) repeat-x;width:100%;height:41px;font-size:11px;font-family:verdana, arial, helvetica, sans-serif;}
.postmetadata .alignleft a{color:#535353;font-weight:bold;}
a.readmore{background:url(images/dotted_y.gif) repeat-x left bottom;color:#686139;}
a.readmore span{font-weight:bold;}
a.readmore:hover{text-decoration:none;}
.postmetadata .alignleft{padding:15px 0 0 15px;}
.postmetadata .alignright{padding:15px 15px 0 0;}
.post-page{}
h2.page_title{font-size:24px;color:#fff;font-weight:normal;padding:0 0 6px 4px;background:url(images/page_title_bg.gif) repeat-x left bottom;}
.post-page .entry{}
.post-page .entry a{text-decoration:underline;font-weight:bold;color:#d5d5d5;}
.post-page .entry a:hover{text-decoration:none;}
.entry strong{}
.post-page .post-page .entry h1, .post-page .entry h2, .post-page .entry h3, .post-page .entry h4, .post-page .entry h5, .post-page .entry h6{color:#d5d5d5;display:block;font-weight:normal;}
.post-page .entry strong{font-size:18px;}
.post-page .entry h1{font-size:26px;padding:0 0 14px 0;}
.post-page .entry h2{font-size:24px;padding:0 0 14px 0;}
.post-page .entry h3{font-size:22px;padding:0 0 12px 0;}
.post-page .entry h4{font-size:20px;padding:0 0 10px 0;}
.post-page .entry h5{font-size:18px;padding:0 0 8px 0;}
.post-page .entry h6{font-size:16px;padding:0 0 6px 0;} 

/* right content */
#body_right_content{margin:27px 0 0 0;}

/* RIGHT ADS */
#right_ads{float:left;padding:0 0 0 20px;}
#right_ads div{float:left;padding-right:5px;margin-bottom:3px;}
#right_ads div.right{margin-right:0;}

/* SIDE BAR */
#sidebar{width:271px;margin:20px 0 0 12px;}
.sidebars h2{color:#676767;font-size:24px;text-transform:uppercase;background:url(images/tag_h2.gif) no-repeat bottom left;padding:0 0 8px 40px;}
.sidebars ul{color:#696969;}
.sidebars ul li{padding-bottom:15px;/*margin-bottom:10px;*/}
.sidebars ul li ul li{margin-left:10px;}
.sidebars ul li ul li ul li{margin-left:0;}
.sidebars li ul{padding-bottom:8px;}
.sidebars li ul li ul{padding-left:10px;padding-bottom:0px;}
.sidebars li ul li ul li ul{padding-left:0px;}
.sidebars li{margin-bottom:0px;background:none;}
.sidebars li li{margin-bottom:0px;background:url(images/dotted_grey.gif) repeat-x left bottom;padding:4px 0 8px 5px;font-size:12px;}
.sidebars li.widget_meta li{	background:none;}
.sidebars li li li{background:none;border:0px;padding-bottom:3px;}
.sidebars li a{color:#C9D9FB;}
.sidebars li.widget_categories ul li{font-weight:bold;}
.sidebars li.widget_categories ul li a{background:url(images/sidebar_li_cat.gif) no-repeat left 4px;font-weight:normal;padding-left:10px;}
.sidebars li.widget_categories ul li ul li a{background: none;font-weight:normal;}
.sidebars li.widget_archives ul li a{background:url(images/sidebar_li_ar.gif) no-repeat left 4px;font-weight:normal;padding-left:10px;}
.sidebars li.linkcat ul li a{background:url(images/sidebar_li_br.gif) no-repeat left 4px;font-weight:bold;padding-left:10px;}
.sidebars .widget_tags p{padding:0px 10px;}
.sidebars .textwidget{padding:10px;}

/* FOOTER */
#footer{width:100%;height:78px;background:url(images/footer_bg.gif) no-repeat;margin:0px auto;color:#9e9e9e;font-family:times, serif;line-height:18px;}
#footer_text{padding:20px 0 0 10px;float:left;}
#footer_ask{padding:20px 20px 0 0;float:right;}
#footer_text a{font-weight:bold;color:#8897A9;}
#footer_ask a{color:#8897A9;font-weight:bold;}
.footer_text{padding:20px 0 0 20px;float:left;}

/*####  3 colums footer ###*/
#bottom {clear: both;width: 100%;height: 100%; margin: 0;background: transparent; padding: 0px;text-align: left;color: #cbcbcb;}
#bottom-left {width: 30%;padding: 0 0 25px 0;float: left;}
#bottom-mid {width: 30%;padding: 0 0 25px 40px;float: left; background-image: url(css/bg_userstlog.jpg); background-repeat: no-repeat;background-position: center center;}
#bottom-right {width: 30%;margin-right: 10px;padding: 0 0 25px 0;float: right;}
#bottom h2 {font: 24px georgia, "Times New Roman", times, serif;font-weight: 100;margin: 25px 0 5px 0; padding: 0 1px;color: #adadad; /*#707c69;*/}
#bottom h2 a:hover {color: #fff;background-color: #202020;text-decoration: none;}
#bottom ul {list-style: none;margin: 0;padding: 0;border: none;}
#bottom li {border-bottom: 1px solid #444444;margin: 0px;padding: 0;display: block;}
#bottom li a {display: block;background-color: transparent;color: #C9D9FB;padding: 7px 5px 7px 5px;text-decoration: none;border-bottom: 0;}
#bottom li a:hover {color: #ffffff;background-color: #202020;text-decoration: none;}
#bottom li.widget_categories ul li a{background:url(images/sidebar_li_cat.gif) no-repeat left 4px;font-weight:normal;padding-left:10px;}
#archives {margin-left: 25px; padding: 5px; clear: both;width: 100%;height: 100%;}
#archives ul {list-style: none;margin: 0;padding: 0;border: none;}
#archives li {border-bottom: 1px solid #444444;margin: 0px;padding: 0;display: block;}
#archives li a {display: block;background-color: transparent;color: #C9D9FB;padding: 7px 5px 7px 5px;text-decoration: none;border-bottom: 0;}
#archives li a:hover {color: #ffffff;background-color: #202020;text-decoration: none;}
#archives h4 {font: 20px times, serif;font-weight: 100;margin: 5px 0 5px 0; padding: 0 1px;color: #adadad; /*#707c69;*/}

/* Begin Typography & Colors */
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
/* End Typography & Colors */

/* Begin Images */
p img {padding: 0;max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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 */

/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 98%;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 10px 10px;padding-left: 20px;padding-bottom:4px;background:url(images/blockquote_bg.gif) repeat-y;}
blockquote blockquote{background:url(images/blockquote_bg2.gif) repeat-y;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
hr {display: none;}
a img {border: none;}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;font-weight:bold;clear:both;}
.navigation a{color:#C9D9FB;font-size:14px;text-decoration:underline;}
.navigation a:hover{text-decoration:none;}
.navigation .alignleft a{background:url(images/prev.gif) no-repeat left center;padding:0 0 0 17px;}
.navigation .alignright a{padding:0 17px 0 0;background:url(images/next.gif) no-repeat right center;}
/* End Various Tags & Classes*/

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.entry ul {margin: 0 10px 15px 0;list-style: none;padding:10px 15px 15px 20px;background:#272727;} 
.entry ul li {padding:3px 0 4px 0;background:url(images/dotted_grey.gif) repeat-x left bottom;}
.entry ul li:before{content: url(images/entry_before.gif);}
.entry ol {margin: 0 10px 15px 0;padding:10px 15px 15px 40px;background:#272727;}
.entry ol li {margin: 0;padding:3px 0 4px 0;background:url(images/dotted_grey.gif) repeat-x left bottom;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
ol li{list-style: decimal outside;}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {margin: 10px auto;padding: 5px 3px; text-align: center;}
#sidebar #searchform #s {width: 108px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;}
select {width: 130px;}
#commentform{width:600px;}
#commentform input {width: 270px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 450px;padding: 2px;}
#commentform #submit {margin: 0;width:85px;height:35px;}
/* End Form Elements */

/* Begin Comments*/
h2#comment_title{font-size:24px;color:#fff;font-weight:normal;padding:0 0 3px 4px;margin:0 0 0 30px;}
h3#comments{font-size:11px;color:#8e8e8e;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;padding:0 0 10px 4px;background:url(images/page_title_bg.gif) repeat-x left bottom;margin:0 0 0 30px;}
.alt {margin: 0;}
.commentlist {padding: 0px;text-align: justify;margin-left:30px;}
.comm_items {margin: 15px 0 5px;display:block;background:#272727;}
.comm_items li {margin: 0;padding: 5px 10px 5px;background:none;border:0;list-style:none;}
.commentlist p {margin: 10px 5px 10px 0;line-height:18px;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {display: block;color:#eee;font-size:17px;padding:15px 20px 5px 20px;}
.commentmetadata a{color:#C9D9FB;}
.commentmetadata span{color:#b4b4b4;}
.commentmetadata_text{padding:0 20px 15px 20px;font-size:12px;}
.authcomment {background-color: #B3FFCC !important;} 
#respond_box{margin-top:40px;margin-left:35px;padding-bottom:60px;}
h3#respond{font-size:24px;color:#eee;font-weight:normal;padding:0 0 6px 4px;background:url(images/page_title_bg.gif) repeat-x left bottom;margin:0 0 10px 0;}
#commentform{margin-left:10px;color:#6c6c6c;font-size:14px;width:80%;}
#commentform a{color:#C9D9FB;}
#commentform label{position:relative;top:-5px;}
#commentform input{background:#393939;border:3px #4b4b46 solid;font-family:arial, helvetica, sans-serif;font-size:14px;padding:3px;color:#eee;}
#commentform textarea{background:#393939;border:3px #4b4b46 solid;font-family:arial, helvetica, sans-serif;font-size:12px;padding:3px;color:#eee;margin:5px 0 0 0;}
#commentform input#submit{background:none;border:0px;}
/* End Comments */

/* Archives page */
.page_archives_div{padding-bottom:60px;width:95%;}
.ar_panel{}
.ar_panel3{}
.page_archives_div h2{font-size:24px;color:#eee;font-weight:normal;padding:0 0 6px 4px;background:url(images/page_title_bg.gif) repeat-xleft bottom;margin:0 0 10px 0;}
.ar_panel3 h2{padding-top:5px !important;}
.ar_panel3 ul{margin-left:0px !important;}
.page_archives_div ul h2{}
.page_archives_div ul{margin:0px;padding:0px;margin-bottom:40px;}
.page_archives_div ul li{margin:0px;padding:4px 0 6px 10px;list-style:none;background:none;border-bottom:1px solid #424242;}
.page_archives_div ul li ul li{border:0px;background:none;}
.page_archives_div ul li ul{margin:0px;padding:0px;padding-left:10px;}
.page_archives_div ul li a{font-weight:normal;color:#898989;font-size:12px;background:url(images/ar_a.gif) no-repeat left 4px;
padding:0 0 0 12px;}

/* Labo */
#presentation{width:900px;margin:auto;padding: 30px 5px;}
#joystick{margin:auto;width:400px;}
#container{padding:5px;margin:auto;width:1000px;}
#tile-wrap{width:885px;height:315px;overflow:hidden;position:relative;border:1px solid #180801;}
#lost_in_space {width: 900px; margin: 0px auto; padding-top: 15px; background: transparent; float: left;}
#lost_in_space p {font-size: 16px;}
/* ////////////////
Main Image --*/
#tile-inner{width: 1676px; height: 945px; background-image: url(images/test_c.jpg);}
/* ////////////////
Areas over --*/
#content2{left: 0px;top:0px;}	
#content2 p{position:absolute;top:280px;left:0px;}
#content3{left: 420px;top:0px;}	
#content3 p{position:absolute;top:250px;left:80px;}
#content6{left: 840px;top:0px;}	
#content6 p{position:absolute;top:220px;left:225px;}
#content9{left: 1260px;top:0px;}	
#content9 p{position:absolute;top:290px;left:10px;}
#content1{left: 0px;top:315px;}
#content1 p{position:absolute;top:280px;left:280px;}
#content4{left: 420px;top:315px;}
#content4 p{position:absolute;top:250px;left:80px;}
#content7{left: 840px;top:315px;}
#content7 p{position:absolute;top:220px;left:230px;}
#content10{left: 1260px;top:315px;}	
#content10 p{position:absolute;top:290px;left:80px;}
#content5{left: 420px;top:630px;}
#content5 p{position:absolute;top:250px;left:80px;}
#content8{left: 840px;top:630px;}
#content8 p{position:absolute;top:290px;left:220px;}
#content11{left: 1260px;top:630px;}	
#content11 p{position:absolute;top:290px;left:80px;}
/* ////////////////
 Base fly --*/
.scrolling-content{position:absolute;width: 420px;height:315px;}
/* ////////////////
Areas over various --*/
.btn{background-color:#faf9f4;color:#cc0000;font-size:12px; font-family:verdana, arial, helvetica, sans-serif;padding:1px;width:140px;border:1px solid #333;margin-left:10px;}
.btn:hover{background-color:#b53a04;color:#eee;padding:1px;border:1px solid #FF9D35; cursor:pointer;}
#tile-wrap{width:885px;height:315px;overflow:hidden;position:relative;border:1px solid #180801;}