/*
Theme Name: miolog FREE
Theme URI: http://miolog.com/
Description: Free version of miolog.com Theme.
Version: 1.0
Author: Mohammed Said HJIOUIJ
Author URI: http://miolog.com/mohammed-said-hjiouij/
Licence: GPL http://www.opensource.org/licenses/gpl-license.php
*/

/* Resets default browser CSS */

.commentmetadata a{
color:#ccc;
}

.comments a{
color:#666666;
font-size:15px;
}

.comments a:hover{
text-decoration:underline;
color:#000;
}
.comments_num {
color:#000;
font-size:25px;

}
.paran{
color:#ccccdd;
font-size:25px;
}
.says {display:none;}

.post-content{

border-bottom: 1px dotted #cccccc;

margin-left:10px;

margin-bottom:20px;

padding-bottom:10px;

}

 

#logo a{

font-size:50px;

font-family: arial, 'lucida console', sans-serif;

font-weight: bold;

color:black;

}



#logo a:hover{

color:#2361a1;

text-decoration:none;

}

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0; padding: 0;

  border: 0;

  font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;

  vertical-align: baseline;

}

 

a { text-decoration: none; }

a:hover, a:focus { text-decoration: underline; color: #C00;}

a img { border: none; }

em {background-color: #FFC;} 

address {font-style: normal; display: inline;} 

p {text-align:justify; margin-bottom: 10px;}



.alignright {float: right;}

.alignleft {float: left;}



/* arround coner */



body, #footer {

    /*-moz-border-radius: 5px;

    -khtml-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;*/

}



html {

  background-color: #a9d0f5;

}



body {



  font: 18px Tahoma;  

  background-color: #FFF;

  width: 1020px;

  margin: 20px auto;

  padding: 11px; 



    

border: 7px solid #33332f;

}



.sidebar {

border-right:1px solid #dddddd;

  width:240px;



  padding-right: 5px;

  margin-bottom: 20px;

  overflow: hidden;



}



.content {

/*

  width:760px;

 float: right;overflow: hidden;

*/

  padding: 5px;

  margin-bottom: 20px;

 



}



#logo {

/*

    float: right;

    font: bold 20px Arial;

    margin: 15px 0 25px 0;

*/

}



#searchform {

  border: 1px solid #3b5998;

  float: left;

  width: 250px;

  margin: 15px 0 25px 0;

}



#searchform #search_input {

  border:0 none;

  color:#3b5998;

  float:right;

  margin: 2px 2px 0 0;

  width: 200px;

}



#searchform #search_submit {

  border-right: 1px solid #3b5998;

  float: left;

}





#nav {

  clear: both;

  font:bold 11px Tahoma; 

  line-height: 2em; 

  list-style-type:none; 

  /*background-color: #000;*/

  width: 1010px;

  overflow: hidden;

  margin-bottom: 20px;

  padding-right: 5px;

padding-left: 5px;

  border-bottom: 1px solid #dddddd;

}



#nav li {

  float:right;

}



#nav li a { 

  display: block; 

  padding:0 10px; 

  color: #000000; 

  margin-top: 2px;

background-color:#efefef;

border-right:1px solid #dddddd;

border-top:1px solid #dddddd;

border-left:1px solid #dddddd;

}



#nav li a:hover { 

 

 /* text-decoration: none;*/

}



#about {

/*

  background-color: #FFF8AF;

  border:1px solid #FFD1AF;

*/

}



#about h3, #about p {

  margin: 5px 0 5px 5px;

}



#about h3 {

  font-weight: bold;



}



#about .avatar {

  background-color: #FFF;

  border: 1px solid #CCC;

  float: left;

  margin:3px 10px 0 0;

  padding:3px;

  width: 60px;

  height: 60px;

}





.ads {

  list-style-type:none; 

  background-color: #EEE;

  border: 1px solid red;

  padding: 5px 5px 5px 0;

}



.ads li {

  margin-left: 5px;

  float: left;

}



#feed_box {
/*
    background: #CFD6DE url('/images/feed.png') no-repeat 360px 5px; 
 
*/
background: #CFD6DE;
  padding: 5px 0 5px 5px;

    font-size:11px; 

    line-height:1em;

    border:1px solid #7297BA;

    overflow: hidden;

}





#feed_box p {

margin: 0 10px 0 0;
width:100%;
display:block;

}

#feed_box p.rss {font-size:13px; font-weight: bold; float: right; width: 200px;}

#feed_box p sub {color: #06C; display: block; font-size: 11px; margin-top: 2px; font-weight: normal}

#feed_box p.feedburner {float:left; float: left; width: 90px;}

#feed_box p.feedburner a:hover {background: transparent;}





.content .post_icon {

  background-color: #FFF;

  border: 1px solid #CCC;

  float: right;

  margin: 3px 0 3px 10px;

  padding: 3px;

  width: 64px;

  height: 64px;

}



.content h2 {

  font-size: 22px;  

  line-height:28px;

  margin-bottom:10px;

  font-weight: bold;

  clear: both;  

}



.content h2 a, .content h1 a {

  color: #000;

}



.content h2 a:hover, .content h1 a:hover {

  color: #39C;

  text-decoration: none;

}



.content ul, .content ol {

  margin-right: 40px;

  text-align: justify;

}

.content ol.commentlist{

     margin-right: 0px;

}

.content .post_meta {

 

  font-size:12px;

  padding:5px;

  margin-bottom: 10px;

  overflow: hidden;

}



.content .date {

  
  color:#ccc;
  float: right;

}



.content .comments {





  float: right;

}



#footer {

  clear: both;

  font:bold 11px Tahoma; 

  line-height: 2em; 

  

  width: 1010px;

  overflow: hidden;

  padding: 5px;

  border-top: 3px double #ddd; 

  color: #ccc;

}



#footer a {

  color: #ccc;

  text-decoration: underline;

}



#footer a:hover {

  color: #ccc;

}











.commentlist li ul li {

    font-size: 1em;

}



.commentlist li {

    font-weight: bold;

}



.commentlist li .avatar { 

    float: left;

    border: 1px solid #eee;

    padding: 2px;

    background: #fff;

    }



.commentlist cite, .commentlist cite a {

    font-weight: bold;

    font-style: normal;
color:#2361a1;
    font-size: 1.2em;

    }



.commentlist p {

    font-weight: normal;

    line-height: 1.5em;

    text-transform: none;

    }



#comments, #respond h3 {

  margin: 25px 0;

    padding: 3px 0;

    font-size: 18px;

   

    }



.commentmetadata {

    font-weight: normal;

    }

    

#commentform input {

    width: 170px;

    padding: 2px;

    margin: 5px 5px 1px 0;

    }



#commentform {

    margin: 5px 10px 0 0;

    }

#commentform textarea {

    padding: 2px;

    }

#respond:after {

        content: "."; 

        display: block; 

        height: 0; 

        clear: both; 

        visibility: hidden;

    }

#commentform #submit {

    margin: 0 0 5px auto;

    float: right;

    }


/*
.alt {

    margin: 0;

    padding: 10px;

    background-color: #EEE;

    }
*/

.comment{
border-top: 1px dotted #ddd;
}

.commentlist {

    padding: 0;

    text-align: justify;

    }



.commentlist li {

    margin: 15px 0 10px;

    padding: 5px 5px 10px 10px;

    list-style: none;



    }

.commentlist li ul li { 

    margin-right: -5px;

    margin-left: 10px;

}



.commentlist p {

    margin: 10px 5px 10px 0;

}

.children { padding: 0; }



#commentform p {

    margin: 5px 0;

    }



.nocomments {

    text-align: center;

    margin: 0;

    padding: 0;

    }



.commentmetadata {

    margin: 0;

    display: block;

    }



h3 {

  font-weight: bold;

  margin-bottom: 10px;

  margin-right: 5px;

}