/* Ash Latif.com  - global styles  - albase.css  
---------------------------------------------------	*/
/* (CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet section! is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */
:link,:visited { 
	text-decoration:none 
}

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { 
	list-style:none 
}

/* avoid browser default inconsistent heading font-sizes 
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { 
	font-size:1em; 
}

/* remove the inconsistent (among browsers) default ul,ol padding or margin 
	the default spacing on headings does not match nor align with normal 
	interline spacing at all, so let's get rid of it. zero out the spacing 
	around pre, form, body, html, p, blockquote as well form elements are 
	oddly inconsistent, and not quite CSS emulatable. nonetheless strip 
	their margin and padding as well */
	
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
	margin:0; 
	padding:0 
}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { 
	border:none 
}

/* de-italicize address */
address { 
	font-style:normal 
}

/* remove the browser applied style */
* {
	border:0;
	margin:0;
	padding:0;
}

/* colours - lime green - 99cc00, mid-blue - #006699 , purple - #9999ff;
/* body 
---------------------------------------------------	*/
body {
	background: url(../panes/bgmain1.gif) no-repeat 29em 13em;	
	color:#555;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 67.5%;
	margin: 0;
	min-height: 100%;
	padding: 0;
}

body#action div#content {
	height: 106em;
}

h1,h2,h3,h4,h5,h6,h7 {
	color: #555;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2.5em !important;
	line-height: 1.8em;
	font-weight: 400;
}

h2 {
	font-size: 2.1em;
	line-height: 1.8em;
}

/* content
---------------------------------------------------	*/
html {
	height: 100%;
	margin-bottom: 1px;
	min-height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* (minus) value of the footer's height */
	width: 100%;
}

#container {
	height: 1%;
	margin: 0 auto;
	width: 800px;
	min-width: 50%;
	position: relative;
	text-align: left;
}

/* header
---------------------------------------------------	*/
div#header {
	border-bottom: 3px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	background: #FFF url('../assets/banner/pin-sliv.gif') center repeat-x;
	height:100px;
	display: block;
	float: left;
	left: 0em;
	list-style: none;
	margin-top: 0.5em;
	padding: 0;
	position: relative;
	top: -0.5em;
	width:100%;
}

#header_inside {
	margin:0 auto;
	width:800px;
}

#header #logo {
	color:#fff;
	display:block;
	float:left;
	height:60px;
	left: 0em;
	margin:0 0 0 10px;
	position:relative;
	top: 0.2em;
	width:260px;
}

#header_inside h1 span {
	color:#9c0;
}

div#content {
	letter-spacing:-1px; /* compress body text word width */
	line-height:175%;
	height: 100%;
	margin: 0 220px 0 20px;
	width:556px;
}

.push{
	height: 10px !important;
}

#content h1 {
	font-size:150%;
	font-weight:600;
	padding:1em 0 1.2em;
}

#content h2 {
	color:#9999ff;
	font-size:115%;
	text-align:right;
}

p {
  margin-bottom: 0 
}
  
p + p {
  text-indent: 0.5em;
  margin-top: 0
}

#content p {
	padding:0 0 8px;
}

div#linksbar {
	list-style: none;
	margin: 0;
	position: absolute;
	right:0;
	top: 180px;    
	width: 200px;
	height:44em;
}

#linksbar h2 {
	background:#fff;
	color:#555;
	font-size:125%;
	font-weight:700;
	padding:5px 0;
	text-align:right;
}

#linksbar ul {
	letter-spacing:-1px;
	list-style:none;
	margin:0 0 10px;
}

#linksbar ul li {
	list-style:none;
}

#linksbar ul li a {
	border-bottom: 3px solid #e9e9e9;
	display:block;
	font-size:120%;
	padding:3px;
	text-align:right;
	width:190px;
}

#linksbar ul li a:hover {
	background:#eee;
	color:#000;
}

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

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

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

/* paragraph styles
---------------------------------------------------	*/
p {
	border:0;
	color:#333; 
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.6em; 
	line-height: 1.6em;
	margin: 10px 0px 20px 0px;	
}

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 {
	color:#555; 
	font-size: 1.8em; 
	font-weight: 700;
	line-height:1.4em;
	padding:1em 0 1.2em;
	margin-top:0.3em;
}

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

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

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

div#everest {
	background-color:#FFCCFF; 
	border:1px solid #CCC;
	display:block;
	float:right;
	width: 250px;
	padding:5px;
	top: 700px;
	left:580px;
	position: absolute;
}

p.small {
    color:#356;
	display:block;
	font-size: 0.8em; 	
	padding:0;
	margin: 0;
	line-height: 0.9em;
}

p.head {
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	color:#006699; 
	font-size: 1.2em; 
	font-size: 0.8em; 	
	float:left;
	text-align: center;
	width: 250px;
}

p.just {
	text-align:justify;
}

p.smalljust {
	font-size: 40%; 
	color:#CCC; 
	line-height:50px;
	text-align:justify;
}

p.medjust {
	font-size: 100%; 
	color:#CCC; 
	line-height:50px;
	text-align:justify;
}

img.float {
	display:block;
	left: 5em;
	position:absolute;
	top: 0.24em;
}

/* recommendations page
---------------------------------------------------	*/

ul#recommend {
	width:44em;
}

#content ul#recommend li.body-quote {
	display: inline;
	font-size: 1.5em;
	line-height: 1.5em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	width:42em;
}
  
li.inline-cite {
	border-right: 2px dotted #066;
	color:#006699;	
	font-size: 1.4em;
	font-weight:600;
	display: block;
	padding-left: 3px;
	padding-right: 7px;
	position:relative;
	text-align:right;
	width:35em;
}
  
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;
	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;
	font-weight:600;
}
  
li.last {
	display: inline;
	padding-left: 3px;
	padding-right: 3px;
	border-right: 0px;
} 

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

/* blockquotes
---------------------------------------------------	*/
div#wrap {
	text-align:justify;
	height: 36%;
	width:40em;
}

div#wrap-thin {
	float:left;
	height: 8em;
	width:55em;
}

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

blockquote {
	font: 1.7em/2.2em Georgia, "Times New Roman", Times, serif;
	margin-bottom:2.5em;
	padding-left: 38px;
	text-indent: -48px;
	width: 470px;
	display: block;
	position: relative;
}

blockquote cite {
	position:relative;
	float:right;
	display: block;
	top:-1.5em;
	left: 22em;
	font-size: 1.1em;
	font-style:italic;
	font-weight:600;
	float: left; 
	color:#99CC00;
	text-align:right;
} 

/* blockquotes - individual styling
---------------------------------------------------	*/
/* home */
div#wrap div#id1 {
	padding: 0em 0 0 1.8em;
	background: transparent url(/assets/png/quotebot.png)48.5em bottom no-repeat;
	width: 40em;
}

div#wrap div#id1 blockquote cite {
	left: 1em;
	top: -0.25em;
}

/* inspiration */

div#wrap div#id2 {
	padding: 0em 0 0 1.8em;
	background: transparent url(/assets/png/quotebot.png) 21.5em bottom no-repeat;
}

div#wrap div#id2 blockquote cite {
	left: 13em;
}

div#wrap div#id3 {
	padding: 0em 0 0 1.8em;
	background: transparent url(/assets/png/quotebot.png) 15em bottom no-repeat;
}

div#wrap div#id3 blockquote cite {
	left: 10em;
}

div#wrap div#id4 {
	padding: 0em 0 0 1.8em;
	background: transparent url(/assets/png/quotebot.png) 44.5em bottom no-repeat;
	width: 50em;
}

div#wrap div#id4 blockquote cite {
	left: 25em;
}

/* */
div#wrap div#id5 {
	padding: 0em 1em 1em 1.8em;
	background: transparent url(/assets/png/quotebot.png) 4.5em bottom no-repeat;
}

div#wrap div#id5 blockquote cite {
	left: 12em;
}

/* contact */
div#wrap div#id6 {
	padding: 0em 1em 0em 1.7em;
	background: transparent url(/assets/png/quotebot.png) 43.5em 2.0em no-repeat;
	width: 50em;
}

div#wrap div#id6 blockquote cite {
	left: 12em;
	top:-0.3em;
}

/* inaction */
div#wrap-thin div#id7 {
	padding: 0em 0 0 1.8em;
	background: transparent url(/assets/png/quotebot.png) 31.5em 2.0em no-repeat;
	font-weight:700;
	height:100px;
}

div#wrap-thin div#id7 blockquote cite {
	left: 20em;
	line-height:3em;
}

/* post comments
---------------------------------------------------	*/
p.date {
	color: #999;
	background: #FFF;
	text-align: right;
	font-size: 1.1em;
	text-decoration: none;
	text-transform: lowercase;
	margin: 0.3em 0.1em;
	padding: 0.1em 0 0;
}
	
div#content p.date a {
	color: #999;
}
	
div#content p.date a:hover {
	border: none;
	color:#CC0000;
	text-decoration: underline;
}
	
.time {
	color: #192D50;
	float: left;
	text-align: left;
	padding: 5px 0 0 15px;
}

/* Contact Navigation 
---------------------------------------------------	*/
#header_contact {
	display: block;
	float:right;
	height:100px;
	left:590px;
	list-style:none;
	position:relative;
	top:120px;
	width:10px;
}

#header_contact ul#navlist2 {
	float:right;
	height:100px;
	list-style:none;
	width:350px;
}

ul#navlist2 li {
	width:150px;
}

ul#navlist2 li a {
	color:#777 !important;
	display:block;
	font-size: 130%;
	height:25px;
	width:250px;
}

ul#navlist2 li a span {
	color:#777 !important;
	display:inline;
	height:25px;
	width:150px;
	cursor:pointer;
}

/* Navigation 
---------------------------------------------------	*/

#header_inside ul#navlist {
	float:right;
	height:100px;
	list-style:none;
	width:450px;
}

#header_inside ul#navlist li {
	border-right:1px solid #CCC;
	float:right;
	height:100px;
	list-style:none;
	width:75px;
}

#header_inside ul#navlist li a {
	color:#777 !important;
	display:block;
	font-size: 130%;
	height:50px;
	line-height:50px;
	padding:40px 0 0;
	text-align:center;
	width:75px;
}

#header_inside ul#navlist li a span {
	display:block;
	margin:50px 0 0;
}

/* home 
---------------------------------------------------	*/
#header_inside ul#navlist li a#homenav {
	background-image:url(/assets/nav/soff.gif);
	background-repeat: no-repeat;
	color:#333;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

#header_inside ul#navlist li a#homenav:hover {
	background-image:url(/assets/nav/son.gif);
	background-repeat: no-repeat;
	color:#d45326;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
	z-index:1;
}

body#home #header_inside ul#navlist li a#homenav {
	background-image:url(/assets/nav/son.gif);
	background-repeat: no-repeat;
}

/* about 
---------------------------------------------------	*/
#header_inside ul#navlist li a#aboutnav {
	background-image:url(/assets/nav/aoff.gif);
	background-repeat: no-repeat;
	color:#333;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

#header_inside ul#navlist li a#aboutnav:hover {
	background-image:url(/assets/nav/aon.gif);
	background-repeat: no-repeat;
	color:#d45326;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
	z-index:1;
}

body#about #header_inside ul#navlist li a#aboutnav {
	background-image:url(/assets/nav/aon.gif);
	background-repeat: no-repeat;
}

/* what
---------------------------------------------------	*/
#header_inside ul#navlist li a#whatnav {
	background-image:url(/assets/nav/woff.gif);
	background-repeat: no-repeat;
	color:#333;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

#header_inside ul#navlist li a#whatnav:hover {
	background-image:url(/assets/nav/won.gif);
	background-repeat: no-repeat;
	color:#d45326;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

body#what #header_inside ul#navlist li a#whatnav {
	background-image:url(/assets/nav/won.gif);
	background-repeat: no-repeat;
}

/* inspire 
---------------------------------------------------	*/
#header_inside ul#navlist li a#inspirenav {
	background-image:url(/assets/nav/ioff.gif);
	background-repeat: no-repeat;
	color:#333;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

#header_inside ul#navlist li a#inspirenav:hover {
	background-image:url(/assets/nav/ion.gif);
	background-repeat: no-repeat;
	color:#d45326;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

body#inspire #header_inside ul#navlist li a#inspirenav {
	background-image:url(/assets/nav/ion.gif);
	background-repeat: no-repeat;
}

/* contact
---------------------------------------------------	*/
#header_inside ul#navlist li a#contactnav {
	background-image:url(/assets/nav/c-off.gif);
	background-repeat: no-repeat;
	color:#333;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
	border-left:1px solid #CCC;
}

#header_inside ul#navlist li a#contactnav span {
	display:block;
	height: 48px;
	border-left:1px solid #CCC;
}

#header_inside ul#navlist li a#contactnav:hover {
	background-image:url(/assets/nav/c-on.gif);
	background-repeat: no-repeat;
	color:#d45326;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

body#contact #header_inside ul#navlist li a#contactnav {
	background-image:url(/assets/nav/c-on.gif);
	background-repeat: no-repeat;
}

#header_inside ul#navlist li a.active {
	background:#fff;
	color:#111;
}

/* image / vcard
---------------------------------------------------	*/
div#vcard p.fn org a img {
	float:left;
	background:#ddd;
}

img.vcard {
	display: block;
	float: right;
	margin: 32em;
	position: absolute;
	top: 25em;
}

p a img.alignr {
	display: block;
	float: right;
	left: 4em;
	position: absolute;
	top: 23em;
}

img.aligntr {
	position: absolute;
	float: right;
	display: block;
	top: 0.4em;
	margin-left: -12em;
}

div.adr {
	font-size: 110%;
	padding-left: 2.5em;
	text-indent: 0 !important;
	width: 38em;
}

div.adr p {
	margin-bottom: 0.1em;
	line-height: 0.5em;
	padding: 0;
	text-indent: 0 !important;
}

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

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

div.clear {
	clear:both;
}

/* Page Footers
---------------------------------------------------	*/
div.footer {
	height: 80px;
	position: relative;
	width:100%;
}

div#footer_inside {
	border-top:2px solid #CCC;
	display: block;
	position: relative;
	height: 90px;
	margin: 10px auto;
	width: 800px;
	background: #FFF url('../assets/banner/pin-sliv-foot.gif') bottom center repeat-x;
}

div#footer_inside p {
	color:#888;
	line-height:30px;
	text-align:center;
	font-size: 130%; 
}

/* Chrome
------------------------------------------------------------------------*/
body:nth-of-type(1) #header #logo {
	background-image:url(/assets/titletext/logo72a.png);
	background-repeat: no-repeat;
	color:#fff;
	display:block;
	float:left;
	height:60px;
	left: 0;
	margin:0 0 0 10px;
	position:relative;
	top: 0.2em;
	width:300px;
}

body:nth-of-type(1) .push{
	height: 155px !important;
}

/* Chrome - blockquotes 
---------------------------------------------------	*/
body:nth-of-type(1) div#wrap {
	position: relative;
	display:block;
	height: 42%;
	width:55em;
}

body:nth-of-type(1) div#wrap-thin {
	position: relative;
	display:block;
	top:2em;
	float:left;
	height: 8em;
	width:55em;
}

body:nth-of-type(1) blockquote:first-letter {
	background: url(/png/quotetop.png) no-repeat left top;
	padding-left: 1.1em;
	padding-top:0.2em;
	font: italic 1.6em Georgia, "Times New Roman", Times, serif;
}

body:nth-of-type(1) blockquote {
	font: 1.5em/2.2em Georgia, "Times New Roman", Times, serif;
	width: 380px;
	text-align: left;
}

body:nth-of-type(1) blockquote cite {
	position:relative;
	float:right;
	display: block;
	top:-1.5em;
	left: 22em;
	font-size: 1.1em;
	font-style:italic;
	font-weight:600;
	float: left; 
	color:#99CC00;
	text-align:right;
} 


body:nth-of-type(1) div#id1 {
	width: 668px;
	line-height:1.5px;
	font-size:1.2em;
	margin 0;
	padding: 0;
}

/* inspiration */

body:nth-of-type(1) div#wrap div#id2 {
	background: transparent url(/png/quotebot.png) 20.5em 3em no-repeat;
}

body:nth-of-type(1) div#wrap div#id2 blockquote cite {
	left: 19em;
	line-height: 5em;
}

body:nth-of-type(1) div#wrap div#id3 {
	padding: 0em 0 0 1.8em;
	background: transparent url(/png/quotebot.png) 27.5em 3em no-repeat;
}

body:nth-of-type(1) div#wrap div#id3 blockquote cite {
	left: 19em;
	line-height: 6em;
}

body:nth-of-type(1) div#wrap div#id4 {
	padding: 0em 0 0 1.8em;
	background: transparent url(/png/quotebot.png) 15em 3em no-repeat;
}

body:nth-of-type(1) div#wrap div#id4 blockquote cite {
	left: 19em;
	line-height: 7em;
}

/* contact */
body:nth-of-type(1) div#wrap div#id6 {
	padding: 0em 0 0 1.8em;
	background: transparent url(/png/quotebot.png) 37em 1.0em no-repeat;
}

body:nth-of-type(1) div#wrap div#id6 blockquote cite {
	left: 4em;
	line-height:4em;
}

/* inaction */
body:nth-of-type(1) div#wrap-thin div#id7 {
	display:block;
	padding: 0 0 0 0.8em;
	background: transparent url(/png/quotebot.png) 29.5em 1.7em no-repeat;
	font-weight:700;
}

body:nth-of-type(1) div#wrap-thin div#id7 blockquote cite {
	left: 20em;
	line-height:8em;
}