/*  
Theme Name: Black Soul
Theme URI: 
Author: Themes Database
Author URI: 
Description: Black Soul is a simple Widget ready Dark Theme with right sidebar and Top Menu.
Version: 1.0
Tags: black, blue, two columns, fixed width, light, minimal, right sidebar 
*/


body {
font-family : Geneva, Verdana, sans-serif;
font-size : 12px;
color : #9C9D9F;
margin:0; padding:0;
/*background : #10161A url(images/body-bg.gif) repeat; */
background:#000100;
}

a {
color : #5692BA;
text-decoration : none;
}
a:hover {
color : #5692BA;
text-decoration : underline;
}
img {margin:0; padding:0;}
a img {border:0;}
p {
padding : 5px 0;
margin : 0;
}

h2
{
  margin-top:5px;
  padding-top:10px;
}

#wrapper {
  width : 995px; margin:0 auto; padding:0;
}

/*  ====================== Page Structure ======================= */
#header {
width : 995px; height:280px;
background : url(images/header.jpg) no-repeat;
}
#main-content {
width : 995px;
/*background : #10161A;*/
background: #000100;
}

#content{
width : 655px; float:left; margin:0;padding:0px 14px 0 0px;
}
#sidebar
    {
        width : 281px; float:left;
        padding:0px 0px 0 0;
        margin-bottom:5px;
        background-color:#B7DBE5;
        color:#545454;
        height:700px;
}

#footbar {
width : 995px; /*padding:25px 24px 25px 40px;*/
background : #10161A;
}

#footer {
width : 995px; height:30px;padding-top:4px;
/*background : url(images/footer.gif) no-repeat;*/
}





/*  ====================== Header ======================= */

#logo
{
  position:relative;
  width:368px;
  height:71px;
  top:170px;
}
h1
{
  font-size:33px;
  color:#48929E;
  font-family : Verdana, Geneva, sans-serif;
  padding:0 0 0 20px;
  margin:0;
  font-weight:100;
}
h1 a, h1 a:hover {color:#48929E;text-decoration : none;}
.desc {font-size:11px;margin:0 0 0 20px;padding:0;}

#nav1
{
  position:relative;
  width:500px;
  height:63px;
  top:-20px;
  left:20px;
}


/* --------- Navigation -------- */
#nav1 ul {
margin : 0;
padding : 0;
list-style : none;

}
#nav1 li {
height : 17px;
float : left;
background : url(images/menu-sp.gif) no-repeat;
padding : 6px 20px 0 20px;
font-size : 12px;
margin : 0;
color : #fff;
}
#nav1 li.last{padding : 6px 0 0 20px; }

#nav1 li a {
color : #fff;
text-decoration : none;
}
#nav1 li a:hover {
color : #5692BA;
text-decoration : none;
}

/*  ================================= Conatent ============================= */


/* -------------------------- Posts ----------------------------- */
.post{
  width:645px;
  padding:0px 0px 0px 10px;
  /*margin-bottom:15px;*/
  /*background:#141F27 url(images/post-bg.gif) repeat-x;*/
  background:#24323b url(images/separpost_haut.gif) no-repeat;


}
.post-title {
  width:auto;
  height:30px;
  background:#656369;
  text-align:right;
  position:relative;
  top:-12px;
  right:0px;
  float:right;
}
.post_bottom
{
  width:100%;
  height:22px;
  background:#24323b url(images/separpost_bas.gif) no-repeat;
  background-position:left;
  padding:0px;
}
.post-title h2
{
  padding:2px 0 0 10px;
  margin:0 10px 0 50px;
  font-size:14px;
  line-height:22px;
  color:#fff;
  white-space: nowrap;


}
.post-title h2 a,.post-title h2 a:hover {color:#fff; text-decoration:none;}
.post-title .sp {padding:14px 0 0 5px;margin:0;font-size:14px;float:left;color:#fff;}
.post-title .comnt{padding:15px 0 0 5px;margin:0;font-size:10px;float:left;color:#5692BA;}
.post-title .mail a{padding:15px 10px 0 0;margin:0; display:block;
width:17px; height:11px; font-size:12px;float:right;
background:url(images/mail.gif) no-repeat 0 15px;
}
.post-title .mail a:hover {text-decoration:none;}

.entry
{
  padding:5px;

  text-align:justify;
  top:30px;
}
.entry p
{
  margin-top:30px;
  margin-right:10px;
}
.comnt
{
  margin-top:5px;


}
/*  ================================= Pages ============================= */
.page .entry
{
  /*Yo height:400px; */
  top:0px;
}

.page .entry p
{
  margin-top:5px;
}
/*  ================================= Archive ============================= */
.archive .entry
{
  top:0px;
}

/* --------------- SideBars ----------------*/

#sidebar ul {
list-style : none;
margin:0;padding:0;
}
#sidebar ul li {
list-style : none;
margin : 0 0 15px 0;
padding : 0 0 5px 0;
/*background : #0B1013; */
}

#sidebar ul li.widget_categories{
background : url(images/catg-bg.gif) repeat 0 23px;
padding : 0;
}

#sidebar ul li h2 {
margin:0;
margin-top:5px;
padding:0 0 0 10px;
height:23px;
line-height : 23px;
font-size : 12px;
text-align : left;
/*background : url(images/sidebar-bg-h2.gif) repeat-x; */
color : #010101;
font-weight : bold;
display:block;
text-transform:uppercase;
}
#sidebar ul ul {
list-style : none;
margin :0;
padding : 0;}

#sidebar ul ul li {
list-style : none;
margin : 0;
padding : 5px 0 0 22px;
font-weight : normal;
background : url(images/sidebar-bg-li.gif) no-repeat 10px 7px;
font-size : 10px;
}

#sidebar ul li.widget_categories ul li{
padding : 0 0 0 22px;
margin:0;
font-weight : normal;
line-height:26px;
background : url(images/catg-li-t.gif) no-repeat 10px 10px;
font-size : 10px;
}

#sidebar ul ul ul li {
list-style : none;
margin : 0;
padding : 5px 0 0 10px;
font-weight : normal;
background : url(images/sidebar-li.png) no-repeat 0 10px;
font-size : 10px;
}

#sidebar a {
margin : 0;padding : 0;
color : #76787B;
text-decoration : none;
}
#sidebar a:hover {
color : #5692BA;
text-decoration :none;
}

.textwidget
{
  padding:10px;
}



/*  ================================= Footbar ============================= */
#footbar ul {
list-style : none;
margin:0;padding:0;

}
#footbar ul li {
display:inline; float:left;
width:202px;
list-style : none;
margin : 0 16px 0 0;
padding : 0 0 0 0;
background :url(images/footer-ul-bg.gif) repeat 0 26px;
}
#footbar ul li h2 {
margin:0; padding:0 0 0 10px;
height:26px;
line-height : 26px;
font-size : 12px;
text-align : left;
color : #404548;
font-weight : bold;
text-transform:uppercase;
background :#10161A;
}
#footbar ul ul {
list-style : none;
margin :0;padding : 0;
}
#footbar ul ul li {
width:188px;
display:block;clear:left;
list-style : none;
line-height : 26px;
margin : 0;
padding : 0 0 0 10px;
font-weight : bold;
font-size : 11px;
color : #fff;
background :transparent;
}

#footbar a {
margin : 0;padding : 0;
color : #5692BA;
text-decoration : none;
}
#footbar a:hover {
color : #5692BA;
text-decoration : none;
}
/* ----------------*/

/*  ================================= Footer ============================= */
#footer p{
  font-size:12px;
  color:#24323b;
  margin:0;
  padding:0;
}
#footer a
{
font-size:12px;
  color:#24323b; text-decoration:none;
}
#footer a:hover{
  color:#24323b; text-decoration:underline;
}




/* Others */

.clr {
clear : both;
margin : 0; padding : 0;
font-size:1px; line-height:1px;
}

/* Search Form */
#searchform {margin: 0;padding:5px;text-align:center;   }
#searchform br {display:none;}
#searchform input {

margin : 0; padding :3px;
background:#141F27; color : #9C9D9F;
border : 0;
font-size : 10px;
}
#searchform input#s {
width : 80px;
padding :5px 5px 3px 5px;
height : 14px;
}



/* --------------------- common elements --------------------------- */
.navigation
{
  display: block;
  color : #5692BA;
  width:98%;
  position:relative;
  top:-50px;
}
p.postinfo
{
  margin:0;
  padding:0;
  font-size:10px;
  color:#5692BA;
}
p.postinfo .non{color:#b7dbe5;}

h2.pagetitle, h2.center
{
  margin:0;
  text-align: center;
  padding:0;
  font-size:16px;
  color:#FFFFFF;
  position:relative;
  top:-40px;
}
h3.comments {padding: 0;margin: 20px auto 20px ;}
.more-link {font-weight:bold;text-align:right;}
a.more-link, a:hover.more-link {float:right;padding-top:5px;}

p.postmetadata {margin:0; padding:10px;}
.alt {  background-color: #141F27;
border-top: 2px solid #2D3C45;
border-bottom: 2px solid #2D3C45;
    }

input, select, textarea {
  border: 0; color:#9C9D9F; background:#141F27;
}
#commentform #submit {margin: 0; color:#9C9D9F; background:#141F27;}

blockquote { border-left: 3px solid #5692BA;}

ol.commentlist {margin:0;padding:0;}
.commentlist li { font-weight:normal;}
.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    }

code { font: 1.1em 'Courier New', Courier, Fixed; background:#eee;}

/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 100%; }
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;  }
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { background-color: #424242; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; }
#wp-calendar a {text-decoration: none;  }
#wp-calendar caption {  text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#wp-calendar #today {font-weight:bold;color : #5692BA;}
/* End Calendar */

.smallattachment
{
  text-align: center;
  /*float: left;*/
  margin: 5px 5px 5px 0px;
}
.attachment {text-align: center; margin: 5px 0px;}



/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block;  margin-left: auto;  margin-right: auto; }
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/* End Images */



/* Begin Lists */
.entry ol,.entry ul {margin: 0; padding: 5px 0 5px 35px; }
.entry li {margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style: none;}


/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 80%; padding: 2px;}
/* End Form Elements */



/* Begin Comments*/
.alt {  margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;}
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; }
.commentmetadata {display: block; font-size:10px;font-weight:normal;}

/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {  cursor: help;}
acronym, abbr { border-bottom: 1px dashed #424242; }
blockquote { margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
hr { display: none; }
.alignright { float: right; }
.alignleft { float: left;}
.navigation .alignright { width:48%; text-align:right;  }
.navigation .alignleft {width:48%; text-align:left;}
/* End Various Tags & Classes*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.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;
}
.copyright
{
  padding-top:5px;
  padding-bottom:5px;
}
.postinfo, .comnt{
display:none;
}

