/*

Theme Name: Hananala

Theme URI: http://duebel.me/

Description: A custom theme developed by Bobby Duebelbeis for Hanan Alattar.

Version: 1.0

Author: Bobby Duebelbeis

Author URI: http://duebel.me/

Tags: silver and gold, slideshow, frameset



	Hanan's Theme v1.0

	 http://duebel.me/



	This theme was designed and built by Bobby Duebelbeis.



	The CSS and XHTML is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

	

	All design elements are ©2009 Clever Agency, LLC



*/

body {

	background-color: #cacaca;

	margin: 0px;

	padding: 0px;

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

	background-attachment: scroll;

	background-repeat: repeat-x;

	background-position: 0px -65px;

}

.container {

	width: 802px;

	margin-right: auto;

	margin-left: auto;

}

.pagelink a {

	color: #bb9655;

	font-size: 0.75em;

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

	text-decoration: none;

}

.pagelink a:hover {

	color: #bb9655;

	font-size: 0.75em;

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

	text-decoration: underline;

}

 .hd_container {

	background-attachment: scroll;

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

	background-repeat: no-repeat;

	background-position: top;

	height: 90px;

	width: 800px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #666666;

	border-left-color: #666666;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #666666;

	margin-top: 5px;

}

 .hd_container .logo {

	margin-top: 10px;

	margin-left: 20px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

 .hd_container .player {

	float: right;

	margin-top: -30px;

	margin-right: 20px;

}



 .page {

	width: 800px;

	background-color: #FFFFFF;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #666666;

	border-bottom-color: #666666;

	border-left-color: #666666;

	margin-bottom: 20px;

}

.navigation {

	background-attachment: scroll;

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

	background-repeat: no-repeat;

	background-position: 0px 0px;

	height: 37px;

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

	text-transform: uppercase;

	font-size: 0.65em;

	font-weight: bold;

	letter-spacing: 0.05em;

	width: 800px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #666666;

	border-left-color: #666666;

}

.navigation ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}

.navigation li a {

	float: left;

	width: 114.2px;

	display: block;

	text-align: center;

	height: 26px;

	padding-top: 11px;

	color: #000000;

	text-decoration: none;

}

.navigation li a:hover {

	float: left;

	width: 114.2px;

	display: block;

	text-align: center;

	height: 26px;

	padding-top: 11px;

	color: #FFFFFF;

	text-decoration: none;

	background-attachment: scroll;

	background-repeat: repeat-x;

	background-position: 0px 0px;

	filter: alpha(opacity:40);

	KHTMLOpacity: 0.40;

	MozOpacity: 0.40;

	opacity: 0.40;

	background-color: #000000;

}

 .page .slideshow {

	height: 300px;

	background-attachment: scroll;

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

	background-repeat: no-repeat;

	background-position: 0px 0px;

}

 .page .widecolumn {

	float: left;

	width: 500px;

	padding: 20px;

}

 .page .sidebar {

	float: right;

	width: 260px;

	padding-top: 20px;

}

h2    {

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

	font-weight: normal;

	text-transform: uppercase;

	font-size: .8em;

	letter-spacing: 0.3em;

	color: #5e5e5e;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}

.entry h3 {

	color: #bb9655;

	font-weight: normal;

	text-transform: capitalize;

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

	font-size: .8em;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #cacaca;

	padding-bottom: 10px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	width: 423px;

	clear: both;

	display: block;

}

.entry .thumbnail {

	float: left;

	margin-right: 10px;

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

	height: 72px;

	width: 72px;

	margin-bottom: 10px;

}

.entry p {

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

	font-size: 0.7em;

	color: #333333;

	line-height: 1.6em;

}

.entry a {

	color: #BB9655;

	text-decoration: none;

}

.entry a:hover {

	text-decoration: underline;

}

.entry .post_divider {

	height: 1px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #cacaca;

	display: block;

	clear: both;

}

 .page .widecolumn .entry .post_divider .post_continue {

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

	font-size: 0.7em;

	color: #FFFFFF;

	background-color: #bb9655;

	height: 17px;

	width: 45px;

	display: block;

	padding-top: 3px;

	padding-left: 20px;

	float: right;

	text-decoration: none;

}

 .page .widecolumn .post_clear {

	height: 30px;

}

.sidebar h2 {

	text-align: right;

	margin-right: 20px;

}

 .page .sidebar .engagement {

	background-attachment: scroll;

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

	background-repeat: no-repeat;

	background-position: 0px 0px;

	height: 46px;

	width: 337px;

	margin-bottom: 10px;

}

 .page .sidebar .engagement .day {

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

	font-size: 1.5em;

	color: #FFFFFF;

	float: left;

	display: block;

	width: 86px;

	text-align: center;

}

 .page .sidebar .engagement .month_year {

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

	color: #FFFFFF;

	font-size: .8em;

	clear: left;

	float: left;

	display: block;

	width: 86px;

	text-align: center;

	margin-top: -5px;

}

.engagement_dates {

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

	font-size: .7em;

	font-style: italic;

	color: #666666;

	margin-left: 20px;

}

ul.wGallery {

	list-style-type: none;

}

.wGallery li {

	text-align: right;

	margin-right: 20px;

}

li.widget {

	list-style-type: none;

	padding-left: 60px;

}

.wGallery img {

	border: none;

}

 .page .sidebar .engagement .engagement_title a {

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

	font-size: 0.7em;

	text-decoration: none;

	font-weight: bold;

	color: #BB9655;

	display: block;

	margin-left: 106px;

	padding-top: 2px;

}

.page .sidebar .media {

	padding-right: 20px;

}

.page .sidebar .media .thumb_media {

	background-attachment: scroll;

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

	background-repeat: no-repeat;

	background-position: 0px 0px;

	float: right;

	height: 66px;

	width: 66px;

	margin-left: 10px;

	margin-bottom: 10px;

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

	font-size: 0.7em;

	color: #FFFFFF;

	text-align: center;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 3px;

	text-decoration: none;

	display: block;

	overflow: hidden;



}

 .page .sidebar p {

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

	font-size: .8em;

	font-style: italic;

	color: #BB9655;

	line-height: 1.6em;

	margin-top: -10px;

	text-align: right;

}

 .page .footer {

	background-color: #928E8F;

	padding: 10px;

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

	font-size: 0.7em;

	color: #333333;

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

	margin-top: 20px;

}

table {

	width: 100%;

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

	font-size: .7em;

}

li.linkcat {

	list-style-type: none;

}

.linkcat h2 {

	

	margin-right: 0px !important;

}

.linkcat ul {

	margin-left: 160px;

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

	font-size: .7em;

}

.linkcat li {

	list-style-type: none;

}

.linkcat li a {

	color: #BB9655;

	text-decoration: none;

}

.linkcat li a:hover {

	text-decoration: underline;

}

.footer ul {

	margin: 0px;

	padding: 0px;

}

.footer li {

	float: left;

	list-style-type: none;

	padding-top: 0px;

	padding-right: 18px;

	padding-bottom: 0px;

	padding-left: 18px;

}

.footer a {

	color: #333333;

	text-decoration: none;

}

.footer a:hover {

	text-decoration: underline;

}

.reciprocal {

	text-indent: -9999px;

	width: 800px;

	margin-right: auto;

	margin-left: auto;

}







/* Button */
.css3cta01 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bb6c27), color-stop(1, #f3a63c) );
	background:-moz-linear-gradient( center top, #bb6c27 5%, #f3a63c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb6c27', endColorstr='#f3a63c');
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:#FFFFFF;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 23px;
	text-decoration:none;
	text-shadow:1px 1px 0px #777777;
	margin-top:10px;
	margin-right:20px;
	float:right;
	clear:both;
}.css3cta01:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #494846), color-stop(1, #888684) );
	background:-moz-linear-gradient( center top, #494846 5%, #888684 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#494846', endColorstr='#888684');
	color:#FFFFFF;
}.css3cta01:active {
	position:relative;
	top:1px;
}