/*  
Theme Name: Xplosive Reloaded
Theme URI: http://www.blogohblog.com
Description: A Web 2.0 Wordpress Theme - Widget Enabled, 3 Columns, Blue/Orange/Green/Blue. Traduction <a href="http://www.niss.fr">(niss.fr)</a>.
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body{background: #2C2C2C ;color:#333;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;margin-bottom:20px; line-height:20px;}
#wrapper{background:#FFFFFF;margin:20px auto;padding:10px;  width:900px;}
#header {margin:0;padding:0; width:900px;display:block;background:url(images/header_default.png) no-repeat left;height:160px;}
#logo h1{font:300% "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif; letter-spacing:-3px; font-weight:normal; padding-top:100px;padding-left:20px;}
#logo h1 a {color:#4292f4;}
#logo h1 a:hover{color: #F3F3F3; text-decoration:none;}
h2 a:link,h2 a:visited{ font-size:22px; color: #990000; text-decoration:none; font-weight: lighter;}
h2 a:hover{color: #000000;}

/**************** Entry *********************/
.entry{ float:left;margin-bottom:10px;width:540px;}
.entry div ul li{list-style:none;}
.entry h2{padding-bottom:8px;}
.entry p{padding:0 0 10px 0;}
.post{padding:8px;text-align:justify; margin-bottom:20px; background:url(images/postee.gif) repeat-x top;}
.excerpt{padding:10px;margin-bottom:10px; background:url(images/stripe.png); height:120px; border:1px solid #CCCCCC; font-size:80%;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.line{width:500px;float:left;margin:0 0 10px;padding:0 0 5px 2px; border-bottom:#e2e2e0 1px solid;}
.left {float:left; width:220px; padding-right:10px;padding-left:20px; color: #3064f9; font:11px;}
.left a:link, .left a:visited {font:14px Arial, Helvetica, sans-serif; color:#990000;}
.left a:hover {background-color:#333333; color:#FFFFFF;}
.right {float:left;padding-right:20px;width:220px; color:#333; font:11px;}
.right a:link, .right a:visited {font:14px Arial, Helvetica, sans-serif;color:#990000;}
.right a:hover {background-color:#333333; color:#FFFFFF;}

/**************** Links *********************/
a:link, a:visited{color: #1f4efa;text-decoration:none;}
a:hover{color:#000000;text-decoration:underline;}

/**************** CSS Style Switches *********************/

#switches li{display:inline;list-style-type:none;}
#rss {padding:5px;background-color:#333333;}

/**************** Navigation *********************/
#navigation{height:40px;background-color:#333333;}
#menu{background-color:#333333;padding:10px; }
#menu li{display:inline;list-style:none;background-color:#333333;}
.page_item a:link, .page_item a:visited{color: #FFFFFF; padding:10px;}
.page_item a:hover { background-color: #666666; text-decoration:none;}
.current_page_item a:link, .current_page_item a:visited{background-color: #666666;color:#ffffff;text-decoration:none;padding:10px;}
.current_page_item a:hover { background-color: #444444; text-decoration:none;}

/**************** Sidebars *********************/
#topbar {background:#FFFFFF url(images/sidee.gif) top repeat-x; float:right; width:358px;}

#sidebar1{ width:160px; float:left; border-right:1px solid #CCCCCC; padding-right:10px;}
#sidebar1 h2{font-weight:bold; color:#990000; font-size:14px;}
#sidebar1 ul{list-style-type:none; font-size:12px;}
#sidebar1 ul li{margin-left:10px; margin-top:5px;}
#sidebar1 ul li ul{font-style:normal;margin-top:2px;}
#sidebar1 ul li ul li{border:0;border-bottom:1px solid #ccc;list-style:none;padding:5px; padding-left:0; margin-left:0;}
#sidebar1 p{padding:0 5px;}

#sidebar2{ width:160px; float:left;}
#sidebar2 h2{font-weight:bold; color:#990000;font-size:14px;}
#sidebar2 ul{list-style-type:none;font-size:12px;}
#sidebar2 ul li{list-style-type:none;margin-left:10px; margin-top:5px;}

#sidebar2 ul li ul{font-style:normal;list-style-type:none;}
#sidebar2 ul li ul li{border:0;border-bottom:1px solid #ccc;list-style:none;padding:5px; padding-left:0; margin-left:0;}
#sidebar2 p{padding:0 5px;}

/**************** Search *********************/
#topsearch{ background-color: #333333; padding:10px; background:url(images/search.jpg);}
#topsearch input[type="text"]{ border:1px solid  #FFFFFF; width:16em; color: #333333;font:1em Trebuchet MS, Arial, sans-serif;padding:2px;}
h2.search {font-weight:lighter;color: #990000;}

/**************** Comments *********************/
.post-comments {
	background: url(images/mini-comments.gif) no-repeat left center;
	padding-left: 20px;
	float: left;}
.post-cat {
	background: url(images/page.gif) no-repeat left center;
	padding-left: 20px;
	float: left;
}

.Comments { padding: 0px; margin: 20px 0px 20px 0px ;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List h3 {font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 0px; margin: 0px 0px 20px 0px; list-style-type: none; font-size: 11px;}

.List .ListUser { margin: 0px; padding: 0px 0px 0px 40px; font-size: 12px; line-height: 14px; font-family: "Trebuchet MS";}
.List .ListUser a {color: #1f4efa; text-decoration: none;}
.List .ListUser a:visited { text-decoration: none;}
.List .ListUser a:hover {color: #000000; text-decoration: underline;}

.List .ListNr { font-size: 20px; line-height: 20px; font-family: 'Arial'; color: #7f7f7f; position: absolute; top: 0px; left: 0px; text-align: center; padding: 2px 10px 2px 0px; margin: 0; border-right: solid 1px #e2e2e2;}

.List .ListDate { padding-left: 40px;}
.List .ListDate a { text-decoration: none; color: #6383f6;}
.List .ListDate a:visited { text-decoration: none; color: #69COE7;}
.List .ListDate a:hover { text-decoration: underline; color: #000000; }

.List .ListContent { line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0px 0px 0px;}
.List .ListContent p { padding: 3px 0px; margin: 3px 0px; line-height: 14px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Form {}
.Form h3 {font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; text-transform: uppercase; }
.Form form { padding: 15px 25px 15px 15px; margin: 0px; background: #E7E7E7 url(images/FormBkg.gif) no-repeat left bottom; position: relative;}
.Form p { padding: 0px; margin: 0px; color:#50728c;}
.Form p label { padding-bottom: 11px; display: block; }
.Form p label small { font-size: 11px; color: #cc3300}

.Form .TextField { background: #fff; border: solid 1px #c3dcf1; padding: 4px; margin-right: 15px;}
.Form .TextArea { background: #fff; border: solid 1px #c3dcf1; padding: 4px; margin-bottom: 10px;}
 
.Form input.SubmitComment { width: 182px; height: 24px; background: url(images/SubmitComment.png) no-repeat;}
.Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -24px; }
.Form input.SubmitCommentIE { width: 182px; height: 24px; background: url(images/SubmitComment.png) no-repeat 0 -24px;}

.FormCorner { background: url(images/FormBkgCorner.gif) no-repeat left top; position: absolute; top: 0px; right: 0px; height: 19px; width: 19px;}


.smallies a:link, .smallies a:visited{font-size:11px;}
.smallies a:hover {background-color:#333333; color:#FFFFFF; text-decoration:none; padding:0 3px 0 3px;}

/**************** Footer *********************/
#footer{color:#ffffff; background:url(images/footer.png) no-repeat left;padding:10px;}
#footer a:link, #footer a:visited{color: #FFFFFF;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;padding-right:30px;}
.alignleft{float:left; padding-left:40px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Kwicks *********************/
#kwicks_container ul li {list-style-type:none;}
#kwicks {position: relative;}
 #kwicks .kwick {float: left;display: block;width: 84px;height: 20px; padding-right:1px; border-bottom:2px solid #000000;}
#kwick_red {background:url(images/red.gif) repeat-x;}
#kwick_orange {background:url(images/orange.gif) repeat-x;}
#kwick_blue {background:url(images/blue.gif) repeat-x;}
#kwick_green {background:url(images/green.gif) repeat-x; border-right:2px solid #000000;}
/* Login Panel */
#top {
  	background: url(images/login_top.jpg) repeat-x 0 0;
	height: 38px;
	position: relative;
}
 
#top ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 38px;
	width: auto;
  	font-weight: bold;
	line-height: 38px;
	margin: 0;
	right: 150px;
  	color: white;
	text-align: center;
  	background: url(images/login_r.jpg) no-repeat right 0;
	padding-right: 45px;
}
 
#top ul.login li.left {
  	background: url(images/login_l.jpg) no-repeat left 0;
  	height: 38px;
	width: 45px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
 
#top ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 38px;
  	background: url(images/login_m.jpg) repeat-x 0 0;
}
 
#top ul.login li a {
	color: #33CCCC;
}
 
#top ul.login li a:hover {
	color: white;
}
 
/*Login*/
/* toggle effect - show/hide login*/
#login {
	width: 100%;
	color: white;
	background: #1E1E1E;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 0;
	font-style: 1em;
}
 
#login a {
	text-decoration: none;
	color: #33CCCC;
}
 
#login a:hover {
	color: white;
}
 
#login .loginContent {
	width: 550px;
	height: 80px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
}
 
#login .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}
 
#login .loginContent .right {
	width: 290px;
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
}
 
#login .loginContent form {
	margin: 0 0 10px 0;
	height: 26px;
}
 
#login .loginContent input.field {
	border: 1px #1A1A1A solid;
	background: #464646;
	margin-right: 5px;
	margin-top: 4px;
	color: white;
	height: 16px;
}
 
#login .loginContent input:focus.field {
	background: #545454;
}
 
#login .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}
 
#login .loginContent input.button_login {
	width: 47px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(images/button_login.jpg) no-repeat 0 0;
}
 
#login .loginClose {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 70px;
	font-size: 0.9em;
	text-align: left;
}
 
#login .loginClose a {
	display: block;
	width: 100%;
	height: 20px;
	background: url(images/button_close.jpg) no-repeat right 0;
	padding-right: 10px;
	border: none;
	color: white;
}
 
#login .loginClose a:hover {
	background: url(images/button_close.jpg) no-repeat right -20px;