/*
Theme Name: khaled2007
Theme URI: http://www.khaledtrm.net/
Description: spicial theme
Version: 1.0
Author: khaledtrm
Author URI: http://www.khaledtrm.net/
*/

body {
margin: 0;
padding: 0;
text-align: center;
background-color: #687888;
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size:12px; 
font-family:tahoma, verdana, arial, sans-serif;
}

#container {
position: relative;
width: 700px;
background-color: #F8F8F8;
margin-left: auto;
margin-right: auto;
margin-top: 0;
text-align: right;
direction:rtl;
}

a:link, a:visited {
text-decoration: none;
color: #295F9A;

}

a:hover {
text-decoration: none;
color: #cc6600;

}

#banner {
color:#f8f8f8;
font-size:12px;
width:680px;
height: 284px;
padding-top: 10px;
margin: 10px;
}

#title h1 {
margin: 0 12px 10px 10px;
padding-top: 5px;
font-size: 16px;
color: #295300;

}

#top-nav {
margin: 0;
padding: 0 20px 20px 0;
border-bottom: 1px solid #bbb;
}

#top-nav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#top-nav a:link, #top-nav a:visited {
float: right;
padding: 0 20px 20px 20px;
text-decoration: none;
color: #666;
}

#top-nav a:link.active, #top-nav a:visited.active, #top-nav a:hover {
color: #487500;
background: url('images/top_menu.gif') no-repeat bottom center;
}

#content {
float: left;
width: 480px;
margin: 0px;
padding: 10px;
border-right: 1px solid #ddd;
word-wrap: break-word;
}

#content p {
padding-right: 10px;
padding-left: 10px;
}

#content h1 {
	font-family: arial, Georgia, Times, serif;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 10px 0 30px;
    padding: 3px;
    text-align: right;
}


#content h1 a:hover {
	background-color: #295F9A;
	padding: 3px 5px 3px 5px ;
    color: #FFFFFF;
	text-decoration: none;
}

#content h2 {
margin: 10px 10px 0 30px;
padding: 3px;
font-family:arial, sans-serif;
font-size: 16px;
text-align: right;
font-variant: small-caps;
color: #666;

}

#content h3 {
margin: 3px 16px 0 0;
padding: 3px;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
font-weight:normal;
text-align: right;
color: #666;
}

.entry p{
margin:12px 0;
}

#side-menu {
list-style-type: none;
width: 160px;
margin: 5px;
padding-right: 3px;
padding-left: 3px;
}

#side-menu h1 {
margin: 0 0 0 0;
font-variant: small-caps;
font-size: 1em;
color: #c86000;

}

#side-menu li h2{
color: #666;

text-align: right;
font-family: arial, Georgia, Times, serif;
font-size: 16px;
font-weight: bold;
font-variant: small-caps;
margin-top: 10px;
padding-top: 3px;
padding-bottom: 3px;
}

#side-menu ul {
color: #666;
list-style-type: none;

text-align: right;
margin-top: 10px;
padding-top: 3px;
padding-bottom: 3px;
}

#side-nav {
width: 95%;
margin: 5px 10px 5px 0;
padding: 0;
list-style-type: none;
color: #333;
background:inherit;
}

#side-nav a {
background-color:inherit;
display: block;
width: 95%;
text-align: right;
text-decoration: none;
background:url('images/side_menu.gif') no-repeat left 50%;
color: #c86000
}

#side-nav a#current, #side-nav a:hover {
text-decoration: none;
background-color: #f8f8f8;
background:url('images/side_menu_hover.gif') repeat-y;
color: #000
}

.sideheader {
color: #666;
font-family:arial, sans-serif;
font-size: 16px;
text-align: right;
font-variant: small-caps;
margin-right: 5px;
margin-top: 3px;
padding-top: 20px;
padding-bottom:2px;
}

#more-links {
padding-bottom: 5px;
padding-top: 20px;
text-align: right;
}

.news {
color: #666;
background:inherit;
}

#footer {
clear:both;
width: 680px;
padding: 3px;
margin: 20px 10px 10px 10px;
border-top: 1px solid #ddd;
font-size: .9em;
text-align: center;
color: #333;

}

#footer a:link, #footer a:visited {
color: #c86000;
background:inherit;
}

#footer a:hover {
border-bottom: 1px dashed #333;
color: #333;
background:inherit;
}

.myborder { 
border: 1px solid #eeae0e;
padding:5px;
}

a images {
border: none; 
}

div.scroll {
overflow: auto;
height: 5em;
width: 130px;
border: solid 1px #999;
padding: 1ex;
background: #fff;
color: #866709;
margin: 0 0 0 0;
}

/*post stylng*/

.post {
font-size:1em;
text-align: center;
background-color: #F0F0F0;
padding: 10px;
margin:10px;
border: solid 1px #ddd;
}

.info  {
font-size:1em;
text-align: center;
background-color: #F0F0F0;
padding: 10px 0 10px 0 ;
}


/* Comments Styling */

#commentlist {
margin: 0;
padding: 0;
text-align: right;
}

#commentlist li {
 background: #F0F0F0;
 border: 1px solid #e3e4e4;
 list-style: none;
 margin: 10px 0px 10px 0px;
 padding: 10px 5px 10px 0px;
}

.autor-khaled {
color: #295F9A;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 10px 0 0 0;
padding: 10px 0px 0 0;
direction:rtl;
}

#commentform {
margin: 10px 10px 10px 10px ;

width: 400px;
}

#commentform textarea {
background: #f0f0f0;
border: 1px solid #d6d3d3;
width: 400px;
}

#commentform textarea:hover {
background: #inherit;
border: 1px solid #A72323;
}
#commentform textarea:focus {
background: #inherit;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f0f0f0;
border: 1px solid #d6d3d3;
width: 170px;
}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #inherit;
border: 1px solid #A72323;
width: 170px;
}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #inherit;
border: 1px solid #939793;
width: 170px;
}

#commentform input {
margin-bottom: 3px;
}
 
 input {
border: 1px solid #CCC;
font-size: 11px;
}

input:hover {
border:1px solid #A72323;
}

input:focus {
border:1px solid #262626;
color:#333;
}


.pagebar { 
font: 12px tahoma, Helvetica, sans-serif; 
padding-top: 20px; 
padding-bottom: 10px; 
margin: 1px; 
}

.pagebar a, .pageList .this-page {
padding: 2px 6px; 
border: solid 1px #ddd; 
background: #fff; 
text-decoration: none;
}

.pagebar a:visited {
padding: 2px 6px; 
border: solid 1px #ddd; 
background: #fff; 
text-decoration: none;
}

.pagebar .break {
padding: 2px 6px; 
border: none; 
background: #fff; 
text-decoration: none;
}

.pagebar .this-page {
padding: 2px 6px; 
border-color: #036; 
font-weight: bold; 
font-size: 12px; 
vertical-align: top; 
background: #fff123;
}

.pagebar a:hover {
color: #fff; 
background: #0063DC; 
border-color: #036; 
text-decoration: none;
}