/*   
Theme Name: Commun
Theme URI: 
Description: 
Author: François Côté	
Author URI: http://www.francoiscote.net
Template: thematic
Version: 0.1
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('layouts/1c-r-top.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*=FONTS IMPORT 
-------------------------------------------------------------- */
@font-face {  
	font-family: "Verlag Condensed Bold";
	src: url( fonts/VerlagCondensed-Bold.eot ); /* IE */  
	src: local(" Verlag Condensed Bold "), url( fonts/VerlagCondensed-Bold.ttf ) format("truetype"); /* non-IE */ 
}

@font-face {  
	font-family: "Verlag Condensed Light";
	src: url( fonts/VerlagCondensed-Light.eot ); /* IE */  
	src: local(" Verlag Condensed Light "), url( fonts/VerlagCondensed-Light.ttf ) format("truetype"); /* non-IE */ 
}

@font-face {  
	font-family: "Verlag Bold";
	src: url( fonts/Verlag-Bold.eot ); /* IE */  
	src: local(" Verlag Bold "), url( fonts/Verlag-Bold.ttf ) format("truetype"); /* non-IE */ 
}

body, input, textarea {
    color:#333;    
    font: 14px Georgia, "Times New Roman", serif;
    line-height:25px;
}

/* MENU and SIDEBARS*/
#access, .main-aside{
	width: 170px;
	border: 0px;
	color: #999999;
	font-family: "Verlag Condensed Bold", "Verlag Condensed", Verlag, Futura, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}
#access {
	background-color: #FFFFFF;
}

#primary, #secondary{
	border: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#access #langbar{
	text-align: right;
	font-size: 11px;
	margin-right: 12px;
}

#access #logoFlash {
	left: -80px;
	top: 0px;
	position:absolute;
	z-index:2;
}

#logoFlash embed{
	margin: 0px;
}

#access #logoFlash #logo{
	background: url('images/logocommun_menu.gif') no-repeat;
	width: 20px;
	height: 16px;
	margin: 25px 0px 0px 90px;
}
.menu{
	font-family: "Verlag Condensed Bold", "Verlag Condensed", Verlag, Futura, Arial, sans-serif;
	font-size: 12px;
	margin: 51px 8px 0px 8px;
}
.menu ul, .aside ul ul{
	list-style-type: none;
	margin: 0px 0px 19px 0px;
	border-bottom: 1px solid #eae9e9;
}
.aside ul ul {
	margin: 0px;
}
.menu ul li, .aside ul ul li{
	border-top: 1px solid #eae9e9;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 11px;
	padding: 4px 0px;
}

.menu ul a, .aside a, #langbar a{
	color: #999999;
	text-decoration: none;
}

.menu ul a.selected, .aside ul ul a.selected, , #langbar a:selected;{
	color: #332b2b;
}

.menu ul a:hover, .aside a:hover, , #langbar a:hover;{
	color: #332b2b;
}

#langbar a{
	text-decoration: underline;
}
#langbar a:hover{
	text-decoration: none;
}

#primary, #secondary{
}

.main-aside{
	width: 170px;
	border: 0px;
	color: #999999;
	font-family: "Verlag Condensed Bold", "Verlag Condensed", Verlag, Futura, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}
.main-aside ul{
	padding: 0px;
	margin: 0px;
}
.main-aside ul li.widgetcontainer{
	padding: 18px 8px;
	background-color: #FFFFFF;
	margin-bottom: 8px;
}
.widgettitle, .aside h3{
	font-family: "Verlag Condensed Light", "Verlag Condensed", Verlag, Futura, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 11px;
	margin: 0px;
}
.multiwidget_author_avatars .widgettitle{
	border-bottom: 1px solid #eae9e9;
}

.multiwidget_author_avatars .author-list{
	margin: 5px 0px 0px 0px;
	text-align: left !important;
}

.multiwidget_author_avatars .author-list .user{
	padding: 0px !important;
}

.widget_thematic_rsslinks h3.widgettitle{
	background: url('images/rssicon_11.png') no-repeat right;
	padding-bottom: 1px;
}
/*********************/
/* MAIN */
/*********************/


.page-title{
	position: absolute;
	background-color: #FFF;
	padding: 5px 8px 3px 8px;
	margin: 28px 0px 0px 88px;
	font-family: "Verlag Bold", VerlagBold, Verlag, Futura, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.page-title a{
	display:block;
	color:#000;
	font-family: "Verlag Bold", VerlagBold, Verlag, Futura, Arial, sans-serif;
	font-size: 15px;
}

/* Page title on home, bg color line by line*/
body.home .page-title{
	background: none;
	
}

body.home .page-title .indextitlebg{
	padding: 3px 3px 1px 3px;
	background-color: #FFF;
	line-height: 25px;
}

.post-content, #comments{
	background-color: #FFFFFF;
	width: 392px;
	padding: 30px 80px 20px 80px;
	margin: 0px 0px 0px 88px;
}

.comments-link{
	margin-bottom: 20px;
}
.post a{
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

.post a:hover{
	background: #ff3333;
	text-decoration: none;
}
.post a:visited:hover{
	background: #00ffcc;
	text-decoration: none;
}

.facebooklike{
	margin-top: 20px;
}

.googleplus{
	margin-top: 20px;
}
/********************/
/* NAVIGATION BELOW */
/********************/
#lastpostpadding{
	height: 152px;
}
#nav-below{
	position: absolute;
	bottom: 0px;
	width: 552px;
	height: 127px;
	margin: 0px 0px 0px 88px;
	color: #999999;
	font-family: "Verlag Condensed Bold", "Verlag Condensed", Verlag, Futura, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 11px;
	text-transform: uppercase;
}

#nav-below .nav-next a{
	background: url('images/btn-next.gif') no-repeat 17px 8px #FFF;
	text-align: left;
	margin-left: 4px;
}
#nav-below .nav-previous a{
	background: url('images/btn-prev.gif') no-repeat 17px 8px #FFF;
}

#nav-below .nav-previous a, #nav-below .nav-next a{
	display: block;
	width: 184px;
	padding: 14px 8px 14px 80px;
	margin: 0px;
}

#nav-below .nav-previous a, #nav-below .nav-next a{
	color: #999999;
	text-decoration: none;
}

#nav-below .nav-previous a:hover, #nav-below .nav-next a:hover{
	color: #332b2b;
}


/* SINGLE POST */
/***************/
.entry-title{
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 50px;
	line-height: 50px;
	color: #00ffcc;
}
.entry-title a{
	color: #00ffcc;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0px;
}
.entry-title a:hover{
	color: #ff3333;
	background: none;
	text-decoration: none;
	border-bottom: 0px;
}
.entry-title a:visited{
	background: none;
	text-decoration: none;
}
.entry-title a:visited:hover{
	text-decoration: none;
	background: none;
	border-bottom: 0px;
}
.entry-meta img{
	float: left;
}
.entry-meta .meta-data {
	float: left;
	width: 349px;
	border-top: 1px solid #eae9e9;
	border-bottom: 1px solid #eae9e9;
	margin-left: 7px;
	padding: 3px 0px;
	font-family: "Verlag Condensed Light", "Verlag Condensed", Verlag, Futura, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	color: #999999;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.entry-meta abbr{
	font-size: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
}
.entry-content h3{
	float: left;
	width: 78px;
	height: 78px;
	margin: 0px 81px;
	font-family: "Verlag Bold", VerlagBold, Futura, Arial;
	font-size: 16px;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 1px;
	color: #333;
}

/************/
/* COMMENTS */
/************/

#comments h3{
	font-family: "Verlag Bold", VerlagBold, Futura, Arial;
	font-size: 16px;
	text-transform: uppercase;
}

#comments-list .comment-author, #comments-list .comment-meta{
	font-family: "Verlag Condensed Light", "Verlag Condensed", Verlag, Futura, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #999999;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.form-section textarea{
	width: 97%;
}

.comment-author a{
	color: #000000;
	font-family: "Verlag Bold", VerlagBold, Futura, Arial;
	text-decoration: underline;
}

.comment-author a:hover{
	background: #FF3333;
	text-decoration: none;
}
.comment-author a:visited:hover{
	background: #00ffcc;
	text-decoration: none;
}

#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover {
	color: #000;
}
/***********/
/* GENERIC */
/***********/
.light{
	font-family: "Verlag Condensed Light", VerlagCondensedLight, Verlag, Futura, Arial;
}