/*
	Theme Name: www.asti.lu
	Author: Emdera
*/
body {margin:0; padding:0;}
html, body { color:#000; font:12px/18px Arial,Helvetica,sans-serif;padding:0;}
a, .button  {color:#5b8197;text-decoration:none; font-weight:bold; line-height:15px;}
a:hover,.button:hover,a:active,li a.active{color:#2e4450; outline:none; text-decoration:underline;}
img{border:none;}
.pointer {cursor:pointer}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}*{padding:0;margin:0;}
#container {width:960px;margin:0 auto; }
#header { position:relative; height:87px; }
#logo {position:absolute; top:18px; left:10px;}
#logo2 {position:absolute; top:18px; left:40px;}
#logotext {line-height:15px;position:absolute; top:23px; left:140px; color:#4e5b66; font-style:italic;}
.slogan {position:absolute; right:0px; top:45px;}
#footer {padding:15px 0px 20px; background:#dce7ee; clear:both;}
#footer p {padding: 0 15px; margin-bottom:5px; color:#000;}
.createdby a{color:#000;}
#topmenu {position:absolute; top:6px; right:260px;}
#topmenu a{margin-left:5px;}
#topmenu a, .searchsubmit{font-weight:normal; color:#4e5b66; text-decoration:underline;}
#topmenu a:hover, .searchsubmit:hover{color:#f68b1e; text-decoration:none;}
.above-footer{float:left; width:100%; margin-bottom:10px;}
.above-footer a{line-height:20px; display:block; }
.above-footer a.backtotop {float:right;}
.above-footer .links{float:left; margin-left:10px;}
.above-footer .links .facebook{padding-left:40px; background:url(images/icon-facebook.png) no-repeat left center;}

#subhead-wrapper{margin:0;padding:9px 0px 9px 13px; color:#392D1C; border-bottom:1px solid #dce7ee}
#topline{ background:#e1dac7; height:1px;}
#content .title a{ font-size:16px; line-height:22px; }
#content .title h2{padding:4px 10px;}
#content p{padding:6px 0px;}

#searchform {position:absolute; right:5px; top:5px; margin:0; padding:0; color:#4e5b66;}
#search-input{
	padding:1px 3px;
	width:150px;
	border:1px solid #d7dfe4;
	margin:0 5px 0 0;
	background-color:#fafafa;
	color:#4e5b66;
}

.leftcontent{width:590px;float:left;}
.rightcontent{width:320px; float:right;}
#subhead-wrapper .rightcontent{width:290px;}
#subhead-wrapper .rightcontent img{vertical-align:middle;}
#content .list{width:680px; float:left; padding:0 10px;}
#content .leftcontent{padding:10px 20px 0 10px;}
#content .leftcontent .post {padding-bottom:30px;}
#content .leftcontent .post .aligncenter{text-align:center;}
#content .leftcontent .post .alignleft{text-align:left;}
#content .leftcontent .post .alignright{text-align:right;}
#content .leftcontent .post .contact-table {margin-top:10px;}
#content .leftcontent .post .contact-table td{width:180px; vertical-align:middle;}
#content .leftcontent .post ul{margin-left:30px; list-style-type:circle;	}
#content .leftcontent .post .info .title a{
	font-size:23px; 
	line-height:1.1em; font-weight:normal;
}
#content .rightcontent{padding-top:20px;}
#content #homepage {padding-top:20px ;}
#content #homepage .rightcontent{padding:0px 0px 20px 15px; margin-top:0px; background:#fff; width:325px;}
#content #homepage .rightcontent a{color:#4e5b66}
#content #homepage .rightcontent a:hover{color:#2e4450;}
#content #homepage .rightcontent .post_date{ color:#000;}
#content #homepage .leftcontent { padding:0; width:600px;}
#content #homepage li.plus-de-news {padding-top:10px;}
#content #homepage li.plus-de-news a{display:inline; color:#f68b1e; }
#content #homepage li.plus-de-news a:hover{color:#fcb648; }

#content h2 {
	font-weight:normal;
	font-size:26px; 
	line-height:31px;
	margin:15px 0;
	color:#f68b1e;
}
#content h2 a{ line-height:25px; font-weight:normal; }
#sidebar { }
#sidebar ul{margin:0; padding:0; padding-bottom:20px; list-style-type:none;}
#sidebar ul li {margin:0; padding:0 10px; line-height:13px;}
#sidebar ul li a{display:block; padding:10px 0 0;font-weight:bold;}
#sidebar ul.archives li a{display:inline; }
#sidebar ul li.plus-de-news {padding-top:10px;}
#sidebar ul li.plus-de-news a{display:inline; color:#f68b1e; }
#sidebar ul li.see-archives {padding-top:20px;}
#sidebar ul li.see-archives a{display:inline; }
#sidebar ul li.current_page_item a{ color:#000;}
#sidebar ul li.sidebar_title{
	font-weight:bold; padding:2px 10px; margin-bottom:0px;
	line-height:18px; text-transform:uppercase;
}

.post_date{ 
	font-size:11px; 
	line-height:14px;
	color:#888;
}

blockquote{background:#f7f8f0; padding:5px 10px; font-family:Georgia, "Times New Roman", Times, serif;}

tr.post .thumb{padding:0 10px 5px 0;}
tr.post .thumb div{overflow:hidden; height:70px;}
tr.post .info .title{padding:3px 0;}
tr.post .info{ border-bottom:1px solid #d4dde5;  padding:8px 0;}

tr.post td{vertical-align:top;}
.entry{margin-top:20px;}
.navigation{margin-top:40px;}


table.blogs {
	border-collapse: separate;
	border-spacing: 0px;
	width: 100%; 
	margin-top:10px;
}
table.blogs a{
	font-weight:bold;
}
table.blogs td{
	padding-bottom:20px
}
table.blogs span.box{
	 display: block; float: left; margin-left: 0px; margin-bottom:20px;
}
table.blogs span.box2, table.blogs span.box3 {
	 margin-left: 20px;
}
table.blogs span.desc{
	 display: block; width: 300px;
}
table.blogs span.box div.img{
	 height: 200px; width: 300px; margin-bottom: 10px; display: block;
	 overflow:hidden;
}
/****************  FORMS ************************/


form.form table td{padding:0; line-height:14px; font-weight:normal;}
form.form table th{text-align:right; padding-right:10px; width:120px; font-weight:normal;}
form.form table input{padding:3px; margin-top: 8px; width:180px; border:1px solid #e1dac7;}
.dontshowinput{display:none;}
form.form table .submit{width:100px; border:none; background:#cadcea;}

#email{position:absolute; left: -5000px;}
.form-message{ color:red; padding-bottom:20px;}
.form-content{ padding-bottom:20px;}
div.form{margin-top:10px;}

#sites-outer{
	padding:15px 0 20px 0;
	border-top:1px solid #dce7ee;
	clear:both;
}
#sites{
	width:100%;	
}
#sites td{ padding:10px 10px 0px; vertical-align:top;}
#sites .site{float:left; width:100%;}
#sites .image{ float:left; width:60px; height:60px; overflow:hidden;}
#sites .image img{ border:1px solid #ddd;}
#sites .title-desc{ float:left; width:210px; height:57px;  overflow:hidden; padding-top:3px; }
#sites .gray {padding:0;}
#sites .gray div{
	line-height:28px; margin-left:10px; padding: 0 10px; font-weight:bold; 
	float:left; text-transform:uppercase; color:#222;
}
#sites .title a{line-height:13px;}

#sites .title a, #sidebar ul li.sidebar_title{color:#f68b1e;}
#sites .title a:hover{color:#fcb648;}

#sites .desc{font-size:11px;line-height:12px;}
.sticky {
background: #ff0000;
border: 1px solid #ccc;
}

/* NAVIGATION */
#navigation{
	width:100%;
	background:#65a8c3 url(images/navigation/nav-bg.gif) repeat-x left top;
	height:32px;
	float:left;
}
#navigation ul.navigation{
	display: block;
	margin: 0;
	padding:0;
	position:relative;
	z-index:6;
}
#navigation ul#nav-gauche{
	float:left;
}
#navigation ul#nav-droite{
	float:right;
}

#navigation li.nav {
	display: block;
	paddding:0;
	position:relative;
	z-index:7;
	background-image: url(images/navigation/nav-separation.png);
	background-repeat: no-repeat;
	margin:0;
}

/*
#navigation li.navitemgauche1 {width:136px;}
#navigation li.navitemgauche2 {width:160px;}
#navigation li.navitemgauche3 {width:191px;}
#navigation li.navitemgauche4 {width:96px;}
#navigation li.navitemgauche5 {width:57px;}
#navigation li.navitemgauche6 {width:68px;}

#navigation li.navitemdroite1 {width:64px;}
#navigation li.navitemdroite2 {width:110px;}
*/
#navigation li.droite {
	float:right;
	background-position: right top;
}
#navigation li.gauche {
	float:left;
	background-position: left top;
}

#navigation li.first_gauche {
	margin-left:7px;
	background-image:none;
}
#navigation li.first_droite {
	background-image:none;
	margin-right:7px;
}

#navigation a.nav_item {
	color: #fff;
	text-decoration:none;
	padding:0px 12px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	height:32px;
	line-height:32px;
	margin:0;
}

#navigation li.nav:hover a.nav_item, 
#navigation a.nav_item_selected {
	background-color:#fff;
	color: #003366;
}

#navigation li .menu {
	position:absolute;
	top:32px; 
	margin:0;
	padding:0;
	z-index:500;
	background:url(images/navigation/bg-nav-left-edge-trans.png) no-repeat left bottom;
	display:none;
}
#navigation li.gauche .menu {
	left:-999em;
	margin-left:-9px;
}
#navigation li.droite .menu {
	right:-999em;
	margin-right:-22px;
}
#navigation li:hover .menu {
	display:block;
}
#navigation li.gauche:hover .menu {
	left:0px;
}
#navigation li.droite:hover .menu {
	right:0px;
}
#navigation li .menuinner{
	float:left;
	margin-left:17px;
	background:url(images/navigation/bg-nav-right-edge-trans.png) no-repeat right bottom;
	padding:15px 5px 35px;
	margin-bottom:-5px;
	display:block;
}
#navigation li .columns0, #navigation li .columns1 {
	width:215px;
}
#navigation li .columns2 {
	width:395px;
}
#navigation li .columns3 {
	width:575px;
}

#navigation .menu ul {
	margin:0 5px 0 0 ; 
	padding:0; 
	float:left;
	width:170px;
	
}

#navigation .menu ul li {
	float:none;
	list-style-type:none; 	
}

#navigation .menu ul li a {
	padding:5px 6px; 
	height:100%; 
	display:block;
	font-weight:normal;
	color:#2e4450; 
}
#navigation .menu ul li a:hover {
	color:#5b8197;
}

#navigation .menu ul li a:hover {

}
#navigation .menu ul .menutitle {
	padding:5px 0 5px 5px;
	color:#000;
	font-weight:bold;
	line-height:15px;
	height:27px;
}


/* SLIDESHOW */

.slideshow {
	height:335px; 
	position:relative; 
	z-index:5;
	overflow:hidden;
	width:550px;
	background:#fff;
	margin:10px 0 0 10px;
}
.slideshow  .sl-image{
	height:285px;
	width:550px;
	overflow:hidden; 
}

.slideshow .stgslide { top:0px; left:0px; height:220px; position:absolute;  }

.slideshow .slideinfo {
	position:absolute; 
	z-index:6;
	bottom:0px;
	left:0px;
	width:550px;

}
.slide-title {
	padding:5px 10px; 
	height:40px; 
	background:#fff;
}
.slide-title a {
	font-size:18px; 
	line-height:19px;
	color:#416375;
}
.slide-title a:hover {
	color:#2e4450;
}

.buttons-outer { 
	z-index:7;
	width:100%;
	float:right;
	background:#dce7ee;
	padding:2px 0;
}
.buttons{ 
	float:right;
	padding:0;
	position:relative;	
}
.buttons a { 
		cursor:pointer;
		margin-right:7px;
		padding:1px 8px;
		text-align:center;
		font-weight:normal;
		background:#fff; color:#003366;
}

.buttons .activeSlide  {
		background:#65a8c3; color:#fff;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin-right:20px;
	margin-bottom:20px;
}

.alignright {
	float: right;
	margin-left:20px;
	margin-bottom:20px;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.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;
}
/* End captions & aligment */

/* ICONS */
.post a.external{
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 20px;
	line-height: 16px; /* To center the text vertically with the icon */
	margin-left:3px;
}
.post a.external {
	background-image: url(images/icons/external.gif);
}
.post a.pdf, .post a.ppt, .post a.zip, .post a.mp3, .post a.email {
	background-repeat:no-repeat;
	background-position: right center;
	padding-right: 20px;
	line-height: 16px; /* To center the text vertically with the icon */
	margin-right:3px;
	margin-left:0px; /* To null external styles, car pdf link is also an external link */
	padding-left:0px;
}
.post a.pdf {
	background-image: url(images/icons/pdf.png);
}
.post a.ppt {
	background-image: url(images/icons/ppt.png);
}
.post a.zip {
	background-image: url(images/icons/zip.png);
}
.post a.mp3 {
	background-image: url(images/icons/mp3.png);
}
.post a.email {
	background-image: url(images/icons/email.png);
}
.widecolumn {
	padding: 10px 0 30px 0;
	margin: 5px;
	width: 450px;
}
.widecolumn .submit {
	width: 200px;
}