﻿/*
Theme Name: Blogmotion
Theme URI: http://blogmotion.fr
Description: Thème officiel de Blogmotion.fr, ex. "mr xhark"
Version: 1.0.2
Author: <a href="http://blogmotion.fr/">Mr Xhark</a>
Author URI: http://blogmotion.fr/
License: Creative Commons
LicenceURI: http://creativecommons.org/licenses/by-nc-sa/2.0/fr/
*/

/*** GENERAL TAGS ***/

body { margin: 0px; padding: 0px; background: #7ed3e5 url(images/bg.png) repeat-x top; font-family: 'Verdana','Arial','Trebuchet MS',sans-serif; font-size: 12px; color: #576064; }
h1,h2,h3,h4,h5 { font-weight: normal; margin: 0px; }
a, a:link, a:active { color: #0685BB; text-decoration: none; }

.postcontent h2 { color:#017d9d; margin: 0px 0px 2px; border-bottom: 1px dotted #CCCCCC; letter-spacing: -1px; font: normal 190%/100% 'Century Gothic','Trebuchet MS','Arial','Verdana',sans-serif; padding-bottom: 3px; }
.postcontent h2 a, .postcontent  h2 a:visited { color:#017d9d; text-decoration: none; }
.postcontent h2 a:hover { color:#f90027; text-decoration: none; }
.postcontent h3 { font: normal 140%/100% 'Century Gothic','Trebuchet MS','Arial','Verdana',sans-serif; color: #31b4d7; margin: 25px 0px 5px; font-weight:bold; text-shadow:-1px 1px 1px #ccc}
.postcontent h4 {font: normal 125%/100% 'Century Gothic','Trebuchet MS','Arial','Verdana',sans-serif; color: #07577f; margin: 10px 0px 5px; font-weight:bold; }
.postcontent PRE { width:580px; white-space: pre-wrap;}

#container { width: 960px; margin: 0 auto 0 auto; }

.clear { display: block; clear: both; }

/*** PRE-HEADER ***/
#barreduhaut { height:30px; margin-top:5px; padding:7px 0 0 40px; font-size:11px; color:#fff; background: url(images/rss.png) no-repeat left top; float:left; }
#barreduhaut a { color:#c4ed4a; }

/*** SEARCH ***/
.searchbox { width: 250px; height:22px; float: right; margin-top:7px; text-align:right; }
.searchbox input { border:0; }
.searchtext { 
	width: 174px;
	height:22px;
	line-height: 0;
	margin-right: 0 -4px 0 0;
	font: normal 12px Arial;
	color: #0b88c6;
	padding:0px 0 0 22px;
	background: transparent url(images/search-text.gif) no-repeat;
}
.searchsubmit { 	width: 35px; height: 22px; vertical-align: top;	background: transparent url(images/search-submit.gif) no-repeat;
}


/*** HEADER ***/
#header {  }
h1#blogtitle  a{ width: 600px; height: 60px; display:block; float: left; background: url(images/header.png) no-repeat left bottom; padding: 0 0 0 0; text-indent:-9999px; border:none;}
h2#headertext a{ width: 240px; height: 30px; display:block; float: right; background: url(images/header-text.png) no-repeat right top; margin-top: 15px; text-indent:-9999px; border:none;}

#barreduhaut .anniversaire { font-weight:bold; color:#ff00e2; }
#barreduhaut .anniversaire a { font-weight:bold; color:#ff00e2;}

/**** MENU ****/

.spacer { height: 2px; }
ul#navtabs { height: 22px; list-style: none; margin:0; margin-top:15px; padding: 0px;   font-size: 11px; font-weight: bold; text-transform: uppercase; }
ul#navtabs li { float: left; padding: 5px 0 5px 10px; margin-right:5px; } 
ul#navtabs li a {  padding: 5px 10px 5px 0; } 
ul#navtabs li a:hover { color:#fff; background: url("images/navlist-hover2.png") no-repeat 52% bottom transparent; }
ul#navtabs li.current_page_item { background: #fff url(images/tableft.png) no-repeat left top; } 
ul#navtabs li.current_page_item a { background: url(images/tabright.png) no-repeat right top; color: #058DAA; }

.RSS { text-indent: -9999px; margin-top: 10px; float: right; width: 163px; height: 17px; background: url(images/rss.jpg); display: block; }

/*** CONTENT ***/
.content { background: #ffffff url(images/sidebarbg.png) repeat-y right; }
.in { margin:15px; margin-top: 0px; margin-bottom:0px; }

span#edito { font-size:11px; text-align:justify; }

.leftcontent { width: 630px; float: left; padding-top: 10px; }
.leftcontent .in { width: 600px; }
.leftcontent .in ul { margin: 0 0 0 30px; padding: 0; list-style-image: url(images/arrow_right.gif); text-align:justify; list-style-type: square; }
.leftcontent .in ul li { margin: 8px 0 8px 0px; padding: 0 0 0 5px; list-style-position: outside;}

.navigation { display: block; background: #E7F8FF; border-left: solid 2px #CCDDE4; padding: 6px; height:15px; text-align:center; }

.roundedright { margin-bottom: -7px; float:right; }

#social-links { text-align:center; }
#social-links img { border:none; }

PRE { background-color:#effbff; border:#ccc 1px solid; padding: 3px; margin-left:10px; }

/*** ARTICLES ***/
/* +100px sur .post-title */

.article { margin-bottom: 30px; }
.date { padding-left: 20px; font-size: 15px; font-weight: bold; display: block; font-family: 'Arial','Trebuchet MS','Verdana'; color: #A8B4B9; background: url(images/cal.jpg) no-repeat center left; }
/* date : à supprimer */
.article h2 { font-size: 22px; font-family: 'Ubuntu',Georgia,Geneva,'Lucida Grande',Calibri,'Century Gothic','Trebuchet MS','Arial','Verdana',sans-serif; letter-spacing:-1px; border-bottom: 1px dotted #ccc; text-shadow:-1px 1px 1px #ccc;}
.article h2 a { color: #009fdf; margin: 2px 0 2px 0;  }
.article h2 a:hover { color:#00abef; }
.article .meta { font-size: 11px; display: block; color: #BF835F; padding-top: 5px; line-height: 16px; }
.article .meta a { color: #C66128; }

.article .meta .cat-icon  { float:left; padding-left: 18px; background: url(images/cat.png) no-repeat center left; }
.article .tag-icon  { float:left; padding:5px 0px 5px 18px; background: url(images/tag.png) no-repeat center left; font-size:11px; }

.postcontent { line-height: 18px; margin-top: 10px; }
.postcontent  p{ text-align:justify; font-family:'Lucida Grande',Verdana,'Lucida Sans Regular','Lucida Sans Unicode','Arial','sans-serif'; font-size:13px; }
.postcontent  a{ /*border-bottom:1px dotted #ccc;*/ }

.postcontent .more-link { display:block; margin-top:10px; font-weight:bold; }
.postcontent .more-link:hover{ color:#fff; background:#0685bb;padding: 2px 5px; }

.post-date { float:right; width: 45px; height: 49px; background: url(images/date-bg.gif) no-repeat; font-family: 'Century Gothic','Trebuchet MS','Arial','Verdana',sans-serif; }
.post-title { float:left; margin-left: 0px; width:540px; }

.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 16px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 16px;
	padding-top: 3px;
	margin-left: -3px;
}

.post-year {
	font-size: 10px;
	color: #999999; 
	text-align: center;
	display:block;
	line-height: 10px;
	padding-top: 0px;
	margin-left: -3px;
}

.postdessous {
	display:inline-block;
	width:590px;
	background-color:#e7f8ff;
	padding:5px;
	border:1px solid #ccc;
	margin:5px 0 5px 0;
}

.searchresult {
margin-bottom:20px;
border-bottom:1px dotted #CCCCCC;
font-size:190%;
}

/*** INFO AUTEUR ***/
#auteur_info {
	width:590px;
	background: #e8e8e8 url(images/bg_auteur_info.gif) top left repeat-x;
	border: 1px solid #c5c5c5;
	padding: 5px 10px;
	color: #555555;
}

#auteur_info .avatar {
	float: left;
	margin: 3px 20px 10px 0;
}

#auteur_info p {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	}

#auteur_nom {
	font-size: 16px;
	font-weight: bold;
	color: #555;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#auteur_nom span{
	color: #38b1c6;
}
/*** SIDEBAR **/
#sidebar { width: 329px; float: right;  padding-top: 2px;}
#sidebar h2#cat { padding-left: 20px; background: url(images/cat.jpg) no-repeat center left; }
#sidebar h2#arh { padding-left: 20px; background: url(images/cal.jpg) no-repeat center left; }

#sidebar .leftsidebar { width: 130px; float: left; }
#sidebar .leftsidebar .in { width: 110px; margin-left:3px; }
#sidebar .leftsidebar .in h2 { width:120px; font-size:10px; font-weight:bold; color: #116b8f; padding-bottom:5px }
#sidebar .leftsidebar .in ul { margin:0; padding: 0 0 0 5px; list-style-type: none;  }
#sidebar .leftsidebar .in li { font-size: 10px; }

#sidebar .rightsidebar { width: 180px; float: left; padding-left: 5px;}
/* 	titre du widget */
#sidebar .rightsidebar .widget { margin-bottom: 15px; }
#sidebar .rightsidebar .widget h2 { color:#116b8f; padding-bottom: 2px; margin-bottom: 2px; font-size:14px; font-weight:bold; background:transparent url(images/widgetbgpoint.gif) repeat-x scroll left bottom}
/* 	corps du widget */
#sidebar .rightsidebar ul { padding: 0px; margin: 0px;}
#sidebar .rightsidebar li { padding-left: 10px; margin: 0px; list-style-type: none; background: url(images/puce.png) no-repeat left top;}
#sidebar .rightsidebar li a { color:#0685bb; font-size: 11px; }
#sidebar .rightsidebar li a:visited { color:#7a8fa4; }
#sidebar .rightsidebar li a:hover { color:#244c5d;}
#sidebar .rightsidebar .in { width: 165px; margin: 5px 10px 15px 5px; }

#partenaires a { margin-bottom:5px;}
#partenaires img { border:1px solid #ccc; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; }
#partenaires a img:hover { filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; }
/* moins de transparence */
IMG.partenaires_low_opac { border:1px solid #ccc; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75 !important; }
IMG.partenaires_low_opac:hover { filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0 !important; }
IMG.noborder { border:none !important; }

div.cclicense { display:block; margin:10px 0 10px 0; text-align: center; width: 120px; }
.cat-item { font-size: 11px; }

.sociable_tagline ul .sociable_tagline ul li { inherit:none; }

/*** Comments h2 ***/
.comments { /*border-top: solid 1px #CEDDE4*/; padding-top: 10px; margin-top: 5px;}
.comments h2 { margin-bottom: 15px; }
.commentlist small { margin-bottom: 5px; display: block; font-size: 87%; }
.comment { display: block; padding: 10px; }
.alt { background: #E7F8FF; border:1px solid #ccdde4 }
.comment-meta { color: #92A8B1; border-bottom: solid 1px #CCE3EB; padding-bottom: 4px; }
.comment-meta span { font-size: 13px; }
.comment-meta small { font-size: 11px; }

.commentform { background: #7ed3e5; display: block; padding: 10px; margin-top: 10px; border:1px solid #ccc; }
.commentform p { margin:3px 0 3px 0; }
.commentform span { font-size: 13px; display: block; color: #fff; margin-bottom: 4px; }
.commentform .input { width:300px; background:#e1eff5; }

.commentform input, .commentform textarea { width: 500px; background: #ffffff; border: #ffffff; padding: 4px;}
.commentform textarea:focus, .commentform input[type="text"]:focus { background: #ffffff; }
.commentform input.subscribe_button{ width: 153px; height: 33px; background: url(images/comment-off.png); display: block; text-indent: -9999px; }
.commentform input.subscribe_button:hover { background: url(images/comment-on.png); }

.mini-add-comment {	background: url(images/mini-comments.gif) no-repeat; padding-left: 18px; float: right; }

/*** FOOTER ***/
.footer p { font-size: 13px; color: #014B68; margin: 10px 0px 35px 0px;}
.footer span { font-weight: bold; }
.footer a { color: #088CBF; background: #A7E8F5; }
.footer1, .footer2 { text-align: center; font-size: 11px; }
.footer1 a, .footer2 a{ background: none; color: #fff; }
.footer1 { margin: 0 auto; width: 500px; padding: 8px 0; border-bottom: 1px #626262 solid; }
.footer1 a{ margin: 0 10px; }
.footer2 { padding: 8px 0; }
a.footer_rss { background: url(images/icons/rss.gif) left center no-repeat; padding-left: 17px; }
a.footer_rss_comm { background: url(images/icons/comm.gif) left center no-repeat; padding-left: 15px; }
a.footer_wp { background: url(images/icons/w.gif) left center no-repeat; padding-left: 15px; }
a.footer_login { background: url(images/icons/user.gif) left center no-repeat; padding-left: 16px; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/* wikio widget */
#wikio_widget_light_1 .content { background:#fff;}
#wikio_widget_light_1 .content ul.backlinks li:hover { background:none; border:none; }
#wikio_widget_light_1 .content ul.backlinks li {padding:0px; line-height:10px; }
#wikio_widget_light_1 .footer a { font-size:6px; }
.wikiopowered, .wikiopowered a { background:none; }
/* wikio widget */

/* sexy bookmarks */
.sexy-bookmarks {
padding-bottom:10px;
margin-left:52px !important; 
}

/* retweet button */
.rtbutton { margin:15px 0 15px 0; }

/* wp-pagenavi, pagination */
.wp-pagenavi { clear:both; }
.wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #7ed3e5; color: #0685bb; }
.wp-pagenavi a:hover { border: 1px solid #000000; color: #000000; background-color: #FFFFFF; }
.wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc;	background-color: #FFFFFF; }
.wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #7ed3e5; background-color: #e7f8ff; }
.wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #7ed3e5; color: #0a84af; background-color: #FFFFFF; }
.wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #7ed3e5;	color: #0066cc;	background-color: #e7f8ff; }
