/*
Theme Name:GoAsh
Theme URI:http://ahmedhamouda.me
Description:A plain and simple theme that just works. Fixed width, two columns, left sidebar, standards compliant.
Version:3.0
Author:Ahmed Hamouda
Author URI:http://ahmedhamouda.me
Tags:fixed-width, two-columns, right-sidebar, blue, white, light, threaded-comments
*/
@import url('RO-CSS-Boxes.css');
*{
border:0 none;
margin:0;
padding:0;
outline:none;
list-style:none;
}
html, body{
height:100%;
}
html{
background:url(img/bg.png) repeat center fixed;
}
body{
font-size:12px;
font-family:'Tahoma', Sans-Serif, Arial, Lucida Grande;
color:#555;
background:url(img/body.png) repeat-x scroll 0 0 transparent;
}
a{
text-decoration:none;
color:#0873ae;
}
a:hover{
color:#E07009;
}
abbr{
border-bottom:1px dotted #333333;
cursor:help;
}
#page{
width:880px;
margin:0 auto;
padding:0px;
}
#roof{
width:550px;
padding:5px;
}
#gmailchat{
float:right;
background:#fff url(img/talk.gif) repeat-x center top;
font:9pt/21px;
width:253px;
padding:1px;
border:1px solid #eeebee;
height:21px;
margin:20px 0;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#gmailchat img{
float:right;
margin-left:5px;
}
.chatbox{
margin:4px 57px 0 0;
text-align:center;
}
#chatst{
margin-top:2px;
}
#chatlink{
color:#000;
display:block;
float:right;
width:97px;
text-decoration:none;
text-shadow:none;
}
#chaticon img{
margin:2px 5px 0;
}
#chatlink:hover{
color:#68A908;
}
#header{
padding:20px;
width:900px;
height:225px;
margin:0 -30px -20px 0;
background:url(img/head.png) no-repeat center top;
}
#headerbg{
background:url(img/lit.png) no-repeat center top;
height:225px;
margin-top:-20px;
padding-top:20px;
}
#headimg{
background:url(img/logo.png) no-repeat scroll center top;
float:right;
height:118px;
width:300px;
margin:10px 0 20px;
}
#headimg:hover{
background:url(img/logo.png) no-repeat scroll center -120px;
}
#headimg span{
display:none;
}
#social{
float:right;
margin-top:20px;
}
#social img:hover{
opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
#hmenu{
float:none;
}
#hmenu ul{
display:inline;
margin:0;
padding:0;
}
#hmenu ul li{
padding:0;
display:inline;
}
#hmenu ul li a{
font:bold 17px Arial;
color:#aaa;
display:block;
text-decoration:none;
padding:8px 20px;
text-align:center;
margin:-5px 0 0;
float:right;
}
#hmenu ul li a:hover{
color:#fff;
}
#hmenu ul li.current_page_item a{
color:#fff;
background:url(img/roof.png) repeat scroll;
}
#hmenu ul li.public a{
color:#F79635;
}
#hmenu ul li.public a:hover{
color:#fff;
}
#searchform input{
background:#fff url(img/search.gif) no-repeat center left;
height:19px;
width:229px;
padding:7px 7px 7px 60px;
border:2px solid #ccc;
font-size:15px;
line-height:19px;
margin:10px 0;
}
#searchform input:hover, #searchform input:focus{
border-color:#F79635;
}
#searchform label{
display:none;
}
#blockbg{
padding:20px;
width:900px;
height:225px;
margin:0 -30px -20px 0;
background:url(img/block.png) no-repeat center;
}
#block{
background:url(img/lit.png) no-repeat center top;
width:860px;
height:225px;
margin-top:-20px;
margin-right:23px;
color:#fff;
}
#block p{
font-size:14px;
text-shadow:0 0 1px #000;
}
#block a{
color:#ccc;
text-shadow:0 0 2px #000;
}
#block a:hover{
color:#E07009;
}
.divide{
height:200px;
width:2px;
margin:0 11px;
display:block;
float:right;
background:url(img/divide.png) repeat-y center;
}
.tagscloud{
width:267px;
float:right;
overflow:hidden;
}
.tagscloud a{
line-height:20px;
}
.tagscloud h2{
background:url(img/tag.png) no-repeat scroll right 0;
color:#fff;
text-shadow:0 1px 0px #000;
padding:0 40px 10px 0;
}
.flickr{
width:267px;
float:right;
overflow:hidden;
}
.flickr_badge_image{
}
.flickr_badge_beacon {
display:none;
}
.flickr img{
border:1px solid #ccc;
float:right;
margin:2px;
padding:2px;
opacity:0.6;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.flickr img:hover{
opacity:1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.flickr h2{
background:url(img/imgs.png) no-repeat scroll right 0;
color:#fff;
text-shadow:0 1px 0px #000;
padding:0 40px 10px 0;
}
.follow{
width:267px;
float:right;
}
.follow h2{
background:url(img/follow.png) no-repeat scroll right 0;
color:#fff;
text-shadow:0 1px 0px #000;
padding:0 40px 10px 0;
}
#footer{
width:870px;
float:left;
background:#fff url(img/foot.gif) repeat-x center bottom;
height:27px;
padding:5px;
}
#footer p.right{
line-height:27px;
font-family:'Microsoft Sans Serif', Tahoma, Sans-serif, Arial, Helvetica;
font-size:15px;
}
#footer p.left{
line-height:27px;
font-family:'Microsoft Sans Serif', Tahoma, Sans-serif, Arial, Helvetica;
font-size:15px;
float:left;
}
#wrap{
background:#0080c0 url(img/sdbg.gif) repeat center;
width:880px;
display:inline-block;
-moz-border-radius:0px 10px 0px 0px;
-webkit-border-radius:0px 10px 0px 0px;
}
#sidebar{
background:#0080c0 url(img/sdbg.gif) repeat center;
width:300px;
padding:10px;
float:left;
margin-top:-37px;
}
#sdbg{
background:url(img/sdbg.png) repeat-x top center;
padding:10px;
margin:-10px;
*background:none;
}
#content{
background:url(img/wrap.png) repeat-x top #fff;
float:right;
width:530px;
padding:10px 15px;
-moz-border-radius:0px 10px 0px 0px;
}
.post{
width:520px;
text-align:justify;
padding:5px 0;
background:url(img/masthead.png) bottom center no-repeat;
}
.firstpost{
background:#000 url(img/lit.png) no-repeat center top;
padding:20px 10px;
width:520px;
margin:-3px -8px -8px !important;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-bottom:none !important;
}
.firstpost p{
color:#fff;
direction:rtl;
font-family:Tahoma,sans-serif;
font-size:13px;
line-height:22px;
text-align:justify;
}
.firstpost a{
color:#F79635;
}
.firstpost a:hover{
color:#6A9CC0;
}
.post h2{
line-height:53px;
}
.post{
margin:20px 0;
border-bottom:1px dashed #ccc;
}
.postmetadata{
background:url(img/pdata.png) no-repeat center;
width:48px;
height:48px;
margin-left:10px;
text-align:center;
float:right;
line-height:24px;
}
.postmetadata p{
font-size:10px;
color:#fff;
display:inline;
}
.postmetadata small a{
color:#fff !important;
font-size:9px;
}
.pmd{
border:1px solid #DFDFDF;
width:500px;
padding:10px;
margin:20px 0;
background:#EDEDED;
font-size:13px;
}
.pmd h2{
font-size:22px;
color:#002E62;
}
.more-link{
text-align:left;
margin:5px 0;
display:block;
padding:5px 10px;
background:wheat url(img/more.png) no-repeat 92% center;
width:50px;
border:1px solid wheat;
}
.more-link:hover{
border:1px solid;
}
.entry {
color:#000;
direction:rtl;
font-family:Tahoma,sans-serif;
font-size:13px;
line-height:22px;
text-align:justify;
}
.entry ul, .entry ol, .related_post ul{
margin:15px 0;
}
.related_post li{
display:inline;
}
.related_post img{
border:1px solid #DDD;
margin-left:7px;
padding:3px;
width:85px;
height:113px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.related_post img:hover{
opacity:1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.entry ul li, .entry ol li{
margin-right:20px;
padding-right:20px;
list-style:none;
background:url(img/dot.png) no-repeat scroll 100% 3px transparent;
}
.desc{
float:left;
margin:-29px 0 0 7px;
color:#fff;
text-shadow:0 0 2px #fff;
}
#sidebar{
color:#fff;
font-size:12px;
line-height:22px;
text-align:right;
}
#sidebar h2{
text-shadow:0 1px 0px #000;
color:#fff;
font:50px Traditional Arabic, Arial, Verdana, Lucida Grande, Sans-Serif;
line-height:50px;
margin:20px 0 10px;
}
#sidebar a{
color:#fafafa;
text-shadow:0 0 1px #000;
}
#sidebar a:hover{
color:#F79635;
}
#sidebar ul{
margin:0 0 10px;
}
#sidebar ul li li{
margin-right:15px;
list-style:none inside;
background:url(img/list.png) no-repeat scroll 100% 50%;
padding-right:20px;
font-size:12px;
font-weight:bold;
line-height:24px;
}
#sidebar li.cat-item {
text-align:left;
margin-left:5px;
text-shadow:0 0 1px #000;
color:#F79635 !important;
}
#sidebar li.cat-item a{
float:right !important;
margin-right:-5px;
}
.myicons li {
	background:none !important;
	padding-right:0 !important;
}
.myicons img {
	margin-left:5px;
	vertical-align:middle;
}
h1, h2, h3, h4, h5{
font-family:'Arial', Verdana, Lucida Grande, Sans-Serif;
color:#002E62;
margin:5px 0 0;
}
h1{font-size:32px;}
h2{font-size:27px;}
h3{font-size:22px;margin:25px 0 10px;}
h4{font-size:17px;margin:25px 0 10px;}
h5{font-size:12px;margin:25px 0 10px;}
/* Images */
img.centered{
display:block;
margin-left:auto;
margin-right:auto;
}
img.alignright{
margin:0 0 2px 5px;
display:inline;
}
img.alignleft{
margin:0 5px 2px 0;
display:inline;
}
.alignright{
float:right;
}
.alignleft{
float:left
}
.postthumb{
float:left;
border:1px solid #DDD;
margin:0px 10px 2px 0;
padding:3px;
+padding-bottom:0;
}
/* Captions */
.aligncenter,
div.aligncenter{
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption{
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
margin:5px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.wp-caption img{
margin:0;
padding:0;
border:0 none;
}
.wp-caption p.wp-caption-text{
font-size:11px;
line-height:17px;
padding:0 4px 5px;
margin:0;
}
/* End captions */


/* Comments */
.commentlist{
margin:20px 0;
}
.commentlist li{
list-style-type:none;
font:0.9em 'Tahoma', Verdana, Arial, Sans-Serif;
margin:5px 0;
padding:10px 10px 15px;
background-color:#E3F4F9;
text-align:justify;
font-weight:normal;
border:1px solid #DFDFDF;
width:500px;
min-height:80px;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
}
.commentlist li.alt{
background-color:#E4F2FD;
border:1px solid #DFDFDF;
}
#commentform textarea{
width:490px;
height:125px;
border:1px solid #e3e3e3;
padding:15px;
margin:15px 0;
font:Bold 12pt/22px Arial;
color:#828282;
background:url(img/textarea.png) repeat-x scroll center top #FFFFFF;
}
#commentform input{
font:Bold 12pt/22px Arial;
color:#828282;
border:1px solid #e3e3e3;
padding:2px;
}
#commentform input:focus, #commentform textarea:focus, #commentform input:hover, #commentform textarea:hover{
border-color:#ccc;
}
#respond #author{
background:url(img/name.jpg) no-repeat scroll 0 50% #fafafa;
height:21px;
margin-bottom:5px;
padding:7px 7px 7px 25px;
width:222px;
float:right;
}
#respond #email{
background:url(img/mail.jpg) no-repeat scroll 0 50% #fafafa;
height:21px;
margin:0 0 5px 8px;
padding:7px 7px 7px 25px;
width:222px;
float:left;
}
#respond #url {
background:url(img/url.jpg) no-repeat scroll 0 50% #fafafa;
height:21px;
margin-bottom:5px;
padding:7px 7px 7px 25px;
width:222px;
float:right;
}
#respond #submit {
background:url(img/button.png) repeat-x center #4C9800;
border:2px solid #459300;
height:37px;
margin:0 0 5px 8px;
width:256px;
color:#fff;
font:17px/35px 'Microsoft Sans Serif',Tahoma,Sans-serif,Arial,Helvetica;
float:left;
padding:7px 7px 7px 25px;
*padding:0;
*border:1px;
}
p.gravatar{
background:#FEF6D2 url(img/light.png) no-repeat scroll 98% 50%;
border:1px solid #EFE3AE;
color:#000;
width:480px;
text-align:right;
padding:5px 35px 5px 5px;
margin-top:10px;
}
p.warncomment{
background:#FCF9CE url(img/comment.png) no-repeat scroll 98% 50%;
border:1px solid #DFDCAA;
color:#000;
width:480px;
text-align:right;
padding:5px 35px 5px 5px;
margin:10px 0;
font-size:11px;
}
#commentform ol{
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.commentlist li ul li{
font-size:1em;
}
.commentlist ol{
list-style-position:outside;
list-style-type:none;}
.commentlist li .avatar{
float:left;
border:1px solid #7a7a7a;
padding:2px;
margin-left:10px;
background:#f0f0f0;
}
.commentlist cite, .commentlist cite a{
font:bold 18px Arial;
text-decoration:none;
}
.commentlist p{
font-weight:normal;
line-height:18px;
width:325px;
Text-align:justify;
text-transform:none;
font-size:12px;
margin-right:65px;
}
#commentform p{
font-family:'Tahoma', Verdana, Arial, Sans-Serif;
}
.vcard{
margin-bottom:5px;
}
.commentem{
background:none repeat scroll 0 0 #FFD9C8;
border:1px solid #F0BAA2;
color:#222222;
display:block;
font-style:normal;
margin:5px 66px 0 0;
padding:5px;
width:300px;
}
.comment-author{
font-size:12px;
font-weight:bold;
margin-right:50px;
}
.commentlist li.bypostauthor {
background:#0080c0 url(img/sdbg.gif) repeat center;
color:#fff;
border-color:#002e62;
}
.commentlist li.bypostauthor a{
color:#000;
}
.commentlist li.bypostauthor a:hover{
color:#E07009;
}
.comment-meta{
background:url(img/wrap-trans.png) repeat-x scroll center top;
border-left:1px solid #ccc;
float:right;
font-size:16px;
font-weight:bold;
height:90px;
margin:-10px -10px 0 10px;
padding:8px 8px 3px;
text-align:center;
text-decoration:none;
width:48px;
}
.commentmetadata, .commentmetadata a{
font-weight:bold;
text-decoration:none;
color:#777;
}
.commenttime{
font:Bold 10px Tahoma;
padding-top:20px;
color:#ccc;
}
p.subscribe-to-comments{
padding-right:20px;
margin-bottom:15px;
background:url(img/subs.png) no-repeat 100% 0px;
line-height:19px;
font-weight:bold;
float:right;
}
p.commentrss{
padding-right:20px;
margin:0 0 15px 8px;
background:url(img/rss.png) no-repeat 100% 0px;
line-height:19px;
font-weight:bold;
float:left;
}
.widget_archive{
}
blockquote{
background: #FCF9CE url(images/bquotes.gif) right -3px no-repeat;
padding-right:35px;
padding-left:10px;
width:475px;
margin: 10px 0 0 10px;
font-family: tahoma;
border:1px solid #DFDCAA;
}
code{
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps{
font-size: 0.9em;
letter-spacing: .07em;
}