/* General Styles */

body {
	margin:0;
	padding:0;
	/*min-width:900px;*/
    font-family:"Century Gothic", "Trebuchet MS", "Gill Sans", "Lucida Grande", sans-serif;	
    color:#000;
 background: #000 url(images/tlo_grey.jpg);
    }
	h2  { color: #999; }

/* search form */
#searchform {
	position: relative;

	background: url(http://www.amalaziz.com/wordpress/wp-content/themes/itheme/images/searchform-bg.png) no-repeat right bottom;
	height: 37px;
	width: 210px;
}
#searchform #s{
	background: #ffffff url(http://www.amalaziz.com/wordpress/wp-content/themes/itheme/images/form-field-bg.gif) no-repeat ;
	height: 17px;
	width: 148px;
	margin: 6px 5px 0px 10px;
	padding: 3px 7px 2px 5px;
	color: #999999;
	border: none;
}
#searchform #searchsubmit { 
	background: url(http://www.amalaziz.com/wordpress/wp-content/themes/itheme/images/search-btn.png) no-repeat left top;
	height: 24px;
	width: 24px;
	border: none;
	text-indent: -999%;
	line-height: 1px;
	margin-top: 6px;
}


p { color: #000000 }

a {color: #fff;}

.commentdate {color: #999;}

.commentlist p {color: #999;}

table.comment-table td p.form-notes {color: #999;}

#bignumber { color:#222; }
div.wrapper {
    position:relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	height: auto;
	}
	
	
#header h1 a { text-indent:-9999px; display:block; width:202px; height:75px; border-bottom-width: 0px; margin-bottom:20px;}
#logodiv {margin-top:10px; text-align:right;}
#footer {position:relative; width:100%; padding:10px 0; border-top: 1px solid #FBB917; margin-top:5px; text-align:right;}

.clr {clear:both;}	
ol, ul, li {margin: 0; padding: 0; list-style-type: none;}

#topmenu,#imagewrap { position:relative; width:100%;}  
#topmenu { padding:13px 0; border-bottom: 1px solid #FBB917; margin-bottom:5px; color:#fff}
#imagewrap img {margin:0; padding: 3px; border: 1px solid #999;}
#mainsection img { padding:0; border: 1px solid #999; }
.aboutleft img {float:left; margin:0 15px 10px 0 !important;}
#aboutpage p a {border-bottom:1px dotted #999;}	 

#menu, #styleswitch { 
    margin:0;
    padding: 0;
   	font-size: 1.4em;
   	font-weight: normal;
   	float:left;
   	line-height:0.4px;
    }
    
#styleswitch { position:absolute; bottom:0; right:0;} 
#styleswitch_alt {position:absolute; top:-18px; right:0;}  
#styleswitch a, #styleswitch_alt a {float:left;}  
#n_sketch a {text-indent:-9999px; display:block; width:34px; height:15px; border-bottom-width: 0px; background:url(images/sketch_bt.jpg) no-repeat}
#n_white a {text-indent:-9999px; display:block; width:34px; height:15px; border-bottom-width: 0px; background:url(images/white_bt.jpg) no-repeat}
#n_black a {text-indent:-9999px; display:block; width:34px; height:15px; border-bottom-width: 0px; background:url(images/black_bt.jpg) no-repeat} 
#n_default a {text-indent:-9999px; display:block; width:34px; height:15px; border-bottom-width: 0px; background:url(images/norm_bt.jpg) no-repeat}
#flashmp3 {padding-left:5px;}

#menu li,#styleswitch li, #styleswitch_alt li { margin:0; padding:0; display:inline; list-style-type: none; margin-bottom:5px}

#menu a { padding:0; display:inline; list-style-type: none;}

#metadatas {padding:5px 0; border-top:2px solid #999;}
#leftinfo {
	display: inline;
	float:left;
	width: 60%;
	margin:0;
	}
		
#rightinfo {
	width: 35%;
	float: right;
	text-align:right;
	position:relative;
	}

#mainsection {
	display: inline;
	float:left;
	width: 70%;
	margin:0;
	}
		
#sidebar {
	width: 25%;
	float: right;
	text-align:right;
	position:relative;
	}	

#metadatas p, #rightinfo li,#sidebar li {
	font-size: 1.2em;
	line-height: 150%;
	}
.pagelinks a {font-size:1.2em; font-family:Georgia, Helvetica, "Trebuchet MS", Arial, sans-serif;}
#bignumber { font-size:180px; position:absolute; left:-10px; top:0; font-family:Georgia, Helvetica, "Trebuchet MS", Arial, sans-serif; }
#mainsection img {margin:5px 5px 0 0;}	

/* Header Styles */
h1  { font-size: 2.4em; font-weight:normal; }
h2  { font-size: 1.4em; font-weight:normal; text-transform:lowercase; }
h3  { font-size: 1.4em; font-weight:normal; color:#ff6600; text-transform:lowercase; }
h4  { font-size: 1.6em; font-weight:normal; }
#imagewrap h2 {width:135px; cursor:pointer;}	
#comments, #postcomment { margin:20px 0; padding-top:10px;}
#comments h3, #respond {padding-top:10px; border-top: 1px solid #999; }

/* =+ Links, links ,links */
a {font: Arial; size: 0.9em; text-decoration: none; border: 0; color:#000}
a:link { border: 0px;  color:#000}
a:visited { border: 0px;  color:#000}
a:hover { color:#FBB917;}
a:active { border: 0px;  color:#000}
#mainsection a:hover { border:0; }
.tooltip {
	color: #fff;
	width: 118px;
	z-index: 13000;
}

.tooltip h4 {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	background: url(images/tooltipbg.png) top left;
}

.tooltip p {
	font-size: 11px;
	margin:0;
	padding: 4px 8px 8px;
	background: url(images/tooltipbg.png) bottom right;
}
.tooltip p img {border:1px solid #fff}

/* Begin Comments*/
.commentlist {position:relative; margin: 10px 0 40px 0; }
.comment_info {display:block; position:absolute; width:110px;}
.comment_info p {padding:0;margin:0;}
* html body .comment_info {margin-left:-120px;}
.alt, .alt1  {
	width:70%;
	padding:0;
	margin: 0 0 0 120px;
	}
/*
.alt .commentdate a,.alt .commentdate a:hover,.alt .commentdate a:link,.alt .commentdate a:active,.alt .commentdate a:visited, .alt .commentdate , p {
	color: #ffffff;
	}
*/

.commentdate img {
 	width: 30px;
 	height: 30px;
	margin:0 8px 5px 0;
	padding:2px;
	border: 1px solid #A3BCE1;
	float:left;
 }
.commentdate {font-size:11px; text-align:center;}
.commentauthor a  {font-size:1.2em; text-align:left; }
.commentlist p {
	font-size: 1.2em;
	line-height: 150%;
	text-align:left;
	}

/* End Comments */

/* Style for Forms, Commentforms, Comments */
table.comment-table {
	margin:10px 0;
	padding: 0;
	border-collapse: collapse;
	width:100%;
}
table.comment-table th, 
table.comment-table td {
	margin: 0;
	padding: 8px;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}
table.comment-table th {	border-right: 1px dashed #999;}

table.comment-table th {
	width: 100px;
	padding-top: 12px;
	text-align: right;
	vertical-align: top;
	font-size:1.2em;
	}

table.comment-table td em {
	display: block;
	margin: 3px 0 0 0;
	font-size: 90%;
	font-style: normal;
	}
table.comment-table td p.form-notes {
	font-size: 1.1em;
    padding:0;
	margin:0;
	}
form input.inpt {
	width: 300px;
	font-size: 1.1em;
	color: #000;
	vertical-align: middle;
	background-color: #fef5a6;
	}
	
form textarea.inpt {
	width: 95%;
	height: 180px;
	color: #000;
	font-size: 1.2em;
    font-family: Helvetica, "Trebuchet MS", "Gill Sans", "Lucida Grande", sans-serif;
	background-color: #fef5a6;
	}

/* Hover Next Back */
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
	
#hoverNav a{ outline: none;}
#prevLink, #nextLink {width: 49%; height: 100%;}

#prevLink a, #nextLink a{
	width: 100%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-999999px;
	border:0;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink a:hover, #prevLink a:visited:hover {background: url(images/prevlabel.png) center left no-repeat; }
#nextLink a:hover, #nextLink a:visited:hover {background: url(images/nextlabel.png) center right no-repeat; }