/*
Theme Name: ALMO
Author: SL0wZEr
Author URI: http://twitter.com/SL0wZEr
*/

* {
padding: 0;
margin: 0;
}

img {
border: 0;
}

li {
list-style: none;
}

a {
text-decoration: none;
}

.clear {
clear: both;
}

body {
font-family: tahoma;
font-size: 13px;
background: #f1f1f1;
}

#page {
width: 900px;
margin: auto;
}

#all {
background: #FFF;
width: 827px;
padding: 15px;
margin-right: 20px;
}

/* ==================================== [ Header Style ] ==================================== */


#header_right a {
background: url(img/logo.png);
width: 287px;
height: 113px;
display: block;
text-indent: -9999px;
float: right;
margin-right: 11px;
}


#header_left {
float: left;
margin-left: 11px;
}

#header_left input#s {
background: url(img/search_bg.png);
width: 149px;
height: 34px;
border: none;
padding: 0px 14px 0px 0px;
color: #ccc;
font-size: 12px;
font-family: tahoma;
}

#header_left input#searchsubmit {
background: url(img/search_submit.png);
width: 42px;
height: 34px;
border: none;
position: relative;
top: 1px;
left: 4px;
}	
	
	#srch {
	position: relative;
	right: 29px;
	}

	#menu {
	background: #FFF;
	position: relative;
	top: 40px;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-topright: 7px;
	padding: 6px;
	left: 10px;
	-moz-box-shadow: 1px 1px 1px #dadada;
	-webkit-box-shadow: 1px 1px 1px #dadada;
	box-shadow: 1px 1px 1px #dadada;
	}

	#menu a {
	color: #5bcaf5;
	}

	#menu li {
	display: inline;
	margin-left: 19px;
	}

#top_area {
background: url(img/raw_twt_bg.png);
width: 866px;
height: 171px;
margin-right: 18px;
}

	#ana_word {
	background: url(img/ana.png);
	width: 53px;
	height: 72px;
	display: block;
	position: relative;
	top: 27px;
	right: 42px;
	float: right;
	}

	#ana_txt {
	width: 741px;
	position: relative;
	top: 27px;
	right: 93px;
	text-align: justify;
	line-height: 21px;
	color: #119ad2;
	text-shadow: 1px 1px 1px #FFF;
	}

	#twitter_div {
	position: relative;
	top: 62px;
	right: 238px;
	width:587px;
	color: #22a1d5;
	text-shadow: 1px 1px 1px #FFF;
	overflow: hidden;
	height: 17px;
	}

	#twitter_div a {
	color: #22a1d5;
	text-shadow: 1px 1px 1px #FFF;
	}

	a[href^="http://twitter.com/Almotanabe16"] {
	float: left;
	color: #22a1d5;
	}

#top_area_2 {
background: url(img/big_area_2.png);
width: 894px;
height: 270px;
font-size: 12px;
}
	
	#recent_post {
	margin: 70px 50px 0 0;
	float: right;
	width: 202px;
	}

	#rand_post {
	margin: 70px 89px 0 0;
	float: right;
	width: 202px;
	}

	#views_post {
	margin: 70px 94px 0 0;
	float: right;
	width: 202px;
	}

	#top_area_2 ul li {
	padding: 2px 0 11px;
	border-bottom: 1px dashed #7dc3df;
	overflow: hidden;
	height: 14px;
	line-height: 21px;
	}

	#top_area_2 ul li a {
	color: #eee;
	text-shadow: 1px 1px 1px #057aab;
	}

#social {
margin: 19px 62px;
}

#social ul li {
float: right;
border:none;
height: 29px;
}

#social ul li a {
background: url(img/twt_rss.png);
height: 29px;
display: block;
text-indent: -9999px;
}

#social ul li a#twt_bu {
width: 167px;
background-position: 166px 50%;
margin-left: 96px;
}

#social ul li a#fs_bu {
width: 212px;
background-position: -295px 50%;
margin-left: 96px;
}

#social ul li a#rss_bu {
width: 188px;
background-position: 0px 50%;
}
/* ==================================== [ Content Style ] ==================================== */


#content {
float: right;
width: 550px;
}

#content h2 {
font: bold 2.1em Arial;
letter-spacing: -1px;
}

.post {
padding: 9px 5px 13px 5px;
border-bottom: 1px dashed #ccc;
margin-bottom: 15px;
}

	.post ol {
	padding: 4px 26px;
	}

	.post ul {
	padding: 4px 26px;
	}

	.post li {
	padding: 5px 0;
	list-style: circle;
	}

	.post a {
	color: #13a2dd;
	}
	
	.post a:hover {
	color: #0885b9;
	text-decoration: underline;
	}
	.post h2 {
	font-size: 19px;
	margin-bottom: 10px;
	}

	.post p {
	font-size: 11px;
	padding-top: 1px;
	line-height: 21px;
	font-size: 12px;
	margin-bottom: 3px;
	}

	.post_info {
	background: #f3f3f3;
	-moz-border-radius: 3px;
	padding: 4px 4px;
	overflow: auto;
	border: 1px solid #eee;
	text-shadow: 1px 1px 1px #FFF;
	height: 16px;
	line-height: 15px;
	margin-bottom: 6px;
	}

	.p_date, .p_cat, .p_comt, .p_view {
	float: right;
	margin-left: 24px;
	font-size: 11px;
	}

	.post_info p , .post_info a {
	font-size: 11px;
	}

	.postmetadata {
	background: #f3f3f3;
	padding: 6px;
	-moz-border-radius: 3px;
	}

	.wp-caption {
	text-align: center;
	background: #EEE;
	border: 1px solid #ccc;
	color: #666;
	font-size: 11px;
	}

	.wp-caption p {
	font-size: 11px;
	}


/* ==================================== [ Sidebar Style ] ==================================== */


#sidebar {
float: left;
width: 260px;
}

#sidebar h1 {
background: #f4f3f3;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topright: 6px;
width: 247px;
padding-right: 10px;
height: 35px;
font-family: arila;
font-size: 18px;
font-weight: bold;
color: #13a2dd;
text-shadow: 1px 1px 1px #FFF;
line-height: 37px;
margin-top: 15px;
line-height: 38px;
-moz-box-shadow: 1px 1px 1px #dadada;
-webkit-box-shadow: 1px 1px 1px #dadada;
box-shadow: 1px 1px 1px #dadada;
border: 1px solid #FFF;

}

#sidebar ul li {
padding: 6px 0px;
border: none;
font-size: 12px;
}

#sidebar a {
color: #13a2dd;
}

#sidebar a:hover {
color: #00628b;
}

#sidebar ul li ul li {
border-bottom: 1px dashed #ccc;
}

#sidebar ul li ul li:hover {
border-bottom: 1px dashed #666;
}
/* ========================================= */

#content #searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#content #sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#content #sidebar #searchsubmit {
	padding: 1px;
	}

#content .entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

#content select {
	width: 130px;
	}

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

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	background: #f3f3f3;
	-moz-border-radius: 5px;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	background: #eee;
	padding: 4px;
	font-size: 11px;
	}
.commentmetadata a {
color: #666;
}

/* ==================================== [ Footer Style ] ==================================== */

#footer {
font-size: 12px;
background: #f3f3f3;
padding: 10px;
-moz-border-radius: 5px;
color: #666;
text-shadow: 1px 1px 1px #FFF;
text-align: center;
margin-top: 6px;
}