/*
Theme Name: ms::Theme
Theme URI: http://miolog.com/
Description: ms Theme
Version: 1.0
Author: Mohammed Said HJIOUIJ
Author URI: http://miolog.com/mohammed-said-hjiouij/
*/


/* Resets default browser CSS */
 
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: 15px;}

.alignright {float: right !important;}
.alignleft {float: left !important;}

html {
  border-top: 10px solid #39C;
}
body {
  font: 13px Tahoma;  
  width: 828px;
  margin: 10px auto;
  direction: rtl;
}



#content {
  float: right;
  width:540px;
  overflow: hidden;
  margin-bottom: 40px;
}

h1, h2, h3, h4, h5, h6 {font-weight: bold; font-family: arial;}

#content h1 a, #content h2 a{
  font-size: 20px;
  color: #CC6600;
}

#content .date {
  color: #888;
  font-size: 10px;
  margin-bottom: 20px;
}

ul.shares {

  -moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
  margin:25px 0 !important;
  padding-top: 3px;
  text-align: left;
  list-style-type: none;
  overflow: hidden;
  background-color: #39C;
}

ul.shares li {float: left;
  padding:0 5px;
}



#nav {
  font:bold 15px Arial; 
  list-style-type:none; 
  overflow: hidden;
  margin-bottom: 40px;
}

#nav li {
  float: left;
}

#nav li a { 
  display: block; 
  padding:0 10px; 
  color: #006699; 
  margin-top: 2px;
  border-left: 1px dotted #006699;
}

#nav .last {padding-left: 0; border: none;}
#nav .first {padding-right: 0; border: none;}

#about {
  /*background-color: #FFF8AF;
  border:1px solid #FFD1AF;*/
  margin-bottom: 20px;
  overflow: hidden;
  font: 13px Tahoma;

}

#about p {
  
  font-size: 12px;
}

#about .avatar {
  background-color: #FFF;
  border: 1px solid #CCC;
  float: left;
  margin:3px 10px 0 0;
  padding:3px;
  width: 60px;
  height: 60px;
}

#about a {color: #000;}




#footer {
  clear: both;
  overflow: hidden;
  border-top: 1px solid #006699;  
  padding-top: 5px;
}

#feed_box {
	background: transparent url('images/feed.png') no-repeat 0 3px; 
	padding: 3px 0;
	font-size:11px; 
	line-height:1.2em;
	border-top:1px solid #F93;
	border-bottom:1px solid #F93;
	overflow: hidden;
	margin-bottom: 15px;
}

#feed_box a {color: #C60;}
#feed_box p {font-size:11px; font-weight: bold; margin: 0;}
#feed_box p sub {display: block; font-size: 11px; margin-top: 2px; font-weight: normal; color: #C00;}

.ads {
  list-style-type:none; 
  background: #FFF8AF url('images/ads_tab.png') top right no-repeat;
  padding: 18px 1px 5px 0;
  overflow: hidden;
  border: 1px solid #F93;
  margin-bottom: 20px;
}

.ads li {
  margin-left: 3px;
  float: left;
}

#sidebar {
  float: left;
  width:262px;
  overflow: hidden;
  margin-bottom: 40px;
  border:1px solid #DDD;
  padding:5px;
}

#cse-search-box { margin-bottom: 20px; height: 20px;}
#cse-search-box #s { width: 204px; border: 1px solid #39C !important; float: right;}
#cse-search-box #submit {	width: 50px; background-color: #DDD; color: #000; border: 1px solid #39C;	padding: 1px;	font: bold 13px Tahoma; float: left}

#featured, #tags {
  background-color: #EEE;
  border: 1px solid #39C;
  padding: 5px;
  margin-bottom: 20px;
}

#featured h3, #tags h3 {
  background-color: #39C;
  font: bold 16px Arial;
  padding: 2px 6px;
  color: #FFF;
}

#featured ul{
  list-style-type: square;
  color: #39C;
  margin: 10px 20px 10px 5px;
}

#featured ul li{
  margin-bottom: 5px;
}

#featured a{
  color: #000;
}

#featured a:hover{
  color: #FFF;
  background-color: #39C;
  text-decoration: none;
}

#trackback, #comments {
  border-top:2px solid #CCCCCC;
  padding-top: 5px;
}

#trackback ul{
  list-style-type: square;
  margin: 20px;
}

#comments {margin-bottom: 40px;}

#comments h3 {
  font-size: 20px;
}

.desc {
  color: #888;
  font-size: 11px;
}

#respond {
  background-color:#F2F9FC;
  border:2px solid #9CE;
  color:#666;
  margin: 20px 0;
  padding:10px;
}

#respond h3 {
  color:#C60;
  font-size:20px;
  margin:0 0 10px 0;
}

#respond .desc {border-bottom: 1px dashed #888; padding-bottom: 5px; margin-bottom: 25px;}

#respond input {border: 1px solid #39C; width: 250px}
#respond textarea {border: 1px solid #39C;}

#respond #submit-comment {	width: 100px; background-color: #DDD; color: #000; border: 1px solid #39C;	padding: 1px;	font: bold 13px Tahoma; }


#comments .comment {
  -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
  border:1px solid #39C;
  margin:0 0 12px 0;
  padding: 5px;
}

#comments .comment .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin: 0 0 0 10px;
	}
	
#comments .comment p {
	line-height: 1.5em;
}

#comments .comment .comment-author {
	border-bottom: 1px solid #39C;
	padding-bottom: 7px;
	margin-bottom: 5px;
}

#comments .comment .comment-author cite{
	font-style: normal;
}

	
	
.imgblock {
  background-color: #FFF;
  border: 1px solid #CCC;
  float: left;
  margin:3px 10px 0 0;
  padding:3px;
  overflow: hidden;
  text-align: left;
}

.ltr {
  direction: ltr !important;
  text-align: left;
  font-family: Verdana;
} 

.navigation {
  text-align: left;
  border-top: 1px solid #93C;
  border-bottom: 1px solid #93C;
  padding: 3px 0;
  margin-bottom: 10px;
}

#content .post {
  margin-bottom: 20px;
  border-bottom: 1px dashed #999;
}

.post h2 {
  font-size: 18px;
  margin-bottom: 10px;
}

.post h3 {
  font-size: 15px;
  margin-bottom: 10px;
}

.post ul, .post ol {
  margin: 0 40px 20px 0;
  text-align: justify;
}

#wpcf {font-family: tahoma; font-size: 14px; margin-top: 20px;}

#wpcf label {
	clear: both;
	display: block;
	float: right;
	width: 100px;
	margin-bottom: 10px;
}
#wpcf input {
  float: right;
	border:1px solid #ccc;
	width: 250px;
	padding: 1px;
	margin: 2px 5px 10px 5px;
}
#wpcf textarea {
	width: 500px;
	border:1px solid #ccc;
	height: 200px;
	padding: 1px;
	margin-top: 5px;
	float: left;
}
#wpcf #contactsubmit {
	width: 100px;
	border:1px solid #ccc;
	float: right;
}

#related_posts {
  margin: 20px 0;
  padding: 5px;
  border: 2px solid #F93;
  background: #FFF8AF;
}