/*



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;



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");
background-repeat:no-repeat;
height:649px;
margin:-30px auto 0;
position:relative;
width:1124px;

}







.entry-single{



}







#single-post{



float:right;



margin-top:-270px;



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;



margin-bottom:10px;



}







.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:395px;







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 scroll 0 0 transparent;
float:left;
height:280px;
margin-left:63px;
margin-top:101px;
position:relative;
width:700px;

}







#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;

width:420px;

float:right;

}




#comments-wall{
	background:url("images/comments-wall.png") no-repeat ;







height:82px;







margin-bottom:30px;







margin-right:-31px;







margin-top:75px;







width:349px;
}

#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:150px;















}







.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;





width:130px;



}







#ads{







height:145px;







margin-right:40px;











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("images/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;







}







#share{



margin-top:5px;



}

.pro-player-container{

background: #F5F5F2;

border: 1px solid #E9E8E6;

padding: 7px;

text-align: center;

margin-bottom:10px;

}
#post-pages{
height: 30px;
background: #E5E3E3;
padding-top: 10px;
text-align: center;
color:gray;
font-size: 18px;
	
}
#post-pages a{ 
font-size:18px;
font-weight:bold;
}
#post-pages p{ 
color:gray;
font-size:18px;
}
a.contentjumpall{
padding-right:10px;	
}
span.contentjumpall{
	padding-right:10px;	
}
#newest-thumb img{
width:100px;
height:100px;
border:none;
}

#newest{
background:url('images/newest-bg.png') no-repeat;
margin-right: -387px;
margin-top:195px;
position: relative;
width: 120px;
padding:10px;
height:1480px;
display:none;
}
#newest h2{
color:AntiqueWhite;
display:block;
font-size:14px;
margin-bottom:32px;
margin-right:40px;
margin-top:-6px;
text-align:center;
width:47px;
}
#newest ul{
	list-style:none;	
}
#newest ul li{
padding-bottom:20px;	
}

#newest li a{
	display:block;
	width:100px;
}
#nav{
width:1024px;
margin:0 auto;	
}
#menu #nav li a{
color:#544227;
display:block;
font-size:18px;
padding:6px 18px;
text-shadow:1px 1px white;
height:21px;
}
#menu #nav li a:hover{
background:#cbc2a2;
}
#menu #nav li{
list-style: none;
margin: 0;
float: right;
background:url('images/menu-sep.png') no-repeat right top;
}
#menu #nav #home-menu{
background:url('images/menu-home.png') no-repeat right 6px;
padding-right:25px;
}

#menu #nav li.current-cat a {
background:#cbc2a2;
}
#menu{
width: 100%;
height: 70px;
background: url('images/menu-bg.png') repeat-x;
position:relative;
z-index:200;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-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;
}
#single-post .wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 5px 4px 5px;
margin: 0;
}