/*
Theme Name: Rahaf
Theme URI: http://rahafharfoush.com/
Description: A custom theme for Rahaf Harfoush designed by Alan Smith.
Version: 1.0
Author: Matt McCausland
Author URI: http://idiotbanter.com/
*/

body {
	margin: 0;
	padding: 0;
	background: url(images/backgrounds/bg_b_med_full_rpt.jpg);
	font-family: Georgia, serif;
	font-size: small;
}

/* Layout =========================== */

#Container {
	width: 900px;
	margin: 0 auto;
}

#Content {
	overflow: hidden;
}

#MainContent {
	width: 652px;
	float: left;
}

#SecondaryContent {
	width: 248px;
	float: left;
	margin-top: 112px;
}

/* Header ========================== */

#Header {
	position: relative;
	height: 158px;
}

#Header a:focus {
	outline: 0;
}

/* Main Menu ===== */

#Header h3 {
	display: none;
}

ul#Nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 15px;
	left: 273px;
}

ul#Nav li {
	margin: 0;
	padding: 0;
	float: left;
}

ul#Nav li a {
	display: block;
	float: left;
	background-image: url(images/MainMenu.gif);
	height: 22px;
	text-indent: -9999px;
}

ul#Nav li.Blog a {
	width: 48px;
}

ul#Nav li.Blog a:hover {
	background-position: 0 100%;
}

ul#Nav li.Work a {
	width: 51px;
	background-position: -48px 0;
}

ul#Nav li.Work a:hover {
	background-position: -48px 100%;
}

ul#Nav li.Media a {
	width: 53px;
	background-position: -99px 0;
}

ul#Nav li.Media a:hover {
	background-position: -99px 100%;
}

ul#Nav li.About a {
	width: 76px;
	background-position: -152px 0;
}

ul#Nav li.About a:hover {
	background-position: -152px 100%;
}

ul#Nav li.Contact a {
	width: 70px;
	background-position: -228px 0;
}

ul#Nav li.Contact a:hover {
	background-position: -228px 100%;
}

ul#Nav li.Home a {
	width: 47px;
	background-position: 100% 0;
}

ul#Nav li.Home a:hover {
	background-position: 100% 100%;
}

ul#Nav li.Search label {
	display: none;
}

ul#Nav li.Search input#s {
	height: 13px;
	width: 130px;
	padding: 0;
	margin-left: 22px;
}

ul#Nav li.Search input#searchsubmit {
	height: 18px;
	background: #e33826;
	border: 0;
	color: #fff;
	text-transform: uppercase;
}

/* Page Titles ===== */

#Header h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

#Header h1 a, #Home #Header h1 a {
	display: block;
	width: 500px;
	height: 125px;
	text-indent: -9999px;
	background: url(images/titles/Rahaf.png) !important;
	background: url(images/titles/Rahaf.gif);
}

#Blog #Header h1 a {
	display: block;
	width: 500px;
	height: 125px;
	text-indent: -9999px;
	background: url(images/titles/TheFoush.png) !important;
	background: url(images/titles/TheFoush.gif);
}

#Work #Header h1 a {
	display: block;
	width: 500px;
	height: 125px;
	text-indent: -9999px;
	background: url(images/titles/Work.png) !important;
	background: url(images/titles/Work.gif);
}

#Media #Header h1 a {
	display: block;
	width: 500px;
	height: 125px;
	text-indent: -9999px;
	background: url(images/titles/Media.png) !important;
	background: url(images/titles/Media.gif);
}

#Contact #Header h1 a {
	display: block;
	width: 500px;
	height: 125px;
	text-indent: -9999px;
	background: url(images/titles/Contact.png) !important;
	background: url(images/titles/Contact.gif);
}

#About #Header h1 a, #Contact #Header h1 a {
	margin-left: 10px;
}

/* Main Content ========================= */

.MainContentWrapper {
	width: 482px;
	background: url(images/backgrounds/MainContentBG.gif) repeat-y;
	padding: 14px 60px 50px 67px;
}

.NonSemanticTop {
	width: 609px;
	height: 43px;
	background: url(images/backgrounds/BlogNavBG.gif) bottom right no-repeat;
}	

.NonSemanticDropShadow {
	height: 18px;
	background: url(images/backgrounds/MainContentBottomBG.gif) no-repeat;
	margin-bottom: 20px;
}

.PostNavigation {
	width: 609px;
	height: 59px;
	position: relative;
	clear: both;
}

#Media .NonSemanticTop {
	background: url(images/backgrounds/MediaNavBG.gif) bottom right no-repeat;
}

#Contact .NonSemanticTop {
	background: url(images/backgrounds/ContactTopBG.gif) bottom right no-repeat;
}

#About .NonSemanticTop {
	background: url(images/backgrounds/AboutTopBG.gif) bottom right no-repeat;
}

.PostNavigation div a {
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	display: block;
	padding: 1px 5px;
	font-family: lucida grand, sans-serif;
	text-transform: uppercase;
	background: #f85200;
	width: 252px;
}

.PostNavigation div a:hover {
	color: #000;
}

#Media .PostNavigation div a {
	background: #ec4488;
}

#Work .PostNavigation div a {
	background: #C8CA37;
}

.PostNavigation div.Older {
	position: absolute;
	top: 26px;
	left: 18px;
}

.PostNavigation div.Newer {
	position: absolute;
	top: 26px;
	right: 0;
	text-align: right;
}

.post, .page {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	margin-bottom: 100px;
}

.post h2, .post h2 a, .page h2, .post h2 a:visited {
	margin: 0 0 40px;
	padding: 0;
	font-family: Palatino, Times, serif;
	color: #C8CA36;
	font-size: 30px;
	line-height: 30px;
	font-style: italic;
	font-weight: bold;
	border: 0;
}

.post small, .page small {
	font-family: lucida grand, sans-serif;
	color: #f85200;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.post p, .page p {
	margin-top: 0;
}

.post h3, .page h3 {
	font-family: Times, serif;
	font-size: 18px;
	line-height: 22px;
	font-style: italic;
	color: #666;
}

.post blockquote {
	font-family: Times, serif;
	font-size: 18px;
	line-height: 22px;
	color: #666;
	font-style: italic;
	border-top: 2px solid #f8b79c;
	width: 495px;
	background: #fff;
	padding: 15px;
}

.post a, .page a {
	text-decoration: none;
	border-top: 1px solid #f6be25;
	border-bottom: 1px solid #f6be25;
	color: #000;
}

.post a:hover, .page a:hover, .post h2 a:hover, .page h2 a:hover {
	color: #000;
	background: #f6be25;
}

.post a:visited, .page a:visited {
	color: #000;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

ol.commentlist {
	background: url(images/backgrounds/CommentBG.gif) repeat-y;
	list-style: none;
	margin: 0;
	padding: 1px 0;
	width: 608px;
}

.CommentTop {
	height: 18px;
	background: url(images/backgrounds/CommentTopBG.gif) 18px 0 no-repeat;
	margin-top: 23px;
}

.CommentBottom {
	height: 18px;
	background: url(images/backgrounds/MainContentBottomBG.gif) no-repeat;
}

ol.commentlist li.comment {
	margin: 10px 0 10px 18px;
	overflow: hidden;
	min-height: 54px;
	padding: 28px 20px 43px 18px;
	border-bottom: 1px dashed #ccc;
}

.CommentMeta {
	width: 40%;
	float: left;
}

.CommentMeta cite {
	color: #f85200;
	font-size: 18px;
}

.CommentContent {
	width: 58%;
	float: left;
	color: #666;
}

.CommentContent p {
	margin-top: 0;
}

.CommentDate {
	display: block;
	color: #f85200;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.CommentMeta cite a {
	text-decoration: none;
	border-top: 1px solid #f6be25;
	border-bottom: 1px solid #f6be25;
	color: #000;
}

.CommentMeta cite a:hover {
	color: #ffdf43;
}

#respond label {
	color: #fff;
}

img.alignleft {
	margin-right: 5px;
}

/* Secondary Content =============== */

ul#SecondaryContentWrapper {
	background: url(images/backgrounds/SecondaryContentBG.gif) repeat-y;
	margin: 0;
	padding: 10px 0;
	list-style: none;
}

.SecondaryContentTop {
	height: 13px;
	background: url(images/backgrounds/SecondaryContentTopBG.gif) no-repeat;
}

#Work .SecondaryContentTop {
	background: url(images/backgrounds/SecondaryContentWorkTopBG.gif) no-repeat;
}

#Media .SecondaryContentTop {
	background: url(images/backgrounds/SecondaryContentMediaTopBG.gif) no-repeat;
}

#About .SecondaryContentTop {
	background: url(images/backgrounds/SecondaryContentAboutTopBG.gif) no-repeat;
}

#Contact .SecondaryContentTop {
	background: url(images/backgrounds/SecondaryContentContactTopBG.gif) no-repeat;
}

.SecondaryContentBottom {
	height: 8px;
	width: 240px;
	background: url(images/backgrounds/MainContentBottomBG.gif) no-repeat;
	margin-bottom: 30px;
}

ul#SecondaryContentWrapper li {
	margin: 0 0 20px 8px;
	padding: 0 36px 30px 28px;
	border-bottom: 1px solid #ccc;
}

ul#SecondaryContentWrapper li ul {
	padding: 0 0 0 20px;
}

ul#SecondaryContentWrapper li ul li {
	margin: 5px;
	padding: 0;
	border: 0;
	list-style-type: disc;
	color: #666;
}

#SecondaryContent h2 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #666;
	font-size: 14px;
	font-family: lucida grand, sans-serif;
	letter-spacing: 0.1em;
}

#SecondaryContent p {
	color: #666;
}

#SecondaryContent a {
	text-decoration: none;
	color: #666;
}

#SecondaryContent a:hover {
	color: #000;
	background: #F6BE25;
}

/* Footer ========================== */

#Footer {
	clear: both;
	background: #022222;
	padding: 0 1px;
	overflow: hidden;
}

#FooterWrapper {
	width: 900px;
	margin: 0 auto;
}

#Footer #RecentPosts {
	width: 305px;
	border-right: 1px dotted #000;
	border-left: 1px dotted #000;
	margin-right: 20px;
	float: left;
	min-height: 470px;
}

#Footer #RecentPosts h3 {
	text-indent: -9999px;
	width: 305px;
	height: 56px;
	background: url(images/titles/FooterBlogPosts.gif) 0 50% no-repeat;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #000;
}

#Footer #RecentPosts ul, #Footer #RecentPosts ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#Footer #RecentPosts ul li a {
	display: block;
	text-decoration: none;
	color: #d7d7d7;
	padding: 15px 10px 9px;
	border-bottom: 1px dotted #000;
}

#Footer #RecentPosts ul li a:hover {
	color: #ffdf43;
}

#Footer #Feeds {
	border-bottom: 1px dotted #000;
}

#Footer #Feeds ul {
	background: url(images/FeedIcon.gif) 22px 50% no-repeat;
	padding: 10px 5px 10px 50px;
}

#Footer #Feeds ul li a {
	display: inline;
	color: #c69b28;
	padding: 2px;
	border: 0;
	font-family: lucida grand, sans-serif;
	font-size: 10px;
}

a#ArchivesLink {
	text-decoration: none;
	color: #c69b28;
	font-family: lucida grand, sans-serif;
	display: block;
	padding: 11px;
	font-size: 11px;
}

a#ArchivesLink:hover {
	color: #ffdf43;
}

#RecentTweets {
	float: left;
	border-left: 1px dotted #000;
	border-right: 1px dotted #000;
	width: 217px;
	min-height: 470px;
}

#Footer #RecentTweets h3 {
	text-indent: -9999px;
	width: 217px;
	height: 56px;
	background: url(images/titles/FooterTweets.gif) 0 50% no-repeat;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #000;
}

#Footer #RecentTweets ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #b2b2b2;
	font-family: lucida grand, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

#Footer #RecentTweets ul li {
	padding: 10px;
}

#Footer #RecentTweets ul li.aktt_more_updates {
	border-top: 1px dotted #000;
}

#Footer #RecentTweets a {
	text-decoration: none;
	color: #d7d7d7;
	font-style: italic;
}

#Footer #RecentTweets ul li.aktt_more_updates a {
	color: #c69b28;
	font-style: normal;
}

#Footer #RecentTweets ul li.aktt_more_updates a:hover {
	color: #ffdf43;
}

#Footer #Connect {
	width: 100px;
	float: left;
	min-height: 470px;
}

#Footer #Connect h3 {
	text-indent: -9999px;
	width: 100px;
	height: 56px;
	background: url(images/titles/FooterConnect.gif) 0 50% no-repeat;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #000;
}

#Footer #Connect ul {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

#Footer #Connect ul li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #f6be25;
	font-family: lucida grand, sans-serif;
	font-size: 10px;
}

#Footer #Connect ul li a:hover {
	color: #ffdf43;
}

#Footer #Places {
	width: 238px;
	float: left;
	border-left: 1px dotted #000;
	border-right: 1px dotted #000;
	min-height: 470px;
}

#Footer #Places h3 {
	text-indent: -9999px;
	width: 238px;
	height: 56px;
	background: url(images/titles/FooterPlaces.gif) 0 50% no-repeat;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #000;
}

#Footer #Places ul {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

#Footer #Places ul li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #f6be25;
	font-family: lucida grand, sans-serif;
	font-size: 10px;
}

#Footer #Places ul li a:hover {
	color: #ffdf43;
}

/* Legals ========== */

#Legal {
	background: #000;
	font-family: lucida grand, sans-serif;
	font-size: 10px;
	color: #666;
	padding: 10px;
}

#Legal p {
	width: 900px;
	margin: 10px auto;
}

#Legal a {
	text-decoration: none;
	color: #c69b28;
}

#Legal a:hover {
	color: #fff;
}

/* Home Page ================================ */

#Home #Container {
	width: 910px;
}

#Home #Header {
	margin-left: 10px;
}

#Home #Is {
	width: 910px;
}

#Home #Is h2 {
	margin: 0;
	padding: 0;
}

#Home #Is h2 a {
	text-indent: -9999px;
	width: 910px;
	height: 38px;
	background: url(images/titles/HomeIs.gif) no-repeat;
	margin: 0;
	padding: 0;
	display: block;
}

#Home #IsContent {
	background: url(images/backgrounds/HomeIsBG.gif) repeat-y;
	padding: 0 220px 5px 25px;
	color: #8c8c8c;
}

#Home #IsContent p {
	margin: 0;
	padding: 0;
}

#Home #IsBottom {
	width: 882px;
	height: 10px;
	background: url(images/backgrounds/CheckerBoardBG.gif) repeat-x;
	margin-bottom: 6px;
}

#Home #JustWrote {
	width: 312px;
	float: left;
	margin-right: 9px;
}

#Home #JustWroteContent {
	background: url(images/backgrounds/HomeIsBG.gif) repeat-y;
	padding: 1px 5px 10px 25px;
}

#Home #JustWrote h2 {
	margin: 0;
	padding: 0;
}

#Home #JustWrote h2 a {
	text-indent: -9999px;
	width: 312px;
	height: 41px;
	background: url(images/titles/HomeJustWrote.gif) no-repeat;
	margin: 0;
	padding: 0;
	display: block;
}

#Home #JustWroteBottom {
	width: 294px;
	height: 10px;
	background: url(images/backgrounds/MainContentBottomBG.gif) repeat-x;
	margin-bottom: 10px;
}

#Home #JustWrote h3, #Home #JustFeatured h3, #Home #JustFinished h3 {
	margin: 2px 0 5px 0;
}

#Home #JustWrote h3 a, #Home #JustFeatured h3 a, #Home #JustFinished h3 a {
	color: #3f3f3f;
	font-size: 14px;
	text-decoration: none;
	font-style: normal;
	border: 0;
	line-height: 17px;
}

#Home #JustWrote h3 a:hover, #Home #JustFeatured h3 a:hover, #Home #JustFinished h3 a:hover {
	color: #ffdf43;
	background: transparent;
}

#Home #JustWrote .Entry {
	margin-bottom: 10px;
}	

#Home #JustFeatured {
	float: left;
	width: 314px;
	margin-right: 7px;
}

#Home #JustFeaturedContent {
	background: url(images/backgrounds/HomeIsBG.gif) repeat-y;
	padding: 1px 5px 10px 25px;
}

#Home #JustFeatured h2 {
	margin: 0;
	padding: 0;
}

#Home #JustFeatured h2 a {
	text-indent: -9999px;
	width: 314px;
	height: 41px;
	background: url(images/titles/HomeJustFeatured.gif) no-repeat;
	margin: 0;
	padding: 0;
	display: block;
}

#Home #JustFeaturedBottom {
	width: 296px;
	height: 10px;
	background: url(images/backgrounds/MainContentBottomBG.gif) repeat-x;
	margin-bottom: 10px;
}

#Home #JustFinished {
	float: left;
	width: 268px;
}

#Home #JustFinishedContent {
	background: url(images/backgrounds/HomeIsBG.gif) repeat-y;
	padding: 1px 5px 10px 25px;
}

#Home #JustFinished h2 {
	margin: 0;
	padding: 0;
}

#Home #JustFinished h2 a {
	text-indent: -9999px;
	width: 268px;
	height: 41px;
	background: url(images/titles/HomeJustFinished.gif) no-repeat;
	margin: 0;
	padding: 0;
	display: block;
}

#Home #JustFinished .Entry h2 {
	text-indent: 0;
	width: 100%;
	height: 1%;
	background: transparent;
}

#Home #JustFinishedBottom {
	width: 250px;
	height: 10px;
	background: url(images/backgrounds/MainContentBottomBG.gif) repeat-x;
	margin-bottom: 10px;
}

#Home .MoreLinkWrapper {
	margin: 10px 0;
}

a.MoreLink {
	text-decoration: none;
	padding: 2px;
	background: #ffdf43;
	color: #000;
	font-family: lucida grand, sans-serif;
	font-size: 10px;
	border: 0;
}

a.MoreLink:hover {
	color: #ffdf43;
	background: transparent;
}

a.MoreLink:visited {
	border: 0;
}

#Home .post {
	margin-bottom: 0;
}

/* Work =========================== */

ul#WorkSubNav {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#WorkSubNav li {
	margin: 0;
	padding: 0;
	float: left;
}

ul#WorkSubNav li a {
	text-indent: -9999px;
	display: block;
	float: left;
	height: 50px;
	background-image: url(images/WorkSubNav.png) !important;
	background-image: url(images/WorkSubNav.gif);
}

ul#WorkSubNav li a:focus {
	outline: 0;
}

ul#WorkSubNav li#Speaking a {
	width: 175px;
}

ul#WorkSubNav li#Speaking a:hover, ul#WorkSubNav li#Speaking a.Selected {
	background-position: 0 100%;
}

ul#WorkSubNav li#Consulting a {
	width: 209px;
	background-position: -175px 0;
}

ul#WorkSubNav li#Consulting a:hover, ul#WorkSubNav li#Consulting a.Selected {
	background-position: -175px 100%;
}

ul#WorkSubNav li#Writing a {
	width: 166px;
	background-position: 100% 0;
}

ul#WorkSubNav li#Writing a:hover, ul#WorkSubNav li#Writing a.Selected {
	background-position: 100% 100%;
}

#Content {
	clear: both;
}

#Work .PostNavigation {
	background: transparent;
	clear: both;
}

#WorkMain {
	margin-top: 30px;
}

#WorkMain .post {
	width: 237px;
	float: left;
	margin: 0 47px 46px 0;
}

.WorkPostSmallTop {
	height: 14px;
	background: #fff;
	margin-left: 10px;
}

.WorkPostSmallContent {
	background: url(images/backgrounds/WorkPostSmallBG.gif) repeat-y;
	padding: 10px 10px 30px 32px;
	font-family: lucida grand, sans-serif;
	height: 300px;
}

.WorkPostSmallBottom {
	height: 10px;
	background: url(images/backgrounds/MainContentBottomBG.gif) repeat-x;
	width: 224px;
}

.post .WorkPostSmallContent h2 {
	margin-bottom: 10px;
}

.post .WorkPostSmallContent h2 a {
	font-family: lucida grand, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-style: normal;
	color: #666;
	margin: 0 0 10px;
	text-decoration: none;
	border-bottom: 1px solid #fade92;
	text-transform: uppercase;
}

#Work .NonSemanticTop {
	height: 43px;
	width: 609px;
	background: url(images/backgrounds/WorkTopBG.gif) top right no-repeat;
	margin-top: 20px;
}