/*  

Theme Name: Isolated

Theme URI: http://www.ensellitis.com/

Description: Isolation, a dark yet semi colorful theme utilizing MooTool's accordian.  Utilizes GD Image for horizonal titles, which can be disables with option page.  Licensed under the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>. Traduction <a href="http://www.niss.fr">(niss.fr)</a>.

Version: Build 0.8

Author: Chris "Ensellitis" Ensell

Author URI: http://www.ensellitis.com/

*/



/*---------------------------------------->>>>Main Styles<<<<-----------------------------------------*/

html, body {

margin:0;

padding:0;

background: #fff;

font-family: verdana,arial,helvetica,sans-serif;

font-size: 14px;

}



a {

	color: #9C0B53;

	font-weight: 900;

}



a img {

	/*color: transparent;*/
	border:none;

}



a:hover {

	color: #9C0B53;

	text-decoration: underline;

}

h1, h2, h3{

font-family:georgia,garamond,times new roman;

}



#barre{

border:#fc2 1px;

}





/*---------------------------------------->>>>Header<<<<-----------------------------------------*/

#wrapper {

width:995px;

margin: 0 auto;

padding: 0px;

}



#header {

height:170px;
margin-left:195px;
margin-top:10px;

}

#actu{

float:left;

color:#266;

font-size:40px;

margin:203px 0 0 350px;

}



/*---------------------------------------->>>>MooTools Horizontal Scrollers<<<<-----------------------------------------*/

.scrollposts {

	float:right;

	height: 520px;

	font-size: 0.8em;

	overflow: hidden;

width:645px;

float:left;

border-top: 1px solid #9B8F94;
border-bottom: 1px solid #9B8F94;

}

.scrollposts .toggle {

background: #9B8F94 url('images/base.gif');

color: #fc2;

text-align:center;

cursor: default;

height:100%;

float: left;

width: 42px;

cursor: pointer;

}



.scrollposts .toggle:hover {

	background: #9B8F94 url('images/basehover.gif');

	color: #FFCC00;

}



.scrollposts .toggle.active span.num, .scrollposts .toggle.active:hover span.num {

color: white;

}



.scrollposts .toggle.active {

background-color: #000;

}



.scrollposts .toggled {

float: left;

width: 581px;

height: 100%;

overflow: hidden;

background-color:#333;

}



.scrollposts .toggle span.num {

display: block;

font-size: 24px;

color: #9B8F94;

margin-bottom: 20px;

}





.scrollposts .toggle span.month{

color:#fc2;

display: block;

font-size: 11px;

text-transform: uppercase;

margin-top: 20px;

padding: 0px;

}



.scrollposts .toggle span.day{

color:#fc2;

display: block;

font-size: 18px;

margin: 0px;

padding: 0px;

}



.scrollposts .toggle span.year{

color:#fc2;

display: block;

margin: 0px;

padding: 0px;

}





/*---------------------------------------->>>>Holders<<<<-----------------------------------------*/

#single {

background: #333333 url('images/base.gif') repeat-y 0 0;

background: #333333 url('images/base.gif') repeat-y 2px 0 !ie; /* for the retarded Internet Explorer 7, yes, they still suck... */

border: 2px solid black;

position: relative;

}



.single {

padding: 10px;

padding-left: 65px;

color: #666;

position: relative;

min-height: 450px;

height:auto;

}



/* for the retarded Internet Explorer 6 */

/*\*/

* html .single {

height: 450px;

}

/**/



.content {

color: #666;

overflow: auto;

height: 520px;

background:white;

}



.content a, .content a:hover{


}



.postcontent {

	padding: 0px 10px 0px 10px;

	color: #333333;

}





/*---------------------------------------->>>>Post header<<<<-----------------------------------------*/



.singleposttitle {

position: absolute;

left: 0px;

top: 0px;

height: 450px;

width: 56px;

margin: 0px;

padding:0px;

}



.postmeta h2 {

	font-size: 26px;

	color: #9b8f94;

	margin:0;

	padding:0;

}



.postmeta h2 a {

text-decoration: none;

color: #366;

}



.postmeta {

padding: 10px 10px 0px 10px;

clear: both;

}



.postmeta ul {

margin: 0px;

padding: 0px;

list-style-type: none;

}



.postmeta ul li {

	display: block;

	width: 48%;

	float: left;

	list-style-type: none;

	color: #666666;

}



/*---------------------------------------->>>>Post content<<<<-----------------------------------------*/

.postcontent h1,.postcontent h2,.postcontent h3, .postcontent h4 {

color: #9B8F94;

border-bottom: 1px dotted #9B8F94;

margin: 2px 0;

padding: 2px 0;

}



.postcontent blockquote {

border-left: 4px solid #4e8e00;

padding: 0 10px;

}



/*---------------------------------------->>>>Links Page<<<<-----------------------------------------*/

.links ul {

list-style-type: none;

margin: 0px;

padding: 0px;

}



.links ul li li {

padding-left: 5px;

}





























/*---------------------------------------->>>>Post footer<<<<-----------------------------------------*/

.postmetadata {

border-top: 1px solid #1e1e1e;

text-align: center;

}









/*---------------------------------------->>>>Forms<<<<-----------------------------------------*/

input {

border: 0px;

margin: 2px;

padding: 3px;

}



input#author,input#email,input#url,textarea#comment  {

background: url('isolated/images/combg.gif') repeat-x top;

border: 1px solid #14181B;

padding: 3px;

color: black;

}



textarea#comment {

width: 99%;

}



#commentform label {

font-size: 13px;

font-weight: 900;

color: #14181B;

}



/*---------------------------------------->>>>Next/prev<<<<-----------------------------------------*/



.navigation {

width: 100%;

background: url('images/sep.gif');

clear: both;

font-size:12px;

font-weight: 900;

color: #646464;

line-height: 21px;

height: 25px;

}



.navigation  a {

text-decoration: none;

font-weight: 900;

color: black;

}



.alignleft {

float: left;

text-align: right;

margin: 2px 10px;

}



.alignright {

float: right;

margin: 2px 10px;

}



.navigation img {

border: 0px;

}



/*---------------------------------------->>>>Sidebar<<<<-----------------------------------------*/

#sidebar {

float:left;

font-size: 11px;

width:339px;

padding-rigth:5px;

background:white;

border-top: 5px solid #9B8F94;
border-left:  1px solid #9B8F94;


}



#sidebar h1 a, #sidebar h1 a:hover{

color:#FFFFFF;

text-decoration:none;

}



#sidebar h1{

margin-left:8px;

background:#fc2;

font-size:24px;

margin:-5px 0;

padding:9px;

font-family:georgia,times;



}





#sidebar p{
	
margin:0;
padding-top:6px;
padding-bottom:4px;
padding-left:11px;
}

#page{
	
height:487px;
}


#sidebar h2 {

font-size:14px;

margin-bottom:-3px;

margin-top:0px;

padding-left:6px;
}


#sidebar h3 {

font-size:12px;

margin-bottom:-3px;

margin-top:0px;

padding-left:6px;
}





/*---------------------------------------->>>>Footer<<<<-----------------------------------------*/

#footer {

color: white;

background:#9B8F94;

font-size:10px;

height:25px;
padding-top:5px;


}

#footer p {
padding:4px;
}

#footer a, #footer a:hover  {

color: white;

}