/*

Theme Name: Egydes Blog Theme Version 2.0

Theme URI: http://egydes.com/blog

Description: Official Egydes Blog Theme 

Version: 2.0

Author: Husien Adel

Author URI: http://egydes.com/blog

Tags: gray, custom header, fixed width, two columns, widgets



*/









* { padding:0; margin:0; outline:none; text-decoration:none; border:0 none; }
.clear { clear:both }
/*---------------links ///////////*/

a:link, a:visited, a:active { text-decoration:none; color:#7f5814; }
a:hover { text-decoration:none; color:#000; }
body { padding:0; margin:0; direction:rtl; font-family:tahoma; color:#fff; font-size:12px; background:url(images/bg.jpg) repeat-x #383838; }
#wrap { width:1000px; margin:0 auto; overflow:hidden }
/*---------------Header ///////////*/



#header { width:1000px; height:280px; background:url(images/header.jpg) no-repeat }
.social-icons { width:128px; height:30px; float:right; margin:5px 170px 0 0; }
.social-icons ul li { list-style:none; display:inline; float:right; }
.social-icons ul li a:link, .social-icons ul li a:visited, .social-icons ul li a:active, .social-icons ul li a:hover { width:28px; height:30px; margin-right:2px; display:block; text-indent:-9999px; overflow:hidden; }
.tweets { width:300px; height:85px; float:left; margin:2px 0 0 48px; overflow:hidden }
.tweet { width:250px; height:53px; float:right; margin:2px 0px 0 0; font-size:11px; color:#fff; text-align:justify; overflow:auto; text-shadow:1px 1px 0px #000; }
.tweet a:link { text-decoration:none; color:#ffe82a; }
.tweet a:visited { color:#c5820e; }
.tweet a:hover { color:#fcfe3b; }
.tweet a:active { color:#feb73b; }
.rss a:link, .rss a:visited, .rss a:active, .rss a:hover { display:block; width:50px; height:80px; float:left; text-indent:-9999px; overflow:hidden }
#index { display:block; width:330px; height:120px; float:right; margin:5px 40px 0 0; overflow:hidden; text-indent:-9999px; }
.searchforms { width:248px; height:31px; float:left; margin:90px 0 0 15px; }
.search-text { width:165px; height:31px; background:url(images/srch-input.png) no-repeat; float:right; padding:0 5px 0 5px; border:0 none; color:#fff; font-family:tahoma; font-size:12px; margin:0px; }
.search-submit { width:69px; height:31px; float:right; background-color:transparent; border:0 none; padding:0; margin-right:-2px; }
.nav-pages { width:557px; height:22px; float:left; margin:30px 0 0 14px; padding-top:4px; }
.nav-pages ul li { list-style:none; display:inline; float:right; margin-right:26px; color:#fff; text-shadow:1px 1px 2px #000; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; }
.nav-pages ul li a:link, .nav-pages ul li a:visited, .nav-pages ul li a:active { text-decoration:none; color:#fff; }
.nav-pages ul li a:hover { color:#ffcd5d }
/*---------------Main page ///////////*/



#main { width:1000px; margin:0 auto; }
.top-content { width:1000px; height:50px; background:url(images/top-content.jpg) no-repeat; overflow:hidden; }
#page { width:1000px; background:url(images/content-bg.jpg) repeat-y; overflow:hidden }
.slideshow { width:644px; height:175px; background:url(images/slideshow-back.png) no-repeat; margin:0 auto 5px auto; display:none; }
.slideshow-img { width:610px; height:114px; margin:40px 18px 0 auto; float:right; border:1px solid #000; -moz-box-shadow: 0 0 5px #636363; -webkit-box-shadow: 0 0 5px #636363; box-shadow: 5px 5px 10px #636363; display:none; }
#content { width:667px; float:right }
/*---------------breadcumb ///////////*/



.breadcumb { width:631px; height:26px; background:url(images/bread-cumbp.png) no-repeat; margin:9px 22px 5px auto; padding:9px 10px 0 0; text-shadow:1px 1px 1px #000; color:#fff; }
.breadcumb a:link, .breadcumb a:visited, .breadcumb a:hover { text-decoration:none; color:#fff; }
.breadcumb a:active { text-decoration:none; color:#ffbe4c; }
/*---------------Post ///////////*/



.post { width:651px; margin:0 auto 22px auto; overflow:hidden; position:relative; }
.tags { position:absolute; right:25px; bottom:0; width:382px; height:42px; background:url(images/tags.png) no-repeat; color:#fff; font-size:11px; text-shadow:1px 1px 2px #000; padding:8px 35px 0 0; }
.tags a:link, .tags a:visited, .tags a:active { color:#fff; text-decoration:none; }
.tags a:hover { color:#FF3; }
.post-t { width:651px; height:72px; background:url(images/post_t.png) no-repeat }
.post-m { width:651px; background:url(images/post_m.png) repeat-y; overflow:hidden }
.post-thum { width:242px; height:194px; overflow:hidden; float:left; margin-right:14px; margin-bottom:5px; border:1px solid #d2d2d2; padding:0px; -moz-box-shadow: 0px 0px 3px 3px #cecece; -webkit-box-shadow:  0px 0px 3px 3px #cecece; box-shadow:  0px 0px 3px 3px #cecece; }
.post-b { width:651px; height:59px; background:url(images/post_b.png) no-repeat; }
.date { width:88px; height:47px; background:url(images/date-post.png) no-repeat; position:absolute; top:75px; right:0; text-align:center; color:#fff; text-shadow:1px 1px 1px #000; font-size:11px; padding-top:15px; }
.date a:link, .date a:visited, .date a:active, .date a:hover { text-decoration:none; color:#fff; }
.post-meta { width:102px; height:132px; background:url(images/post-meta.png) no-repeat; position:absolute; top:140px; right:0; }
.cat { width:75px; height:24px; text-align:center; color:#fff; text-shadow:1px 1px 1px #000; display:block; margin:54px auto 0 auto; }
.cat a:link, .cat a:visited, .cat a:active { text-decoration:none; color:#fff; }
.cat a:hover { text-decoration:none; color:#ffe776; }
.views { width:75px; height:24px; text-align:center; color:#fff; text-shadow:1px 1px 1px #000; display:block; margin:14px auto 0 auto; }
.views a:link, .views a:visited, .views a:active { text-decoration:none; color:#fff; }
.views a:hover { text-decoration:none; color:#ffe776; }
.post-entry { width:510px; overflow:hidden; font-family:tahoma; font-size:12px; line-height:150%; text-align:justify; color:#000; float:left; margin:0 0 0 30px; }
.post-entry a:link { text-decoration:none; color:#bf8218; }
.post-entry a:active { color:#a06700; }
.post-entry a:hover { color:#c48711; }
.post-entry a:visited { color:#d14a0f }
.post-entry h1 { font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; color:#393939; margin:4px 0 5px 0; border-bottom:3px solid #cccccc; padding-bottom:5px; }
.post-entry h2 { font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; color:#393939; margin:4px 0 5px 0; border-bottom:3px solid #cccccc; padding-bottom:5px; }
.post-entry h3 { font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#393939; margin:4px 0 5px 0; border-bottom:3px solid #cccccc; padding-bottom:5px; }
.post-entry h4 { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#393939; margin:4px 0 5px 0; border-bottom:3px solid #cccccc; padding-bottom:5px; }
.post-entry h5 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#393939; margin:4px 0 5px 0; border-bottom:3px solid #cccccc; padding-bottom:5px; }
.post-entry h6 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#393939; margin:4px 0 5px 0; border-bottom:3px solid #cccccc; padding-bottom:5px; }
.post-entry ul li { margin-right:10px; line-height:150%; }
.post-entry p { margin-bottom:15px; text-align:justify; }

.post-entry .red { width:520px; margin:4px auto 5px auto; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; background-color:#fff5f7; border:1px solid #f9e6ea; color:#b84646; text-shadow:1px 1px 1px #fff; padding:10px; }
.red p { margin:0 auto; text-align:justify; line-height:160%;}
.red ul li { list-style:none; margin-right:10px; line-height:140%; font:bold 15px Arial, Helvetica, sans-serif;}
.red ul li a {color:#b84646 !important;}

.post-entry .green { width:520px; margin:4px auto 5px auto; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; background-color:#f3ffe4; border:1px solid #e2f8c7; color:#455f3d; text-shadow:1px 1px 1px #fff; padding:10px; }
.green p { margin:0 auto; text-align:justify; line-height:160%;}
.green ul li {list-style:none; margin-right:10px; line-height:140%; font:bold 15px Arial, Helvetica, sans-serif;}
.green ul li a {color:#455f3d !important;}


.post-entry .gray { width:520px; margin:4px auto 5px auto; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; background-color:#f5f5f5; border:1px solid #e1e1e1; color:#333; text-shadow:1px 1px 1px #fff; padding:10px; }
.gray p { margin:0 auto; text-align:justify; line-height:160%;}
.gray ul li { list-style:none; margin-right:10px; line-height:140%; font:bold 15px Arial, Helvetica, sans-serif;}
.gray ul li a {color:#333 !important;}

.post-entry .yellow { width:520px; margin:4px auto 5px auto; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; background-color:#fffbd1; border:1px solid #efe89c; color:#b4771f; text-shadow:1px 1px 1px #fff; padding:10px; }
.yellow p { margin:0 auto; text-align:justify; line-height:160%;}
.yellow ul li { list-style:none; margin-right:10px; line-height:140%; font:bold 15px Arial, Helvetica, sans-serif; color:#b4771f;}
.yellow ul li a {color:#b4771f !important;}



.post-entry .download { width:200px; height:20px; padding:5px; text-align:center; color:#000; background-color:#ffdb9c; text-shadow:1px 1px 0 #fff; }
.post-title { width:535px; height:26px; float:right; margin:20px 20px 0 0; padding:4px 5px 0 0; }
.post-title h2 { font-family:Arial, Helvetica, sans-serif; font-size:14pt; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #000; }
.post-title h2 a:link, .post-title h2 a:visited, .post-title h2 a:active { text-decoration:none; color:#fff; }
.post-title h2 a:hover { text-decoration:underline; color:#fff196; }
.com { width:31px; height:20px; float:left; margin:27px 0 0 44px; text-align:center; font-family:tahoma; font-size:11px; text-shadow:1px 1px 1px #000; }
.com a:link, .com a:visited, .com a:active { color:#FFF; }
.com a:hover { color:#FF3; }
.more-link { position:absolute; width:162px; height:32px; background:url(images/more-bg.png) no-repeat; text-align:center; font-size:12px; text-shadow:1px 1px 1px #000; left:35px; bottom:0; padding-top:7px; cursor:pointer; font-weight:bold; color:#fff; overflow:hidden; text-indent:-9999px; }
/*---------------sidebar ///////////*/



#sidebar { width:318px; float:left; }
.sidebar { width:302px; margin:0 auto }
.sidebar-t { width:302px; height:113px; background:url(images/slidebar_t.png) no-repeat; color:#fff; text-align:center; text-shadow:1px 1px 1px #000; overflow:hidden }
.des { width:212px; height:51px; text-align:center; color:#fff; text-shadow:1px 1px 1px #000; margin:35px 44px 0 0; }
.des a:link, .des a:visited, .des a:active { display:block; width:212px; height:50px; background:url(images/need_servic.png) 0 0 no-repeat; }
.des a:hover { width:212px; height:51px; background:url(images/need_servic.png) 0 -49px no-repeat; }
.sidebar-m { width:302px; background:url(images/slidebar_m.png) repeat-y; overflow:hidden }
/*---------------Widget ///////////*/

.widget { clear:both; width:278px; margin:0 auto 15px auto; }
.widget-t { width:278px; height:26px; background:url(images/wigdet_header.png) no-repeat; text-align:center; color:#fbcc53; text-shadow:1px 1px 2px #000; padding-top:35px; margin-bottom:9px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; }
.widget-t a:link, .widget-t a:visited, .widget-t a:active { text-decoration:none; color:#fbcc53; }
.widget-t a:hover { color:#fff }
.widget-m { width:267px; margin:0 auto; padding:0 10px 0 10px; color:#fff; }
.widget-m ul li { list-style:none; width:257px; text-shadow:1px 1px #000; line-height:180%; background:url(images/bar.png) bottom center no-repeat; padding:0 5px 5px 5px; }
.widget-m ul li a:link, .widget-m ul li a:visited, .widget-m ul li a:active { color:#fff; text-decoration:none; }
.widget-m ul li a:hover { color:#fbcc53; text-decoration:none; }
.widget-m a:link, .widget-m a:visited, .widget-m a:active { color:#fff; text-decoration:none; }
.widget-m a:hover { color:#fbcc53; text-decoration:none; }
.widget-m select { min-width:150px; font-family:tahoma; font-size:12px; border:1px solid #ccc; margin-right:10px; }
.sidebar-b { width:302px; height:38px; background:url(images/slidebar_b.png) no-repeat }
/*---------------Footer ///////////*/

.big-footer { width:auto; height:212px; background:url(images/footer-bg.jpg) repeat-x; }
.footer { width:1000px; height:212px; background:url(images/footer.jpg) no-repeat; margin:0 auto; }
.about { width:345px; height:110px; float:right; margin:74px 126px 0 0; text-align:justify; font-size:11px; text-shadow:1px 1px 1px #000; line-height:150%; }
.footer-l { width:401px; height:135px; float:left; margin:65px 0 0 0; }
.projetcs { width:352px; height:90px; float:left; margin:15px 0 0 0; }
.projetcs ul li { list-style:none; font-size:12px; color:#fff; text-shadow:1px 1px 1px #000; width:320px; margin-right:35px; line-height:180%; }
.projetcs ul li a:link, .projetcs ul li a:visited, .projetcs ul li a:active { text-decoration:none; color:#fff; }
.projetcs ul li a:hover { color:#ffe743; }
.footer-links { width:391px; height:20px; margin:8px 0 0 6px; float:left }
.footer-links ul li { list-style:none; display:inline; float:right; margin-right:14px; color:#fff; text-shadow:1px 1px 2px #000; }
.footer-links ul li a:link, .footer-links ul li a:visited, .footer-links ul li a:active { text-decoration:none; color:#fff; }
.footer-links ul li a:hover { text-decoration:none; color:#ffde58; }
.center, .pagetitle { width:90%; margin:10px auto 14px auto; font-family:Arial, Helvetica, sans-serif; font-size:22px; text-align:center; font-weight:bold; color:#fff; text-shadow:1px 1px 2px #000; }
.navigation { width:95%; margin:10px auto 10px auto; }
.alignleft { float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#fff; text-shadow:1px 1px 2px #000; }
.alignleft a:link, .alignleft a:visited, .alignleft a:active { text-decoration:none; color:#fff }
.alignleft a:hover { text-decoration:none; color:#ffb43d }
.alignright { float:right; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#fff; text-shadow:1px 1px 2px #000; }
.alignright a:link, .alignright a:visited, .alignright a:active { text-decoration:none; color:#fff }
.alignright a:hover { text-decoration:none; color:#ffb43d }
/*--------------------// Comments//-------------------*/







blockquote { margin: 15px 30px 0 10px; padding: 8px; color: #8b8b8b; border-right:5px solid #8b8b8b }
blockquote cite { margin: 5px 0 0; display: block; }
.postmetadata-alt { width:95%; margin:0 auto; font-family:tahoma; font-size:12px; color:#000; text-align:justify; line-height:130%; border:1px solid #ccc; background-color:#e6e6e6; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; margin:5px auto 10px auto; }
#respond h3, #comments { text-align:center; display:block; padding:5px; color:#fff; width:80%; margin:0 auto 7px auto; text-shadow:1px 1px #000; border:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; background-color:#474747; -moz-border-radius:5px; -webkit-border-radius:5px; }
.commentlist li .avatar { float: right; padding: 1px; background: #F9D2DA; margin-left:5px; }
.commentlist cite, .commentlist cite a { font: bold 12pt arial; font-style:normal; color:#c58623; }
.commentlist p { line-height:20px; margin:0 5px 5px; color:#65460b; }
.alt { padding: 10px; }
.commentlist li { border: 1px solid #000; margin: 15px 4px 10px 5px; width:85%; margin-right:20px; list-style:none; padding:  10px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 5px 5px 10px #000; }
.commentlist li ul li { margin-left: -5px; margin-right: 20px; }
#commentform p { margin: 5px 15px 0 0; }
#commentform p a:link, #commentform p a:visited, #commentform p a:active, #commentform p a:hover { text-decoration:none; color:#ffb80f }
.nocomments { text-align: center; }
.commentmetadata { display: block; font-size:90%; margin-bottom:18px; border-bottom:1px solid #c58623; color:#000; padding:5px 10px 15px; }
.commentmetadata a:link, .commentmetadata a:visited, .commentmetadata a:active, .commentmetadata a:hover { color:#000; text-decoration:none }
.reply a { background:#5e5e5e; padding:3px 5px 5px; display:block; width:20px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; color:#FFF !important; text-shadow:1px 1px 2px #000; }
.says { display:none }
.thread-alt, .thread-even .alt { background-color: #fff; }
.thread-alt .odd, .thread-even { background-color: #fff; }
.bypostauthor { background-color:#fff9d0; border:2px solid #fff; }
.bypostauthor:hover { border: 1px solid #000 !important; }
#commentform input { width:175px; margin-right:15px; }
textarea { width: 75%; margin-right:15px; }
textarea, input { background: #fff; border: 1px solid #ccc; color: #000; margin-bottom:7px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:4px 8px; font: normal 10pt tahoma; }
#commentform input:hover, #commentform textarea:hover { border: 1px solid #ccc; }
#commentform input:focus, #commentform textarea:focus { border: 1px solid #ccc; background:#FFF; }
.edit { margin-right:25px; width:200px; }
/* 

Coldskin #2 for Contact Coldform WordPress Plugin

@ http://perishablepress.com/press/2008/01/08/contact-coldform/ 

@ http://perishablepress.com/press/2008/01/08/contact-coldskins/ 

*/



div#coldform * { padding: 0; margin: 0; border: 0; }
div#coldform { font-family: Tahoma; background-color: #484848; border: 3px solid #000000; font-size: 10px; margin: 11px 0; width: 500px; color: #777; }
div#coldform fieldset { border: 0 none; display: block; clear: both; }
div#coldform legend.hide { display: none; }
}
.input:focus, textarea:focus { border: 1px solid #777; color: #aaa; }
div#coldform label.label { font-size: 1.1em; display: block; margin: 5px 0; padding-top: 5px; width: 177px; clear: left; float: left; }
div#coldform label.label2 { color:#888888; display:block; font-family:Tahoma; font-size:12px; padding-bottom:10px; width:463px; float:left; clear:left; }
div#coldform input.input { font-family: Tahoma; border: 1px solid #7B7B7B; background: #222; padding: 3px 3px; font-size: 12px; margin-top: 10px; margin-right: 10px; display: block; width: 300px; color: #888; clear: right; float: right; }
div#coldform textarea#coldform_message { font-family: tahoma; border: 1px solid #7B7B7B; background: #222; padding: 1px 3px; font-size: 12px; margin-top: 10px; margin-right: 10px; display: block; width: 470px; color: #888888; clear: right; float: right; }
div#coldform input.submit { font-family: Tahoma; border: 1px solid #7B7B7B; margin: 7px 10px 10px 0; background: #222; font-size: 12px; cursor: pointer; display: block; padding: 3px; width: 308px; color: #888; clear: right; float: right; }
div#coldform input.check { display:block; margin: 0; padding-bottom: 5px; width:37px; float:right; clear:right; }


.img-center { width:500px; margin:5px 45px 5px 0; border:3px solid #ccc; -moz-box-shadow:0 0 3px 3px #ccc; -webkit-box-shadow:0 0 3px 3px #ccc; box-shadow:0 0 3px 3px #ccc; -o-box-shdow:0 0 3px 3px #ccc;}