/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: Andy Skelton, Scott Allan Wallick MODIFIED by <a href="http://www.yannlorber.fr">Yann Lorber</a>
AUTHOR URI:
TAGS: yann lorber, yannlorber, sandbox
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-r.css');


/* 
 * Reset
 *
 */ 

body, html, div, span, p, h1, h2, h3, h4, h5, h6, img, ul, li, ol{
margin: 0px; padding:0px;
}
body {
font-family: Arial;
font-size: 13px;
color: #777;
line-height: 18px;
height: 100%;
background: #fff url('img/bg_body2.jpg')  center -168px repeat-y;

}
html {
height: 100%;
}
img {
border: none;
}
a {
text-decoration: none;
}
abbr {
border: none;
}
/* 
 * Main containers
 *
 */ 
.separator {
clear: both;
display: block;
height:20px;
}
.separator_small {
clear: both;
display: block;
height:15px;
padding: 0px !important;
}
.www {
padding: 0px;
width:1000px;
margin: 0px auto;
}
.wrapper {
background:url(img/sidebar.gif) repeat-y  right 20px;	
}



#header {
float:left;
height:125px;
width:100%;
}
#menu {
float:left;
width:750px;
height:77px;
margin-top:34px;
background: url('img/bg_menu2.png') top left no-repeat;
}
h1#blog-title {
position: relative;
text-indent:-9000px;
width:194px;
height:125px;
background: url("img/logo.gif") no-repeat;
}	
#header .logo {
float: right;
margin-right: 30px;
}

#menu ul {
float:left;
width:100%;
margin-top:15px;	
margin-left:20px;
list-style-type:none;
}

#menu li {
float: left;
}

#menu li a {
background-position:0px 0px;
background-repeat:none;
display:block;
float:left;
height:27px;
margin-right:0px;
}
#menu li a:hover,
#menu li.active a {
background-position: 0px -27px;	
}

#menu li a.active {
background-position: 0px -27px;		
}

#menu li#menu_lan a  {
background-image: url('img/menu_lan.gif');
width:64px;
}


#menu li#menu_abo a {
background-image: url('img/menu_abo.gif');
width:70px;
}
#menu li#menu_pro a {
background-image: url('img/menu_pro.gif');
width:88px;
}
#menu li#menu_obs a {
background-image: url('img/menu_obs.gif');
width:130px;
}
#menu li#menu_lab a {
background-image: url('img/menu_lab.gif');
width:64px;
}
#menu li#menu_ini a {
background-image: url('img/menu_ini.gif');
width:100px;
}
#menu li#menu_eve a {
background-image: url('img/menu_eve.gif');
width:80px;
}
#menu li#menu_net a {
background-image: url('img/menu_net.gif');
width:100px;
}
#menu li#menu_ser a {
background-image: url('img/menu_ser.gif');
width:100px;
}

#menu li#menu_bigger a {
background-image: url('http://www.clear-village.org/v2/wp-content/uploads/btn_bigger.gif');
width:83px;
}


.three-d{
clear:both;
float: left;
display: block;
width: 1000px;
height: 190px;
background: url("img/3d_big.png")  no-repeat 0px 0px;
position:relative;
}

.three-d .three-d-plus{
width: 1000px;
height: 190px;
background: url("img/3d_big_plus.gif")  no-repeat 0px 0px;
position:absolute;
top:0px;
left:0px;
}
.three-d .icon{
/*position:absolute;
top:25px;
left:40px;
width:170px;
height:129px;
text-align: center;*/
height:50px;
left:50px;
position:absolute;
text-align:center;
top:60px;
width:76px;
}
.three-d .icon img{
height:50px;
}

.three-d h2 {
position:absolute;
background:#FFF;
color:#221F1F;
top:35px;
/*left:235px;*/
left:152px;
/*text-transform: uppercase;*/
font-size: 32px;
font-weight: normal;
}

.three-d .intro {
position:absolute;
background:#FFF;
left:152px;
width:730px;
top:80px;
font-size: 20px;
line-height: 28px;
font-weight: normal;
}
.three-d-footer{
clear:both;
float: left;
display: block;
width: 1000px;
height: auto;
background: #fff;
border-top:1px solid #dcdcdc;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
position:relative;
text-align: left;
}
.three-d-footer h3{
font-size:18px;
font-weight:normal;
line-height:24px;
margin:15px 0;
}

.three-d-footer-border{
clear:both;
float: left;
display: block;
width: 1000px;
height: 17px;
background: url("img/3d_footer_border.png")  no-repeat center bottom;
position:relative;
}



.superside{
	float: left;
}

/* 
 * content-wrapper
 *
 */ 
.content-wrapper {
float:left;
margin-left: 50px;	
width: 685px;
}

.content-wrapper h1 {
font-size: 24px;
line-height:30px;
font-weight: normal;
text-transform:uppercase;
color:#232020;
margin:15px 0px;
}

.content-wrapper h2{
font-size: 20px;
font-weight: normal;
color:#444;
line-height:26px;
margin:15px 0px;
}

.content-wrapper h3 {
font-size: 18px;
line-height:24px;
font-weight: normal;
margin:15px 0px;
}

.content-wrapper p {
	margin: 0.7em 0 0.7em 0;
}

.content-wrapper a,
.content-wrapper a:visited,
.content-wrapper a:link {
color: #A8BCDD;
text-decoration: underline;
}

.content-wrapper a:hover {
color:#000;
text-decoration: none;
}




.color-title .nav-previous a,
.color-title .nav-next a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
.color-title .nav-previous a:hover,
.color-title .nav-next a:hover {
	color: #ddd;
	border-bottom: 1px dotted #ddd;
}

.nav-previous a,
.nav-next a {
	color: #FFF;
	background: #2E2D1C;
	padding: 4px;
	font-size: 1.5em;
	margin: 0 30px;
}

.nav-previous a:hover,
.nav-next a:hover {
	color: #FFF;
	background: #80C22E;
	padding: 4px;
	font-size: 1.5em;
}
.nav-previous a,
.nav-next a		 {
	color: #FFF;
	background: #2E2D1C;
	padding: 4px;
	font-size: 1.5em;
}


/* 
 * Footer
 *
 */ 
#footer {
clear:both;
width: 1000px;
padding: 0px;
text-align: center;
margin: 0px auto;
color: #BABABA;
font-size: 11px;
}

#footer a,
#footer a:visited,
#footera:link {
color: #A8BCDD;
text-decoration: underline;
height: 60px;

}

#footer a:hover {
color:#000;
text-decoration: none;
}

#footer ul {
float:left;
width:100%;
}
#footer ul li {
float:left;
list-style: none;
margin:10px;
height: 60px;
}





/*
 * Post
 *
 */


#content ol, 
#content ul {
margin-bottom:20px;
margin-left:20px;
line-height:18px;
}

#content 	ol li, 
#content 	ul li{
font-size:13px;
line-height:21px;
padding:0 15px 15px 0;
}




.post {
}
.entry-content {
	float: left;
	background-color: #fff;
	padding: 10px ;
}

.entry-content p{
	font-size: 1em;
	margin: 15px 0px;
}




.entry-title,.entry-meta {
	clear:both;
	
}
.entry-meta {
	color:#999;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}

.vcard {
	font-weight: bold;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
	border-bottom:1px dotted #CCCCCC;
	margin:0 0 1.5em;
}
.comment-meta,
.unapproved {
	color: #999;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:0 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

* html .wp-caption{	padding: 0px;	margin:0px;	width: auto !important;}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
	clear:both;
	margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}



/*
 * Sidebar 
 *
 */
.sidebar {
float:right;
width:235px;
}

.sidebox {
float:left;
width:215px;
padding: 10px;
background-color: #FFF;
border:1px solid #dcdcdc;
}

.sidebox h3 {
color:#444444;
clear:both;
float:left;
margin:0px;
width:100%;
margin-bottom:10px
}

.sidebox_bottom {
float:right;
width:228px;
height:18px;
background: url('img/3d_side.png') top left no-repeat;
}

#newsletter-box {
	padding: 10px;
	height:55px;
	background-color: #2e2d1c;	
	border-bottom: 3px solid #b0d874;	
}


.sidebar h5 {
	color:#2e2d1c;
	font-size: 1.3em;
	font-weight: normal;
}
.sidebar #newsletter-box h5 {
	color:#fff;
}

#newsletter-box input {
	color:#666;
	border: 1px solid white;
}


.quotation {
	padding-top:10px;
	padding-bottom:15px;
	clear:both;
	color:#999;	
}

.quotation img {
	margin-bottom: 10px;
}
.quotation .author {
	margin-top: 10px;
	font-weight: bold;
}


.quotation-header {
	padding: 10px;
	background-color: #666;
	border-bottom: 1px solid #ffffee;
}
.quotation-header .author-name {
	color:#FFF;			
	font-size: 1.3em;
	font-weight: bold;
}
.quotation-header .about {
	color:#ccc;		
	font-size: 0.9em;	
}






.sidebar #menu,
.sidebar #news,
.sidebar #share,
.sidebar #tag   {
	padding: 10px;
	float: left;
	width: 180px;
}

.sidebarlist {
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	width: 200px;
	
}
.sidebarlist li {
	width: 180px;
	padding-left: 12px;
	background: url(img/bullet.gif) no-repeat left 6px;
}
.sidebar #menu a,
.sidebar #news a  {
	color: #666;
	width: 179px;
	padding-right: 3px;
	padding-left: 3px;
	display: block;
}
.sidebar #news a:hover {
	color:#fff;
	background-color:#999;	
}
.sidebar #menu a.intxt-discover {
	color:#999;
}
.sidebar #menu a.intxt-discover:hover {
	background-color:#999;	
}
.sidebar #menu a.intxt-lab {
	color:#ff0099;
}
.sidebar #menu a.intxt-lab:hover {
	background-color:#ff0099;	
}
.sidebar #menu a.intxt-forum {
	color:#FF8C00;
}
.sidebar #menu a.intxt-forum:hover {
	background-color:#FF8C00;	
}
.sidebar #menu a.intxt-association {
	color:#33cccc;
}
.sidebar #menu a.intxt-association:hover {
	background-color:#33cccc;	
}
.sidebar #menu a.intxt-foundation {
	color:#99cc00;
}
.sidebar #menu a.intxt-foundation:hover {
	background-color:#99cc00;	
}
.sidebar #menu a:hover {
	color:#fff;
}

.sidebar #share   {
	width:200px;
}

#share ul {
	margin-top: 6px;
}
#share li {
	float: left;
	margin-right: 6px
}
#share li a img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#share li a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#tagcloud a {
	color: #999 !important;
	width:auto !important;
	display: inline !important;
	padding: 0px;
}
#tagcloud a:hover {
	color: #fff !important;
}

/*
 *	CONTCAT
 */
 
 .companies {
 
 	float: left;
 }

.persons { 
 	float: left;
} 
.persons .person{
 	float: left;
 	width: 280px;
 	margin-right: 30px;
 	margin-bottom: 30px;
 	font-size: 0.9em; 	
}
.persons .last{
	margin-right: 0px; 	
}
.persons .person img{
 	float: left;
 	width: 80px;
 	height:100px;
}
.persons .person .details{
 	float: left;

}
.persons .person .name{
	float: left;
 	width: 180px;
	background-color: #99CC00;
	color: #fff;
	font-weight: bold; 		
	padding: 5px;
}
.persons .person .role{
	clear: left;
	padding: 5px;	
}



.bullets {
	width: 330px;
	float: left;
}

.bullets li {
	list-style-image: url(img/bullet.gif);
	margin: 20px;

}
.bullets li a {
	display: block;
	color:#666;
	font-weight: bold;
	padding-left: 5px;		
}
.bullets li a .sub {
	color:#666;
	font-weight: normal;
	display: block;
}
.bullets li a:hover {
	color:#fff;
	background: #999;
}
.bullets li a:hover .sub{
	color:#fff;
}

.logos {
	float: left;
	width:300px;
	margin-top: 20px;	
}
.logos a {
	float: left;
}
.logos .ams {
	margin-left: 20px;
}
.contact-form {
	float: left;
	width:340px;
	margin: 20px;
	margin-right: 40px;	
}
.contact-address {
	float: left;
	width:180px;
	margin-top: 34px;
}
.contact-address img {
	margin-bottom: 16px;
}

.person .name a {
	color: #fff;
}
.person .name a:hover {
	text-decoration: underline;
}



.pdflink {
	background:transparent url(img/pdf_tiny.gif) no-repeat scroll 1px 1px;
	color:#793A46;
	clear:left;
	font-size: 12px !important;
	height:20px !important;
	line-height:20px !important;
	padding:2px 2px 2px 20px !important;
	text-decoration:none;
}
.pdflink:hover {
	color:#fff;
	font-size: 12px !important;
	background:#cc0000 url(img/pdf_tiny.gif) no-repeat scroll 1px 1px !important;
}

.stbuttontext {
	color: black;
}

.stbutton {
	color: black;
	padding: 4px 5px 5px 18px !important;
}
.stbutton span {

	padding:2px;
}
.stico_rotate{
background-position: 0 -3px !important;
}
.stbutton:hover span {
	background: black;
	color:#FFF;
	font-size: 1.3em;
}


.reqtxt {
color:#A8BCDD;
font-size:0.9em;
font-style:italic;
}

textarea{
color:#777777;
font-family:Arial;
font-size:13px;
line-height:18px;
width:400px
}

.cb-vertical span.wpcf7-list-item {
display: block !important;
}

.content-wrapper p a, .content-wrapper p a:visited, .content-wrapper p a:link {
color:#333333;
font-weight:bold;
text-decoration:none;
}

.apply_lab {
background:transparent url(img/btn_apply_lab.gif) no-repeat scroll left 0;
display:block;
height:25px;
padding:0 !important;
width:244px;
}
.apply_lab:hover {
background:transparent url(img/btn_apply_lab.gif) no-repeat scroll left -25px;

}

.keep_me_informed {
background:transparent url(img/btn_keepinformed.gif) no-repeat scroll left 0;
display:block;
height:25px;
padding:0 !important;
width:312px;
}
.keep_me_informed:hover {
background:transparent url(img/btn_keepinformed.gif) no-repeat scroll left -25px;

}

form {
margin-bottom: 15px}

.form-right {
margin-left: 315px
}