/*  
NAME: barthelme.css
AUTHOR: Chi Shang Cheng <chengsta at chengsta com>
CREATED: 2007-01-07
DESCRIPTION: This is a port of the Barthelme Wordpress theme for PmWiki.
ORIGINAL AUTHOR: Scott Allan Wallick
ORIGINAL AUTHOR URI: http://scottwallick.com/
*/
/*
"Barthelme" (C) 2006 Scott Allan Wallick - http://scottwallick.com/ - and distributed under the terms of the GNU General Public License v2
*/
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

html, body {
	margin: 0;
	padding: 0;
}
body {
	background-color: #fff;
	color: #222;
	line-height: 150%;
}
/* GLOBAL ELEMENT COMBINATIONS */
div#sidebar ul li h2 {
/* HEADER TEXT*/
	background: #fff;
/* former color (purple) was #7F38EC */
	color: #2F8A5F;
}
div#content blockquote, div#content h1, div#content h2, div#content h4,div#content h5, div#content h6, div#sidebar ul li p {
/* SIDEBAR TEXT */
	background: #fff;
/* former color (purple) was #7F38EC */
	color: #2F8A5F;
}
/* HEADER STUFF */
div#header {
/* BANNER COLOR */
	background: #f5f5f5 ;
	color: #f5f5f5;
	margin: 1.7em 0;
/*	padding: 1.4em 0 1.4em 3em; */
/* padding: 0.7em 0 0.7em 1.5em */
padding: 0.5em 0 0.5em 1.3em

}
h1#title {
	font-size: 2.2em;
	font-weight: normal;
	line-height: normal;
	margin: 0;
color: #2F8A5F;

}
p#description {
	font-size: 1.3em;
	margin: 0;
}
/* WRAPPER - CONTAINER - CONTENT STUFF */
div#container {
	float: right;
	width: 100%;
	margin: 0 0 0 -20em;
}
div.narrowcolumn {
	margin: 0 0 0 19.5em;
	padding: 0 2% 0 1%;
}
div.widecolumn {
	margin: 0 0 0 15em;
	padding: 0.8em 4% 0 2%;
}
div#content h2 {
	font-size: 1.7em;
	font-weight: normal;
	margin: 0.3em 0 1em 0;
}
div#content h3 {
	font-size: 1.1em;
	color: #2F8A5F;
	margin: 0;
}
div#content p {
	line-height: 150%;
	margin: 1em 0;
}
div#content ul li { list-style: square; }
div#content ul li, div#content ol li { line-height: 150%; }
div#content blockquote {
	border-left: 1em solid #cfd5dd;
	font-size: 0.9em;
	padding-left: 1em;
}
div#content hr {
	border: 0;
	border-bottom: 1px solid #888;
	margin: 1em 0 1em 0;
}
/* SIDEBAR STUFF */
div#sidebar {
	float: left;
	width: 16em;
	padding: 1.15em 0 0 0;
/* padding used to be 4em */
}
div#sidebar ul {
	margin: 0 1.5em 0 3em;
	padding: 0;
}
div#sidebar ul li {
	font-size: 1em;
	line-height: 175%;
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}
div#sidebar ul li h2 {
	font-size: 1em;
	margin: 0;
	text-transform: uppercase;
}
div#sidebar ul li p, div#sidebar ul li ul, div#sidebar ul li ul li {
	margin: 0;
	padding: 0;
}
div#sidebar ul li ul li ul li {
	font-size: 0.9em;
	margin: 0 0 0 1em;
}
/* FOOTER STUFF */
div#footer {
	background: #fff;
	clear: both;
	color: #888;
/*	padding: 5em 0 1em 3em;*/
padding: 0em 0 1em 3em;*/

}
div#footer p {
	font-size: 0.9em;
	margin: 0;
}
/* GLOBAL ALIGNMENT AND MISC ELEMENTS */
.alignleft { float: left; }
.alignright  { float: right; }
abbr, acronym {
	border-bottom: 1px dotted #546188;
	cursor: help;
}
code, pre {
	font: 1em/normal "courier new", courier, monospace;
}
.clearer {
	clear: both;
	height: 0;
}
/* IMAGE ELEMENTS, INCLUDING LINKS */
img { border: none; }
div#content img.center {
	display: block;
	margin: 0.4em auto;
}
div#content img.alignright { margin: 0.4em 0 0.4em 1.1em }
div#content img.alignleft { margin: 0.4em 1.1em 0.4em 0; }
/* FORMS FOR COMMENTS AND SEARCH / INCLUDES STYLES FOR THE WP-CONTACTFORM PLUGIN */
div.formcontainer p{
	margin: 0.5em 0 1em 0;
}
form {
	margin: 0.3em 0 0 0;
	padding: 0;
}
input#s {
	margin: 0 0 0.4em 0;
	padding: 0.2em;
	width: 70%;
}
textarea {
	/* height: 13em; */
	overflow: auto;
	float: left;
	width: 100%;
	margin: 0 0 0.5em 0;
}
input#searchsubmit, input#submit, input.e_button { border: 1px outset #999; }
input#s, input#summary, input#author { width: 66%; }
input#s, input#summary, input#author, textarea {
	border: 1px inset #999;
	padding: 0.2em;
}
div.formcontainer {
	font-size: 1em;
	margin: 0 0 3em 0;
	width: 100%;
}
span.formright, span.formleft {
	display: inline;
	float: left;
	margin: 0 0 0.5em 0;
}
span.formleft {
	clear: both;
	text-align: right;
	width: 15%;
	margin: 0 2% 0 0;
}
span.formright { width: 80%; }
/* LINK STYLES */
div#header a, div#header a:active, div#header a:link, div#header a:visited {
/* TEXT IN BANNER HEADER */
	background: transparent;
	color: #2F8A5F;
	text-decoration: none;
}
div#header a:hover {
	background: transparent;
	color: #7F38EC;
/* color used to be grey at #e5e5e5 */

}
div#content a, div#content a:active, div#content a:link, div#content a:visited {
/* CONTENT PART LINKS */
        color: #0033ff;
/* color used to be: #555555 */
/* a very old color data was : #546188;*/
	background: transparent;
}
div#content a:hover {
	color: #7F38EC;
/* color used to be: #555555*/
	background: transparent;
}
div#sidebar a, div#sidebar a:active, div#sidebar a:link, div#sidebar a:visited {
/* SIDEBAR LINKS NON-HOVER */
	background: #fff;
	color: #555555;
	text-decoration: none;
}
div#sidebar a:hover {
/* SIDEBAR --MOUSEOVER-- LINKS */
	background: #fff;

	color: #7F38EC; 
	text-decoration: underline;
}
div#footer a, div#footer a:active, div#footer a:link, div#footer a:visited {
	background: #fff;
	color: #888;
}
div#footer a:hover {
	background: #fff;
	color: #222;
	text-decoration: none;
}
.sidehead {
  margin:0px; padding:4px 2px 2px 2px;
  font-size:11pt; font-weight:bold; font-style:normal; 
}

.hlt {
                background-color: #fff;
/* former color (purple) was #7F38EC */
                color: #2F8A5F;
            }
.hltoff {
background-color: #555555;
color: #fff;
}


/*
.sidehead a 
  { color:#505050; font-weight:bold; font-style:normal; }
*/

    .flickralbum img {
      padding:4px;
      margin:0px;
      border:1px solid #afafaf;
    }



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://archventures.org/pub/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://archventures.org/pub/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }