/* Ash Latif.com  - global styles  - algal.css  
---------------------------------------------------	*/
body#action, .wrapper, #container {
	height: 98em !important;
	margin-bottom: 20em;
}

blockquote:first-letter {
	background: url(/assets/png/quotetop.png) no-repeat left top;
	padding-left: 1.1em !important;
	padding-top:0.1em;
	font: italic 1.9em Georgia, "Times New Roman", Times, serif;
}

div#everest {
	background-color:#FFF; 
	border:1px solid #AAA;
	display:block;
	float:right;
	font-size:160%;
  height:415px;
	left:520px;
	padding:5px;
	position: absolute;
	top: 536px;
	width: 250px;
}



/* body 
------------------------------------------------------------------------------------------------------	*/
p.smalljust {
	font-size: 60%; 
	color:#555; 
	border:0;
	line-height:14px;
}

p.medjust {
	font-size: 190%; 
	color:#555; 
	border:0;
	line-height:90%;
}

p.red {
	color:#FF0033;
	line-height: 1.4em;
}

p.blue {
	color:#0099FF;
	line-height: 1.4em;
}

p.green {
	color:#66CC33;
	line-height: 1.4em;
}

p.purple{
	color:#CC0099;
	line-height: 1.4em;
}

/* general
---------------------------------------------------	*/
a {
	color:#9C0;
	text-decoration:none;
}

a:hover {
	color:#555;
	text-decoration:none;
}

float-left {
	margin-top:0.6em;
}

p {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height:1.3em;
	color:#333; 
}

p.stb {
	margin-top: 1em;
	text-indent: 0;
}
	
p.mtb {
	margin-top: 2em;
	text-indent: 0;
}
	
p.ltb {
	margin-top: 3em;
	text-indent: 0;
}

p.body {
	font-size: 1.4em; color:#555; border:0;
	padding:1em 0 1.2em;
	margin-top:0.3em;
}

li.body-quote {
	font-size: 1.2em; color:#555; border:0;
	font-weight:700;
	padding:0.2em 0 0.2em;
	margin-top:0.3em;
}

p.body-quote {
	font-size: 1.2em; color:#333; border:0;
	padding:0.5em 0 0.7em;
	margin-top:0.3em;
	display:block;
}

#content ul#recommend {
	width:45em;
}

#content ul#recommend li.body-quote {
  display: inline;
  padding-left: 0.3em;
  padding-right: 0.3em;
  width:48em;
}
  
li.inline-cite {
  position:relative;
  display: block;
  padding-left: 3px;
  padding-right: 7px;
  width:48em;
  text-align:right;
  border-right: 1px dotted #066;
  font-size: 0.9em; color:#006699; border:0;
  font-weight:600;
  }
  
li.inline-cite-short {
  position:relative;
  display: block;
  padding-left: 3px;
  padding-right: 7px;
  width:25em;
  text-align:right;
  border-right: 1px dotted #066;
  font-size: 1.0em; color:#006699; border:0;
  font-weight:600;
  }

li.inline-cite-med {
  position:relative;
  display: block;
  padding-left: 3px;
  padding-right: 7px;
  width:35em;
  text-align:right;
  border-right: 1px dotted #066;
  font-size: 1.0em; color:#006699; border:0;
  font-weight:600;
  }
li.last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 0px;
  } 

p.inline-cite {
	display:inline;
	font-size: 1.1em; color:#006699; border:0;
}

p.large {
	font-size: 1.2em; color:#777; border:0;
	padding:0.2em 0 0.2em;
	margin-top:0.3em;
}

p.small {
	font-size: 0.9em; color:#356; border:0;
	padding:0.9em 0 0.3em;
}

p {
	margin-bottom: 10px 0px 20px 0px;	
	font-size: 1.2em;
}

/* Page Footers
------------------------------------------------------------------------------------------------------	*/
#footer {
	position: relative;
	clear: both;
	height:100px;
	width:100%;
}

#footer_inside {
	/*border-left:1px solid #bbb;
	border-right:1px solid #bbb;*/
	height:100px;
	margin:0 auto;
	width:800px;
}

#footer_inside p {
	color:#777;
	line-height: 80px;
	text-align:center;
	/*border-bottom:1px solid #bbb;*/
}

div#scroller {
	position:relative;
	display: block;
	float:left;
	top: 0em;
}

div#scroller a {
	position:relative;
	display: block;
	float:right;
	top: 0em;
}

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(/images/evereth/DSCF0248.jpg);}
a.slideb {background:url(/images/evereth/DSCF0250.jpg);}
a.slidec {background:url(/images/evereth/budda.jpg);}
a.slided {background:url(/images/evereth/DSCF0265.jpg);}
a.slidee {background:url(/images/evereth/DSCF0254.jpg);}
a.slidef {background:url(/images/evereth/DSCF0258.jpg);}
a.slideg {background:url(/images/evereth/DSCF0259.jpg);}
a.slideh {background:url(/images/evereth/DSCF0260.jpg);}

a.slidei {background:url(/images/evereth/DSCF0262.jpg);}
a.slidej {background:url(/images/evereth/DSCF0263.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

/* styling for gallery */
#container_bottom {position:relative; width:435px; height:425px; background:none; border:1px solid #a49188; margin:1em auto;}
#container_bottom img {border:0;}
#container_bottom .thumbs {position:absolute; left:0; bottom:0; height:114px;}
#container_bottom a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:-45px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #000;}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:-305px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_bottom h1 {clear:both; margin:0; padding-top:80px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_bottom h1 em {font-size:1.1em; color:#547;}

#container_bottom h1 em span1 {font-size:1.1em; color:red;}
#container_bottom h1 em span2 {font-size:0.9em; color:green;}
#container_bottom h1 em span3 {font-size:0.9em; color:blue;}
#container_bottom h1 em span4 {font-size:1.1em; color:silver;}

p.just {
    text-align:justify;
}