/*
Theme Name: MA14 2009
Theme URI: http://ma14.com/themes
Description: MA14 first theme.
Version: 1.0
Author: Marc Boivin, Laurent LaSalle
Author URI: http://ma14.com
Tags: blue, custom header, fixed width, two columns, widgets
*/

html { 
	background: transparent url(images/ui/background_noise.png); 
}
body { 
	font-family: helvetica, arial, sans-serif; 
	font-size: 14px; 
	color: black; 
	height: 100%; 
	background: transparent url(images/ui/background_noise_gradient.jpg) scroll no-repeat top center; 
}
h1, h2, h3 { 
	font-weight: bold; 
	font-size: 18px; 
	letter-spacing: -0.05em; 
}
p, ul li, ol li { 
	margin: 20px 0; 
}

em { font-style: italic; }

#nav em { font-style: normal; display: block; }

a { 
	color: black; 
	text-decoration: underline; 
}
#page { 
	width: 1000px; 
	position: relative; 
	margin: 0 auto; 
}
#header { 
	padding: 140px 0 35px 0; 
}
#page_container { 
	padding-bottom: 35px; 
}
.clearer, .entry { 
	clear: both; 
}
strong { 
	font-weight: bold; 
}
:focus { 
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
}
#blog_content .entry ul li { 
	margin: 0 0 10px 15px;
}
#blog_content .entry ul.oneliners li { 
	margin: 0 0 0 15px;
}
#wrapper_outside { 
	background: transparent url(images/ui/back_blog.png) no-repeat scroll center top;
}
#header { 
	background: transparent none;
	padding: 10px 0 0 16px;
	margin-bottom: -11px;
}
#header, #header a { 
	color: #666;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 12px;
}
#header a:hover { 
	border-bottom: solid 1px #666;
}
#header a.rss_header { 
	padding: 0 0 0 13px;
	background: transparent url(images/ui/rss_symbol.png) no-repeat left 0;
}
#header span.courriel_header { 
	padding-left: 16px;
	background: transparent url(images/ui/contact_symbol.png) no-repeat left 0;
	margin-left: 15px;
}
#header a.rss_header { 
	padding-top: 1px;
}
#logo_ma14 { 
	margin-right: 14px;
	margin-top: 20px;
	float: right;
}
#page { 
	width: 946px;
	padding: 0 30px 0 24px;
}
#page_container { 
	background: none;
}
#blog_content { 
	float: left;
	width: 632px;
}
#nav { 
	width: 319px; 
	margin-left: -5px;
	padding-top: 89px;
	float: left;
}
#nav, #sidebar { 
	font-size: 12px;
}
#nav p, #nav ul li, #sidebar p, #sidebar ul li { 
	margin: 10px 0;
}
.author_name { 
	font-weight: bold;
	display: block;
}
.entry { 
	clear: both;
}
.entry .top { 
	background: transparent url(images/ui/top_bulle.png) no-repeat;
	height: 29px;
}
.entry .content { 
	background: transparent url(images/ui/back_bulle.png) repeat-y;
	padding: 6px 26px;
}
.content p a:hover, 
.content ul a:hover { 
	color: #fff;
	padding: 2px 2px 0 2px;
	margin: -2px -2px 0 -2px;
	background: #000;
	text-decoration: none;
}
.content p a.image:hover { 
	color: inherit;
	padding: 0;
	margin: 0;
	background: inherit
}
.entry .bottom { 
	background: transparent url(images/ui/bottom_bulle.png) no-repeat;
	height: 30px;
}
.entry p, .entry ul, .entry ol, .entry li { 
	margin-top: 5px;
}
.entry ul ul, .entry ol ul, .entry ul ol, .entry ol ol {
	margin-top: 0;
	margin-bottom: 10px;
}
.entry > ul, .entry > ol {
 	margin-top: -10px;
}
.entry p, .entry ul, .entry ol { 
	margin-bottom: 20px;
	font-size: 15px;
}
.entry h3, .entry h4 { 
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 20px;
}
.entry h4 {
	letter-spacing: -0.02em;
	font-weight: normal;
}
.entry ul li { 
	list-style: disc;
	margin: 0 0 0 26px;
}
.entry ul li li { 
	list-style: circle;
	margin: 0 0 0 26px;
}
.entry ol li { 
	list-style: decimal;
	margin: 0 0 0 26px;
}
.entry ul.paragraph li, .entry ol.paragraph li {
	margin-top: 20px;
	margin-bottom: 20px;
}
.blog_list h2 { 
	font-size: 24px;
	font-weight: bold;
	margin-right: 170px;
	margin-left: 16px;
	padding-bottom: 0;
}
.blog_list h2 span { 
	display: inline;
}
.blog_list h2 span a { 
	text-decoration: none;
	vertical-align: -3px;
}
.blog_list h2 span:hover { 
	border-bottom: solid 2px #000;
}
.author { 
	margin: 15px 15px 15px 16px;
}
.author img { 
	width: 50px;
	height: 50px;
	float: left;
}
.author ul { 
	float: left;
	margin: 5px 10px;
}
.author ul li { 
	margin: 0;
}
.author .name { 
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
}
.author .extra { 
	font-size: 12px;
}
.post { 
	margin-bottom: 40px;
}
.postmetadata { 
	font-size: 12px;
	color: white;
	margin-top: 40px;
}
.tag, .cat, .cat-item, #nav .cat-item, #nav .tag_pref .tag, #nav .tag_pref .cat { 
	margin: 0 7px 7px 0;
	display: inline-block;
	padding: 2px 5px;
	height: 17px;
	text-transform: lowercase;
	font-weight: bold;
	line-height: 17px;	
}
.tag a, .cat a, .cat-item a { 
	color: #fff;
	text-decoration: none;
}	
.tag, #nav .tag_pref .tag { 
	padding: 2px 5px 2px 10px;
	background: transparent url(images/ui/tag_back.png) no-repeat scroll left top ;
}
.tag:hover, #nav .tag_pref .tag:hover { 
	background-position: 0 -21px;
}
.cat, .cat-item { 
	background: #0096ff none;
}
.cat:hover, .cat-item:hover { 
	background: #157399 none;
}
#ma14aw, .recent_comments { 
	padding-left: 20px;
}
#ma14aw .author_name { 
	font-size: 18px;
}
#ma14aw, .recent_comments ul li img { 
	margin-right: 5px;
}
.recent_comments ul li img {
	float: left;
}
#ma14aw, .recent_comments ul li a { 
	display: block;
}
#ma14aw .cur_author_info { 
	float: left;
}
ul.elsewhere li { 
	display: inline;
	margin-right: 4px;
}
ul.elsewhere { 
	margin: 12px 0 10px -2px;
}
#ma14aw_author_list { 
	width: 135px;
	float: right;
	padding: 40px 0 5px 20px;
	margin-top: 14px;
}
#ma14aw_author_list img { 
	width: 35px; 
	height: 35px;
	float: left;
	margin: 5px;
}
#ma14aw_author_list .active_author, #ma14aw_author_list img.avatar-90 { 
	width: 80px;
	height: 80px;
	margin-top: -40px;
}
#ma14aw_author_list img.avatar-90:hover { 
	width: 90px;
	height: 90px;
	margin-top: -45px;
}
#ma14aw_author_list img:hover { 
	width: 45px;
	height: 45px;
	margin: 0;
}
.tag_pref, #nav ul li.categories, #nav ul li.blogroll, .last_posts { 
	margin-top: 25px;
}
.tag_pref ul, #sidebar ul li.categories ul { 
	padding-top: 10px;
}
.recent_comments { 
	margin-top: 20px;
}
#search_widget { 
	background: transparent url(images/ui/back_bois.jpg) repeat-y;
	margin-top: 25px;
}
#search_footer { 
	background: transparent url(images/ui/back_bois.jpg) repeat-y bottom;
}
#search_footer div { 
	background: transparent url(images/ui/search_back.png) repeat-x scroll left top;
}
#search_widget .form_content { 
	padding: 20px;
	background: transparent url(images/ui/search_back.png) repeat-x scroll left bottom;
}
#do_search { 
	display: none;
}
#s { 
	background: transparent url(images/ui/search.png) no-repeat;
	height: 22px;
	width: 242px;
	border: 0;
	padding: 8px 10px 0px 30px;
	font-size: 14px;
	margin-left: -2px;
}
.categories { 
	padding-left: 17px;
}

/* Style pour le blogroll (Allez voir ailleurs) */
.blogroll { 
	padding-left: 17px;
	margin-top: 10px;
}
.blogroll div, .blogroll img { 
	float: left;
}
.blogroll div { 
	width: 240px;
}
.blogroll img { 
	margin-right: 10px;
}
.blogroll .clearer { 
	display: block;
}
.blogroll a { 
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	padding: 2px 0 0 3px;
	margin-left: -3px;
	display: block;
}
a.blogrolltitle:hover { 
	color: #fff;
	background-color: #157399;
}
.blogroll p { 
	margin-top: 10px;
}
.blogroll small { 
	text-align: right;
}
.blogroll ul li span { 
	display: block;
	text-align: right;
	margin-top: 5px;
	font-size: 10px
}
.blogroll li, .blogroll { 
	position: relative;
}
.blogroll .full_link{ 
	position: absolute;
	width:100%;
	height: 100%;
	display: block;
}
.blogroll .refresh{ 
	background: transparent url(images/ui/refresh.png) no-repeat scroll center center;
	width: 30px;
	height: 30px;
	position: absolute; right: 10px; top:0;
	display: block;
}

/* Résultats de recherche dans la barre de droite */
.post_results, #search_footer > div { 
	padding: 10px 20px 10px 20px;
}
#search_results, .alt { 
	background: transparent url(images/ui/fonce.png);
	color: #fff;
}
#search_results a { 
	color: #fff;
}
.post_results h3 { 
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
}
.post_results a { 
	color: white;
	text-decoration:none;
}
.post_results span { 
	margin-top: 3px;
	display: block;
}
.post_results a:hover { 
	text-decoration: underline;
}
.post_results .post { 
	margin-bottom: 0;
}

/* Style pour les commentaires */
.comments_overview .how_many { 
   width: 38px; 
   height:38px; 
   background: transparent url(images/ui/comment_bulle.png) no-repeat;
   color: white;
   font-size: 18px;
   text-align: center;
   line-height: 36px;
   float:left;
   margin: -5px 10px 0 -2px;
   padding-left: 1px;
   text-shadow: #000 0 1px 2px;
   display: block;
}
.comments_overview { 
	margin-top: 10px; 
	color: black; 
}
.comments_overview a .how_many { 
	color: white; 
	text-decoration: none; 
}
.comments_overview .commentez { 
	display: block; 
}
.comments_overview p { 
	margin: 10px 0; 
	font-size: 12px; 
}
#comments { 
	width: 635px;
	margin-top: 50px;
}
#comments h3 { 
	font-size: 24px;
	margin-left: 16px;
}
#haut_comment { 
	height: 6px;
	width: 642px;
	background: transparent url(images/ui/comments/top_comments.png) no-repeat;
}
.comment_list { 
	background: transparent url(images/ui/back_bulle.png) repeat-y;
	padding-top: 15px;
}
.comment_list .avatar, .comment_list .comment { 
	float: left;
}
.comment_list .avatar { 
	margin-right: 10px;
}
.comment_list li { 
	padding: 0px 30px 0 30px;
	margin-bottom: 10px;
}
.comment_list hr { 
	border: 0;
	background: transparent url(images/ui/dotted.png);
	height: 1px;
	margin: 0 30px;
}
.comment { 
	width: 495px;
}
.comment a { 
	text-decoration: none;
}
.comment .comment_date { 
	font-size: 10px;
	display: block;
	float: right;
}
.comment .author_name { 
	font-size: 14px;
	display: block;
	float: left;
}
#bas_comment { 
	background: transparent url(images/ui/comments/bottom_comments.png) no-repeat scroll -5px bottom;
	height: 5px;
	margin-bottom: 50px;
}
#top_leave_comment { 
	background: transparent url(images/ui/comments/top_leave_comment.png) no-repeat;
	height: 37px;
}
#leave_comment { 
	background: transparent url(images/ui/comments/back_commentbox.png) repeat-y;
}
#bottom_leave_comment { 
	background: transparent url(images/ui/comments/bottom_leave_comment.png) no-repeat;
	height: 37px;
	margin-bottom: 30px;
}
#comment_cont {
	background: transparent url(images/ui/comments/back_leave_comment.png) repeat-y 0 -2px;
	margin-top: 22px;
}
#comment { 
	width: 530px;
	height: 300px;
	background: transparent none;
	border:0;
	margin: 0 0 15px 80px;
	line-height: 30px;
}
#comments .comment_list p { 
   margin: 10px 0;
}
#comment_box ol li div.comment p { 
	margin: 10px 0;
}
#leave_comment p { 
	margin: 0 0 0 80px;
}
#leave_comment li { 
	margin: 0;
	height: 30px;
}
.comment_info { 
	padding-top: 7px;
	background: transparent url(images/ui/comments/back_leave_comment.png) repeat-y 0 -2px;
}
.comment_info input { 
	background: none;
	border:0;
}
.comment_info label { 
	font-weight: bold;
	text-align: right;
	display: inline-block;
	width: 152px;
}
#subscribe_comments { 
	float: left;
}
#submit_comment_cont { 
	float: right; 
	padding-right: 20px;
}
#see_buttons_div { 
	margin-left: 80px;
}
#nav ul li.blogroll p { 
	margin-top: 3px;
}
input.feedburner_email { 
	background: transparent;
	border: solid 1px #999;
	color: #666;
	width: 140px;
	margin-left: 5px;
	padding: 0 1px 0 1px;
	font-size: 11px;
}
form#feedburner_submit { 
	display: inline;
}
form#feedburner_submit ul, form#feedburner_submit ul li { 
	display: inline;
}
#sidebar h2 span { 
	font-weight: normal;
	font-size: inherit;
}
.navigation .alignleft, .navigation .alignright { 
	float: left;
	width: 50%;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
}
.navigation .alignright { 
	float: right;
	text-align: right;
}
.navigation .alignleft a, .navigation .alignright a { 
	text-decoration: none;
	padding: 1px 3px 0 3px;
	margin: 0 -3px;
}
.navigation .alignleft a:hover, .navigation .alignright a:hover { 
	color: #fff;
	background: #000;
}
.navigation .alignleft a span, .navigation .alignright a span { 
	font-family: "Lucida Grande", helvetiva, sans-serif;
}
blockquote { 
	font-family: Georgia, serif;
	font-size: 17px;
	margin: 0 40px 20px 40px;
	font-style: italic;
	border-left: 5px solid;
	margin: 20px 30px;
	padding: 0 10px;
}
blockquote p.reference { 
 	font-family: helvetica, arial, sans-serif;
 	font-size: 12px;
 	font-style: normal;
 	text-align: right;
}
.content p.pureimg { 
 	text-align: center; 
}
.content p.pureimg a:hover { 
 	background: transparent;
 	padding: 0;
 	margin: 0;
}
.wp-smiley { 
 	margin-bottom: -5px;
	margin-top: -5px;
}
#ma14site {
	margin-left: 15px;
}
#blog_content .entry .sociable ul li {
	margin: 0 5px 20px 0;
}

#theme_credits { 
	width: 946px; 
	position: relative; 
	margin: 0 auto;
	color: #aaa;
	font-size: 10px;
	padding-bottom: 20px;
	text-align: center;
}
#theme_credits a, 
#theme_credits a:visited {
	color: #aaa;
	text-decoration: none;
}
ol.comment_list {
	padding-bottom: 1px;
	padding-top: 1px;
}
sup {
	vertical-align: text-top;
}