Gravatar, /*  
Theme Name: Steaf Wide Theme
Theme URI: http://www.steaf.com/
Description: Steaf Wide Theme
Version: 2006
Author: Mustafa Al-Midani
Author URI:  http://www.steaf.com/
*/

*{
  margin: 0;
  padding: 0;
  border: 0;
}


/*-------body stuff------*/

body {
	background: #374747;
	margin-top: 10px;
	
	
	padding: 0px;
	font-family: Tahoma, Tahoma, Tahoma, Tahoma, Tahoma;
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height: 2.8em;
	color: #CEEBEB;
	min-width:990px;
	text-align:center;
	}



#page {
	background: #384747 url("images/page_bg.png") repeat-y center;
	text-align: right;
	margin: 0px auto;
	width: 990px;
	}




/*---------header--------*/
#header {
	background: #8CD0F3 url("images/header.png") no-repeat top;
	height: 230px;
	float: top;
	
}

#header h1{

	height: 210px;
	cursor: pointer;}	
#header h1 span{display: none;}

.description{display:none;}

#page hr {
	display:none;
}

/*----general----*/
h2, h3, h4 {font: 1em "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; letter-spacing: 1px;}


a {color: #A7BAC5;
text-decoration : none;
}

a:hover {color: #74898E;}

blockquote {
  margin: 1em 2em 1em 0em;
  background: url("images/quote2.png") no-repeat right top;
}

blockquote p {
  margin:0 0 .75em;
  font-style:italic;
  color:#000000;
background: url("images/quote.png") no-repeat left bottom;}

blockquote p em {
  font-style:normal;
  }

/*--------images-----------*/

img {padding: 2px;
border: none;
margin: 0px;}

a img {border: 0px #d3dcc7 solid;}

a:hover img {border: 0px #1f6f78 solid}


/* ----- forms ------- */



input:focus, textarea:focus {background: #3E4F4F;}

input:hover, textarea:hover {background:#ffffff;
cursor:text;}

input#submit {border: 1px #B6B3B3 outset;
background-color: #ffffff;}

input#submit:hover {cursor: pointer;
background-color: #ffffff;}

input#s {
	width: 70%;
	font-size: 1em;
	}

#commentform input {width: 170px;
padding: 2px;
margin: 5px 0 1px 5px;}

#commentform textarea {width: 97%;
padding: 2px;}

#commentform #submit {margin: 0;
float: center;
margin-left: 10px;
margin-top: 10px;}


/*-------main navigation----*/

#nav { 
	margin-right: 0px; 
	margin-top: px;
	background-color: #ffffff;
	border-right: 1px #252525 solid;
	border-bottom: 1px #252525 solid;
	border-left: 1px #252525 solid;}


#nav #last a { margin-left: 0; }

#nav a { 
	float: right; 
	height: 15px; 
	margin-right: 10px;
	margin-left: 10px; 
	text-decoration: none; }

#nav a:hover { border-bottom: 2px #ccc dotted; }

#nav li { display: inline; margin: 0; text-align: center; }

#nav ul { 
	height: 23px; 
	list-style: none; 
	margin: 0;
	padding: 0; 
	text-transform: uppercase; }


/*----------content div parameters---------*/

#content {

	float: left;
	padding: 0px 10px 30px 10px;
	margin: 30px 0px 40px 10px;
	width: 545px;
	}

/*-------sidebar----*/
.sidebar{
	font-size: 1.4em;
	color: #E45A49;
	line-height: 1.2em;
}

#sidebar-1
	{
		float:right;
		padding: 0px 0px 0px 5px;
		margin: 25px 10px 40px 0px;
		width: 230px;
	}


#sidebar-2
	{
		float: left;
		padding:0px 0px 0px 5px;
		margin: 25px 10px 40px 10px;
		width: 145px;
	}


#sidebar-1 h3, #sidebar-1 h2
	{
		color: #E45A49;
		font-family: Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
		text-align: center;
		padding: 10px 0px 0px 0px;
		margin: 20px 0px 5px 0px;
		background: url("images/bullet.png")  repeat-x center center;
		font-size: 1.1em;
		width: 225px;
		height: 30px;
	}

#sidebar-2 h3, #sidebar-2 h2{
color: #B45346;
font-family: Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 1.1em;
}

#sidebar-2 h4{
padding-right: 0px;

color: #B45346;
font-family: Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
font-size: 1.1em;
}


.sidebar ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; font-size: 1em;}

.sidebar li {margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; color: #ABC507;}

.sidebar li a {color: #ABC507; text-decoration: none;}

.sidebar li li li{padding-right: 5px;}

.sidebar a {color: #E45A49; text-decoration: none;}

.sidebar li a:hover {color: #B45346;}

.sidebar a img {padding: 5px; margin: 2px; border: 1px #1B2325 solid;}

.sidebar a:hover img {cursor: crosshair; border: 1px #B45346 dashed}




/*---recent posts----*/
#latest{
background-color: #608ca7;
margin-bottom:1em;
color:white;
margin-top: 1em;
border: 2px #d3dcc7 solid;}

#latest h2{
color: #035d99;
font-size: 1.8em;
padding-right: 25px;
background: #d3dcc7 url("images/elec.png") no-repeat right center;}

#latest ul{
padding-right: 2px;}

#latest li{
list-style-type: none;
background: url("images/post.png") no-repeat right center;
padding-right: 20px;}


#latest a{
 color:white;
text-decoration: none;}

#latest a:hover{
color:white;
text-decoration: underline;}

/*-----post stuff----*/
.post{
font-size: 1.6em;
margin-left: 15px;
text-align: justify;
}

.post h3
	{
		color: #CEEBEB;
		margin-bottom: 1.8em;
	}

.post h2
	{
		color: #94B3C5;
		margin-bottom: 0.5em;
		font-weight: bold;
		font-size: 150%;
		text-align: center;
		padding-right: 1.9em;
		padding-left: 1.2em;
	}

.post h2 a{
color: #94B3C5;
font-size: .7em;
margin-bottom: 0.5em;
text-align: center;
text-decoration: none;
}

.post h2 a:hover{
color: #E45A49;
}

.post ul{
padding-bottom: 0.1em;}
.post li{
margin-right: 3em;
list-style-type: square;}

.post p{margin-bottom: 0.5ex;
margin-right: 15px;
}

.post small{
color: #A6A69B;
font-size: .8em;
font-variant: small-caps;}

.postmetadata{
font-family: Tahoma, Tahoma, Verdana, Arial, Sans-Serif;
font-size: .8em;
color: #A6A69B;
line-height: 1.1em;
padding-top: 0.5em;}

ol.commentlist li{
border: 1px #c1c1c1 solid;
list-style-type: none;
padding: 5px;
margin: 0.5em;}

.entrytext
	{

	}

/*-----------footer-----------*/

#footer {
clear: both;
padding: 0px 0px 0px 0px;
color: #68818D;
font-size: 1.1em;
text-align: center;
margin: 0px 0px 0px 0px;
line-height:1.2em;
background: #1C2524 url("images/footer_bg.png") repeat-x bottom;
width:100%;
height:109px;
float: botom;
}

#footer a {color: #ffffff;}

#footer a:hover {color: #ffffff;
text-decoration: none;}


#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
	
/*----post nav-----*/
.navigation
	{
height:3em;
}

.alignright
{
float: left;
}

.alignleft {float: right}
.clear{clear:both;}


/* Post Date */
.post .post_date
{
margin : -15px 15px 0px -65px;
padding : 5px 0px 0px 20px;
display : block;
float : right;
width : 60px; 
background : url(images/icon-calendar.png) no-repeat right; 
} 

.date_month {
	display : block;
	text-align:center;
	color : black;
	font-size:.45em;
	line-height:1.5em;

}

.date_day {
	text-align:center;
 	display : block;
	color : #232D2E;
	font-size:1em;
	line-height:.8em;
}

.date_year {
text-align:center;
	color : #808080;
	display : block;
	font-size:.5em;
	line-height:1.2em;
}

/* End Post Date */


.gravatar {
	float:left;
	padding: 1px 1px 1px 1px ;
	margin-right: 15px;
	background: #303E3F;
}

.postgrav {
	float: left;
	padding: 0px;
	margin-right: 5px;
	margin-left: 5px;
	background: #fff;
}