/*
	Author:khalid hilaby
	Date: 13/09/2008
*/
/* ground work */
html {background:#555 url("./images/bg.gif")}
body {direction:rtl; font-family:Tahoma,'Lucida Grande',sans-serif}
a{ text-decoration:none; color:#EF8701 }
a:hover{ text-decoration:underline; }
textarea { width:100% }
input, textarea { border:1px solid #666; padding:3px; background:#111; color:#FFF }
input[type=submit] { background:#111; border:1px solid #666; color:#999 }



/* design */
#container { width:640px;  margin:10px auto 0 auto }
#header{ background:#EF8701 url("./images/logo.gif") 20px 0px no-repeat; border-bottom:2px solid #EEE; height:109px }
#slogan{ height:80px; }
#slogan h1, #slogan h2{ font-size:20px; padding:20px 15px 0 0; color:#FFF }
#slogan h1 a, #slogan h2 a { color:#FFF; text-decoration:none;}
#nav {  padding-right:10px; height:22px; font-size:13px }
#nav ul { background:red; list-style:none  }
#nav li { display:block; float:right; border:2px solid #EEE;  margin:0 0 0 3px;  }
#nav a {padding:5px; background:#EEE; color:#333;  text-decoration:none; display:block}
#nav a:hover, #nav ul .current_page_item a, #nav ul .current-cat a { background:#333; color:#EEE }
#mission { margin: 3px 0 0 0; background:#333; color:#AAA; font-size:10px; padding:4px; border:1px dashed #666	}
#mission a { color:#EEE}#bestGallery h2 { color:#FFF }


#bestGallery { margin:3px 0 0 0; }
#bestGallery h2 { font-size:25px; margin:10px 0 0 0; color:#EF8701; }
#bestGallery .gallary { margin:15px 0 0 0; width:100%; overflow:auto; border-top:1px solid gray; padding:15px 0 0 0 }
#bestGallery .preview { border:2px solid #AAA; float:left; margin-right:9px }
#bestGallery .galTitle { color:#FFF;  }
#bestGallery .galUrl { color:#777; font-size:13px }
#bestGallery .galDesc { color:#FFF }

#moreGallary { text-align:left; padding:3px; margin:5px; font-size:13px }
#moreGallary a { color:#EF8701 }


#blog { margin:3px 0 0 0; color:#EEE; }
#blog a { color:#EF8701 }
#blog h2, #blog h1 { font-size:30px; color:#EF8701;  }
#blog .entry { margin:30px 0 0 0; padding:20px; background:#111; border:1px solid #555 }
#blog .title { color:#EF8701; font-size:28px; border-bottom:1px solid #444 }
#blog .entryDate { font-size:13px }
#blog p { margin:20px 0 20px 0; line-height:24px; }
#blog .meta { border-top:1px dashed gray; margin:10px 0 0 0; padding:3px; }
#blog .numComments { color:red }
#blog ol { padding-right:40px }
#blog ol li { list-style:decimal; padding-right:5px}

#content .blogNav { color:#EF8701; text-align:left; margin:20px 0 20px 0; line-height:24px; }
#content .blogNav a { color:#EF8701 }


#comments {   }
#comments div { border:1px solid #AAA; margin:10px 0; padding:20px;  }
#comments .admin { background:#111 }
#comments .author { font-size:24px }
#comments small { font-size:13px; border-bottom:1px solid gray} 


#footer {background:#EF8701 url("./images/logo.gif") 20px 0 no-repeat; border-top:3px solid #EEE; margin:5px 0 0 0; padding:10px 10px 10px 50px; overflow:auto; }
#footer a { color:#FFF }
#footer table { font-size:20px; margin:10px 0 0 0; width:450px; border:none}
#footer table td {vertical-align:top; padding:6px;  font-size:16px; }
#footer ul { padding:0; margin:0;  }
#footer ul li { margin-right:0px; padding-right:10px }
#footer h2 { font-size:16px;  font-size:20px }

#copyright { color:#FFF; padding:7px 0 7px 0; font-size:10px; text-align:center; background:#222; clear:both}

#projects {}
#projects h3 {  margin:10px 0 40px 0; font-size:13px }
#projects .progressBar { border:1px solid #EEE;  overflow:auto; text-align:right; height:20px; font-size:17px  }
#projects .progressBar div { background:#880000; text-align:left; height:20px; float:right;  }