/*
Theme Name: Together
Description: A Community based Wordpress Theme
Theme URI: http://themebrewers.com
Author:	Brew Master
Author URI: http://themebrewers.com
Template: espresso
Version: 0.0.3
License: GNU General Public License
License URI: license.txt
Tags: grey, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, 
sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


a{
	color:#2a83ca;
}
a:hover{
	color:#e58304;
}


	#header-wrap{
		margin:0px;
	}
	.header_wrap_outer{
		padding:0px;
		}
		#site-title{
			float:right;
			}
			#site-title a{
				color:#313234;
				}
				#site-title a span{
					color:#2a83c9;
				}
		#site-description{
			float:right;
			font-family:Traditional Arabic;
			color:#838383;
			font-size:14px;
			font-style:italic;
			margin-top:45px;
			padding-left:4px;
		}
		
	#ca-container{
		border:solid 10px #f6f6f6;
		background:#f0edeb;
	}
	
	
/* ======================= */
/* = Navigation + Search = */
/* ======================= */
	#nav-search-container{
		width:960px;
		height:54px;
		position:relative;
		top:0px;
		left:-10px;
		background:url(images/nav_bg.png) repeat-x;
		border-bottom:solid 1px #444444;
	}
	#nav-together{
		float:right;
		width:660px;
	}
	#search-together{
		width:300px;
		float:right;
		}
		#search-together div{
			padding-top:10px;
		}
		#search-together #s{
			border:none;
			background:url(images/search_bg.png) no-repeat;
			padding-left:35px;
			width:185px;
			outline:none;
			float:right;
			line-height:31px;
			height:31px;
			font-size:13px;
			color:#ddd;
		}
	 	#search-together #searchsubmit{
			margin:0px;
			float:right;
			border:solid 1px #000;
			background:url(images/search_btn_bg.png) repeat-x;
			height:31px;
			font-size:13px;
			font-weight:bold;
			text-shadow: 1px 1px #ddd;
		}
	
	
/* =============== */
/* = Menu Styles = */
/* =============== */

.espresso-menu{ margin:auto; }
.espresso-menu a,
.espresso-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/
	font-size:13px;
	font-weight:bold;
	color:#999999;
	text-shadow: 2px 2px #373737;
	text-decoration:none;
}
.espresso-menu a:hover{
	color:#dddddd;
}

.espresso-menu li:hover ul,
.espresso-menu li.sfHover ul{
	top: 55px;
	left:0px;
	/*left: -50%;
	width:200px !important;*/
}

.espresso-menu li.li-level-1:hover,
.espresso-menu li.li-level-1.sfHover{
	background:url(images/nav_on.png) repeat-x;
}

.espresso-menu .li-level-1 a.a-level-1{
	padding:19px 15px 22px;
	color:#dddddd;
	background:url(images/nav_li_border.png) top right no-repeat;
	position:relative;
}

.espresso-menu .li-level-1 a.a-level-1 .sf-sub-indicator{
	background:url(images/menu_arrow.png) center center no-repeat;
	position:absolute;
	display:block;
	height:10px;
	width:100%;
	bottom:0px;
	left:0px;
	text-indent:-9999px;
}

.espresso-menu li,
.espresso-menu li li,
.espresso-menu li li li{ }
/* HOVER */
.espresso-menu li:hover,
.espresso-menu li.sfHover{ outline:0; }

.espresso-menu li:hover a,
.espresso-menu li.sfHover a{ outline:0; }
/* ON Level 1 LI */
.espresso-menu .li-level-1.current-menu-item,
.espresso-menu .li-level-1.current-menu-ancestor{
	background:url(images/nav_on.png) repeat-x;
}
/* ON Level 1 A */
.espresso-menu .li-level-1.current-menu-item .a-level-1,
.espresso-menu .li-level-1.current-menu-ancestor .a-level-1{
	color:#dddddd;
	
}

/* SUB MENU FOR BOTH WIDGET AND REGULAR MENU */
.sub-menu{ 
	background:url(images/nav_submenu_bg.png) repeat-x #373737; 
	padding:15px 0px 0px 0px;
}
.sub-menu li a{
	padding-top:3px;
}
.sub-menu li a span.menu-span{
	background:url(images/submenu_border_bg.png) bottom left repeat-x;
	display:block;
	padding:0px 0px 13px;
	margin:0px 5px 5px;
}

#custom-content-top{
	height:42px;
	background:url(images/content_bg.png) repeat-x;
	width:960px;
	position:relative;
	top:0px;
	left:-10px;
}

article.post{
	border:solid 1px #e4e1df;
	padding:0px;
	background:#fdfdfd;
	position:relative;
	}
	article.post .post-bg{
		background:url(images/post_bg.png) repeat-x;
		padding: 10px 20px 75px 20px;
		
	}
	article.format-link .post-bg{
		padding: 10px 10px 5px 10px;
	}
	.entry-header{
		position:relative;
		}
		.entry-header .entry-meta{
			position:absolute;
			top:-26px;
			right:-15px;
			width:53px;
			height:79px;
			background:url(images/ribbon.png) no-repeat;
			}
			.entry-header .entry-meta time{
				text-align:center;
				display:block;
				color:#fff;
			}
			.entry-header .entry-meta .month{
				font-size:14px;
				padding-top:12px;
			}
			.entry-header .entry-meta .day{
				font-size:20px;
				line-height:20px;
				font-weight:bold;
			}
			.entry-title{
				padding: 20px 0px 20px 0px;
				text-align:right;
			}
		.entry-title, .entry-title a{
			color:#818182;
			font-weight:bold;
			font-size:20px;
			
			}
			.entry-title a:hover{
				color:#000000;
			}

	.post-footer-left,.post-footer-right{
		width:215px;
		height:8px;
		position:absolute;
		bottom:-8px;
		
	}
	.post-footer-left{
		background:url(images/post_left.png) no-repeat;
		left:0px;
	}
	.post-footer-right{
		background:url(images/post_right.png) no-repeat;
		right:0px;
	}
	
	.author-info{
		border-top:solid 1px #dfdad7;
		padding-top:15px;
		font-size:.8em;
		}
		.author-avatar{
			float:right;
			margin:0px 10px 10px 0px;
		}
		.author-description{
			
			}
			.author-description h2{
				font-size:1.2em;
			}

	footer.entry-meta{
		background:#dfdad7;
		width:100%;
		position:absolute;
		bottom:0px;
		left:0px;
		}
		.grid_12 footer.entry-meta{
			width:456px;
		}
		.container_16 .grid_16 footer.entry-meta{
			width:936px;
		}
		body.page footer.entry-meta{
			background:none;
			position:static;
		}
			
		footer .meta-padding{
			padding:1px;
			}
			footer .meta-inner{
				border-top:solid 1px #f0edeb;
				padding:8px 12px;
			}
			footer .meta-inner a{
				display:block;
				line-height:37px;
				font-size:14px;
				}
				footer .meta-inner a.comments-left{
					float:left;
					}
					footer .meta-inner a.comments-left span{
						display:block;
						float:left;
						background:url(images/balloon.png) no-repeat;
						padding:0px 20px;
						line-height:37px;
						height:39px;
						color:#313234;
						font-size:18px;
						font-family:Traditional Arabic;
						margin-right:3px;
					}
				footer .meta-inner a.comments-right{
					float:right;
					line-height:37px;
						height:39px;
						color:#313234;
						font-size:18px;
						font-family:Traditional Arabic;
				}

/* ============ */
/* = Comments = */
/* ============ */
.comment-outer{
	border:solid 1px #e5e2e0;
	background:url(images/post_bg.png) repeat-x #fdfdfd;
	padding:0px;
	font-size:14px;
	color:#444444;
	}
	.comment-inner{
		border:solid 1px #fff;
		}
		#comments-title{
			background:url(images/sbar_bottom.png) bottom left repeat-x;
			border:none;
			padding:10px 14px;
			font-weight:normal;
			color:#313234;
			font-size:20px;
			}
			.comment-user{
				float:right;
				width:75px;
				margin:0px 15px 0px 10px;
				}
				.comment-author{
					float:none;
				}
			.comment-body{
				float:right;
				width:70%;
				
			}

			ol.commentlist {list-style: none; margin: 0 0 45px;}
			ol.commentlist li {}
			ol.commentlist li.alt {}
			ol.commentlist li.bypostauthor {}
			ol.commentlist li.byuser {}
			ol.commentlist li.comment-author-admin {}
			ol.commentlist li.comment {border-bottom: none; padding: 10px 0px;}
			ol.commentlist li.comment div.comment-author {}
			ol.commentlist li.comment div.vcard {}
			ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
			ol.commentlist li.comment div.vcard cite.fn a.url {text-decoration:underline;}
			ol.commentlist li.comment div.vcard img.avatar {float:none; margin:0px;}
			ol.commentlist li.comment div.vcard img.avatar-32 {}
			ol.commentlist li.comment div.vcard img.photo {}
			ol.commentlist li.comment div.vcard span.says {}
			ol.commentlist li.comment div.commentmetadata {}
			ol.commentlist li.comment div.comment-meta {font-size: 10px;}
			ol.commentlist li.comment div.comment-meta a {}
			ol.commentlist li.comment div.comment-body {padding:18px 12px;}
			ol.commentlist li.comment p {margin:0px;}
			ol.commentlist li.comment ul {}
			ol.commentlist li.comment div.reply,ol.commentlist li.comment div.edit-comment {font-size: 11px; clear:both;margin-top:5px;}
			ol.commentlist li.comment div.reply a {font-weight: bold;}
			ol.commentlist li.comment ul.children {list-style: none; margin:0px;}
			ol.commentlist li.comment ul.children li { padding-left: 15px;}
			ol.commentlist li.comment ul.children li.alt {}
			ol.commentlist li.comment ul.children li.bypostauthor {}
			ol.commentlist li.comment ul.children li.byuser {}
			ol.commentlist li.comment ul.children li.comment {}
			ol.commentlist li.comment ul.children li.comment-author-admin {}
			ol.commentlist li.comment ul.children li.depth-2 {border-left: none;  margin: 0px;}
			ol.commentlist li.comment ul.children li.depth-3 {border-left: none; margin: 0px;}
			ol.commentlist li.comment ul.children li.depth-4 {border-left: none; margin: 0px;}
			ol.commentlist li.comment ul.children li.depth-5 {}
			ol.commentlist li.comment ul.children li.odd {}
			ol.commentlist li.even {}
			ol.commentlist li.odd {}
			ol.commentlist li.parent {border-left: none;}
			ol.commentlist li.thread-alt {}
			ol.commentlist li.thread-even {}
			ol.commentlist li.thread-odd {}
				
			ol.commentlist li.even .comment-body{ background:#dfdad7;}
			ol.commentlist li.odd .comment-body{ background:#f5f4f4;}

			ol.commentlist li.pingback p{
				background:#dfdad7;
				margin:10px 50px 10px 10px;
				padding:10px 15px;
			}

			#respond{
				margin-top:15px;
			}
/* =========== */
/* = Widgets = */
/* =========== */
.widget-container,.widget-container-footer{
	border:solid 1px #e5e2e0;
	background:url(images/post_bg.png) repeat-x #fdfdfd;
	padding:0px;
	font-size:14px;
	color:#444444;
	}
	.inner-widget{
		border:solid 1px #fff;
		
		}
		.widget-title,.widget-title-footer{
			background:url(images/sbar_bottom.png) bottom left repeat-x;
			border:none;
			padding:10px 14px;
			font-weight:normal;
			color:#313234;
			font-size:20px;
		}
		.inner-widget ul, 
		.textwidget,
		.inner-widget form,
		#calendar_wrap,
		.tagcloud{
			padding:10px 14px 20px;
		}
		
		.inner-widget ul.tweets{
			padding-top:0px;
		}
		.tweets li{
			border-bottom:solid 1px #dfdad7;
			padding:10px 0px;
			}
			.tweets li .timesince{
				color:#e7952b;
				text-transform:uppercase;
				font-size:10px;
				font-style:italic;
				display:block;
			}

#footer-widgets{
	margin-top:10px;
}