/*  
Theme Name: Hemingweb 2.0
Theme URI: http://gaarf.info/h2o
Description: A mod of the Hemingway theme<br /><strong>This theme requires WordPress 2.0+</strong>.
Version: r3 (20061203)
Author: AD
Author URI: http://gaarf.info
*/


@import url(hemingway019.css);

html { overflow: -moz-scrollbars-vertical !important; }

#header {
	background-image:url(../../../images/fluorescents_new1.jpg);
	width: 980px;
	background-repeat: no-repeat;
	background-position: right top;
} 

/* FANCY STUFF */
body {height:100%;
	background-attachment: fixed;
	background-color: #E7E6CB;
	background-image: url(../../../pattern/linien.jpg);
	background-repeat:repeat-x;}
#h2o-viewport {position:absolute; height:100%; width:980px; left: 5%; right: 5%;}
#primary { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #404040;
min-height:65%; /* no workie on IE :( */ }


/* links within posts */
.primary a, .h2o-excerpt a, .h2o-page a{color: #708343; text-decoration: none;}
.primary a:hover, .h2o-excerpt a:hover, .h2o-page a:hover{
	color: #B00213;
	background-color: #BAFF75;
	text-decoration: none;}

/* images */
#primary img {
	border:1px solid #333333;
	margin:0px;
}
td#both {
	width:325px;
	float: right;
}
#primary img.wp-smiley, #primary img.noborder {border:0px none;margin:0;}



/* COMMENTS = #SECONDARY */
div.comment-head{
	padding:.8em 0 1em 0;
	border:0px none;
}
a#h2o-commentoggle {
	display:block; height:2em; border:1px solid #000;
	font-size:1.15em; text-align:left;
    padding:           .6em 0 0 2em;
    background-image:       url(images/comment.gif);
    background-repeat:      no-repeat;
    background-position:    .4em .8em;
}
a#h2o-commentoggle:hover {background-color:#C6CD8D;color:#FFF; text-decoration: none;}

#h2o-comments div.details {text-align:right;}
#h2o-comments .details a {color:#000; text-decoration: none;}
#h2o-comments .details a:hover {color: #B00213; background-color: #BAFF75;
	text-decoration: none;}

#h2o-comments li.author {padding:5px 0;background-color:#171717;}

/* Hemingway BottomBar = #ANCILLARY */
#ancillary {  
	padding:2em 0; 
	background-color:		#ECEBD5;
    background-repeat:      no-repeat;
    background-position:  	top;
}
#ancillary h2 {margin-bottom:.6em !important;}
#ancillary ul, #ancillary p {margin-top:0 !important; }

#ancillary ul.dates li {width:100%;white-space:nowrap;overflow:hidden;}

#h2o-about {
	height:225px; overflow:hidden; margin-bottom: 2em;
	border:					1px dotted #808080;
	background-color:		#EAE9D7;
    background-repeat:      no-repeat;
    background-position:  	top left;
}
#h2o-about div.content{
	margin-top: 0.5em;
	margin-right: 1.3em;
	margin-bottom: 0.5em;
	margin-left: 1.3em;
}
#h2o-about .content a {color:#AAA; text-decoration:none;}
#h2o-about .content a:hover {color: #B00213; background-color: #BAFF75;
	text-decoration: none;}

/* FOOTER */
#footer {
	width:100%; margin:0; padding:.2em 0 .4em 0;
	border-top:1px solid #1C1C1C; background-color:#676630;
}
div[id=footer] { /* for real browsers */
	position: fixed !important;
	top:auto !important;
	bottom:0;
}
#footer .inside {background-image:none; padding:0; }
#footer p.copyright a{
	color:#AAA; text-decoration:none; 
	padding-right:0; background-image:none;
}
#footer p.copyright a:hover{ color:#fff;}
#footer p.attributes {
    padding-right:          15px;
    background-image:       url(images/wp.gif);
    background-repeat:      no-repeat;
    background-position:    100% 66%;
}
#footer span.h2o-timing {
	border-left:1px solid #333;
	padding-left:1em; margin-left:1em;
}


acronym {cursor:help; border-bottom:1px dashed #808080;}

/*/////////////// END LAYOUT STUFF, START TYPO JUNK ///////////////////*/
blockquote { color:#808080; border-color:#808080;}

/* INDEX PAGE */
div.story {overflow:hidden;}
.story h3 a { /* links to stories on homepage */
	border-color:#808080; 
	border-style:solid; 
	border-width:0 0 1px 0;
}
div.h2o-excerpt {
	height:38em;
	overflow:hidden;
	position:relative;
	margin-top: 15px;
}
div.h2o-excerpt .h2o-read-on  {
	position:absolute;
	bottom:0;
	width:100%;
}
.h2o-read-on a { /* ... */
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:1em;
	text-decoration:none;
	font-weight: bolder;
}
.h2o-read-on a:hover{color: #B00213;
	background-color: #BAFF75;
	text-decoration: none;}

.story .details{ margin-top:0; padding-top:0.5em; color:#333;}
.details span.h2o-postmeta {float:left;}
.details span.h2o-commentcount {}
.details span.h2o-category {display:block;text-align:left;}
.details span.h2o-category a{color:#B00213;}

/* external links by selecting all absolute links */
a[href^="http://"] {
    padding-right:          18px;
    background-image:       url(images/external_16x16.gif);
    background-repeat:      no-repeat;
    background-position:    100% 75%;
}

a.h2o-rss {
    padding-right:          12px !important;
    background-image:       url(images/feed-icon-10x10.gif);
    background-repeat:      no-repeat;
    background-position:    100% 66%;
}

/* PAGE header */
#primary .h2o-page h1{ 
	margin:0 0 .8em 0; padding:.2em 0;
	border-bottom:1px solid #272727;
}

#quote {
	font-size: 11px;
	color: #404040;
	font-style: normal;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 30px;
	line-height: 16px;
	padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 10px;
	}
/*old*/

.strike {
	color:#666666;
	font-size: 10px;
	line-height: 11px;
}
.strikeB {
	color:#666666;
	font-size: 10px;
	line-height: 11px;
	margin: 2px;
	padding: 2px;
}
.strike1 {
	color:#B00213;
	font-size: 9px;
	text-align: left;
	padding-left: 10px;
}
.strike1 a:visited {
	color:#B00213;
	font-size: 9px;
	text-align: left;
	float: left;
	padding-left: 10px;
}
.strike1 a {
	color:#B00213;
	font-size: 9px;
	text-align: left;
	float: left;
	padding-left: 10px;
}
#blogtable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	padding-right: 4px;
	padding-left: 0px;
	color: #404040;
	margin: 0px 0px 0px -3px;
}
#cite {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 50px;
	color: #7D8F52;
	line-height: 1.2em;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 1em;
	font-style: italic;
	border: 1px none #999999;
	background-color: #EAE9D7;
	float: left;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 7px;
}
/* LIGHTBOX */
#lightbox{ padding: 0 8px; }
#lightboxCaption {   
    padding: 1em 0;
    color: white; background-color:#333;
    font-size: 0.8em; text-align: center;	
}
#lightboxPhoto { display: block; padding-top: 8px; }
#lightbox img, #overlay img{ border: none; }
#overlay{ background-color: black; }
a[rel="lightbox"] {
    padding:0;
    background-image:       none;
}
.topnav 
{
	
	list-style:none;
	margin:0px auto 0 auto;
	padding:5px 0;
	text-align:left;
	width:80%;
	min-width:65em;
	max-width:85em;			
}
.topnav li 
{
	list-style:none;
	margin:0;
	padding:0 5px;
	display:inline;
}
.topnav li a 
{
	color:#fffacd;
	padding:3px 0;
	text-decoration:none;
}
.topnav li a:hover, .topnav li.current_page_item a
{
	color:#fff;
	padding:3px 0;
	text-decoration:none;
	border-bottom:#fff 2px solid;
}
/* some random sentence */

/*img enlarge*/

.gallerycontainer{
position: relative;
height: 200px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid grey;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: -300px;
	left: -380px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}