/*
Theme Name: Amal Almalki Website
Theme URI: http://amalalmalki.com	
Description: Customized theme
Version: 1.0 beta
Author: Fatma Alemadi
Author URI: http://esmartsweb.com
*/
/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**********/
* {
	margin: 0;
	padding:0;
}

body{
	width:100%;
	height: 100%;
	background:#130F04 url('images/background.jpg') repeat-x 0 0;
	font-size:0.98em;
	font-family: "Times New Roman",serif, sans-serif;
    line-height:1.4em;

}
a, a:link, a:visited {
text-decoration :none;
color:#BF8D17
}
a:hover{
color:black;
border-bottom:1px solid #BF8D17;
}
h1{
font-size:300%;
margin-bottom:0.3em;
margin-top:0.2em;
color :black
}
h2{
font-size:60px;
margin-bottom:0.3em;
margin-top:0.2em;
color :#000002;
}
h3{
font-size:200%;
color:#4F2E0F;
font-family :verdana
}
h1,h2, h3, h4{
margin-bottom:0.3em;
margin-top:0.2em;
}
h4{
font-size:150%;
}
small{
font-size:77%;
}
em { font-style:italic; }

blockquote {
margin:22px 20px;
padding:3px;
color:#4F3F18;
padding: 0 40px;
background: transparent url("images/blockquote.png") no-repeat 0 0;
font-style:italic;

}
input, textarea , select {
	border: 1px inset #96501d;
	background: url(images/form_bg.png) repeat-x #96501d;
	font-family: verdana,tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #f8d1b5;width:auto;
	padding:2px
}
label {
	font-weight: bold;
	font-size: 11px;
	color: #25201d;
}


input:hover, textarea:hover, select:hover {
	border: 1px solid #FFFFFF;
	border-top: none;
	color: #fce5d5;
}
input:focus , textarea:focus, select:focus{
border:1px solid #AF8E2B;
background:#130F04;
color:#AF8E2B;
}
/*********/

	a.rounded, .button ,.button:hover{
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: top; /* or top */
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible; /* IE6 form button fix */
  font-family:verdana;
  font-size:0.6em;
  height:23px;
}
.button ,.rounded{
  color: #AF8E2B;
  background-color: #130F04;
 padding:1px 10px;
}
.button:hover {
  background-color: #cee;
  border:0;
  
  
  background-color: #AF8E2B;
  color: #130F04;
}
.rounded{
padding:7px 15px;
}

/*******/
#header{
	width :88%;
	margin:0 auto;
	clear:both;
}
#logo{
width :277px;
height: 97px;
display:block;
background:url('images/logo.png') no-repeat center;
}
#header ul{
list-style:none;
float:right;
position :relative;
bottom:40px;
	margin:0;
	padding:0;
}
#header li {
	float:left;

	margin:0;
	padding:0;
	text-align:center;
font-style:italic;

	  min-width:70px;
  width :auto !important;
  width:70px;

}

#header li a {
	display:block;
	padding:5px 10px;
	height:100%;
	color:#FFF;
	text-decoration:none;
	
}
#header li a {
	background:url(images/bg.png) repeat 0 0;
}
#header li a:hover {
	background-position:50px 0;
	border:0;
	
}

/************/
#book{
width:88%;
background:url('images/book_background.png') repeat top left;
margin:0 auto;
	position:relative;
	z-index:1;
	clear:both;
	  min-height:626px;
  height:auto !important;
  height:626px;

}

#book_side{
background:url('images/book_side.jpg') no-repeat top left;
height:626px;
width:131px;
float:left;
position:relative;
z-index:999999999;
}
#book_side2{
background:url('images/book_background_repeat.png') repeat-y left top ;
position:relative;
z-index:99;
float:left;
margin-top:-626px;
clear:both;
width:100%;
min-height:626px;
}
#inner{
padding :1em 40px 1em 150px;
}

#logo span ,#catheader span { display:none ; }
#logo:hover{
	border:0; 
	background-image:url('images/logo_hover.png');
} 
#top_bar{
	height :49px;
	background:url('images/top_bar.jpg') repeat-x 0 0;
	width :100%;
}
#footer {
	height: 186px;
	background:url('images/footer.jpg') repeat-x right bottom;
	display:block;
	width:100%;
	position:relative;
	z-index:0;
	clear:both;

} 
#copyrights {
text-align :right;
font-style:italic;
}
.sap2{
height:40px;
}


.center{
text-align :center;
}
.clear,.clearfix{ clear:both; }
/***** POST********/
.post {
width:100%;
clear:both;
}
/*###### Rounded corner *******/
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#DABEA0}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #efe3d6;
  border-right:1px solid #efe3d6;
  background:#e3ceb7}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbf8f5;
  border-right:1px solid #fbf8f5;
  background:#e1cab2}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e1cab2;
  border-right:1px solid #e1cab2;}
.spiffy4{
  border-left:1px solid #efe3d6;
  border-right:1px solid #efe3d6}
.spiffy5{
  border-left:1px solid #e3ceb7;
  border-right:1px solid #e3ceb7}
.spiffyfg{
  background:#DABEA0;
  padding:20px;
  }

/******/
/**********Journal**********/
.post {
margin-bottom:2em;
clear:both;
}
.post h2  {
font-size:24px;
font-style:italic;
padding-top:20px;
}

.post h2 a:hover{
border:0;
color:white
}
.post a {color:black;}
.post h2 small {
font-size:14px ;
}
.datebox{
display:block;
width:84px;
height:93px;
color:white;
text-align:center;
float:left;
background :url('images/journaldate.png') no-repeat center;
margin-right:10px;
line-height:22px;
position:relative;
margin-left:-30px;
z-index:999;
}
.datebox span{
position :relative;
top:30px;
font-size:40px
}
.readmore a{
float:right;

background:black;
color:white;
padding:1px 10px
}
.readmore a:hover{
border:0;
background:white;
color:black;
}
.datebox b{ font-size:12px ;}
.postdata {}
.totalcomments{ 
	background:url('images/comment_bubble.png') no-repeat center ;
	display:block;
	width:39px;
	height:34px;
	text-align:center;
	font-size:15px;
	line-height:30px;
	position :relative ;
	float:left;
	z-index:99999
	}
.authorlink ,.authorlink a{  color:#7b6c60 ; }


.sap{
clear:both;
height:2.5em;
display:block;
}
.single .entry {
margin-left:100px;
border:0;
clear:both;
}
.single h2{
padding-top:20px;
}
.single .datebox{
	margin-left:5px;
	
}

#trackbackbox{
background :#3F3210;
padding:10px;
}

.entry{
margin-left:101px;
text-align :justify;
font-style:italic;
font-size:110%;
line-height:1.6em;
clear:both;
border-bottom:1px dotted black;
word-wrap: break-word;

}
.pagetitle{
background:url('images/sideicon.png') no-repeat center left;
line-height:33px;
font-style:italic;
margin-top:0.5em;
margin-bottom:0.5em;
padding-left:40px;
}
.freetext{
margin-top:-1em;
padding-left:40px;
margin-bottom:1em;
}

.entry {text-align :justify;}
#bookmark-me{
display :block;
width:36%;
float:right;
}
#related-post{
display:block;
width:44%;
float:left;
margin-left:100px
}
#bookmark-me p, #related-post p{
margin-left:3px;
font-family:verdana;
color:#7F6B37;
margin-bottom:3px;
}
#bookmark-me h4, #related-post h4{
margin:0	
}
/********404********/

ul.list404  li  ,ul.archivelist li{
margin-left:60px;
}
.list404 h3 ,ul.archivelist h3{
font-size:100%;
}
ul.list404 li ul li ,  ul.archivelist  li{
list-style :square
}

/**** comments *******/
#commentformouter {
margin-left:100px;
color:white;
font-family :verdana;
clear:both;
}
#commentinfo{
	padding:20px;
	margin:0;
}
#commentform {
	padding:20px;
}
#commentform textarea{
	 padding-top: 20px;
	padding-left: 20px;
	width: 98%;;
	height: 135px;
	font-size: 12px;
}

#commentform input{
	width: 99%;
	padding: 4px 5px;
	display: block;
	margin-bottom: 10px;
}
#commentform label {color :white ; }
input#submitbutton{
width: 12em;
	height: 3.0em;
	margin-right: 7px;
	margin-top: 10px;
	cursor :pointer;
background :#efddc3;
color:black;
}
#commentform input:hover  , #commentform textarea:hover , #commentform select:hover{
border:1px solid black
}

ol.commentlist  {
list-style:decimal;
margin-top:1em;
font-family :verdana;
font-size:0.88em;
margin-left:100px
}
ol.commentlist  li{
list-style:decimal;
margin-bottom:0.6em;
word-wrap: break-word;
border-bottom:1px solid #AF956D;
color:#2F2412;
	display:block;
	padding:8px ;
	clear:both;
}
ol.commentlist  li h4{
	font-size:200%;
}
ol.commentlist  li h4 span{


}
.commentlist li span{
text-align:justify;


}
.commentlist li small{ 
	color :#7F6947; background:url('images/comments.png') no-repeat center left;
padding-left:17px;

}
.avatar { float:right;margin-left:11px ;
border:9px solid black;
}
.comment_mod_note {
color:red
}
.admincomment {
	background :#B59963 url('images/admincommentback.png') repeat-x  left top ;
	color:white;
}
.admincomment span{ color :white;}
.admincomment  small {color: white;}

#commentsheader {
background:url('images/file.png') no-repeat center left ;
}
#trackbackheader{
background:url('images/pencil.png') no-repeat center left ;
color:white
}
#commentsheader,#trackbackheader {
padding-left:20px;
	font-family: "Times New Roman",serif, sans-serif;
	border-bottom:1px dotted #130F04;
	padding-bottom:6px;
	margin-left:100px;

}
#trackbacklist{
padding-left:20px;
list-style:decimal ;
margin-left:40px;
color:white
}

/******/
.commentform{display:block}
.commentform *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#1A1108}
.commentform1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #918a83;
  border-right:1px solid #918a83;
  background:#4e463e}
.commentform2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #d7d0ca;
  border-right:1px solid #d7d0ca;
  background:#413931}
.commentform3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #413931;
  border-right:1px solid #413931;}
.commentform4{
  border-left:1px solid #918a83;
  border-right:1px solid #918a83}
.commentform5{
  border-left:1px solid #4e463e;
  border-right:1px solid #4e463e}
.commentformfg{
  background:#1A1108}

/*****/
#cats {
float:right;
}
#cats select{ min-width:20em ; }
.searchbox{
float:right;
margin-top:1.4em
}
.page .entry{
	margin-left:44px;
	border:0;
	}
#_wp_unfiltered_html_comment {
display:none;
bordeR:0;
background :transparent;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.lefttext{
	text-align :left;
}
.righttext{
	text-align :right;
}
.centertext {
	text-align :center;
}