/*  
Theme Name: Spinjutsu
Theme URI: http://www.spinjutsu.com/
Description: Le theme de Spinjutsu.
Version: 1.0
Author: Camille Gerard-Hirne
Author URI: http://www.camille-gh.fr/
Tags: light, fixed width, three columns, widgets, right sidebar
Align classes: .aligncenter
*/


.myicons {
float:left;
padding:0px 8px 0px 0px;
margin-bottom:-4px;
margin-top:-10px;
margin-right:6px;
margin-left:-10px;
border-style:none;
border:none;
}

* {
margin:0;
padding:0;
}

body {
font : 0.8em Georgia, "Times New Roman", Times, serif;
line-height : 1.5em;
color : #888;
/*
background:url(images/fondcarre.jpg) repeat;
*/
background-color:#FFF;
}

p {
color : #333;
}

a {
color : #2766B6;
text-decoration:none;
}

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

#topbar h1 {
visibility : hidden;
}

img { border : 0 }


ul , ol{
margin-left: 20px; 
padding-left : 10px;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

#page {  
margin:0 auto;
width: 980px;
}

#content {
margin: 0;
width: 980px;
}

#topbar {
float:left;
height: 140px;
width: 980px;
color: #eee;
background:url(images/headersearch.png) no-repeat;
}

#topbar .lefthd { float:left; }
#topbar .lefthd .date { margin-left:15px; margin-top:3px; font: normal 1em Verdana, Arial, Helvetica, sans-serif; }

#topbar .righthd { width:550px; height:100px; float:right; }

#search_box { margin-bottom:22px; margin-right:20px; float:right;} 

#searchfield {
	float:left;
	width: 200px;	
	font: 12px Georgia, "Times New Roman", Times, serif;
	border: 0px;
	height:15px; 
	line-height:14px; 
	background:none;
}

#searchbt {
float:right;
}

.menu {
float:right;
height:40px;
width: 372px;
padding-top: 17px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:normal;
text-align: center;
}


.menu a {
color: #000;
margin:0 auto;
width: 93px;
display:block;
}

.menu a:hover, .current_page_item  a{
color: #ccc;
}

.current_page_item a:hover { border:none;}

.menu ul {
list-style : none;
padding : 0;
margin : 0;
}

.menu li {
float : left;
margin : 0;
display: inline;
}


#left_side {
width : 595px;
float: left;
margin-bottom : 40px;
}

.entry .more-link  {
display:block;
font : normal 1em Georgia, "Times New Roman", Times, serif;
color:#2766b6;
float:right;
margin-top:10px;
padding:5px;
background-color:#f2f2f2;
border:1px solid #CCC;
}

.entry {
display:block;
float:left;
margin-top:10px;
margin-bottom:40px;
overflow:hidden;
width:555px;
}


#left_side a p { color : #2766b6; }

#left_side h2 {
margin-top:15px;
font : normal 20px Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
color: #333;
}

#left_side h2 a { margin-top:15px;color: #333; text-decoration:none; }

#left_side p {
font-family : Georgia, "Times New Roman", Times, serif;
padding : 0;
text-align : justify;
line-height:22px;
font-size:15px;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

#left_side img {
padding: 7px;
}
#left_side blockquote {
padding-left : 10px;
border-left : 3px solid #bbb;
color:#bbb;
margin : 10px 0 10px 25px;
}


#tweet {
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;
border-radius: 8px;
float: left;
height:90px;
width:565px;
padding: 0 15px;
font : bold 1.1em Verdana, Arial, Helvetica, sans-serif;
color: #fff;
list-style-type: none;
background-color:#3a3a3a;
margin-bottom: 12px;
}

#twitterlogo {
display:block;
margin-top:10px;
float:right;
}

#tweet ul {
width:500px;
margin:0;
padding:0;
list-style: none;
float:left;
margin-top:15px;
}

#tweet .twitterStatus a {
color: #29ABE2;
}

#tweet .twitterTime {
font : normal 0.6em Verdana, Arial, Helvetica, sans-serif;
text-align : right; 
float: right;
margin-top: 20px;
}

#rulespindigital{
float: left;
height: 7px;
padding-left : 7px;
width: 575px;
margin:0 7px;
background:url(images/rules.png) repeat-x;
}

#mpart {
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;
border-radius: 8px; 
padding: 0 20px;
width: 555px;
float: left;
background-color: #fff;
border : 1px solid #cccccc;
}

#mpart .info {
font-family : Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding-left : 2px;
margin-top :  8px;
margin-bottom : 20px;
color : #999;
text-align:left;
}

#mpart .info a { color:#999; text-decoration:none; }
#mpart .info a:hover { color:#000; }

.author { font: 1em Georgia, "Times New Roman", Times, serif; color: #000000; text-transform:lowercase; }
#mpart .info .author a{ color: #2766B6; text-decoration: underline; }
.comments { background: url(images/comments.png) left center no-repeat; padding: 0 10px 0 20px; font : 0.9em Verdana, Arial, Helvetica, sans-serif; }
.time { /*background: url(images/permalink.png) left center no-repeat;*/ display:block; font-size:0.9em; color: #990000; padding-left: 2px; margin-top:5px;}
.category { background: url(images/categories.png) left center no-repeat; padding: 0 10px 0 20px; font : 0.9em Verdana, Arial, Helvetica, sans-serif; }
.navigation  { font : bold 0.9em Verdana, Arial, Helvetica, sans-serif; color:#000; margin-top:20px; }

/*
.post-categories {
display:inline;
list-style-type:none;
float:left;
}

.post-categories  li {
float:left;
}
*/

#right_side {
float:left;
width : 385px;
color:#888;
}

#right_side .ls {
	float: left;
	width:192px;
	}

#right_side .rs {
	margin-top:-165px;
	float: right;
	width: 192px;
}

#right_side  ul {
padding-left : 5px;
}

.widgets { 

}

.widgets a{ 
margin:0;
padding:0;
}

#right_side  li  {
line-height : 20px;
list-style : none;
}
#right_side  li a{
color: #2766b6;
text-decoration:none;
}

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

#right_side h3 {
border-top : 1px solid #999;
border-bottom : 1px solid #999;
color : #333;
font : bold 1em Verdana, Arial, Helvetica, sans-serif;
width : 90%;
line-height:28px; 
margin-bottom: 12px;
margin-top: 15px;
padding-left:20px;
margin-left: 2px;
}

#blocate{
width:100%;
padding-left:10px;
}


#right_side .cate {
display:block;
width:195px;
margin-top: 10px;
margin-bottom:30px;
float:left;
}

#right_side .cate img{
margin-top: 7px;
}

#commentlist {
padding: 10px 0;
}
#commentlist img { float:left; }
#commentlist li { clear:both; list-style-type:none; margin-bottom: 10px; }

.comment { padding: 10px 8px; }
.comment strong { text-align:left; }
#comment {
width :100%;
}
#comments {
color:#2766B6;
}
.alt { color:#999; }

.alt .commentdata { color:#999;}

#footer {
width : 970px;
padding : 30px 0;
color : #333;
line-height : 1em;
font-size:small;
clear:both;
/*background:#000 url(images/line.jpg);
*/
}

#footer .right {
float : right;
}
#footer .left {
float : left;
}
#footer a {
text-decoration : none;
color:#888;
}
#footer a:hover {
text-decoration : none;
color:#000;
}

form { margin:5px;}
input.text { border: 1px solid #ccc; padding: 2px 5px; font:12px Georgia, "Times New Roman", Times, serif;}
.input1 { background-color:#fff; border:1px solid #999; font:12px Georgia, "Times New Roman", Times, serif;}
.button { background-color:#fff; border:1px solid #999; font:12px Georgia, "Times New Roman", Times, serif;}

/*.right_side .ls .widgets h3 { display :none; }*/
.widget_sp_image-image-link { padding-left: 20px; }
.widget_sp_image-description { padding-left: 20px; }