/*
-----------------------------------------------------------
Theme Name: Sucy Judo (from xMarkTheme 2.5)
URI: http://www.mat2057.info
Description: Blog theme for sucyjudo.fr (Original: Custom blog design by Lisa Sabin-Wilson)
Version: 1.10
Tags: 3 column, fluid, widgets, options page, widget ready, red, grey, gray, black
Author: Mathieu Chouchane (from Lisa Sabin-Wilson)
Author URI: http://blogdesignsolutions.com
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
-----------------------------------------------------------*/

/* PAGE LAYOUT  ---------------------------------- */

body
{
	background:#303030;
	font:72.5% "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0
}

.clear {clear:both; height: 0px;}

#page
{
	background:#303030;
	overflow:hidden
}

#content
{
	text-align:left;
	/*margin:0 30px*/
	min-width:1024px;
	max-width:1300px;
	margin: 0 auto;
        padding: 0px;
}

.container
{
	width:98%;
	float:left;
	background:#FFF url(images/header.png) top left no-repeat;
	border:6px #000 solid;
	text-align:left;
	margin:15px 0 0;
	padding:0 0 10px 0;
}

.banner
{
	background: transparent;
	padding: 0 0 0 300px;
	margin:0;
}
.site_title
{
	display: none;
	font-size:30px;
	overflow:hidden;
	height:35px;
	padding:4px 0 0 25px
}

.description
{
	font-family:italics Georgia;
	visibility:hidden;
	color:white;
	font-size:14pt;
	font-weight:400;
	height:55px;
	overflow:hidden;
	padding:5px 0 0 275px
}

#left
{
	background:transparent;	margin:5px 0 0
}

/* HEADER NAVIGATION  ---------------------------------- */

/*#navSquare
{
	padding-top:20px;
}*/

#navSquare ul
{
	text-align:center;
	background:url(images/bg-navbar.png) repeat-x;
	width:100%;
	list-style:none;
	margin:0;
	padding:10px 0px 10px 0;
}

#navSquare ul li
{
	text-align:left;
	display:inline;
	list-style:none;
	font-size:16px;
	font-weight:700;
	margin: 0;
	padding: 0;
	text-transform:uppercase;
	padding:0 10px 0 0
}

#navSquare a:link, #navSquare a:visited
{
	color:#FFF;
}

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


/* BASIC FORMAT STYLES  --------------------------------- */

a img
{
	border:0
}

abbr,acronym
{
	border-bottom:1px dashed #404040;
	cursor:help
}

em,i{
	font-style:italic
}

hr
{
	color:silver;
	background-color:#FFF;
	margin:0;
	padding:0
}

strong,b,.post dt,.post a:link,.post a:visited
{
	font-weight:700
}

h1,h2,h3,h4,ul,ol,p,form
{
	margin:0;
	padding:0
}

pre
{
       	white-space: pre-wrap; /* css-3 */
       	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
       	white-space: -pre-wrap; /* Opera 4-6 */
       	white-space: -o-pre-wrap; /* Opera 7 */
       	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

code, pre 
{
       	background: #808080;
       	padding: 1px;
       	font-family: "Courier New", Courier, mono;
       	color: #fff;
       	text-decoration: none;
       	text-align: left;
       	margin: 10px;
       	font-size: 1.1em;
       	overflow:hidden;
}
.navigation
{
	margin-bottom:30px;
	clear:both;
	font-size:1.4em
}

.navigation .alignright
{
	background:url(images/arrow.gif) no-repeat;
	padding-left:18px;
	float:right
}

.navigation .alignleft
{
	background:url(images/arrow_left.gif) no-repeat;
	padding-left:18px;
	float:left
}

blockquote
{
	color:#625e5e;
	background:url(images/quote.jpg) no-repeat top left;
	padding-left:30px
}

/* ALIGN CLASSES ------------------------------------- */

img.aligncenter
{
     	display: block;
     	margin: 5px auto;
     	padding: 5px;
     	background: transparent /*#eee*/;
     	border: 1px solid silver;
}

img.alignleft
{
     	float: left;
     	padding: 5px;
     	margin: 0 8px 0 0;
     	background: transparent /*#eee*/;
     	border: 1px solid silver;
}

img.alignright
{
     	float: right;
     	padding: 5px;
     	margin: 0 0 0 8px;
     	background: transparent /*#eee*/;
     	border: 1px solid silver;
}

.aligncenter, div.aligncenter
{
	display:block;
       	margin: 0 auto;
}

.alignleft
{
	float:left;
}

.alignright
{
	float:right;
}

.wp-caption
{
     	border: none;
     	text-align: center;
     	background-color: transparent;

     	padding-top: 4px;
     	margin: 10px;
}

.wp-caption img
{
     	margin: 0;
     	padding: 0;
     	border: 0 none;
}

.wp-caption p.wp-caption-text
{
     	font-size: 11px;
     	line-height: 17px;
     	padding: 0 4px 5px;
     	margin: 0;
     	text-align: center;
}

/* CONTENT STRUCTURE --------------------------------- */

#lside
{
	float:left;
	width:58%;
	background:transparent;
	overflow:hidden;
	margin:35px 0 0
}

#lside2,#rside
{
	float:left;
	background:transparent;
	width:20%;
	overflow:hidden;
	margin:60px 0 0;
	padding:0 2px 0 8px
}

/* BLOG FORMATTING  --------------------------------- */

.newslist
{
	height: auto;
	width:46%;
	padding:5px 10px;
	margin:0 0 5px 0;
}

.pageslist
{
	width:46%;
	padding:5px 10px;
	margin:0 0 5px 0;
	float:right;
}

.header
{
	height:170px;
}

#blogc
{
	padding:25px 0 10px 15px;
}

h2.page-title
{
	margin: 0 0 15px 0;
       	color: #808080;
       	font-style: italic;
}

.main_title
{
	background:#B02700;
	font-size:1.5em;
	color:#fff;
	font-weight:400;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px
}

.date
{
	font-size:1.1em
}

.author
{
	font-size:1.2em
}

.apost
{
	text-align: justify;
       	width: 98%;
       	font-size: 1.2em;
       	margin-bottom: 30px;
}

.post
{
	text-align:justify;
	width:98%;
	font-size:1.2em
}

.post p, .apost p
{
	line-height:1.2em;
	text-align:justify;
	margin:1.2em 0
}

.post img
{
	padding: 5px;
}

.post .attachment img 
{
	padding: 5px;
       	background: #eee;
       	border: 1px solid silver;
}

.post ul
{
	list-style:none;
	margin:0 0 .05em 40px
}

.post ol
{
	margin:0 0 .05em 40px
}

.post ul li
{
	background:url(images/list-item.gif) no-repeat;
	padding-left:18px;
	margin:0 0 .2em
}

.post ol li
{
	background:transparent;
	padding-left:0;
	margin:0 0 .2em
}

.post ul li ul,.post ul li ol,.post ol li ul,.post ol li ol
{
	margin:.5em 0 .5em 30px
}

.post dl
{
	margin:0 0 1.5em
}

.post dd
{
	margin:0 0 1.5em 20px
}

#more
{
	margin-top:-8px;
	background:url(images/more.gif) no-repeat;
	padding-left:18px;
	font-weight:700;
	float:right
}

.blog-meta
{
	background:#FAFAFA;
	color:gray;
	font-size:1.2em;
	text-align:center;
	border-bottom:1px solid #ddd;
	margin-bottom:30px;
	padding:5px
}

/* LISTS  --------------------------------- */
#lside2 li,#rside li{	list-style:none;	margin:0;	padding:0}
#lside2 ul ul,#rside ul ul
{	list-style:none;	color:#000;	background:#f2f2f2;	margin:0 0 10px}
#lside2 ul ul li,#rside ul ul li{	font-size:1.1em;	border-bottom:1px solid silver;	background:transparent;	padding:0 0 0 5px}

#lside2 ul ul li a:hover,#rside ul ul li a:hover{	color:#fff;	background:#B02700;	text-decoration:none}
#lside2 ul ul ul li,#rside ul ul ul li{	font-size:1em;	border:none;	display:block;	margin:0;	padding:0 0 0 10px}

#lside2 .widgettitle a,#lside2 .widgettitle a:visited,#rside .widgettitle a:link,#rside .widgettitle a:visited
{
	color:#FFF
}

#flickrrss .widgettitle
{
	text-align: left;
}


.widget_rss a img, .widget_rss a:visited img{margin-top: 2px;}.textwidget, li#search{	background:#f2f2f2;	border-bottom:1px solid silver;	margin:0 0 10px 0;	padding:5px}
.textwidget p{	line-height:1.2em;	padding:5px}

#lside2 h2, #rside h2
{
	background:url(images/bg-navbar.png) repeat-x/*#404040*/;
	color:#FFF;
	font-size:1.2em;
	text-transform:uppercase;
	border-bottom:1px #000 solid;
	margin:0;
	padding:0 0 0 5px
}
#lside2 li.widget_tag_cloud,#rside li.widget_tag_cloud,#lside2 li.widget_akismet,#rside li.widget_akismet{	background:#f2f2f2;	border-bottom:1px solid silver;	margin:0 0 10px;	padding:5px}

/* COMMENT STYLES  --------------------------------- */
.commentlist blockquote{	margin-right:50px;	background:#FFF url(images/quote.jpg) top left no-repeat;	border:1px solid #404040;	padding:5px}
ul.commentlist{	list-style:none;	margin:0 10px;}
ul.commentlist li {	background: #fafafa url(images/commentb.jpg) bottom right no-repeat; 	color:#000; padding: 0 0 17px 0;}
.commentlist li {margin-bottom: 20px;}
ul.commentlist li p{	line-height:1.5em;	font-size:1em;	margin:0;	padding:6px}
ul.commentlist li.alt {	background: #EBEBEB url(images/commenta.jpg) bottom right no-repeat; 	color:#000; padding: 0 0 15px 0;}
ul.commentlist li.alt p{	line-height:1.5em;	font-size:1em;	margin:0;	padding:6px}
.commentlist cite {padding: 7px; display:block; border-bottom:1px solid #808080; height: 40px;}	
.commentlist cite img {padding:1px; border:1px solid silver; float:left; margin: 0 10px 0 0; height: 35px; width: 35px;}
.commentlist .author {font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;}
.commentlist .time {background: url(images/clock.gif) no-repeat 1px; padding: 2px 0 0 20px;}
#comments{	position:relative;	width:324px;	height:97px;	background:url(images/discussion.jpg) 0 100% no-repeat;	padding-top:40px;	margin-bottom:5px}

#comments .number{        position:absolute;	top:42px;	left:122px;	width:55px;	text-align:center;	color:#fff;	font-size:28px;	font-weight:700}
.cmeta{        margin: 5px 10px;	font-size:10pt}
.comment_form{        margin: 10px;        border: 2px solid #404040;	background:url(images/comment_formbg.jpg) top left no-repeat;	color:#000;	float:left;	font-size:1.2em;	padding:35px 0 0 10px}
.commentnumber{	font:italic 'Times New Roman', Times, serif;	margin-top:-28px;	float:right;	color:gray;	font-size:28pt;	padding:0 5px 0 0}
/* FORM STYLES  --------------------------------- */
#searchformh{	float:right;	margin:0;	padding:0}
#s{	border:1px solid #404040;	background:#fff;	color:#000;	width:200px}
#button{	border:0;	background:transparent;	height:16px;	width:16px;	margin-top:5px}
#archive_b{	border:1px solid #000;	background:#fff;	color:#000;	margin-top:5px;	width:60px}
input{	border:1px solid #000;	background:#fff;	color:#000;}.comment_form input {width: 200px; margin: 2px 0;}
textarea{	border:1px solid #000;	background:#fff;	color:#000;	width:95%;        margin: 5px 0;}
#submit {margin: 5px 0;}
/* ASIDES  --------------------------------- */

.asides{	background:#f8f6f7 url(images/aside.jpg) no-repeat;	width:95%;	font-size:1em;	border-bottom:1px solid #cfcdce;	margin:10px;	padding:15px 8px 5px}

/* TAGS --------------------------------- */
.tags a{	font-size:70%;	color:silver;	text-decoration:none}

/* CALENDAR --------------------------------- */
#wp-calendar{	empty-cells:show;	color:gray;	width:98%;	margin:0}
#wp-calendar #next a{	padding-right:10px;	text-align:right}
#wp-calendar #prev a{	padding-left:10px;	text-align:left}
#wp-calendar a{	font-weight:700;	display:block;	text-decoration:none}
#wp-calendar a:hover{	color:red;	font-weight:700;	background:#eee;	text-decoration:none;	border:none}
#wp-calendar td{	color:#404040;	letter-spacing:normal;	text-align:center;	padding:1px 0}
#wp-calendar td.pad:hover{	color:#4b572b;	background:#eee;	text-decoration:none;	border:none}
#wp-calendar #today{	background:#eee;	color:#000}
#wp-calendar th{	font-style:normal;	text-transform:capitalize}
/* RELATED POSTS  --------------------------------- */
.related{	font-size:10pt; margin: 0 15px;	background:#eee;	border-left:2px gray solid;	padding:10px}
.related ul{	margin:8px; list-style:none;}.related ul ul li{	list-style:none;	background:url(images/bullet.gif) no-repeat 0 50%;	padding-left:18px}
/* FLICKR RSS  --------------------------------- */
li.widget_flickrRSS{	text-align:center}li.widget_flickrRSS a img{	border:1px solid silver;	margin:5px;	padding:3px}
li.widget_flickrRSS a:hover img{	background:#900101}
/* ARCHIVES PAGE  --------------------------------- */
.postspermonth{	list-style:none;	padding-left:25px;	margin:5px 0 10px}

/* FOOTER -------------------------------------------- */
#footer{	float:left;	width:100%;	color:silver;	font-size:1.4em;	border-top:1px #000 solid;	border-bottom:1px #000 solid;	background:#625e5e;	text-align:center;	margin:15px 0 10px;	padding:2px}

#footer a,#footer a:visited,#footer a:active
{
	color:silver;
	text-decoration:none
}

li.alt .comment_top a:hover,#footer a:hover
{
	color:#000;
	text-decoration:none
}

a:link,a:visited,#lside2 a:link,#lside2 a:visited,#lside2 a:active,#rside a:link,#rside a:visited,#rside a:active,li.alt .comment_top a,.comment_form a,.comment_form a:active,.comment_form a:visited{	color:#B02700;	text-decoration:none}
a:hover,#lside2 a:hover,#rside a:hover,.blog-meta a:hover,.commentlist a:hover{	color:#000;	text-decoration:underline}

.site_title a:link,.site_title a:visited,.main_title a,.main_title a:visited{	color:#FFF;	text-decoration:none}
.main_title a:hover,.comment_form a:hover{	color:#FFF;	text-decoration:underline}


.blog-meta a:link,.blog-meta a:visited,.blog-meta a:active,.commentlist a{	color:#B02700;	font-weight:700;	text-decoration:none}
.commentlist a:visited,.comment_top a,.comment_top a:visited,li.alt .comment_top a:visited{	color:#B02700}