/*
Theme Name: Commune
Description: Commune is a minimalist wordpress theme ready for wordpress 3.1+. The theme is also compatible with WP-PageNavi for a nice pagination. In Commune, like in other wordpress theme, you can change the header with a custom image header, change the background… As you can see the theme had some CSS3 tricks (shadow, google font for title). Hope you like it! 
Author: Henri Labarre
Theme URI: http://www.commune-mairie.fr/wp/
Author URI: http://www.vingthuitzerotrois.fr/
Version: 1.0.8
Tags: custom-colors, two-columns, fixed-width, custom-background, custom-header, threaded-comments, sticky-post, light, translation-ready,custom-menu
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

*{margin:0; padding:0}

body {
	font-family:  "chaparral-pro", serif;
	font-size: 115%;
	font-weight: 400;
	color: #5B5B5B;
	background: #fafafa;
	line-height: 1.5;
}

blockquote{border-left:0.4em solid #eee; margin:0 0 0 1.5em; padding:0 0 0 1em}
abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
pre{color:#5B5B5B; line-height:1.5; margin:50px 10px; padding:20px}
address{background:transparent; border:0; margin-bottom:18px; padding:0; vertical-align:baseline}

/* Links */

a:link
{
	text-decoration: none;
	color: #24AA96;
	/* -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; */
}

a:visited
{
	text-decoration: none;
	color: #24AA96;
}

a:hover, a:focus
{
	text-decoration: none;
	color: #1A6E5D;
}

a:active
{
	text-decoration: none;
	color: #24AA96;
}

/* Heading */

h1.blogtitle {
	font-size: 200%;
	font-weight: 400;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);*/
	margin-bottom: 20px;
}

#joe { color: #24AA96; }
#cieplinski { color: #5B5B5B; }

.profilepic {
	padding: 20px 20px 20px 0;
}

h1 a{color:#24AA96;}
h1 a:hover{color:#1A6E5D;background:transparent;}
h1 a:link{color:#24AA96}
h1 a:visited{color:#24AA96}
h2 a,h3 a, h4 a{color:#24AA96; font-weight:400}

h2.entry-title {
	font-size: 180%; 
	font-weight:700;
	margin:0 0 0 0;
}


h2.single-entry-title {
	font-size: 180%;
	color:#24AA96; 
	font-weight:700;
	margin:0 0 0 0;
}

h2.page-title{font-weight:700 !important; text-align:center; margin:20px 0 0.5em 0;}
h3.widgettitle{font-size: 120%; color:#5B5B5B; font-weight:400;margin:3px 0px 3px 0px;padding: 6px 0px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.description{color:#5B5B5B;margin:0 0 0 10px;}

/* header */
div#header {
	margin-top: 11px;
	padding:10px; 
	background:transparent;
}
div#headertop{margin:20px 0 0 0; background-color:transparent}

* html #logo{margin:-2.5em 0 0 -1em; padding:0.3em 0.7em;}
#logo a{background-color:transparent}

/* Navigation */
#access{background:transparent;display:block;float:left;width:980px;margin:0 auto;text-transform: uppercase;}
#access .menu-header,div.menu{font-size:1.3em;margin-left:10px;}
#access .menu-header ul,div.menu ul{list-style:none;margin:0;}
#access .menu-header li,div.menu li{float:left;position:relative;}
#access a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;}
#access ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:40px;left:0;float:left;width:180px;z-index:99999;}
#access ul ul li{min-width:180px;}
#access ul ul ul{left:100%;top:0;}
#access ul ul a{line-height:1em;width:160px;height:auto;padding:10px;}
#access li:hover > a,#access ul ul :hover > a{color:#444;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#access ul li:hover > ul{display:block;}
#access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a,* html #access ul li.current_page_item a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover{color:#444;}

/* Layout */
#wrapperpub{margin:0 auto; padding:0 0 0 0; background-color:transparent; position:relative; width:600px; text-align:left;}
#wrapper{margin: 0 auto;background-color:transparent; position:relative; width:600px; text-align:left;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
#wrappertop{margin:0 auto; padding:0 0 0 0; background-color:transparent; position:relative; width:1024px; text-align:left}
#container{margin:0 10px 0 10px; padding:2em 2em 1em 2em;width:590px; background-color:transparent; /* float:left; */ display:inline; clear:both;}
#containerlarge{margin:0.8em 0 2em 2em; width:950px; /* float:left; */ display:inline; clear:both;background-color:transparent;}
* html #containerlarge{margin:2em 0 2em 2em; width:950px; float:left; background-color:transparent;}
#content{background-color:transparent; padding: 0 15px 0 15px;overflow:hidden; position: relative;}
#content h1{font-weight:400; margin:0 0 0.5em 0}
#content h2{font-weight:400; margin:25px 0 -.1em 20px}
#content h3{font-weight:400; margin:0 0 0.5em 0}
#content h4{font-weight:400; margin:0 0 0.5em 0}
#content h5{font-weight:400; margin:0 0 0.5em 0}
#content h6{font-weight:400; margin:0 0 0.5em 0}
#content code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 90%; margin 20px 0;}
#footer{color:#606060;margin: 0 auto; width:590px; padding:3em 0 0.5em 2em; clear:both; text-align:left; font-size:1.1em; line-height:1.5em;}
#footer a,#footerlink a{color:#606060; text-decoration:none; outline:none}
#footer a:hover,#footerlink a:hover{background:#f3f3f3; color:#444; text-decoration:none; outline:0}
#footer p,#footerlink p{color:#bbb;}
#footerlink{color:#bbb;margin-bottom:2em; width:980px; padding:1em 0 1em 0; clear:both;  text-align:left; font-size:1.1em; line-height:1em;}

/*sidebar */
div.sidebar{/* float:right;  */overflow:hidden; margin:-30px auto 0; padding:1em 1em 1em 0em; width:300px; background-color:transparent}
.sidebar h3{font-weight:400; display:none;}
.sidebar li{margin:0; padding:0;}
.sidebar ul li ul li{padding:0.5em 0 0}
.sidebar ul li ul li li{margin:0 0 0 1em;padding:0.5em 0 0}
.sidebar ul{list-style:none; margin:0; padding:0}
div#primary{clear:right}
* html #primary{margin:1em 1em 0 1em; width:300px}
div#secondary{clear:right}
* html #secondary{margin:1em 1em 0 1em}

/* Misc */
.clear{clear:both}

/* Post area */
.hentry{font-weight:400; margin-bottom:3em}
.entry-content{text-align:left; color:#5B5B5B; margin:auto;}
.entry-content p{margin:0 0 0.5em 0; padding: 10px 20px;}
.entry-content img {margin-left: 0;}
* html .entry-content p{margin:0em 0;}
.entry-content ol{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;}
.entry-content ol li{margin:0 0 0.2em}
.entry-content ul{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;}
.entry-content ul li{margin:0 0 0.2em}
.entry-content pre{margin:0 0 .5em 2em; padding:0em 1em 1em 0em;}
.entry-content a{color:#24AA96;}
.entry-content a:visited{color:#24AA96;}
.entry-content a:hover{color:#1A6E5D;}
.alignleft{float:left}
.alignright{float:right}
.center{text-align:center;margin:0 0 1.5em 0}
.entry-meta{color:#bbb; line-height:1.5em;margin:3px 0px 3px 0px;padding: 6px 6px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.entry-meta .tag-links a{color:#444;}
.entry-meta .tag-links a:hover{color:#f3f3f3; background:#444}
.sticky{background-color:transparent}
.page-link{clear:both; color:#5B5B5B; font-weight:700; margin:0 0 22px 0; word-spacing:0.5em}
.page-link a:link, 
.page-link a:visited{font-weight:400; padding:0.5em 0.75em; text-decoration:none;color:#444}
.page-link a{color:#444}
.page-link a:active, 
.page-link a:hover{background:#f3f3f3; color:#0299FF; text-decoration:none; outline:0}



/* Page navigation */
.navigation{margin:0 0 2em; height:1em; width:auto}
.navigation a{color:#777}
.navigation a:hover{text-decoration:none}
.nav-next{float:right}
.nav-previous{float:left}
.navigation_mobile{display:none}

/* Comment */
#comments .comment-body{padding:1em 0;}
#comments .comment-body ul, 
#comments .comment-body li,
#comments .comment-body ol{margin:0 1em}
#comments .comment-body p:last-child{margin-bottom:6px}
#comments .comment-body blockquote p:last-child{margin-bottom:24px}
#comments li{margin:1em 0; padding:1em 1em;}
#comments li.alt{margin:1em 0; padding:1em 1em;background-color:#F8F8F5;background-color: rgba(248, 248, 245, 0.9);}
#comments{list-style-type:none; margin:0; padding:0}
#comments .byuser{}
#comments .byuser.alt{}
#comments .bypostauthor{}
#comments .bypostauthor.alt{}
#comments .comment p{}
#comments .comment-author{margin: 0 0 0 3px; font-weight:700;}
#comments .comment-meta a{color:#777}
#comments .comment-meta{margin:0.3em 0; color:#777}
#comments .comment-author-admin{background-position:right top;}
#comments ul.children{list-style:none;margin:0 0 0 2em}
#comments .count {float:right;padding: 10px;color:#606566;}
#comments .pingback{border-bottom:1px solid #e7e7e7; margin-bottom:18px; padding-bottom:18px}
.commentlist li.comment+li.pingback{margin-top:-6px}
#comments .pingback p{color:#888; display:block; line-height:18px; margin:0}
#comments .pingback .url{font-style:italic}
#comments .nocomments {color: #bbb;font-weight: 100;margin: 26px 0;text-align: center;}

div.formcontainer{width:100%}
#commentform .comment-form-author, .comment-form-email, .comment-form-url{padding:0.3em; color:#777; font:1.3em; width:40%; clear:both}
#commentform .comment-form-comment{padding:0.3em; color:#777; font:1.3em; clear:both}
#commentform #comment-notes{margin:1em 0 0 0; color:#bbb}
#commentform #submit{width:auto;margin:0.5em 0; float:right}
#commentform label{margin:1em 0;padding:1em 0 1em; color:#777; font:1.1em;}
#commentform textarea#comment{padding:0.3em 0 0.3em 0.3em; font:1.1em; color:#777; width:99%; height:15em}
#commentform .form-allowed-tags {line-height: 1em;}
#commentform .form-allowed-tags {color: #888;line-height: 18px;}
#commentform .form-allowed-tags code {font-size: 11px;}
#commentform .required {color: #ff4b33;font-weight: 700;}
#commentform .comments-navigation{font-size:1.2em;margin:1em 0}
#commentform .page-numbers.current{text-decoration: underline;}


/* Error page */
.four04 #content p{font-size:1.2em}
.four04 .sidebar{clear:right; display:block}
.four04 #content{width:590px; text-align:left}

/*widget*/
.widget {}
.widgetblock{font-size:1.2em;background: transparent;margin:0 0 0.5em 0;padding:0.5em 0 0 0;}
.widgettitleb{margin: 0 0 0.5em 0; padding:0.5em 0 0.5em 0;color:#444;}
.screen-reader-text{display:none}

/* date */
.entry-date{color:#bbb;margin:-1em 0 0.5em 20px} 


/*Gallery Shorcode*/
.gallery{margin:0 auto 18px}
.gallery .gallery-item{float:left; margin-top:0; text-align:center; width:33%}
.gallery-columns-2 .gallery-item{width:50%}
.gallery-columns-4 .gallery-item{width:25%}
.gallery img{border:2px solid #cfcfcf}
.gallery-columns-2 .attachment-medium{max-width:92%; height:auto}
.gallery-columns-4 .attachment-thumbnail{max-width:84%; height:auto}
.gallery .gallery-caption{color:#888; font-size:12px; margin:0 0 12px}
.gallery dl{margin:0}
.gallery img{border:10px solid #f1f1f1}
.gallery br+br{display:none}

/*line break style*/
.linebreak {padding :1em 0 0.5em 0; border-top:1px solid #ccc;}
.linebreaktop {float: right; font-size:0.8em; }


/*Gravatar*/
img.avatar {float:left; margin-right:5px;padding: 0 0.5em 0 0;}

/*Caption and images*/
#content .wp-caption{line-height:18px;margin-bottom:20px;text-align:center;padding:4px;}
#content .wp-caption img{margin:5px 5px 0;}
#content .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px;}
#content .attachment img{max-width:620px;}
#content .alignleft,#content img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;}
#content .alignright,#content img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;}
#content .aligncenter,#content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
#content img.alignleft,#content img.alignright,#content img.aligncenter{margin-bottom:12px;}
#content .attachment img {display: block;margin: 0 auto;}


/*malo*/
.dp5,.dp10,.dp20,.dp25,.dp30,.dp40,.dp50,.dp60,.dp70,.dp80,.dp100{float:left;display:inline;margin-left:-0.04em;}
.dp5{width:5%;}
.dp10{width:10%;}
.dp20{width:20%;}
.dp25{width:25%;}
.dp30{width:30%;}
.dp40{width:40%;}
.dp50{width:50%;}
.dp60{width:60%;}
.dp70{width:70%;}
.dp80{width:80%;}
.dp100{width:100%;}
.clear{clear:both;}
p { padding:0em 0em 1em 0em;color:#606060;}
.dp20 li{margin:0 0 0 1em;}


/*form box*/
#formbox label{display:block;font-weight:400;font-size:1.3em;margin-bottom:6px;}
#formbox{position:relative;margin-right:1px;font-size:12px;padding:16px 18px;}
#formbox .avatar{margin-top:16px;float:left;border:0;}
#formbox .avatar img{border:1px solid #ccc;padding:0;}
#formbox .inputarea{padding-left:66px;height:100%;font-size:12px;}
#formbox textarea#posttext#posttitle{width:98%;margin-bottom:10px;background:#fafafa;border:1px solid #d1d1d1;color:#666;font-size:13px;padding:1%;}
#wrapper form input[type="text"]{border:1px solid #d1d1d1;background:#fafafa;color:#666;font-size:13px;padding:5px 7px;}
#sidebar form input[type="text"]{background:#fff;}
#formbox input#tags#display-name#m-address#home-page{width:75%;float:left;}
#formbox input#submit{margin-left:6px;float:right;padding:0 20px;}
#formbox .postrow{height:28px;}
#wrapper button,#wrapper input[type="submit"]{margin-left:10px;border:1px solid #ccc;border-radius:3px;-moz-border-radius:3px;background:#F2F2F2;text-shadow:0 1px 0 #fff;font-size:13px;font-weight:100;color:#333;padding:0 10px;}
#wrapper button{margin:10px 10px 0 0;}
#wrapper button:active,#wrapper input[type="submit"]:active{background:#eee;}

/*searchbox*/
#search fieldset {border: none;position: relative;}
#search input[type="text"]{border:1px solid #CCCCCC;color:#516064;margin-bottom:20px;padding:8px;width:275px;text-indent:0px;}
#search label{font-weight: 700;color: #FFFFFF;right:6px;top:6px;position:absolute;background:#dad8d8;padding: 4px 6px 2px 6px;-moz-border-radius:3px;border-radius:3px;}
#search input.button{background-color:transparent;background-position:0 -27px;cursor:pointer;background-repeat:no-repeat;border:none;height:27px;position:absolute;text-indent:-9999px;top:3px;padding:0;}
#search input.button:hover{background-position:0 0px;}
#search input.button {background-position:0 -27px;}
input#searchsubmitbutton{right:10px;width:100px;}

/*category color*/
span.cat-links a {color: #FFF;text-transform: uppercase;line-height:2em;background:#444;padding: 4px 6px 4px 6px;-moz-border-radius:3px;border-radius:3px;}

/*Image sur homepage*/
.postthumb{float:left}
.postthumb-gallery{float:left;width:125px;height:125px}
.postthumbimg-ds{float:left; background:url('images/shadow.png') no-repeat bottom right; margin:10px 2px 0 6px; padding:0 0 0 0}
.postthumbimg-dsr{float:right; background:url('images/shadow.png') no-repeat bottom right; margin:10px 2px 0 6px; padding:0 0 0 0}
.postthumbimg-ds img{border:1px solid #a9a9a9; display:block; margin:-5px 5px 5px -5px; padding:4px; position:relative}
.postthumbimg-dsr img{border:1px solid #a9a9a9; display:block; margin:-5px 5px 5px -5px; padding:4px; position:relative}
* html .postthumbimg{margin:0 0 0 0}

/*Table*/
table {border-collapse:collapse;margin:0 0 0.5em 0}
th {font-size:1.2em;padding:4px 6px;border-width:1px;border-style:solid}
td {padding:4px;border-width:1px;border-style:solid}

/*definition*/
dl{margin:0 0 24px 0}
dt{font-weight:700}
dd{margin-bottom:18px}

.widgetblock {
	font-size: 90%;
	line-height: 2.0;
}

#joepic {
    width: 100px;
    height: 100px;
    padding: 35px 20px 20px 0;
    float: left;
}

.updatetext {
	padding-left: 10px;
	font-size: 90%;
	color: #8E8E8F;
}

#navigationsub {
	position: absolute;
	top: -56px;
	right: 0;
	list-style-type: none;
}

#navigationsub li {
	display: inline;
	padding: 10px 7px;
}

#footer {
	border-top: 1px solid #ccc;
	padding: 10px;
	margin: 0;
}

#footer ul {
	list-style-type: none;
}

#footer li {
	display: inline;
	padding: 20px;
}

#searchform {
	text-align: center;
	margin-left: 10px;
}

#wrapper form input[type="text"] {
	border-radius: 6px;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	box-shadow: none;
	padding: 10px;
	width: 160px;
	margin-bottom: 10px;
}

#s:focus {
	outline: 0;
}

#wrapper button,#wrapper input[type="submit"] {
	border-radius: 6px;
	border:1px solid #DDD;
	background:#F5F5F5;
	padding: 10px 10px;
	-webkit-appearance: none;
	font-size: 80%;
	font-weight: 100;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
}	

#wrapper button,#wrapper input[type="submit"]:hover{
	background:#cccccc;
}

@media all and (max-device-width: 480px) {
	.entry-content {
		font-size: 190%;
	}
	h2.entry-title {
		font-size: 240%;
	}
	
	h2.single-entry-title {
		font-size: 240%;
	}
	
	#joepic {
	    padding: 65px 20px 20px 0;
		float: left; 
	}
}

hr {
	width: 100%;
	height: 1px;
	border: none;
	background: #ccc;
	margin: 20px 0;
}

#content {
	padding-top: 170px;
}

.hiddenText {
			display: none;
		}
	
	#adSpot {
		width: 400px;
		height: 100px;
		position: absolute;
		top: 70px;
		right: 50%;
		margin-right: -210px;
		background: #fdfdfd;
		border: 1px solid #ededed;
		font-size: 75%;
		padding: 10px;
		text-align: left;
	}
	
	.carbon-text {
		text-align: left;
	}
	
	.carbon-img {
		float: left;
		margin-right: 10px;
		background: none;
	}

	
	.carbon-wrap {
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}
	
	.carbon-poweredby {
		display: block;
		margin-top: 10px;
		text-align: left;
	}
	
	.carbon-poweredby:hover {
		color: #0299FF;
	}
	
	.carbon-wrap img {
		padding: 0;
	}

@media screen and (min-width: 1024px) {
	
	#content {
		padding-top: 60px;
	}
	
	#adSpot {
		width: 150px;
		height: 215px;
		position: absolute;
		top: 120px;
		right: -220px;
		margin-right: 0;
		background: none;
		border: 1px solid #ededed;
		text-align: center;
	}
	
	.carbon-img {
		float: none;
		margin-right: 10px;
		background: none;
	}
	
	.carbon-poweredby {
		text-align: center;
	}

}

header {
	width: 100%;
	padding: 0;
	margin: 10px auto;
	position: fixed;
	top: -10px;
	background: rgba(250, 250, 250, 0.95);
	z-index: 1000;
	text-shadow: 0px 1px 1px #d8d8d8;
}

#logo {
	font-size: 160%;
	font-weight: 400;
	padding: 11px 10px 10px 10px;
}

#joe { 
	color: #24AA96; 
}
	
#cieplinski { 
	color: #606060; 
}

nav {
	position: absolute;
	top: 21px;
	right: 3px;
}

nav a, nav span {
	padding: 0 7px;
}

@media screen and (min-width: 420px) {
	#logo {
		padding: 11px 10px 10px 20px;
	}
	
	nav {
		right: 10px;
	}
	
	nav a, nav span {
		padding: 0 10px;
	}
}

img {
	width: 100%;
	display: block;
	padding: 40px 0 0;
	margin: 0 auto;
}

figcaption {
	text-align: center;
	margin-bottom: 40px;
	font-style: italic;
	color: #a2a2a2;
}

.doubleScreenShot {
	width: 100%;
	max-width: 550px;
	margin: 0 auto 40px;	
}

img.screenShot {
	width: 47%;
	display: inline;
	margin-left: 0;
	padding-right: 1%;
}