@charset "utf-8";
/* top elements */
* { margin: 0;	padding: 0; }
body {
	margin: 0;
	padding: 0;
	font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #c0ac79;
	background: #0c1115;
}

/* links */
a {
	color: #6f7752;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #ab673a; 
	background-color: inherit;
}

/* headers */
h1, h2, h3 {
	color: #c0ac79;
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight:normal;
}

.seo {

	margin:0;
	text-indent:-99999px;
	float:right;

}
h2 {
	font-size: 1.4em;	
}
h3 {
	font-size: 1.2em;
	color: #c0ac79;		
}

/* images */
img, div {
	border: none;
	behavior: url(iepngfix.htc);
}
img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
	margin: 0;
}

h1, h2, h3, p {
	padding: 0;		
	margin:0px;
}

ul, ol {
	margin: 10px 10px;
	padding: 0 10px;
}

div.hr {
	background: #0c1115 url(i/hr.png) no-repeat scroll center;
	height: 12px
}
div.narrow {width:426px;}
div.hr hr {display: none}
/**********************************
  LAYOUT 
***********************************/
#wrap {
	position:relative;
	margin: 0 auto;
	width: 960px;
	margin-bottom: 15px;
	min-height:580px;
	height:auto !important;
	height:580px;
	background-color:#0C1115;
}
#rg_logo {
	position:absolute;
	top:72px;
	left:85px;
	width:135px;
	height:116px;
	background-image:url(i/rajaa_gharbi_png32.png);
	z-index:1;
}
/* header */
#header-wrap { 
	position:relative;
	margin: 0 auto;
	width: 960px;

}
#header {
	position:absolute;
	top:0;
	left:156px;
	width:778px;
	z-index:0;
	height: 130px;
	background: #0C1115 url(i/top_gray.jpg) no-repeat;
}
.dove {
	height:55px;
	width:62px;
	position:absolute;
	right:13px;
	top:23px;
	z-index:1;
}
/* navigation tabs */

#header ul {
    clear:right;
    float:right;
	padding-top:23px;	
	margin-right:20px;
	margin:0;
	list-style:none;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
	color: #c0ac79;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(i/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
	float:left;
	display:block;
	background: url(i/tabright.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#6f7752;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
}
#header #current a span {
   background-position:100% -42px;
}
#home .home,
#biography .biography,
#contact .contact,
#portfolio .portfolio,
#poetry .poetry,
#reviews .reviews,
#statement .statement
 {
	text-decoration:underline !important;
}

#maincol {
	float: right;
	margin: 50px 0 20px 0;
	padding: 10px;
	width: 740px;
	display:inline;
	overflow:hidden;
	background: #0c1115 url(i/maincol_bg.jpg) no-repeat;

}
#maincol h1 {
	margin: 5px 10px 10px 10px;
	font-size: 1.8em;
}
#maincol h2, div.callout h2 {
	margin:10px 10px 0 10px;
	font-size: 1.5em;
	/*border-bottom:1px solid #CCCCCC;*/
	background: url(i/h2_bg.png) no-repeat left bottom;
}
#maincol h3 {
	margin:10px 10px 0 10px;
	font-size: 1.4em;
}
#maincol h1 span {font-size:85%;}
#maincol p, div.callout p{
	font: 1.1em/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding: 10px;
}
#maincol ul.goals, div.callout ul {
	font: italic 1.2em/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	list-style: url(i/bullet_blue.gif) inside;
	color: #333;
}
#maincol ul.goals {
	background: #ffffe6 url(i/ul_bg.jpg) no-repeat;
}
#maincol ul.goals li {
	padding:5px;
	color:#333333;
	font: italic 1em Georgia, "Times New Roman", Times, serif;

}
/* sidebar */
#sidebar {
	float: left;
	width: 156px;
	margin: 0;
	padding: 0;
	background: #0c1115 url(i/left_gray.jpg) no-repeat;
	display:inline;
	overflow:hidden;
	height: 478px;
}
.sideblock {
	margin-top:70px;
	}
#sidebar h1 {
	margin: 10px 0 0 0;
	padding: 4px 0 4px 8px;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	color: #c0ac79;
	text-transform: uppercase;
	letter-spacing: 1px;
}

div.sideblock ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0; padding: 0;
	text-decoration: none;		
}
div.sideblock ul.sidemenu li {
	background: url(i/bullet.gif) no-repeat 3px 3px;
	padding: 3px 5px 3px 25px;
	margin: 0;
}
div.sideblock ul.sidemenu a {
	font-weight: bolder;
	padding: 3px 0px;	
	background: none;
}

/* footer */
#footer {
	background: #0c1115 url(i/bottom_gray.jpg) no-repeat right bottom;
	padding: 0px 0 0px 0;
	text-align: center;
	line-height: 1.5em;
	font-size: 90%;
	height:80px;
	width:960px;
	clear:both;
}
#footer a {
	text-decoration: none;
}
#footer p {
	padding-top:7px;
	text-align: left;
	margin-left: 220px;
	margin-right: 10px;
}
#footer .up {margin-top:-30px;}

/* alignment classes */
.float-left  { float: left; }
.float-right {
	float: right;
}
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center {text-align:center; }

/* display and additional classes  */
.clear {	clear: both; }
.red   { color: #CC0000; }
.comments { 
	margin: 20px 10px 5px 10px; 
	padding: 3px 0;
	border-bottom: 1px dashed #EFF0F1; 	
	border-top: 1px dashed #EFF0F1;	
}
.frame {
	padding:2px;
	background-color:#6f7752;
	border-right:1px solid black;
	border-bottom: 1px solid black;
	}
img.float-right {
  margin: 5px 0px 10px 10px;  
  border:none;
}
.picbox {
		width:225px;
		padding:5px;
}
#maincol .picbox p {
		font-weight:bold;
		font-size:1em;
}
.boxy {
		padding:5px;
		background-color:#fafafa;
		border-right:1px solid black;
		border-bottom: 1px solid black;
	}
.pushdown {
		margin-top:15px;
}
#sidebar div.padtop {
	margin-top:30px;
}
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #F8F8F8;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #af0000;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }


img, div { behavior: url(iepngfix.htc) }

#outerphoto {
	width:500px;
	padding:5px;
	display:inline;
	overflow:hidden;
	margin-left:20px;
	background-color:#0c1115;
}
#photodiv {
		background-repeat: no-repeat;
  	}
.inline{
		display:inline;
		}
.sitedesign {color:#4B5038;
float:right;}
#maincol p.small {font-size:.9em;}
#maincol div.caption {
	margin:10px 10px 0 10px;
}
.mb {
	display:block;
	float:left;
	margin:27px;
}
span.smaller {font-size:.8em;
margin-left:20px;}