/*
Theme Name: 3arabawy Blog & Website
Theme URI: http://www.arabawy.org/
Description: A tailor-made theme for the 3arabawy website and blog.
Version: 1.0
Author: Tarek Shalaby
Author URI: http://www.tarekshalaby.com/
Tags: red, black, grey, fixed width, two columns, 960gs
*/


body {
	background-color: #111;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
small {
	font-size: 10px;
}
blockquote {
	margin-left: 40px;
	margin-right: 40px;
	background-color: #eee;
	padding: 0px 5px;
}
.main_container {
	background-color: #fff;
}
.header {
	background-image: url(images/header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 300px;
	margin: 10px;
}
.follow_icons {
	float: right;
	margin: 10px 10px 0 0;
}
.follow_icons ul li{
	display: inline;
	margin: 0 0 0 8px;
}
.follow_icons img, .rss_icon img{
	border: 2px solid #fff;
	width: 25px;
	height: 25px;
}
.search_form {
	position: absolute; 
	bottom: 0; 
	left: 0;
	margin: 0 0 10px 10px;
}
.search_form input {
	padding: 4px;
	width: 175px;
	border: 1px solid #b3b3b3;
	color: #999;
	font-size: 16px;
}
.search_form button{
	width: 30px;
	height: 30px;
	border: 1px solid #424242;
	background-image: url(images/search_btn.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.rss_icon img{
	margin: 0 10px 10px 0;
	position: absolute;
	bottom: 0;
	right: 0;
}
.navigation ul li{
	list-style-type: none;
	float: left;
	font-size: 22px;
	text-transform: uppercase;
	margin: 0 15px 0 10px;
}
.navigation a:link, .navigation a:active, .navigation a:visited{
	display: block;
	padding: 10px;
	border-bottom: 4px solid #eee;
	text-decoration: none;
}
.navigation a:hover {
	border-bottom-color: #999;
}
.navigation .current_page_item a{
	border-bottom-color: #111;
}
.navigation ul li.new_post a{
	margin: 0;
	border: 0;
	padding-left: 0;
	padding-right: 0;
}

/* Tabs
----------------------------------*/
.ui-tabs { zoom: 1; }
ul.ui-tabs-nav { position: relative; padding: 0 0 21px 0; }
ul.ui-tabs-nav li { list-style-type: none; position: relative; float: left; margin: 0 8px 0 0; background-color: #cb2027; }
ul.ui-tabs-nav li a { float: left; text-decoration: none; padding: 10px; color: #fff; font-size: 14px; text-transform: uppercase;}
ul.ui-tabs-nav li.ui-tabs-selected { background-color: #ddd;}
ul.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #cb2027;}
ul.ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { padding: 20px 20px 10px 20px; display: block; background: #ddd; margin: 0 0 30px 0;}
.ui-tabs .ui-tabs-hide { display: none;}

.post_listing ul{
	margin: 0;
}
.post_listing ul li{
	list-style-type: none;
	margin: 0 0 10px 0;
	line-height: 1.25em;
}
.post_listing ul li a{
	font-size: 14px;
}

.featured_multimedia{
	background-color: #000;
	padding: 20px 15px 5px 15px;
	color: #fff;
	margin: 0 0 30px 0;
}
.featured_multimedia .sociable {
	display: none;
}
.multimedia_container {
	text-align: center;
	margin: 0 0 20px 0;
}
.entry {
	margin: 0 0 20px 0;
}
.entry h2{
	margin-bottom: 5px;
}
.date_block, .comment_bubble {
	color: #fff;
	line-height: normal;
	text-align: center;
	font-weight: bold;
	width: 30px;
	margin: 0 0 5px 0;
}
.date_block {
	background-color: #333;
	padding: 5px;
	font-size: 14px;
}
.month {
	text-transform: uppercase;
}
.comment_bubble {
	background-image: url(images/speech_bubble.png);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 11px;
	padding: 7px 4px 3px 6px;
}
.comment_bubble a{
	color: #fff;
}
.comment_bubble a:hover {
	text-decoration: none;
}
.date_comments {
	float: left;
	margin: 0 15px 0 0;
}
.entry_text {
	float: left;
	width: 565px;
}
.tags_categories{
	line-height: 1.5em;
	margin: 0 0 10px 0;
}
.single_tags_categories{
	line-height: 1.5em;
	margin: 0 0 30px 0;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}
/* End Images */


.sociable {
	border-top: 4px solid #eee;
	border-bottom: 4px solid #eee;
	padding: 10px 0;
}
.sociable img {
	height: 25px;
	width: 25px;
}
.sociable ul{
	margin: 0;
	padding: 0;
}
.sociable ul li{
	margin: 0 30px 0 0;
}
#sidebar li {
	list-style: none;
	margin: 0 0 20px 0;
}
#sidebar ul li{
	background-color: #eee;
	padding: 20px;
	font-weight: bold;
	font-size: 24px;
	color: #333;
}
#sidebar ul ul {
	margin: 0;
}
#sidebar ul ul li{
	margin: 20px 0;
	font-weight: normal;
	font-size: 12px;
	color: #333;
	padding: 0;
}
#sidebar .blogroll li{
	margin: 10px 0;
}
#sidebar .aktt_tweets ul li{
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.twitter_time {
	color: #999;
}
.read_more{
	font-size: 13px;
	text-align: right;
	background-image: url(images/more_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 20px 0 0;
}
.pagination {
	margin: 0 0 20px 0;
}
.footer {
	background-color: #333;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 20px;
	line-height: normal;
}
.footer small{
	color: #666;
}
.footer h6{
	color: #ccc;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
.footer_column{
	float: left;
}
.footer_navigation {
	width: 150px;
}
.footer_navigation ul{
	margin: 0 0 50px 0;
}
.footer_navigation li{
	list-style: none;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	font-size: 16px;
}
.footer_navigation a{
	color: #ff2222;
}
.credits {
	font-size: 10px;
	color: #666;
	width: 120px;
	line-height: normal;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: normal;
}
.credits a{
	color: #999;
}
.credits img{
	margin: 0 0 10px 0;
}
.footer_post_list {
	width: 230px;
	margin: 0 20px 0 0;
}
.footer_post_list ul{
	margin: 0;
}
.footer_post_list li{
	list-style: none;
	font-size: 14px;
	margin: 0 0 15px 0;
	line-height: 1.5em;
}
.footer_about {
	width: 240px;
}
.footer_about img{
	margin: 0 0 10px 0;
	border: 1px solid #666;
}
.footer_container{
	background-color: #FFF;
	padding: 10px 0 0 0;
}
.black_footer{
	background-color: #000;
}

/* -------------- SINGLE POST begins ----------------------*/
.single_entry{
	padding: 0 0 0 20px;
	margin: 0 0 40px 0;
}
.single_entry h1{
	margin-bottom: 10px;
	line-height: 1em;
}
.single_entry small{
	color: #999;
}
/* -------------- SINGLE POST ends ----------------------*/

/* -------------- COMMENTS begins ----------------------*/
.commentlist h2{
	display: block;
	padding: 0 0 0.25em 0;
	line-height: normal;
	border-bottom: 1px dashed #888;
}
.commentlist h2 a:link, .commentlist h2 a:active, .commentlist h2 a:visited{
	color: #be786e;
}
.commentlist h2 a:hover{
	color: #ff9f80;
}
ol.commentlist{
	margin: 10px 0;
	padding: 0;
}
.commentlist li{
	list-style-type: none;
	list-style-position: inside;
	background-color: #eee;
	padding: 10px;
	margin: 20px 0;
}
.photos_page .commentlist li{
	background-color: #222;
}
li.alt{
	background-color: #EFEFEF;
}
.photos_page li.alt{
	background-color: #111;
}
textarea#comment{
	width: 550px;
	border: 1px solid #ccc;
	color: #666;
}
.photos_page textarea#comment{
	color: #999;
	background-color: #333;
	border: 1px solid #999;
}
#respond {
	padding: 20px 20px 0px 20px;
	background-color: #f9f9f9;
	border: 1px solid #eee;
	margin: 50px 0 30px 0;
}
.photos_page #respond {
	background-color: #111;
	border: 1px solid #333;
}
#respond input{
	padding: 8px;
	border: 1px solid #ccc;
	height: 12px;
}
.photos_page #respond input{
	color: #ddd;
	background-color: #333;
	border: 1px solid #444;
}
#respond h3{
	margin: 0 0px 20px 0;
}
input#submit {
	height: 40px;
}
/* -------------- COMMENTS ends --------------------*/


/* -------------- PHOTOS PAGE starts --------------------*/
.photos_page {
	background-color: #000;
	color: #fff;
	padding: 20px 0 0 0;
}
.photos_page blockquote{
	background-color: #111;
}
.featured_photo{
	text-align: center;
	margin: 0 0 45px 0;
}
.featured_photo img{
	width: 750px;
}
.photos_page #sidebar ul li{
	background-color: #0F0F0F;
	color: #aaa;
}
.photos_page #sidebar ul ul li{
	color: #999;
}
.photos_page .entry_text{
	color: #FFF;
}
.photos_page .sociable {
	border-top: 4px solid #111;
	border-bottom: 4px solid #111;
}
.photos_page #diigo_linkroll ul {
	background-color: #0F0F0F;
}
/* -------------- PHOTOS PAGE ends --------------------*/


/* -------------- BOOKMARKS starts --------------------*/
#diigo_linkroll ul{
	background-color: #EEE;
}
#diigo_linkroll img{
	display: none;
}
ul.diigo-linkroll li{
	background-color: #EEE;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 5px;
}
ul.diigo-linkroll li li{
	margin: 0;
	padding: 0;
}
.diigo-linkroll p{
	margin-bottom: 5px;
}
.diigo-link {
	background-color: #DDD;
	padding: 5px;
}
.diigo-tags {
	font-size: 10px;
}
ul.diigo-highlights {
	margin: 0;
}
/* -------------- BOOKMARX ends --------------------*/
.search_title {
	color: #999;
	font-size: 28px;
	margin: 0 0 30px 0;
}