/*
Theme Name:     Infolux-K2
Description:    Infolux Theme
Author:         Michel Weimerskirch
Template:       k2
*/

/* html { overflow: -moz-scrollbars-vertical; height:101% } */
td { vertical-align: top }

.entry-title, .entry-title a, .entry-title a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited { color: #5b874f !important }
.entry-content { line-height: 1.6em }
.four04 .entry-title, body.page .content .entry-title { margin-left: 0; text-align: left }

.comments { margin: 30px 10px 0 10px; font-size: 80%; }
.comments label { font-size: 120% }

@media screen {
	.columns-two #page, .columns-two.smartposition #rollingarchivesbg { width: 975px }
	.headermenu > ul > li > a { padding: 5px }
	div.primary { width: 715px; margin-top: 0; padding-top: 0 }

	#page { padding-top:0; margin-top: 10px; border-top: 1px solid white}
	#header { background-color: white; height: 173px; border-bottom: 1px solid #5b874f }
	#k2_headermenu { width: 975px; border-top: 1px solid white; background-color: #5b874f; bottom: 24px }

    #site-title { position: absolute; padding: 0; width: 100%; height: 115px }
    #site-title span { height: 100% }
	#site-title span a { display: block; text-indent: -9999px; line-height: 115px }
	#site-description { font-size: 20px; padding: 60px 0 0 150px; width: 260px; }

	.headermenu a { font-size: 11px }
	.headermenu > ul > li > a { margin-left: 4px; color: white !important }
	.headermenu > ul > li > ul {
		width:975px;
		max-width: 975px;
		left: 0 !important;
		position: absolute;
		margin-left: 0;
		background: white;
		-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
		z-index: 100;
	}

	div.headermenu > ul { padding: 10px 0 0 15px }
	div.headermenu > ul > li > ul > li { float: left; display: block; position: relative }
	div.headermenu > ul > li > ul > li > a {
		float: left;
		height: 14px; line-height: 14px;
		padding: 5px 1.5em 5px 1.5em;
	}

	div.headermenu {
		bottom:0;
		margin:0;
	}
	.headermenu > ul > li.current-menu-item > ul, .headermenu > ul > li.current-menu-parent > ul, .headermenu > ul > li.current-menu-ancestor > ul {
		display:block !important; visibility: visible !important; z-index: 10
	}
	.headermenu li li a, .headermenu > ul > li.current_page_ancestor > a, .headermenu > ul > li.current_page_item > a { color: #333 !important; }
	.headermenu > ul > li > ul > li.current-menu-ancestor > a,
	.headermenu > ul > li > ul > li.current-menu-item > a,
	.headermenu > ul > li > ul > li > a:hover { background: white; color: #989900 !important }
	.headermenu > ul > li > ul > li > ul {
		display: none !important;
		width:200px;
		max-width: 250px;
		left: 0;
		top: 24px;
		position: absolute;
		margin: 0 !important;
		background: white;
		-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
		z-index: 100;
		border: 1px solid #5b874f;
		border-top: 0;
	}
	.headermenu > ul > li > ul > li:hover > ul { display: block !important }
	.headermenu > ul > li > ul > li > ul > li { position: relative; }
	.headermenu > ul > li > ul > li:hover > ul > li > ul {
		display: none !important;
		position: absolute;
		left: 200px;
		top: 0;
		width: 200px;
		background: white;
		border: 1px solid #5b874f;
	}
	.headermenu > ul > li > ul > li > ul > li:hover > ul { display: block !important }
	.headermenu > ul > li > ul > li > ul > li.has_children > a::after { position: absolute; right: 5px; top: 9px; height: 7px; width: 4px; content: ''; background: url('../k2/images/arrows.png') no-repeat left right; }
	div.headermenu > ul > li > ul > li > a { padding: 5px 1.2em 5px 1.2em; }
	
	#widgets-top { position: absolute; width: 240px; top: 0px; right: 0; margin: 0; padding: 0; height: 110px; border-left: 1px solid #a7a735; overflow: hidden }
	#widgets-top .widget { margin: 0; position: absolute; bottom: 1px; right: 5px }
	#widgets-top .widget_qtranslate { top: 5px; bottom: auto }
	#widgets-top .widget_qtranslate li { float: left; margin-left: 5px }

	div.content { border-right: 1px solid #5b884f; padding-right: 15px }

	#widgets-bottom { text-align: center; margin-bottom: 15px }
	#widgets-bottom div { width: 100% }
	#widgets-bottom .widget { margin: 0 auto }
	#widgets-bottom .widget li { display: inline; margin: 0 10px }
	#widgets-bottom a { color: #5b884f }
}

div.infobox { float: left; width: 220px; height: 220px; margin: 15px 12px 15px 0 !important; position: relative; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #f4f5e5 url(boite_subheader.png) no-repeat 0 25px }
div.infobox h2 { font-size: 1.2em; background: #5b884f; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; width: 100%; height: 30px; }
div.infobox h2 a { color: white !important; display: block; padding: 3px 0 25px 45px; background: transparent url(letters/w.png) no-repeat; position: absolute; top: 0; left: 0;  }
div.infobox h2 a:hover { text-decoration: underline }
div.infobox h2.letter_f a { background-image: url(letters/f.png) }
div.infobox h2.letter_g a { background-image: url(letters/g.png) }
div.infobox h2.letter_l a { background-image: url(letters/l.png) }
div.infobox h2.letter_p a { background-image: url(letters/p.png) }
div.infobox h2.letter_s a { background-image: url(letters/s.png) }
div.infobox h2.letter_r a { background-image: url(letters/r.png) }
div.infobox p { line-height: 1.2em; padding: 15px; }

.infobox a.infobox_more { position: absolute; bottom: 10px; left: 15px }

#widgets-sidebar-2 { padding-top: 10px; }

#rollingarchives a { font-size: 1.5em }
#rollpages { left: 155px; font-size: 1.5em; top: 12px }
#pagetrackwrap { left: 215px }
#rollingarchives { width: 640px }
#texttrimmer { right: 145px }

a, a:visited { color: #27D !important }
.x-sticky { background-color: #E6FFE1; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; color:#48793F;	border-top: 2px solid #FEABB9 ; border-bottom: 2px solid #FEABB9; }
.x-info { background-color:#F8FAFC ; background-position: 15px 50%; text-align: left; 	padding: 5px 20px 5px 45px; color:#5E6273; border-top: 2px solid #B5D4FE ; border-bottom: 2px solid #B5D4FE; }

@media print {
	#page, #header, .wrapper, .primary, .entry-header, #site-title, #site-description { margin: 0 !important; padding: 0 !important; width: 100% !important; height: auto !important; position: static !important; border: 0 !important; float: none !important }
	#widgets-sidebar-2, #rollingarchives, #k2_headermenu, #widgets-top, #widgets-bottom, #footer { display: none !important }
	.entry-content p { text-align: justify }
}