/*  
Theme Name: titre à trouver (TaT)
Theme URI: http://grima.asocial.org/blog/
Description: Theme based on design from www.thoughtmechanics.com.
Version: 0.1
Author: Geuten Edouard
Author URI: http://www.grima.be/
*/

body,td { 
	font-family: Georgia, "Times New Roman", serif; 
	color: #555; 
	font-size: 0.8em !important; 
	line-height: 1.3em !important; 
	font-size:0.7em;
	line-height: 1.4em;
	margin:0; 
	padding:0;
	background: #fff;
}

#header {
	margin:0px;
	text-align: left;
	margin-top: -20px;
	padding:0px; 
	padding-top: 30px;
	color: #fff; 
	height:105px; 
	background: #000 url('images/mtop.jpg') repeat-x bottom left;
}


#header ul {
	margin: 0;
	padding: 0;
}

#header li {
	margin: -12px 0 0 0;
	padding:0;
	list-style-type: none;
	float:right;
}

#header li a {
	display:block;
	width: 36px;
	height: 40px;
	margin: 0 0 0 0;
	background-image:url(images/head/smallg-grey.png);
	background-repeat:no-repeat;
	text-decoration:none;
	padding:0;
	border: 3px red;
}

#header li a.top-orange:hover {
	background-image: url(images/head/smallg-orange.png);
}

#header li a.top-red:hover {
	background-image: url(images/head/smallg-red.png);
}

#header li a.top-green:hover {
	background-image: url(images/head/smallg-green.png);
}

#header li a.top-blue:hover {
	background-image: url(images/head/smallg-blue.png);
}

#header li a.top-purple:hover {
	background-image: url(images/head/smallg-purple.png);
}

#header li a span {display: none;}

#header a:hover span
{
	display: block;
	color: #F00;
	position: relative;
	top: 12px;
	left: -200px;
}


#headerimg { 
	height: 100px; 
	margin:10px;
        padding:30px;
	margin-left: 30px;
	background: url('images/logo.png') no-repeat; 
}

#headerimg a {
	margin-left: 60px;
}

#footer {
	color: #fff; 
	background: #000 url('images/mbot.jpg') repeat-x top left;
}

#content {
	margin: 0 auto;
	text-align: left;
	width: 870px !important;
	display: inline-block;
}

#container {
	width: 100%;
	text-align: center;
	margin: 0 auto; 
	margin-top:0px;
	background: #fff;
}

#navigation {
	float: right;
	width: 23% !important;
	margin-right: 2% !important; 
	margin-bottom: 20px; 
	width: 23%; 
	margin-right: 1%;
} 

#navinside { padding-top:0px; }

#wrapper {
	float:left;
	width:75% !important;
	width:74%;
	text-align: justify;
}

#main-content {
	float: left;
	width:58%;
	margin-left:2% !important;
	font-size:1.1em;
	margin-left:1%;
}

#main-content-page {
	float: left;
	width: 90% !important;
	margin-left: 2% !important;
	font-size: 1.1em;
	width: 89%;
	margin-left: 1%;
}

#single-content {
	float:left;
	width:64% !important;
	margin-left:2% !important;
	font-size:1.1em;
	width:63%;
	margin-left:1%;
}

#maininside { padding-top:20px; }

#sub-content { float:right; width:40% !important; width:37%;}

#singlesub-content { float:right; width:33% !important; width: 30%;}

#singlesub-content li {border-bottom: 1px solid #ccc;}

a {
	color:#771;
	text-decoration:none;
}

a:hover { color:#aa6; }

#navigation ul {
	padding:0px;
	margin:0px;
}

#navigation li {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	background-image: url('images/bullet.gif');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 25px;
}

ul {
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
	list-style-type: none;
}

li {
	padding: 5px;
	background-image: url('images/bullet.gif');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 25px;
}


h2.entrytitle a { text-decoration:none; }

.entry { margin-bottom:40px; }

code{ 
	font-family: 'lucida console', 'Courier New', monospace;
	display:block; font-size: 12px;
	text-align:left;
	padding:5px;
	padding-top: 0px;
	border: 1px solid #d2d8d1;
	color: #474E44;
}

html, body {
	height: 100%;
}

#single {
	margin:0px;
	padding:0px;
}

h3, h2 { font-size:1.1em; }

.section, h4 {
	text-decoration: underline;
	font-weight: normal;
	font-size: 1em;
}

.pullquoter {
	float: right;
	width: 200px;
	margin: 10px 5px 10px 5px;
	padding: 5px; font: 18px/22px georgia, palatino, serif; color: #333;
	text-align: center;
}

.pullquotel {
	float: left;

	width: 200px;
	margin: 10px 5px 10px 5px;
	padding: 5px;
	font: 18px/22px georgia, palatino, serif;
	color: #333;
	text-align: center;
} 

.pullquote {
	margin: 10px 0px 10px 0px;
	font: 18px/22px georgia, palatino, serif;
	color: #fff;
	text-align: left;
}

blockquote { 
	color: #666;
	background-color: #f0f0f0;
	padding: 10px;
	font-family: georgia, sans-serif;
	font-size: 0.9em;
	line-height:1.4em;
	background-image: url('images/closequote.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

blockquote p:first-letter {
	background: url('images/openquote.gif') no-repeat left top !important;
	padding: 5px 2px 20px 45px !important;
	line-height: 2em;
}

.quoteright {
	text-align: right;
	padding-bottom: 25px;
}


#single img { max-width:430px; }

#botcontent {
	margin:0 auto;
	text-align:left;
	width:760px;
	padding:1em;
}

#botcontent ul {
	margin-left:0px;
	padding-left:0px;
}

#botcontent ul, li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#botcontent li { background: #000; }

#botcontent a { color: #774 }

#botcontent a:hover { color:#aa6; }

#footerwrap {
	width:500px;
	float:left;
	margin-right:20px;
	margin-top:0px !important;
	margin-top:10px;
}

#credits {
	float:right;
	width:240px;
	margin-top:10px !important;
	margin-top:10px;
}

#recentcomments {
	float:left;
	width:240px;
	margin-right:20px;
}

#recentcomments h2 {font-size: 1.2em;}

#recentposts {
	float:right;
	width:240px;
}

#recentposts h2 {font-size: 1.2em;}

input { border: 1px solid #ccc; }

textarea { border: 1px solid #ccc; }

#commentform textarea { width:100%; }

.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	text-align:right;
	clear:both;
	float:left;
	display:inline;
	padding:4px;
	margin: 5px 0;
}

.contactright {
	width:80%;
	text-align:left;
	float:right;
	display:inline;
	padding:4px;
	margin: 5px 0;
}

.contacterror { border: 1px solid #ff0000; } 

#archives { font-size:1em; }

#archives li { background:#fff; }

.commentsblock { margin:0em; padding:0em; margin-top: 70px;}

.commentsblock textarea { width:35em; }

.commentsblock input, .commentsblock textarea{ border:1px solid #d1d1d1; }

.commentsblock textarea:focus {
	background:#eee;
	border:1px solid #a1a1a1;
}

.commentsblock textarea:focus, .commentsblock input:focus {
	background:#eee;
	border:1px solid #a1a1a1;
}

.commentauthor { display:block; font-size:1.5em; }

ol.commentlist {
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}

.commentlist li {
	margin-bottom:0.5em;
	padding:0.5em 1em;
	background-image: none;
	list-style-type:none;
}

.alt {
	border:1px dotted #d1d1d1;
	padding:0.5em;
	background: #dbddcb;
}

h3#comments { font-size:1em; }

h3#respond {font-size:1em;}

#maininside ol {
	color:#777;
	list-style-type: decimal;
	margin-left:25px;
	margin-top:1.5em;
	padding:2px;
}

#maininside ol,li {
	background: transparent;
	list-style-type:decimal;
	margin-bottom:5px;
}

#maininside ul li {
	list-style-type: none;
}

#navinside li { list-style-type:none; }

#recentcomments li { list-style-type:none; }

.imgintext
{
	float: right;
}

.imgintext img
{
	margin-bottom: 20px;
	margin-left: 20px;
	border: none;
}

.center
{
	text-align: center;
}