/*

Theme Name: Scratch 2

Theme URI: http://www.waelh.com/

Description: Customized theme for wael hamdan's blog. Grungy design with items  on the header and footer which are my own belongs.

Author: Wael Hamdan

Author URI: http://www.waelh.com

*/





img { behavior: url(iepngfix.htc); }

	



/*navigation*/

.nav{



float:left;

margin-left:230px;



}

.nav a:link {

background-color:#999999;

color:#FF0000;



}

.nav a:hover{

background-color:#999999;

color:#FF0000;





}



.nav a:visited{

background-color:#999999;

color:#FF0000;





}





#header{

background:#FFFFFF;

	background-image: url(images/head.jpg);

	

	height: 515px;

	margin:0 auto;

	width:1024px;

	background-repeat: no-repeat;



	}

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

}



#wrapper

{

	

	width:1024px;

	

	margin:0 auto;

	padding: 0px;

	margin-top:-15px

}



#page{

width:932px;

margin:0 auto;

}



 #pag{

 }



#entry_contant a:link, a:visited {



color:#FF0000;



}







body{



	font-family: verdana, arial, helvetica, sans-serif;

	font-size: 12px;

	color:#000000;

	direction:rtl;

margin:0px auto;



	

	

} 









#rss-links{

background:url(images/top.png) no-repeat center;



height:50px;

}

#archive {

	

background:url(images/arch.jpg) no-repeat right ;

	width: 189px;

   font-size:16px;

   font-weight:bold;

	height: 64px;

	padding-top:65px;

	padding-right:70px;

	margin-bottom:-10px;

	

}

#arch-list{

margin-top:-20px;

margin-bottom:20px;

}



#container {

	position: absolute;

	left: -72px;

	background-color: #999999;

}





#picture {

	background-image: url(images/polaroids.png);

	background-repeat: no-repeat;

	width: 276px;

	height: 298px;

	position: relative;

	top: -520px;

	left: -30px;

	

}

#post {

	width: 400px;

	margin-bottom:15px;

	

}



#mypic {

	background-image: url(images/paraloid.png);

	width: 280px;

	height: 310px;

	background-repeat: no-repeat;

	position: absolute;

	top: 0px;

	right: -150px;

}

#cotact{

float:right;

height:58px;

left:-817px;

position:relative;

top:166px;

width:54px;

}











.post{

width:600px;



}



#post-bar {

	border-left-width: 5px;

	border-left-style: solid;

	border-left-color: #CCCCCC;

	padding-left: 30px;

	width:450px;

}



#phone {

cursor:help;

float:right;

height:42px;

position:relative;

right:241px;

top:121px;

width:53px;

}

#home {

float:right;

height:185px;

margin-right:307px;

margin-top:112px;

position:relative;

right:-54px;

width:167px;

	}

	

	

#keys {

cursor:help;

float:right;

height:49px;

position:relative;

right:310px;

top:142px;

width:87px;

}



#coffee {

cursor:help;

float:right;

height:45px;

position:relative;

right:81px;

top:240px;

width:48px;

}



#glasses {

cursor:help;

float:right;

height:52px;

position:relative;

right:85px;

top:237px;

width:79px;;

}



#papers {

float:right;

height:73px;

position:relative;

right:113px;

top:207px;

width:65px;

}



#laptop {

cursor:help;

float:right;

height:129px;

left:737px;

position:relative;

top:157px;

width:101px;

}



#aboutme {

float:right;

height:63px;

left:362px;

position:relative;

top:-44px;

width:81px;

}

#memory {

cursor:help;

float:right;

height:35px;

left:426px;

position:relative;

top:-119px;

width:79px;

}

#ipod {

cursor:help;

float:right;

height:69px;

left:664px;

position:relative;

top:74px;

width:79px;

}

#feed{



color:#666666;

float:right;

font-size:17px;



left:700px;

position:relative;

top:255px;





}

#feed2{



color:#666666;

float:right;

font-size:17px;

height:9px;

left:669px;

padding-top:34px;

position:relative;

top:219px;

width:53px;

}

#feed-com{

color:#666666;

float:right;

font-size:17px;

height:9px;

left:810px;

padding-top:34px;

position:relative;

top:219px;

width:53px



}

#eventContact{

	position:absolute;

	left: 32px;

	width: 3px;

	width:76px;

	height: 90px;

	cursor:pointer;



}

#tooltip {

	height: 200px;

	width: 200px;

	position: absolute;

}







/*#footer-bgr {

	position: relative;

	top: -25px;

	right: 40px;

}*/



#post-cat {

	

padding-right:10px;

	color:#666666;



}

#post-cat a:link {

color:#FF6600;

text-decoration:none;



}



#post-cat a:hover{

color:#FFCC00;

text-decoration:none;



}

#post-cat a:visited {

text-decoration:none;



}





#me {

	position: absolute;

	height: 260px;

	width: 342px;

	left: 124px;

	top: 1px;

}

#cat {

	

	/*background:url(images/side.gif) repeat-y;*/

	

	background:url(images/cata.jpg) no-repeat right ;



	width: 189px;

   font-size:16px;

   font-weight:bold;

	height: 64px;

	padding-top:65px;

	padding-right:60px;



}



#cat-list li{



background:url(images/arrow.png) no-repeat right;

padding-right:15px;

list-style:none;

margin-right:-15px;

padding-bottom:5px;

}

#cat-list {

margin-top:-15px;

}



#friends {

	

	

	background:url(images/friends.png) no-repeat right ;



	width: 189px;

   font-size:16px;

   font-weight:bold;

	height: 50px;

	padding-top:63px;

	padding-right:72px;



}



#friends-list ul {

margin-top:-10px;

}

#friends-list li{



background:url(images/arrow.png) no-repeat right;

padding-right:15px;

list-style:none;

margin-right:-15px;

padding-bottom:1px;

}



#works{

	background:url(images/works.png) no-repeat right ;



	width: 189px;

   font-size:16px;

   font-weight:bold;

	height: 50px;

	padding-top:63px;

	padding-right:55px;

}



#works-list img {

margin-left:5px;

margin-bottom:5px;

}



#feeds{

background:url(images/search.jpg) no-repeat right ;

	width: 189px;

   font-size:16px;

   font-weight:bold;

	height: 64px;

	padding-top:65px;

	padding-right:60px;



	}

	#feeds h3{

	background:url(images/feed-icon.png) right no-repeat;

	padding-right:35px;

	padding-top:10px;

	height:30px;

}

#cat ul li {

list-style-image:url(images/42.png);

padding-bottom:15px;





}





#foot {



	height: 100px;

	width: 136px;

margin-right:232px;

padding-top:150px;

	clear:both;



	color:#000000;

}













#sidebar a {

font-size:12px;



}

#sidebar a:link,a:hover {

color:#FF6600;

text-decoration:none;





}













#eventAbout{

	position:absolute;

	left: 6px;

	width: 3px;

	width:72px;

	height: 130px;

	cursor:pointer;

	top: 34px;



}

#sidebar {

	

	width:280px;

	float:left;

    margin-right:30px;

	margin-top:-180px;

	

}





#view{

background:url(images/read.jpg) no-repeat right ;

	width: 189px;

   font-size:16px;

   font-weight:bold;

	height: 64px;

	padding-top:65px;

	padding-right:60px;



	

	}

#view-list{

margin-top:-20px;

	}

	#view ul li{

	list-style-image:url(images/42.png);

padding-bottom:15px;

}









#about-pic {

	background-image: url(images/about.png);

	position: relative;

	left: 640px;

	top: -780px;

	right: 0px;

	bottom: 0px;

	background-repeat: no-repeat;

	height: 266px;

	width: 141px;

}

#sidebar h3 {



	}

#cat h3{

	background:url(images/document_attach.png) right no-repeat;

	padding-right:35px;

	padding-top:10px;

	height:30px;



}



#view h3 {

background:url(images/document_edit.png) right no-repeat;

	padding-right:35px;

	padding-top:10px;

	height:30px;

	}





#archive h3{

background:url(images/dock_icon.png) right no-repeat;

	padding-right:35px;

	padding-top:10px;

	height:30px;

}











#footer {

	background-image: url(images/footer.jpg);

	height: 403px;

	width:1024px;

	background-repeat: no-repeat;

	margin:0 auto;

	clear:both;



	

	overflow-x:hidden;



}



#content {



	background:url(images/content.gif) repeat-y;



	float:right;

	width:1024px;

	

	

	

	

}

#entry_contant {

	text-align: justify;

	font-size:13px;

	width: 700px;

	font-family:Tahoma;
	
	line-height:18px;



	/*padding:10px;*/

	margin:0 auto;

	min-height:220px;

	

	

}





#entry_contant img{

clear:right;

}

#txt-content{

min-height:220px;

}







#search {

background:url(images/search.jpg) no-repeat right ;

margin-top:60px;

	width: 189px;

   font-size:16px;

   font-weight:bold;

	height: 64px;

	padding-top:65px;

	padding-right:60px;

		margin-bottom:-10px;

}

#form{

margin-top:-20px;

}

#form input {

border-color:#775B1A;

border-width:1px;

border-style:solid;

}



#more a:link,#more a:hover,#more a:visited{

float:right;

text-decoration:none;

color:#FFFFFF;

font-weight:bold;

}



#more{

padding-right:8px;

padding-top:20px;

color:#FFFFFF;

font-weight:bold;

background:url(images/more.gif) no-repeat right;

height:37px;

width:140px;

float:right;


}

#by {

padding-right:10px;

	background:url(images/line.gif) no-repeat;

	height:38px;

	width:665px;

	margin-top:20px;

	clear:right;

}

#by-single{

margin-top:10px;

background:url(images/linepage.gif) no-repeat;

width:607px;

height:15px;

margin-bottom:15px;

margin-top:10px;

padding-top:11px;

width:607px;;

	

	}

#tags{

color:#666666;

padding-right:50px;

}

#by-single a:link{

color:#FF6600;

text-decoration:none;

}

#by-single a:visted{

color:#FF6600;

text-decoration:none;

}

#by-single a:hover{

color:#FF6600;

text-decoration:none;

}





	

#comm a:link, a:visited {

color:#FF6600;

text-decoration:none;

border-bottom-width: 1px;



	

}



.ToolText{position:relative; }

.ToolTextHover{position:relative;}

.ToolText span{display: none;}



.ToolTextHover span{

  display:block;

  position:absolute;

  border:1px solid black;

  top:1.3em;

  left:5px;

  background-color:gray; color:white;

  text-align: center;

} 



.popup

{

COLOR: #9F141A;

CURSOR: help;

TEXT-DECORATION: none

}

div#tipDiv {

  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;

  background-color:#dee7f7; border:1px solid #336; 

  width:80px; padding:6px;

  color:#000; font-size:11px; line-height:1.3;

  

}

div#tipDiv a:link { color:#33b }

div#tipDiv a:visited { color:#339 }





.date {

	float:right;

	height:40px;

	width:30px;

margin-top:5px;

	margin-right:3px;

	margin-left:5px;

	padding:2px;

	background:#333;

border:1px dotted ;

border-color:#FF0000;





	}

.date p {

	text-align:center;

	color:#19ccff;

	margin:0 0 0 0px;

	text-transform:uppercase;

	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;

	}

.day {



color:#990000;

padding-bottom:2px;

	}

.date span.month {

	font-size:10px;

	height:12px;

	display:block;

padding:2px;

border-bottom:1px dotted #000;

margin-bottom:3px;

	}

#post h2 {

font-size:24px;

color:#000000;

font-weight:bold;

font-family:"Times New Roman", Times, serif;



}

#post h1{

font-size:30px;

color:#000000;

font-weight:bold;

font-family:"Times New Roman", Times, serif;



}

#post h3{

font-size:30px;

color:#000000;

font-weight:bold;

font-family:"Times New Roman", Times, serif;

}

#post h4{

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#000000;

}

#post h5{

font-family:Verdana, Arial, Helvetica, sans-serif;

}



#view-list li {

background:url(images/arrow.png) no-repeat right;

padding-right:15px;

list-style:none;

margin-right:-15px;

padding-bottom:5px;



}



#comm {

float:left;

padding-left:35px;

font-size:25px;

font-family:Georgia, "Times New Roman", Times, serif;







}







.nav {

	z-index: 1;

}





/*#comments ol{ 

list-style: none; 

margin: 10px 0; 

padding: 0; 

} 



#comments ol li{ 

list-style: none; 

margin: 10px 0 0; 

padding: 0 0 10px; 

border-bottom: 1px solid #ededed; 

line-height: 24px; 

} 



#comments span.comment-author{ 

font-weight: bold; 

} 

*/

#respond{ 

margin-top:25px;

margin-bottom:20px;

background:url(images/comment-num.jpg) no-repeat;

width:234px;

height:30px;

} 

#respondtxt{

font-size:22px;

font-family:Arial, Helvetica, sans-serif;

padding-right:10px;

font-weight:bold;

color:#FFFFFF;

}

.name{



background:url(images/name.gif) no-repeat;

width:313px;

height:51px;



}

.in{

direction:rtl;

font-size:16px;

padding:5px;

padding-right:27px;

padding-top:10px;

}

#write{

background:url(images/write.jpg) no-repeat;

width:415px;

height:230px;

}

#write-in{

padding:5px;

padding-top:12px;

padding-right:20px;

}

#submit{

background:url(images/sub.gif) no-repeat;

width:118px;

height:46px;

}



/*other*/



blockquote {

margin: 15px 30px 0 10px;

	padding-right: 20px;

	border-right: 5px solid #ddd;

	}



blockquote blockquote{ 

float: none; 

width: auto; 

margin: 0 10px; 

background-color:#333333; 

} 





/*img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}*/



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

a img {

	border: none;

	}

/*#post img {



border:10px  solid #dcd8c5;

			

		}*/

#excerpt{

min-height:260px;

}

/*Comments*/



/*#commentblock {

	



	margin: 0px 0px 0px 0px;





	}

	*/

#commentblock {



	}

#com-head{

   

   background:url(images/com-head.gif) no-repeat;

   width:611px;

   height:36px;

 

   

	}

#commentblock ol li{

padding-right:20px;

color:#FF0000;

padding-bottom:20px;

}	

	/*

 



.commenttext {

	clear: both;

	margin: 3px 0px 10px 0px;

	padding: 20px 10px 5px 10px;

	width: 370px;

	border-top:solid;

	border-top-color:#666666;

	border-top-width:1px;

	color:#FFFFFF;

	background-color:ffffcc;

	

}







#respond {

	color:#FFFFFF;

	border:none;

	background:#333333;

	border-right-color:#FF0000;

	border-right-style:solid;

	border-right-width:thick;

	width:370px;

	padding:5px;

	margin-right:10px;

	}*/

#comments2  {

margin-top:10px;

margin-bottom:20px;

background:url(images/comment-num.jpg) no-repeat;

width:234px;

height:30px;

}

#comments{

clear:right;

}

#comments a{

color:#FF6600;

text-decoration:none;

}



#comments2txt{

font-size:22px;

font-family:Arial, Helvetica, sans-serif;

padding-right:10px;

font-weight:bold;

color:#FFFFFF;

	}

#commenttext{

background-color:#EEDB99;

border:solid #C0B73D 1px;

border-top:none;

margin-bottom:10px;

width:599px;

padding:5px;

overflow:hidden;



	}

#com-head div{

padding-top:12px;

padding-right:23px;





}

	

/*

.my_comment {

clear: both;

	margin: 3px 0px 10px 0px;

	padding: 20px 10px 5px 10px;

	width: 380px;



	border-style:dashed;

	border-color:#666666;

	border-width:1px;

	background:#333333;

	color:#CCCCCC;

}

.author {

clear: both;

	margin: 3px 0px 10px 0px;

	padding: 20px 10px 5px 10px;

	width: 380px;



	border-style:dashed;

	border-color:#FF0000;

	border-width:1px;

	background:#333333;

	color:#CCCCCC;

}

.author a:link {

color:#FF6600;

text-decoration:none;

}

.author a:visited{

color:#FF6600;

text-decoration:none;

}

.my_comment a:link{

color:#FF6600;

text-decoration:none;



}

.my_comment a:visited{

color:#FF6600;

text-decoration:none;

}*/

/*related*/

/*#related h3{

	height:20px;

	color:#FFFFFF;

	border:none;

	background:#333333;

	border-right-color:#FF0000;

	border-right-style:solid;

	border-right-width:thick;

	padding:5px;

	margin-right:10px;

	

	

	}

#related a:link{

font-size:14px;

color:#FF6600;

text-decoration:none;

}

#related a:visted{



color:#FF6600;

text-decoration:none;

}

#related a:hover{



color:#FF6600;

text-decoration:none;

}



#related ul li{

list-style:square;

}*/

/*3an al modawana*/

#discription{

width:230px;

padding:2px;

color:#3C5AAA;

font-size:14px;

font-family:Tahoma, Times, serif;

}



#about{



padding:15px;



}



#about h3{

background:url(images/blueprint.png) right no-repeat;

	padding-right:35px;

	padding-top:10px;

	height:30px;

	}

	



/*Quotes style*/

div.pagination {

	padding:3px;

	margin:3px 3px 15px 430px;

	text-align:center;

	direction:ltr;

	

}



div.pagination a {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #ddd;

	

	text-decoration: none; 

	color:#000000;

}

div.pagination a:hover, div.pagination a:active {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #a0a0a0;

}

div.pagination span.current {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #e0e0e0;

	font-weight: bold;

	background-color: #f0f0f0;

	color: #aaa;

}

div.pagination span.disabled {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #f3f3f3;

	color: #ccc;

}

#entry-thumb {

	width:200px;

	height:200px;

	margin-left:10px;

	

	

	background:#dcd8c5;

	border:1px solid #bcb99e;

	float:right;

	padding:10px;



}



#entry-thumb img {

	width:200px;

	height:200px;

	padding:0;

	border:none;



}



.tutorial_image{

background-color:#e9e6cc;

border:1px solid #CECFD0;

margin-bottom:10px;

padding-bottom:6px;

padding-top:10px;

text-align:center;

}



p.imgC {

background-color:#e9e6cc;

border:1px solid #CECFD0;

margin-bottom:10px;

padding-bottom:6px;

padding-top:10px;

text-align:center;

}