/*
Theme Name: Kw.po
Theme URI: http://fredserva.fr/
Description: Kw.po theme for WordPress 3.3+. Widget-ready. Magazine based layout. Can be used on portfolio web-sites or blogs. 
Version: 1.0
Author: Frédéric Serva
Author URI: http://fredserva.fr
Tags: two-column layout, clean, white, minimalist

*/

@import url("css/reset.css");
@import url("css/menu.css");


/* Fonts 
-------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

@font-face {
    font-family: 'DroidSansRegular';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansBold';
    src: url('fonts/DroidSans-Bold-webfont.eot');
    src: url('fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
	
/* Global 
-------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}

body {
	font-size:12px;
    font-family: 'Open Sans', Helvetica, Verdana;
	color:#777;
	background: #ffffff;
	line-height: 1.4em;
	text-rendering: optimizeLegibility;
}

#main_container {
	width:960px;
	margin:0 auto 0;
	padding-bottom:10px;
}

img {
	border:none;
}

.clear {
	clear:both;
}

h1,h2,h3,h4,h5,p {
	margin:10px 0;
}

h1 {
	font-size:18px;
	font-weight:normal;
	color:#444;
}

h2 {
	font-size:16px;
	font-weight:normal;
	color:#777;
}

h3 {
	font-size:16px;
	font-weight:normal;
	color:#444;
}

h4 {
	font-size:14px;
	font-weight:normal;
	color:#777;
}

h5 {
	font-size:14px;
	font-weight:normal;
	color:#444;
}

h6 {
	font-size:14px;
	font-weight:normal;
	color:#777;
	text-transform: uppercase;
}

a {
	color:#444;
	text-decoration:none;
}

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

hr {
  height: 1px;
  margin: -0.5em 0;
  padding: 0;
  color: #444;
  background-color: #ddd;
  border: 0;
}

p {
	line-height: 1.4em;
}
	
/* Header */
#header_full {
	width:100%;
	border-top: 5px solid #C95039;
}

#header {
	width:960px;
	margin:0 auto;
	height:100px;
	overflow: hidden;
	border-bottom:1px solid #eeeeee;
}

#logo {
	margin-top: 5px;
	width: 200px;
}

#search_container {
	position: relative;
	float: right;
	top:-55px;
}

.search_box {
	width:350px;
	height:40px;
	border:1px solid #eee;
	padding:0 10px;
}

.search_icon {
	position:absolute;
	right:10px;
	top:9px;
}

.image-wrap {
	background: url(images/shadow.jpg) no-repeat left bottom;
	padding-bottom: 6px;
	float: right;
}

/* Infos */

#infos {
	position: relative;
	width:960px;
	margin:0 auto;
	height:300px;
	border-bottom:1px solid #eeeeee;
}

#area01 {
	position: absolute;
	float: left;
	width:170px;
	height:280px;
	margin: 0 0 0 430px;
	padding-bottom: 7px;
	overflow: hidden;
}

#area01 .textwidget {
	height:180px;
}

#area01 h3 {
	font-size:14px;
}

#area01 h1 {
	color:#444;
	font-size:64px;
	font-weight: bolder;
    font-family: 'BebasNeueRegular';
	margin: 25px 0;
}

#area02 {
	position: absolute;
	float: left;
	width:170px;
	height:280px;
	margin: 0 0 0 610px;
	padding-bottom: 7px;
	overflow: hidden;
}

#area02 .textwidget {
	height:180px;
	line-height: 1.4em;
}

#area02 h3 {
	font-size:14px;
}

#area02 h1 {
	color:#444;
	font-size:64px;
	font-weight: bolder;
    font-family: 'BebasNeueRegular';
	margin: 25px 0;
}


#area03 {
	position: absolute;
	float: left;
	width:170px;
	height:280px;
	margin: 0 0 0 790px;
	padding-bottom: 7px;
	overflow: hidden;
}

#area03 .textwidget {
	height:180px;
	line-height: 1.4em;
}

#area03 h3 {
	font-size:14px;
}

#area03 h1 {
	color:#444;
	font-size:64px;
	font-weight: bolder;
    font-family: 'BebasNeueRegular';
	margin: 25px 0;
}

.icons {
	position:relative;
	top:3px;
	right:3px;
	padding-left: 5px;
	border: none !important;
}

/*  Portfolio */

.center {
	text-align: center;
	margin-bottom: 50px;
}


input#searchsubmit {
	display: none;
}

#search_container {
	position: relative;
	float: right;
	top:-55px;
}

.search_box {
	width:350px;
	height:40px;
	border:1px solid #eee;
	padding:0 10px;
}

.search_icon {
	position:absolute;
	right:10px;
	top:9px;
}



#container {
	float:left;
	width:960px;
	margin-bottom: 100px;
}

#container h1 {
	font-size: 2.5em;
	margin-top: 20px;
}

#container h2 {
	border-bottom: 1px dotted #777;
	margin-bottom: 10px;
}

#container h3 {
	font-size: 1em;
	height: 30px;
	margin-bottom: -5px;
}

#container .portfolio-box {
	width: 150px;
	height:150px;
	margin-right: 10px;
	float: left;
}

.pb_img_container{
	display: block;
	width:150px;
	margin-bottom: 30px;
	float: left;
}

.pb_img_container h3 a{
	line-height: 1em;
}

.pb_img_container h3 a:hover{
	color:#C95039;
}

.pb_img_container img:hover{
	opacity:0.4;
	filter:alpha(opacity=40);
}

.cattitle {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
	
}

.cattitle {
	padding-top: 40px;
}


/* Content */
#separation {
	border-top: 1px dotted #777;
	margin-bottom: 30px;
}

#content {
	float:left;
	width:610px;
	margin-top:80px;
/*	padding-right:20px;*/
}


#content img {
}

#content h1{
	font-size: 2.5em;
	line-height: 1em;
}

#content h2{
	font-size: 1.5em;
}

#content p{
/*	text-align: justify;*/
}

#content-home {
	float:left;
	width:960px;
	padding-right:20px;
}

#featured-posts {
	float:left;
	width:100%;
	margin-top:20px;
	border-bottom: 1px dotted #777;
}

.loop-title-2 {
	display: block;
	float: right;
	width: 960px;
	height:40px;
	font-size: 1.5em;
	text-align: center;
	background:#C95039;
	color:#ffffff;
	margin:10px 0 10px 0;
}

.loop-title-2 p {
}

.blog-image-wrap {
	background: url(images/shadow.jpg) no-repeat left bottom;
	padding-bottom: 6px;
	float: right;
}

.blog-box-datas h1 a{
	color:#777;
	line-height: 1em;
}

.blog-box-datas h1 a:hover{
	color:#C95039;
}

.blog-box {
	margin-bottom:30px;
	width: 960px;
	border-bottom: 1px dotted #777;
	height:400px;
}

.blog-box img {
	width:400px;
	height:280px;
}

.blog-box-datas {
	width:500px;
	height:320px;
}

.featured_big_box {
	margin-bottom:30px;
	width: 610px;
	border-bottom: 1px dotted #777;
}

.featured_big_box img {
	width:610px;
	height:400px;
}

.featured_big_box h3 {
	text-transform:uppercase;
	font-size:12px;
	color:#444;
	background-color:#E2E6E7;
	padding:3px;
}

.featured_big_box h3 a {
	color:#444;
	text-decoration:none;
}

.featured_big_box h3 a:hover {
	text-decoration:underline;
}

.featured_medium_list li img {
	width:369px;
	height:196px;
}

#other-posts {
	float:left;
	width:100%;
	margin-left: 0;
}

.other-posts ul {
	margin-left: 0;
}

ul.other-posts li {
	list-style-type:none;
}

.other-posts li {
	float: left;
	width: 310px;
	height: 320px;
	margin-right:20px;
	padding-bottom: 20px;
	margin-bottom:20px;
	margin-left: 0;
	text-align: justify;
	line-height: 1em;
}

.other-posts li.last {
	float: right;
	width: 300px;
	height: 320px;
	padding-bottom: 20px;
	margin-bottom:20px;
	text-align: justify;
	line-height: 1em;
}
.other-posts li.last img {
	width:300px;
	background: url(images/shadow.jpg) no-repeat left bottom;
	opacity:1.0;
	filter:alpha(opacity=100);
	padding-bottom: 16px;
}

.other-posts li img {
	width:300px;
	background: url(images/shadow.jpg) no-repeat left bottom;
	opacity:1.0;
	filter:alpha(opacity=100);
	padding-bottom: 16px;
}

.other-posts li img:hover {
	background-color:#000;
	display:block;
	opacity:0.4;
	filter:alpha(opacity=40);
}

.featured_home_big {
	margin-left: -20px;
	list-style-type:none;
}

.featured_home_big li {
	float:left;
/*	margin-right:19px;*/
	margin-bottom:20px;
	list-style-type:none;
}

.featured_home_big li.last {
	margin-right:0;
}

.featured_home_big li img {
	width:610px;
	height:400px;
	opacity:1.0;
	filter:alpha(opacity=100);
	background: url(images/shadow.jpg) no-repeat left bottom;
	padding-bottom: 16px;
}

.featured_home_big li img:hover {
	opacity:0.4;
	filter:alpha(opacity=40);
}

.home_navigation {
	padding:25px 0;
}

.img_container{
	display: block;
	width:610px;
	float: left;
}

#feat_img_container{
	float:left;
	width:640px;
	margin-left:0;
}

.loop-title {
	display: block;
	position: absolute;
	width: 100px;
	font-size: 1.5em;
	text-align: center;
	background:#C95039;
	color:#ffffff;
	padding:20px;
	margin:0 0 0 0;
}

.blog_img_container{
	display: block;
	width:320px;
	float: left;
}

.blog_img_container a:hover{
	opacity:0.4;
	filter:alpha(opacity=40);
}

#donnees{
	width:300px;
	height: 380px;
	float: right;
}	


#donnees h1 {
	font-size: 2em;
	line-height: 1em;
	text-align: left;
	border-bottom:1px dotted #444;
	margin-top: 0px;
}


/* Pagination */

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #ddd;
}

.pagination a:hover{
color:#fff;
background: #C95039;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #555;
color:#fff;
}

/* Comments 
-------------------------------------------------------------- */
h3#comments {
	border-top: 1px dotted #777;
	padding-top: 20px;
}

ol.commentlist {
	background: #fafafa !important;
	padding: 20px;
}

#respond {
	background: #eee;
	padding: 10px;
}

textarea#comment {
	width: 100%;
}
	
/* Sidebar */
#sidebar {
	width:300px;
	float:right;
	margin-top:70px;
}

.side_box {
	margin-bottom:20px;
	position:relative;
}

.featured_medium_list {
	list-style-type:none;
}

.featured_medium_list li {
	margin-bottom:15px;
}

.featured_medium_list li img {
	width:369px;
	height:196px;
	opacity:1.0;
	filter:alpha(opacity=100);
}

.featured_medium_list li img:hover {
	opacity:0.4;
	filter:alpha(opacity=40);
}


.social_medias {
	list-style-type:none;
}

ul.social_medias {
	border-bottom: 1px solid #eee;
}

.social_medias li {
	list-style-type:none;
	padding:8px 4px;
	border-top:1px solid #eee;
	position:relative;
}

.social_medias li img {
	position:absolute;
	top:5px;
	right:5px;
}

#twitter_update_list {
	font-size: .9em;
	border-bottom: 1px solid #eee;
}

#twitter_update_list li {
	list-style-type: decimal;
}

.recent_posts_list { 
	list-style-type: none; 
}

.recent_posts_list li { 
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}

.recent_posts_list li h3 { 
	font-size: 14px; 
	color: #444; 
	margin: 0 0 10px; 
	line-height: 1em;
}

.recent_posts_list li p { 
	margin-top: -5px; 
}

.recent_posts_list li img { 
	float: left; 
	margin-right: 10px; 
	width: 60px; 
	height: 60px;
	opacity:1.0;
	filter:alpha(opacity=100); 
}

.recent_posts_list li img:hover {
	opacity:0.4;
	filter:alpha(opacity=40); 
}


img.tiny {
	width:16px !important;
	height:16px !important;
}

.related {
	float: left;
	width:75%;
	margin:0 24% 0 0;
	padding:1%;
	background: #f9f9f9;
	color:#333;
}

/* Footer */
#footer_full {
	width:100%;
}

#footer {
	width:960px;
	text-align:right;
	padding:10px 0;
	color:#666;
	margin:0 auto;
	border-top:1px solid #eeeeee;
}

/* Tables 
-------------------------------------------------------------- */
table {
	margin: 0 0 1.75em 0;
	width: 100%;
}
table caption {
	font-size: 0.8125em;
	line-height: 1.75em;
	color: #888;
}
table th {
	font-size: 0.9166666666666667em;
	line-height: 1.75em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 2%;
	border-bottom: none;
	border-bottom: 1px solid #ddd;
	text-align: left;
}
td {
	padding: 0.8125em 2%;
	color: #888;
	border-bottom: 1px solid #e7e7e7;
}

/* Lists 
-------------------------------------------------------------- */
ul li {
	line-height: 2.1em;
	list-style-type: square;
	font-weight: 500;
	margin-left: 20px;
}

ol li {
	line-height: 2.1em;
	list-style-type: decimal;
	font-weight: 500;
	margin-left: 20px;
}

dl { margin: 0 0 20px 30px; }
dl dt {
	margin: 0;
	font-size: 1.333333333333333em;		/* 16 / 12 = 1.333333333333333 */
	line-height: 1.75em;
	font-weight: normal;
}
dl dd {
	margin: 0 0 5px 20px;
	padding: 0;
	color: #888;
}
ul ul li {
	margin: 0 0 5px 20px;
	font-weight: normal;
	list-style-type: circle;
}

ol ol li {
	margin: 0 0 5px 20px;
	font-weight: normal;
	list-style-type: lower-alpha;
}

ul ul ul li {
	margin: 0 0 5px 20px;
	font-weight: normal;
	list-style-type: square;
}

ol ol ol li {
	margin: 0 0 5px 20px;
	font-weight: normal;
	list-style-type: lower-roman;
}

ul.other-posts li {
	list-style-type: none !important;
}

/* Blockquotes
-------------------------------------------------------------- */
/*blockquote, blockquote blockquote blockquote {
	display: block;
	margin: 25px 0; 
	overflow: hidden;
	padding: 0 0 0 80px;
	clear: both;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	color: #777;
	background: url(images/quote.png) no-repeat 50px 4px;
}*/

cite {
	font-size: 14px;
}

/* Code 
-------------------------------------------------------------- */
code {
	padding: 0 3px;
	background: #f2f2f2;
}
pre {
	padding: 15px 20px;
	background: #f2f2f2;
}
pre code {
	padding: 0;
	background: transparent;
}

/* Images 
-------------------------------------------------------------- */
.wp-caption {padding:8px 3px 0px 3px; border:1px solid #ebebeb; text-align:center; margin:0 auto;}
.wp-caption.alignright {margin:0px 0 15px 30px;} 
.wp-caption.alignleft {margin:0px 30px 15px 0;}
.wp-caption.aligncenter{clear:both; margin:15px auto; display:block; }
.wp-caption.alignnone {clear:both; margin:15px auto; display:block; }
p.wp-caption-text {text-align:center; padding:10px 8px;}

.alignright {float:right;margin:5px 0 15px 30px;}
.alignleft {float:left;margin:5px 30px 15px 0;}
.alignnone {clear:both;margin:15px auto;}
.aligncenter {clear:both; margin:15px auto; display:block;}

/* Sharebox
-------------------------------------------------------------- */
.shareface {
	position: relative;
	float:left;
}
.twittme {
	position: relative;
	float: left;
	margin-left: 30px;
}

/* Columns 
-------------------------------------------------------------- */
.one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:left; margin-right:3.5%; line-height: 1.4em; position:relative; }
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width:65.32%; margin-left:34.66%; float:none !important;}
.one_fourth { width:22%; }
.three_fourth { width:74%; margin-left:26%; float:none !important;}
.last { margin-right: 0px !important; clear:right; }

/* Drop Caps
-------------------------------------------------------------- */
.dropcap {
	float: left;
	color: #777;
	font-size: 58px;
	line-height: 30px;
	padding-top: 10px;
	padding-right: 8px;
	padding-left: 3px;
}

#infos {
	position: relative;
	width:960px;
	margin:0 auto;
	height:250px;
	border-bottom:1px solid #eeeeee;
}
#infos a {
	color: #444;
}
#summary h3 {
	color:#444;
	font-size:64px;
	font-weight: bolder;
    font-family: 'BebasNeueRegular';
	line-height: auto;
	margin: 25px 25px 25px 0;
}
#summary {
	height: auto;
	
}

#area01 .textwidget,#area02 .textwidget,#area03 .textwidget {
	height:auto;
	text-align: justify;
	padding: 0 5px;
	line-height: 1.5em;
}
#area01 ,#area02 ,#area03  {
	height:auto;
}
#area01 h1 ,#area02 h1,#area03 h1 {
	font-size: 64px;
	text-align: center;
}

#nmcheader {
	position: relative;
	width:960px;
	margin:0 auto;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #eeeeee;
	text-align: center;
}

#nmcheader a {
	color:#444;
	font-size:32px;
	font-weight: bolder;
    font-family: 'BebasNeueRegular';	
	padding: 0 20px;
	margin: auto 20px auto 20px;
}

.gs-title {
	height: 2em !important;
}

a.gs-title {
	font-family: 'DroidSansBold' !important;
	font-size: 20px !important;
	font-weight: bold !important;
	text-align: left !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

.menutop li {
	display: inline;
	list-style-type:none;
	float: left;
	line-height:40px;
}

.side_box h2 {
	color:#444;
	font-size:32px;
	font-weight: bolder;
    font-family: 'BebasNeueRegular';	
}
#content {
	color: #444;
	font-size: 1.2em;
	font-face: 'Open Sans', Helvetica, Verdana;
	line-height: 1.5em;
	text-align: justify;
	margin-left: 17px;
}
#content a {color: #C95039;}
#content a:hover {color: #B00000;}
#content h1 {font-family: Montserrat; font-size: 2.2em;}
#content h2 {font-family: Montserrat; font-size: 2em; border-left-color: #C95039; border-left-style:solid; border-left-width: 4px; padding-left:12px;  margin-top: 1em; margin-bottom: 1em; color: #444;}
#content h3 {font-family: Montserrat; font-size: 1.6em; border-left-color: #C95039; border-left-style:solid; border-left-width: 3px; padding-left:12px; margin-top: 0.5em; margin-bottom: 0.5em;}
#content h4 {font-family: Montserrat; font-size: 1.3em; border-left-color: #C95039; border-left-style:solid; border-left-width: 0px; padding-left:12px}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{margin-left: -17px;}

em,i {font-style: italic;}
strong,b {font-weight: bold;}

blockquote, .marge40 {
	background:none;
	color: #444;
	font-size: 1em;
	font-family: Montserrat;
	padding: 0 40px;
	font-style: normal;
	text-align: justify;
}

#content .section {
	margin-top: 2em;
}
#content .section img{
	margin: 0 20px 20px 0;
}
#content hr{
	margin: 0 2em 0 0;
}

#content li, #content ul ul{
	line-height: 1.4em;
	margin-bottom: 0;
}
ul ul, ol ol{
	margin: 0 0 5px 15px;
}
ul, ol {
	margin: 0 0 5px 15px;
}

#other-posts ul {
	margin: 0;
}

sup {
	vertical-align: super;
	font-size: 0.8em;
}

.baraa {font-family: "Century Gothic";}
.borderred {background-color: #eeece1;font-size: 1em;border-top: 1px solid #C95039; border-bottom: 1px solid #C95039; margin: 10px 0; padding: 10px 0;text-align: center;}
.borderred table {border: none;}
.borderred h3 {border-left-color: #C95039; border-left-style:solid; border-left-width: 0px;}
.borderred ul {text-align: left;}
.bouton {cursor:pointer;font-size: 1.1em; text-align: center; background:#C95039;color:#ffffff;padding:7px;margin:5px 0 0 0;border: 1px #777; }
.bouton a {color:#ffffff;font-size: 1.1em;}
.highlight {background-color: #eeece1; padding: 20px 30px; color: #4a452a; font-size: 1.2em; margin: 10px 20px; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5em; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-family: georgia; font-style: italic;}
.mendeley {margin-left:24pt;text-indent:-24.0pt;}
.right {text-align: right}
.encadre {width: 100%; margin: 10px auto; padding: 10px 10px; border: none; background-color: #eeece1; font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;}
.actu {margin: 10px 0; padding: 10px 0; border-top: 1px dotted grey;}
figure {margin: 0.5em auto; text-align: center; }
figure > img {padding-right: 0 ;margin: 0 auto;}
figcaption {font-size: 1em;text-align: center; color: #777; font-family: Montserrat, "Courier New";}

.image-wrap {
	background: url(images/shadow.jpg) no-repeat left bottom;
	padding-bottom: 6px;
	float: none;
}

.side_box li {
	list-style-type: none;
	font-size: 120%;
	line-height: 1.4em;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	margin: 0;
}
.widgetcontact  {
	font-size: 120%;
	line-height: 1.4em;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	margin: 0;
}

#email input{
    width:100%; line-height:2em; background-color:#FFDFDF; border:1px solid #FF0000;
}

#email input:hover {
    background-color:#FFFF99;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
margin-left: -20px;
}

pre {font-family: "Andale Mono", "Courier New", Monospace;}

.tm-powered-by {display:none;}