/*   
Theme Name: eSherpa
Theme URI: http://www.esherpa.net/businessresources/
Description: eSherpa theme
Author: Alexander Dolinin
Author URI: http://www.esherpa.net/
Version: 1.0
*/

/* Begin Images */

/*	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 */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	/*padding: 5px 3px; 
	text-align: center;*/
	}

/*#sidebar*/ #searchform #s {
	width: 163px;
	padding: 2px;
	}

/*#sidebar*/ #searchsubmit {
	padding: 2px;
	background: rgb(254,70,0);
	font-weight: bold;
	color: #fff;
	border-top: 1px solid rgb(255,150,80);
	border-right: 1px solid rgb(204,30,0);
	border-bottom: 1px solid rgb(204,30,0);
	border-left: 1px solid rgb(255,150,80);
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}


#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.posts_nav_link {
	text-align: center;
	margin: 1.5em 0;
	font-weight: bold;
	color: #ddd;
}
/* End Various Tags & Classes*/

/* CSS from custom eSherpa */
/******** global.css ********/
BODY {
	background: White;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	color: rgb(50,70,70); /* #333; #CCA */
	font-size: 84%; /*0.81em - 0.85em initially set to percentage so that ems work without producing miniscule text in IE */
	/*font-size: 62.5%;  Resets 1em to 10px */
	font-family: Optima,"Linotype Optima Nova","Zapf Humanist 601","URW Classico",Arial,Helvetica,sans-serif;
}
td {
   	font-size: 84%;/**/
}
a:link,
a:hover,
a:visited {
	color: #FF4600;
	text-decoration: none;
}
h1 {
	/*color:  rgb(100,120,120); #6B6666;*/
	font-size: 1.2em;
	line-height: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
	/* color: #6B6666; */
	font-size: 1em;
	line-height: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
address {
	/*font-style:inherit;*/
	display: inline;
	font-style:normal;
}

p+h1, p+h2, a+h1, ul+h1, ul+h2 {
	margin: 1.5em 0 0 0;
}
p, p+ul, h2+ul {
	margin: 0.5em 0 0 0;
}

.border, .headshot {
	border: 1px solid #333;
	margin: 0.5em 0.5em 0 0;
}
.headshot{
	margin: 7px 20px 7px 0;
	float: left;
}

.back_button {
	float: left;
	text-transform:capitalize;
}
.top_button {
	float: right;
	text-transform:capitalize;
}
.author {
	font-size: .9em;
}
.about_author {
	font-size: .9em;
	line-height: 1.2em;
	margin: 2em 0 0 0;
}
/* forms */
.form {
	margin:0;
}
.form input,
.form textarea,
.form select  {
	border: 1px solid #333;
	width: 100%;
	background-color : #fff;
	color: #333;
}
#button {
	background-color: #F90;
	font-weight : bold;
	color: #fff;
	border-top : 1px solid #fff;
	border-left : 1px solid #fff;
}

/* colors ; good colors #99CC00 #FC0 */

.cell1 td {
	background: rgb(210,210,210); /*rgb(190,200,170) #6a6666;*/
	color: rgb(120,120,120);
}
.cell1 td a {
	/*color: #336600;rgb(224,140,0)*/
}
.cell2{
	background: #eee;
	color: Black;
}
.cell3{
	background: #F5F5F5;
	color: Black;
}

#logo a,
#logo a:link,
#logo a:visited,
#logo a:visited:hover,
#logo a:hover {
	text-decoration: none;
	color: #fff;
}

.textbutton,
a.textbutton {
	padding: 5px;
	background: rgb(254,70,0);
	font-weight: bold;
	color: #fff;
	border-top: 1px solid rgb(255,150,80);
	border-right: 1px solid rgb(204,30,0);
	border-bottom: 1px solid rgb(204,30,0);
	border-left: 1px solid rgb(255,150,80);
}

/************ quotes ***************/
blockquote {
	margin: 0;
  	background: url("http://www.esherpa.net/a/graphics/quote3o.gif") top left no-repeat;
}
blockquote p.quote {
	background: url("http://www.esherpa.net/a/graphics/quote3c.gif") bottom right no-repeat;
}
blockquote p.author {
	text-align: right;
	font-weight: bold;
	background: none;
	padding-bottom: 2em;
}
/*Fix IE Win bugs */
* html blockquote p {
	height: 1%;
}
/************** drop shadow *********************/
#shadow1, #shadow2, #shadow3 {
  display:inline-table;
  /* \*/display:block;/**/
}
#shadow1 {
  /*float:left; IMPORTANT: float it in the code to avoid IE breakage */
  background: url(http://www.esherpa.net/a/graphics/shadow.gif) right bottom no-repeat;
}
#shadow2 {
  background: url(http://www.esherpa.net/a/graphics/corner_bl.gif) -12px 100% no-repeat;
}
#shadow3 {
  padding:0 7px 7px 0; /* shadow offset */
  background: url(http://www.esherpa.net/a/graphics/corner_tr.gif)  100% -12px no-repeat;
}
/* to keep unwanted white space from intruding on a good thing */
#shadow3 img {
  display:block;
}
/* to keep shadow from showing too much */
#shadow3 #box,
#shadow3 #note {
	margin: 0;
}
/****** to display other elements in a shadowed box, wrap it in an extra div: ********/
#box {
	padding: 10px;
	background: #FFFFF5;
	border: 1px solid;
	border-color:#ccc #999 #999 #ccc;
}
#box img {
  	border: 1px solid;
	border-color:#999 #ccc #ccc #999;
}
/********** dogeared notes ***********/
#note {
	padding:5px;
	margin: 10px 0 10px 0;/**/
	background : #fff; 
	border: solid 1px #ccc; /*#6B6666;*/
	/*min-width: 160px !important;
	max-width: 80% !important;*/
}
#corner_ur{
	position: relative;
	top: -6px;
	right: -6px;
	float: right;
	background-color:#fff;
}
/************* pods ***************/
dl.w233 {
	width: 233px;
	margin: 10px 0; 
	padding: 0;
	/* background: #ccc url(http://www.esherpa.net/a/graphics/corners1px233.gif) no-repeat bottom left; */
}
dl.w233 dt {
	margin: 0;
	padding: 3px 0;
	font-size: 1.2em;
	/* color: #fff; */
	border-bottom: 1px solid #fff;
	/* background: #999 url(http://www.esherpa.net/a/graphics/corners1px233.gif) no-repeat top left; */
}
dl.w233 dd {
	margin: 0;
	padding: 3px 0 3px 14px;
	color: #333;
	font-size: 1em;
	background: url(http://www.esherpa.net/a/graphics/arrow_dots_r.gif) no-repeat -5px 7px;
}
/************* bilboards **********/
.billboard {
	max-height: 480px !important; /* prevent shadow breaking when element is taller then the shadow image */
}
/********* positioning rules ********/
.right {
	float: right;
}
.right50per {
	float: right;
	width: 50%;
}
.left {
	float: left;
}
.left50per {
	float: left;
	width: 50%;
}

/********* portfolio rollovers ***********/
#icons div{
	margin: 15px 15px 0 0;
	float: left;
}
#icons img{
	border: 1px solid #333;
}
#icons a{
	border-bottom: 4px solid White;
}
#icons  div.selected a{
	border-bottom : 4px solid rgb(254,70,0);
}
#icons a:visited:hover,
#icons a:hover{
	border-bottom : 4px solid rgb(254,70,0);
}
#icons a:visited{
	border-bottom : 4px solid rgb(225,225,225);
}

/********** Base formatting of layout elements ***********/
#header h1 {
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	font-family: /*Georgia,Optima,"Linotype Optima Nova","Zapf Humanist 601","URW Classico","Bitstream Chianti","Mentor Sans","Alinea Incise",Vesta,"Big Vesta",Formata,*/ /*"Trebuchet MS","Lucida Sans"*/ Verdana, Arial,Helvetica,sans-serif;
}
#header p {
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.3em;
}
#header p a {
	color: #fff;
}

/************ footer *************/
#footer {
	margin-top: 2em;
}
#footer p, #footer h1 {
	clear: both; /*in case there are floaters*/
	width: 770px;
	margin: 5px auto 3px auto;
	text-align: right;
	font-weight: normal;
	color: #6B6666;/*#B2B2B2*/
	font-size: 0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
* html #footer {position: relative; z-index:3;}

/************* lists *************/
#block_1 ul {
	list-style: url(http://www.esherpa.net/a/graphics/asterisk1.gif) circle;
}
/********** sitemap list *************/
#block_1 ul.sitemap li {
	list-style: url(http://www.esherpa.net/a/graphics/b_doc.gif) outside circle;
	margin-left: -1.5em;
}

/************ global navigation ***********/
#wrap_nav {
	/*float: left;*/
	position: absolute;
	top: 3px;
	left: 0;
	height: 27px;
	width: 100%;
	background: #6B6666 url(http://www.esherpa.net/a/graphics/bar.jpg) repeat-x top left;
	min-width: 700px !important;
}
ul#nav_global {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 27px;
	min-width: 700px !important;
	width: 100%;
	background: /*#6B6666*/ url(http://www.esherpa.net/a/graphics/bar_right.jpg) no-repeat top right;
	letter-spacing: 0.1em;
	font-size: 12px;
	font-family: /*"Trebuchet MS",*/Optima, Verdana, Arial, Helvetica, san-serif;
}
ul#nav_global li {
	float: left;
  	position: relative;
	padding: 3px 15px 3px 3px;
	list-style-image: url(http://www.esherpa.net/a/graphics/3dots.gif);
	list-style-position: inside;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#nav_global li {padding: 3px 15px 3px 30px;}
/* end fix */
.first {
	background: url(http://www.esherpa.net/a/graphics/bar_left.jpg) no-repeat top left;
	height : 27px;
}
	/*second level lists*/
ul#nav_global li ul {
	display: none;
	position: absolute;
	top: 23px;
	left: 7px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 30; /*to fix IE overlapping bug*/
}
ul#nav_global li ul li{
	clear:left; /*to display vertically*/
	margin: 0;
	padding: 0;
	width: 120px;/* same as in the IE fix below */
	list-style-image: none;
}
/* Fix IE links not filling full li. Hide from IE Mac \*/
* html ul#nav_global li ul li a:link {width: 140px; }
* html ul#nav_global li ul li a:visited {width: 140px; }
/* end fix */

ul#nav_global li ul li a,
ul#nav_global li ul li a:link,
ul#nav_global li ul li a:visited {
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #000;
	background: rgb(220,220,220); /* #c5c5c5 #BFBCB3; */
	border-bottom: 1px dotted #fff;
}
ul#nav_global li ul li a:visited:hover,
ul#nav_global li ul li a:hover {
	background: #fcfcfc; /* #f5f5f5 #CCC9C1;*/
	border: 1px solid #fff;
	border-width: 0 1px 1px 1px;
}
/*rollover magic*/
ul#nav_global li:hover ul, 
ul#nav_global li.over ul{ 
	display: block;
	list-style-type: none;
}

/*************** section navigation ************/
#nav_section ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*width: 100%;*/
	background-color: rgb(230,230,230);/*#f2f2f2 #F5F5F5 #EEEEEE*/
	border/*-top*/: 1px solid #DDD;
	font-size: 12px;
	font-family: /*"Trebuchet MS",*/Optima, Verdana, Arial, Helvetica, san-serif;
}
#nav_section ul li a{
	display: block;
	padding: 4px 14px;
	text-decoration: none;
	color: #000;/**/
	border-bottom: 1px dotted #fff; /* #DDD */
}
	/*** sub levels of section nav***/
#nav_section ul.children{
	margin: 0;
	list-style-type: none;
	border: 0px solid #DDD;
}
#nav_section ul.children a{
	padding-left: 2.5em;
	background-color: rgb(240,240,240);
	border-bottom: 1px dotted #ddd;
}
#nav_section ul.children ul.children a{
	padding-left: 3.5em;
}
#nav_section ul.children ul.children ul.children a{
	padding-left: 4.5em;
}
	/*** current navigation formatting ***/
#nav_section ul li.current-cat {
	/*list-style-image: url(http://www.esherpa.net/a/graphics/arrow_dots_r.gif);
	list-style-position: inside;*/
	background: #fcfcfc url(http://www.esherpa.net/a/graphics/bar_light1.jpg) repeat-x 0px 5px;
}
#nav_section ul li.current-cat a {
	background: url(http://www.esherpa.net/a/graphics/arrow_dots_r.gif) no-repeat 0 0.7em;
}
#nav_section ul li.current-cat ul a {
	background-image: none;/*do not display image in the nested list*/
}
/* Fix IE bugs. Hide from IE Mac \*/
* html #nav_section ul li { float: left; height: 1%; } /**/ 
* html #nav_section ul li.current-cat { float: left; height: 1%; padding: 4px 0 4px 4px; }
* html #nav_section ul li a { height: 1%; }
/* End */
#nav_section ul li a:visited:hover,
#nav_section ul li a:hover {
	background: #fcfcfc url(http://www.esherpa.net/a/graphics/bar_light1.jpg) repeat-x bottom left;
	color: rgb(255, 70, 20);
}




/******************
Layout:
	header
	2 columns (2-1 block order), flexible enough to have blocks in any order in the code
	footer
*******************/
/******** Main layout **********/
#header {
	background: #FF4600 url(http://www.esherpa.net/a/graphics/header_red.jpg) repeat-x;
	height: 100px;
	width : 100%;
	min-width: 700px !important;
	margin: 0px;
}

body {
	text-align: center; /* needed to center the wrapper in IE5.x because it doesn't like 'margin: 0 auto' */
}
#wrapper {
	text-align: left; /* resets the text alignment */
	width: 770px; /* 48em; */
	margin: 0 auto; /* centers the wrapper */
	position: relative;
	top: 0px;
	padding: 40px 0 2em 0;
	border-bottom: 1px solid #B2B2B2;
	/*background-color:#CCCCCC;*/
}

#block_1, #block_2 {
	margin-top: 5px;
	position: relative;
}
#block_1 {
	float: right;
	right: 0px;
	width: 500px;
	padding: 0 0 0 20px;
	background: url(http://www.esherpa.net/a/graphics/dot_white2.jpg) repeat-y top left;
	/*background-color:#99CC99;*/
}
#block_2 {
	float: left;
	left: 0px;
	width: 233px;
	/*background-color: #99CC00;*/
}
/* For IE Win (5 and 6), fix the doubled float-margin bug to allow positioning of the blocks in any order */
* html #block_1, #block_2 {
	display: inline;
}
* html #block_1 {
	width: 520px;
}

/* Easy clearing */
#wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#wrapper {
	display: inline-block;
}
/*\*/
#wrapper {
	display: block;
}
/* end easy clearing */

/********** Additional elements layout ***********/
#header h1 {
	position: absolute;
	top: 51px;
	right: 35px;
	margin: 0; 
	z-index: 50;
}
#header a.logo {
	display:block;
	background: url(http://www.esherpa.net/a/graphics/logo.gif) no-repeat 30px 20px;
	width: 400px;
	height: 95px;
	position: absolute;
	top: 0;
	left: 0;
}
#header p {
	position: absolute;
	top: 70px;
	right: 32px;
	margin: 0;
}

#block_1 p,
#block_2 blockquote p,
blockquote p {
	text-indent: 2em;
}