 /*

Theme Name: Scratch 3

Theme URI: http://www.waelh.com/

Description: Customized theme for wael hamdan's blog. A Grungy/Desktopg design.

Author: Wael Hamdan

Author URI: http://www.waelh.com

*/



*,html {
margin:0;
padding:0;
}

body{
font-family: arial,verdana, helvetica, sans-serif;
font-size: 12px;
color:#000000;
direction:rtl;
margin:0px auto;
background:url('images/bg.jpg');
} 
a{
color:#e48803;
text-decoration:none;
}
a:hover{
color:#fa9504;
}
#header{
background-image: url(images/head.png);
height: 649px;
margin:0 auto;
width:1124px;
background-repeat: no-repeat;
position:relative;
}
#header-single{
background-image: url(images/header-single.png);
height: 649px;
margin:0 auto;
width:1124px;
background-repeat: no-repeat;
position:relative;
}
.entry-single{

}
#single-post{
float:right;
margin-top:-150px;
padding-right:20px;
width:650px;
position:relative;
}

.entry-single a{
border-bottom:1px dotted;
}
.entry-single ul {
padding-right:40px;
font-size:14px;
line-height:20px;
font-family:tahoma;
list-style:square;
}
.entry-single ol {
padding-right:40px;
font-size:14px;
line-height:20px;
font-family:tahoma;

}
#single-post p{
font-family:tahoma;
font-size:14px;
line-height:20px;
margin-bottom:10px;
}
#single-post p.imgC a:hover {
opacity:0.8;
}
#single-post p.imgC a {
border:none;
}
#single-post h1{
background:url('images/border.png') no-repeat right;
display:block;
margin-bottom:5px;
margin-right:-20px;
margin-top:10px;
padding-right:25px;
width:650px;
text-shadow:0 1px 0 #CCCCCC;
}
#single-post h1 a {
border-bottom:none;
}
#single-post p.imgC {
background-color:#F5F5F2;
border:1px solid #E9E8E6;
margin-bottom:15px;
margin-top:15px;
padding-bottom:6px;
padding-top:10px;
text-align:center;
}
img.alignleft{
background:#F5F5F2;
border:1px solid #E9E8E6;
float:left;
margin:5px 5px 0;
padding:7px;
}
img.alignleftnone{
float:left;
}
img.alignrightnone{
float:right;
}

img.alignright{
background:#F5F5F2;
border:1px solid #E9E8E6;
float:right;
margin:5px 5px 0;
padding:7px;
}

#wrapper
{
background:url(images/content_bg.png) repeat-y;
width:1124px;
margin:0 auto;
padding: 0px;

}
#content, #content-single {
margin:0 auto;
width:1024px;
}
#content-single h1{
display:block;
background:red;
width:1000px;

}
#sidebar {
width:300px;
float:left;
}
.post {
width: 724px;
margin-bottom:15px;
margin-right:-6px;


}
#about_discription{

}
#about{
color:#5A361E;
float:left;
font-size:18px;
margin-left:81px;
margin-top:390px;
width:233px;
}
.side-box{


}
.side-content{
padding-right:25px;
color:#5B3600;
}
.side-content a{
color:#5B3600;
}
.side-content a:hover{
color:#744500;
}
.side-content ul{
list-style:none;
}
.side-content ul li a{
display:block;
background:url('images/line-side.png') no-repeat bottom;
font-size:17px;
padding:10px;
margin-right:-25px;
font-weight:bold;
color:#5B3600;
}
.side-content ul.cate li  a{
font-size:18px;
text-shadow:1px 1px white;
}


.side-content ul li{

}
.side-content ul li a:hover{
background:#e5dbb6 url('images/line-side.png') no-repeat bottom ;
color:#744500;
}
.side-content p{
background:none repeat scroll 0 0 #E5DBB6;
border:1px solid #EDE3BE;
font-size:15px;
line-height:2;
margin-right:-15px;
padding:5px;
width:267px;
font-weight:bold;
}

.side-content p.tags {
background:none repeat scroll 0 0 #E5DBB6;
border:1px solid #EDE3BE;
margin-right:-15px;
padding:5px;
width:267px;
font-size:13px;
font-weight:normal;
line-height:normal;
}
.side-content select {
border:1px solid #D3C9A7;
cursor:pointer;
color:#575757;
font-size:15px;
height:25px;
margin-bottom:40px;
margin-right:-15px;
}
#flickr-pic img{
width:250px;
}

.side-title{
background:url('images/sidebar_title.png') no-repeat;
width:324px;
height:84px;

}
.side-title h1{
color:#ffffff;
padding:30px;
text-shadow:0 1px 0 #000000;
}
#featured{
margin-right:43px;
margin-top:445px;
float:right;
width:700px;
}


/*#tit{
min-width:700px;
padding-right:10px;
border-bottom-style:dashed;
border-bottom-color:#999999;
border-bottom-width:1px;
}
#title {
text-decoration:none;
color:#7B3D17;
font-weight:bold;
font-size:30px;
}*/
.posts{
padding-top:20px;
width:700px;
float:right;
}
.posts2{
margin-top:-150px;
width:700px;
float:right;
position:relative;
}
.post h1 a {
padding:15px;
padding-right:40px;
display:block;
background:url('images/heading.jpg') no-repeat;
color:#352414;
text-decoration:none;
text-shadow:0 1px 0 #ffffff;
font-size:26px;
}
.post h1 a:hover {
background:url('images/heading2.jpg') no-repeat;
text-shadow:0 0px 0 #CCCCCC;

}
.heading{
background:url('images/heading.jpg') no-repeat;
width:693px;
height:70px;
margin-right:19px;
}
.entry_contant {
text-align: justify;
font-size:13px;
width: 700px;
font-family:Tahoma;
line-height:18px;
margin:0 auto;
min-height:230px;
background:url('images/post-bg.jpg') repeat-y;
}
.entry-thumb {
margin-right:40px;
width:200px;
height:220px;
margin-left:10px;
background:url('images/shadow.jpg') no-repeat;
float:right;
margin-top:10px;

}
.entry-thumb img {
width:200px;
height:200px;
}
.post-foot{
width: 700px;
height:55px;
background:url('images/by.png') no-repeat;
margin:0 auto;
}
.by{
color:gray;
float:left;
padding-left:30px;
padding-top:20px;
}
.by a{
text-decoration:none;
color:#e48803;
}
.by a:hover{
color:#fa9504;
}
.more a{
float:right;
display:block;
background:url('images/more.jpg') center no-repeat;
width:98px;
height:43;
padding-right:40px;
text-decoration:none;
font-size:14px;
line-height:51px;
color:white;
font-weight:bold;
margin-right:10px;
margin-top:5px;
}
.more a:hover{
opacity:0.8;
}
.excerpt{
width:675px;
padding-top:10px;
}
#footer {
background-image: url('images/footer.png');
height: 530px;
width:1124px;
background-repeat: no-repeat;
margin:0 auto;
clear:both;
overflow-x:hidden;
}
#page-nav{
direction:rtl;
width:600px;
margin-right:55px;
padding-bottom:50px;
}
#page-nav a{
color:white;
text-decoration:none;
padding:2px 6px;
background:#e48803;
border:1px solid #fa9504;

}
#page-nav a:hover{
background:#fa9504;
border:1px solid #e48803 ;

}
#featured-single{
background:url('images/featured-single.png') no-repeat;
float:left;
width:700px;
height:280px;
margin-top:-5px;
margin-left:63px;
}
#top-menu{
float:right;
margin-right:45px;
margin-top:170px;
}
#excerpt{
width:410px;
margin-left:40px;
margin-top:20px;
float:left;
font-family: arial,verdana, helvetica, sans-serif;
font-size: 12px;
}
#excerpt p{
font-family:Tahoma;
font-size:13px;
line-height:18px;
text-align:justify;
color:#575757;
}
#excerpt h1{
font-family:ae_ostorah;

}
#excerpt h1 a{


}
#entry-thumb-single{
margin-right:40px;
width:200px;
height:220px;
margin-left:10px;
background:url('images/thumb-single.png') no-repeat;
float:right;
margin-top:26px;
}
#entry-thumb-single img{
width:200px;
height:200px;

}
#cat{
color:#333333;
}
#note{
background:url("images/note.jpg") no-repeat;
height:94px;
margin-right:30px;
margin-top:30px;
width:600px;
}
#note p{
color:#999999;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding:15px;
}
#comments{
background:url("images/comments.png") no-repeat ;
height:82px;
margin-bottom:30px;
margin-right:-31px;
margin-top:10px;
width:349px;
}
#respond h3{
background:url("images/add.png") no-repeat ;
height:82px;
width:349px;
margin-right:-31px;
margin-top:30px;
margin-bottom:30px;
}
#related h3{
background:url("images/similar.png") no-repeat ;
height:82px;
width:349px;
margin-right:-31px;
margin-top:30px;
margin-bottom:30px;
}
/*#related .list{
width:600px;
margin-bottom:10px;


}
#related .list a img{
float:right;
width:80px;
height:80px;
border:1px solid #DFDFDF;
}
.rel-link{
line-height:6;
padding-right:10px;
font-weight:bold;
font-size:17px;
}*/
.rel-all{
border:1px solid #DFDFDF;
padding:30px 30px 30px 30px;
height:100px;

}
.rel-all ul{
list-style:none;
}
.rel-all ul li{
float:right;
margin-left:17px;


}
.rel-all ul li img{
width:100px;
height:100px;
}
.rel-all ul li a{
display:block;
font-weight:
}
#ads{
height:145px;
margin-right:40px;
margin-top:5px;
width:1024px;
}

.clear{
clear:both;
}

a#aboutme{
display:block;
height:35px;
margin-right:205px;
margin-top:137px;
position:absolute;
text-indent:-10000px;
width:47px;
}
a#contact{
display:block;
height:26px;
margin-right:226px;
margin-top:184px;
position:absolute;
width:47px;
text-indent:-10000px;

}
#twitter{
margin-right:979px;
margin-top:175px;
color:white;
font-family:georgia;
font-size:22px;
height:26px;
width:47px;
position:absolute;
}
#twitter a{
color:white;
}
#feed{
margin-right:846px;
margin-top:175px;
color:white;
font-family:georgia;
font-size:22px;
height:26px;
width:47px;
position:absolute;
}
#feed a {
color:white;
}
a#home{
display:block;
height:194px;
margin-right:333px;
margin-top:137px;
position:absolute;
width:167px;
text-indent:-99999px;

}
a#fb{
display:block;
height:80px;
margin-right:662px;
margin-top:358px;
position:absolute;
width:77px;
text-indent:-10000px;

}
a#tw{
display:block;
height:80px;
margin-right:965px;
margin-top:238px;
position:absolute;
width:70px;
text-indent:-10000px;

}
a#rss{
display:block;
height:66px;
margin-right:795px;
margin-top:258px;
position:absolute;
width:120px;
text-indent:-10000px;

}
#home-page{
background:url('images/home-but.png') no-repeat;
display:block;
height:51px;
padding:3px;
text-indent:-10000px;

width:51px;
float:right;
}
a#aboutme-single {
background:url("images/aboutme-single.png") no-repeat ;
display:block;
height:51px;
padding:3px;
text-indent:-10000px;

width:51px;
float:right;

}
#contactme-single{
background:url('images/contactme-single.png') no-repeat;
display:block;
height:51px;
padding:3px;
text-indent:-10000px;

width:51px;
float:right;
}

#page-title h1{
background:#895E34;
color:white;
display:inline-block;
margin-bottom:20px;
padding:5px 20px;
}
#commentform #notify{
margin-right:11px;
}
#commentform input#comment_mail_notify{

}
#commentform #notify label{
color:black;
display:inline;
font-size:12px;
padding-right:6px;
}

.com_ex{
font-size:16px;
font-weight:normal;
}
#error-404{
width:640px;
height:400px;
background:url('images/error.png') no-repeat;
}

.commentlist  {
width:600px;
margin-right:20px;
}
li.comment {
background:none repeat scroll 0 0 transparent;
list-style:none outside none !important;
margin:0 !important;
padding-left:0 !important;
}
.comment-reply-link {
background:none repeat scroll 0 0 #F9F9F9;
border-right:1px solid #E8E8E8;
border-top:1px solid #E8E8E8;
bottom:0;
font-size:8px;
left:0;
padding:0 8px 1px;
position:absolute;
}
.children .comment-reply-link {
background:none repeat scroll 0 0 #FFFFFF;
}
.commentlist .children > li {
background:url("http://psd.tutsplus.com/wp-content/themes/tuts/images/global/li-left.png") no-repeat scroll right 20px transparent;
border-right:1px solid #CACACA;
list-style:none outside none;
margin:0;
padding-right:30px !important;
}
.commentlist .comment-body {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #DFDFDF;
margin-bottom:10px;
min-height:80px;
overflow:hidden;
padding:30px 135px 30px 30px;
position:relative;
}
.commentlist .comment-body .avatar {
position:absolute;
right:30px;
top:30px;
}
.commentlist .comment-body .commentmetadata {
font-size:12px;

padding-bottom:5px;
}
.commentlist .comment-body .commentmetadata a {
color:#989898;
line-height:30px;
padding-right:10px;
}
.commentlist .comment-body .comment-meta .comment-edit-link {
display:none;
}
.commentlist .comment-body .fn {
float:right;
font-family:Arial;
font-size:20px;
font-weight:bold;
padding-bottom:5px;
padding-right:5px;
font-style:normal;
}
.commentlist .comment-body .fn a {
text-decoration:none;
color:#352414;

}
.commentlist .children .comment-body {
background:none repeat scroll 0 0 #F9F9F9;
border:1px solid #E8E8E8;
min-height:90px;
padding-right:100px;
}
.commentlist .children .comment-body .avatar {
height:50px;
position:absolute;
top:20px;
width:50px;
}
.commentlist .children .comment-body .fn {
font-size:16px;
}
.commentlist .comment-body .says {
display:none;
}
.comments-navigation {
}
.comments-navigation .alignleft {
float:left;
}
.comments-navigation .alignright {
float:right;
}
#input-s{
height:25px;
border:1px solid #d3c9a7;
}
#input-sub{
color:#000000;
cursor:pointer;
font-size:12px;
padding:5px;
text-shadow:0 1px 0 #FFFFFF;
margin-top:5px;
}
#respond h1 {
font-size:36px;
margin:0;
padding-bottom:20px;
padding-top:30px;
}
h1.comments-header span {
color:#5F5F5F;
font-size:30px;
}
#respond form {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #DFDFDF;
overflow:hidden;
padding:10px 15px 30px;
position:relative;
margin-bottom:50px;
}
.commentlist #respond {
margin-bottom:10px;
}
.commentlist #respond h1 {
display:none;
}
#respond p.input_block {
float:right;
margin:15px;
padding-bottom:0;
width:176px;
}
#respond p.input_block input {
background:none repeat scroll 0 0 #FDFDFD;
border:1px solid #D6D6D6;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
padding:8px 5px;
width:170px;
}
.children #respond p.input_block {
width:199px;
}
.children #respond p.input_block input {
width:188px;
}
.children .children #respond p.input_block {
width:189px;
}
.children .children #respond p.input_block input {
width:178px;
}
.children .children .children #respond p.input_block {
width:179px;
}
.children .children .children #respond p.input_block input {
width:168px;
}
#respond p.textarea_block {
float:left;
margin:15px;
padding-bottom:0;
width:592px;
}
#respond p.textarea_block textarea {
background:none repeat scroll 0 0 #FDFDFD;
border:1px solid #D6D6D6;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
padding:8px 5px;
width:583px;
}
.children #respond p.textarea_block {
width:660px;
}
.children #respond p.textarea_block textarea {
width:647px;
}
.children .children #respond p.textarea_block {
width:630px;
}
.children .children #respond p.textarea_block textarea {
width:616px;
}
.children .children .children #respond p.textarea_block {
width:600px;
}
.children .children .children #respond p.textarea_block textarea {
width:585px;
}
#respond label {
color:#5D5D5D;
display:block;
font-family:Helvetica,Arial;
font-size:16px;
padding-bottom:10px;
}
input#add_comment {
color:#000000;
cursor:pointer;
float:right;
font-size:12px;
margin-right:9px;
margin-top:10px;
padding:10px;
text-shadow:0 1px 0 #FFFFFF;
}
input#add_comment:hover {

}
.cancel-comment-reply a {
background:none repeat scroll 0 0 #F9F9F9;
border-right:1px solid #E8E8E8;
border-left:1px solid #E8E8E8;
border-top:1px solid #E8E8E8;
bottom:0;
font-size:8px;
left:0;
padding:0 8px 1px;
}
.commentlist .children .comment-body .commentmetadata  {

}

.commentlist .children .comment-body .commentmetadata a  {
line-height:2;
}
.commentlist .bypostauthor .comment-body{
border:1px dotted #BBBBBB;
background:#F7F7F7;
}


.side-content-news{
padding-right:25px;
color:#5B3600;
}
.side-content-news a{
color:#5B3600;
}
.side-content-news ul{
list-style:none;
}
.side-content-news ul li a{
background:url("images/line-side.png") no-repeat scroll center bottom transparent;
color:#5B3600;
display:block;
font-size:17px;
padding:10px;
}
.side-content-news ul li a:hover{
background:#E8E0C2 url('images/line-side.png') no-repeat bottom ;
color:#744500;
}




.domtab ul.domtabs {

	margin: 0 0 10px 0;

	padding:0;

	}

.domtab ul.domtabs li {
display:block;
float:right;
font-size:15px;
font-weight:bold;
margin:0;

	}
.domtab ul.domtabs li a{
background:none repeat scroll 0 0 #DBCD9B;
color:#77672B;
cursor:pointer;
display:block;
margin-left:18px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}




.domtab ul.domtabs .active {
background:none repeat scroll 0 0 #E5DBB6;
color:black;

	}

div.domtab div {
background:none repeat scroll 0 0 #E5DBB6;
clear:both;

	}

div.domtab div ul li {



}




.domtab ul {

	list-style-type: none;

	margin:0px;

	padding:0;

}



.domtab {
margin-right:-15px;
width:276px;



}

.domtabs .TabLink {

}
.reply a {
font-size:14px;
}

em{
color:red;
font-family:tahoma;
font-size:11px;
margin:10px;
}

