/*RESET*/
* {margin:0;padding:0;text-decoration:none;font-size:1em;outline:none;}
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext{font:inherit;font-size:1em;white-space:normal; }
dfn, i, cite, var, address, em { font-style: normal; }
/*th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }*/
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */
marquee { overflow: inherit !important; -moz-binding: none; }
blink { text-decoration: none; }
nobr { white-space: normal; }
/*IE specific bug fixes*/
.content legend{margin-bottom:1.6em} /* IE form margin bug */
sup, sub{font-size:100%} /* IE superscript & subscript bug */
* html .content textarea, * html .content input{padding:0} /* IE < 7 form fix */
.content input[type='submit'], .content input[type='button']{padding:0} /* IE 7 button fix */
.content legend+*{margin-top:0} /* we already added legend margin */
a abbr, a acronym{text-decoration:underline} /* IE 7 bug */
* html .content blockquote *{margin:.8em 0}
input.checkbox{border:0;}
/*END RESET*/
/*****BASIC STYLE****/
html,body{margin:0;padding:0;;margin:0;height:100% !important;min-height: 100%; line-height:165%;background:url('../img/shared/bg_body.jpg') repeat-x left top #e4e4e4;}
*{font-family:Georgia, serif;font-size:12px;font-weight:normal;}
p{margin:0;}
img{border:0;}
form{margin:0;padding:0;}
a:focus{outline:none}
input:focus{outline:none}
input,textarea{color:#3f3f3f;border:solid 1px #d6d6d6;padding:2px;}
label{padding:3px 0 0 0;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
a:link,a:visited{text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
select{border:solid 1px #d6d6d6;color:#3f3f3f;}

/*****END BASIC STYLE****/

/*****LAYOUT HP******/
#layout{width:100%;height:100%;margin:0;padding:0;background:url('../img/shared/dots_v.gif') repeat-y 20px top;}
#head{position:relative;padding:30px 0 0 0;margin-left:-1px;background:url('../img/shared/dots_h.gif') repeat-x 0 bottom;}
#logo{padding:0 0 10px 30px;}
#follow_join{position:absolute;right:30px;top:0;}

#csx{position:absolute;left:30px;top:117px;width:170px;z-index:999;}
*:first-child+html #csx{position:absolute;left:30px;top:110px;width:170px;}
#body{position:relative;width:90%;float:left;margin:0 0 0 170px;border:solid 1px red;}


#wrapper{height:auto !important;height:1%;zoom:1;}
#wrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#menu{}
#menu li{margin:0 0 20px 0;}
#menu li a:link,#menu li a:visited{display:block;width:125px;height:21px;padding:3px 0 0 25px;border-bottom:solid 1px #b6b6b6;color:#fff;font-size:13px;font-style:italic;background:url('../img/shared/bullet_menu.gif') no-repeat 5px 5px #000;}

#container_boxes{position:relative;margin:25px 0 0 200px;zoom:1;z-index:1;}
#container_boxes:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#fdr_ph_post{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;background:url('../img/shared/trsp.gif') repeat-x left top #000;opacity:0.7;-ms-filter:"alpha(opacity=70)";filter:"alpha(opacity=70)";}

#ph_post{display:block;float:left;width:750px;z-index:999;opacity:1;-ms-filter:"alpha(opacity=100)";filter:"alpha(opacity=100)";}
.det_post{visibility:hidden;width:760px;margin:0 10px 10px 10px;}
.det_post img{display:block;}
.det_post .btnclose{position:absolute;right:10px;top:35%;cursor:pointer;}
.det_post  .ph_abstract{background:#ededed;padding:10px 10px 10px 11px;margin:0;font-size:14px;font-style:italic;}
.det_post  .ph_abstract a:link,.det_post  .ph_abstract  a:visited{padding:10px 0 0 0;margin:0;font-size:14px;font-style:italic;line-height:18px;}
.det_post  .ph_abstract p{padding:0;margin:0;font-size:14px;font-style:italic;line-height:18px;}

.det_post .ph_date{position:relative;height:30px;background:#fff;border-bottom:solid 1px #000;padding:5px 0 5px 10px;}
.det_post .ph_date .day{float:left;width:35px;color:#af1e1e;font-size:22px;font-family:Helvetica,Arial,san-serif;margin:0;padding:5px 0 0 0;}
.det_post .ph_date div.moy{float:left;padding:0;margin:0;}

.det_post .ph_date div.moy .month{font-size:12px;color:#000;font-weight:bold;text-transform:uppercase;font-family:Helvetica,Arial,san-serif;margin:0;padding:0;line-height:14px;}
.det_post .ph_date div.moy .year{font-size:12px;color:#999999;font-weight:bold;font-family:Helvetica,Arial,san-serif;margin:0;padding:0;line-height:14px;}

#loading_img{position:absolute;top:50%;left:50%;display:block;}

#container_boxes.masoned, #container_boxes.masoned .post {
  -webkit-transition: all .7s ease-out;
     -moz-transition: all .7s ease-out;
       -o-transition: all .7s ease-out;
          transition: all .7s ease-out;
}

.post{float:left;width:240px;margin:0 10px 10px 10px;}
.post_500{float:left;width:500px;}
.post_500 .abstract img{width:500px;}

.post .video{margin:0;padding:0;}
.post .video object{display:block;}

.post .c_video{margin:0;padding:0;}
.post .c_video object{display:block;}

.post .photo{margin:0;padding:0;}
.post .photo img{display:block;width:500px;}

.post .abstract{padding:10px 10px 0 11px;margin:0;font-size:14px;font-style:italic;}
.post .abstract a:link,.post .abstract a:visited{padding:0;margin:0;font-size:14px;font-style:italic;line-height:18px;}
.post .abstract p{padding:0;margin:0;font-size:14px;font-style:italic;line-height:18px;}
.date{position:relative;height:30px;background:#fff;border-bottom:solid 1px #000;padding:5px 0 5px 10px;}
.date .day{float:left;width:35px;color:#af1e1e;font-size:22px;font-family:Helvetica,Arial,san-serif;margin:0;padding:5px 0 0 0;}
.date div.moy{float:left;padding:0;margin:0;}

.date div.moy .month{font-size:12px;color:#000;font-weight:bold;text-transform:uppercase;font-family:Helvetica,Arial,san-serif;margin:0;padding:0;line-height:14px;}
.date div.moy .year{font-size:12px;color:#999999;font-weight:bold;font-family:Helvetica,Arial,san-serif;margin:0;padding:0;line-height:14px;}
.readmore{position:absolute;right:10px;top:35%;}

.post .content_post{display:none;padding:10px 0 0 0;margin:0;font-size:14px;font-style:normal;}

#bottompad{padding:15px 0 15px 50px;}
#pager{}
#pager a#prevpage{margin:0 2px;}
#pager a#nextpage{margin:0 2px;}
#pager span#tot_pages{margin:0 2px;}

.backhp{display:none;position:absolute;right:10px;top:35%;}


/**TRANSITIONS*/
.post {
	box-shadow: -1px 1px 7px rgba(0,0,0,0.5);
	-webkit-transition: opacity .8s ease-out;
	-moz-transition: opacity .8s ease-out;
	-o-transition: opacity .8s ease-out;
	transition: opacity .8s ease-out;
}

.animating .post {
	-webkit-transition: opacity .8s ease-out, left 0.3s ease-in-out, top 0.3s ease-in-out;
	-moz-transition: opacity .8s ease-out, left 0.3s ease-in-out, top 0.3s ease-in-out;
	-o-transition: opacity .8s ease-out, left 0.3s ease-in-out, top 0.3s ease-in-out;
	transition: opacity .8s ease-out, left 0.3s ease-in-out, top 0.3s ease-in-out;
}
/* -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; */
.post .photo {-webkit-transition: all .1s linear; }
.post .photo img, .post .photo object, .post .photo embed, .post .photo iframe { display: block; width: 100%; }

/*
.post.small { width: 236px; }
.post.small .photo { width: 236px; }
*/

.post.size_0 {width:236px; }
.post.size_0 .photo { width: 236px; }
.post.size_0 .abstract img{ width: 236px; }

.post.size_1 { width: 500px; }
.post.size_1 .photo { width: 500px; }
.post.size_1 .abstract img{width:500px;}