/*  
Theme Name: H2.0
Theme URI: http://gaarf.info/h2o
Description: A mod of the Hemingway theme  <br /><strong>This theme requires WordPress 2.0+</strong>.
Version: alpha
Author: AD
Author URI: http://gaarf.info
*/

@import url(hemingway019.css);

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

/* FANCY STUFF */
body {height:100%;}
#h2o-viewport {position:absolute; height:100%; width:100%;}
#primary { min-height:30%; /* no workie on IE :( */ }

/* links within posts */
.primary a, .h2o-excerpt a, .h2o-page a{color:#027A07;}
.primary a:hover, .secondary a:hover, .h2o-excerpt a:hover, .h2o-page a:hover{color:red;}


/* COMMENTS = #SECONDARY*/
div.comment-head{
	padding:.8em 0 1em 0;
	border:0px none;
}
a#h2o-commentoggle {
	display:block; height:2em; border:0px solid #000;
	font-size:1.1em; text-align:left;
        color:#03700D;
    padding:           .5em 0 0 2em;
    background-image:       url(images/comments.png);
    background-repeat:      no-repeat;
    background-position:    .4em .8em;
}
a#h2o-commentoggle:hover {background-color:#82CC85;color:#FFF;}

#h2o-comments div.details {text-align:right;}
#h2o-comments .details a {color:#808080; text-decoration:underline;}
#h2o-comments .details a:hover {color:#FFF;}

#h2o-comments .comment-form a{color:#027A07;}
#h2o-comments .comment-form a:hover{color:white;}


/* Hemingway BottomBar = #ANCILLARY */
#ancillary {  
	padding:2em 0; 
	background-color:		#272727;
    background-image:       url(images/ancillary_bg.gif);
    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 {
	margin-bottom:2em; border:2px solid #808080;
	}
#h2o-about div.content{ margin:.5em 10px .5em 10px ;}
#h2o-about .content {color:#B8E7BA; font-size:0.9em; text-decoration:none;}
#h2o-about .content a {color:#B8E7BA; text-decoration:none;}
#h2o-about .content a:hover {color:#FFF;}

#h2o-iatb{
	margin-top:1em; margin-bottom:1em; border:2px solid #FDD400;
        background-color:#FFF;
	}
#h2o-iatb div.content{ margin:.5em 10px .5em 10px ;}
#h2o-iatb img { padding: 3px;}
#h2o-iatb .content {color:#FDD400; text-decoration:none;}
#h2o-iatb a {color:#648935; text-decoration:none;}
#h2o-iatb a:hover {color:#FDD400;}

/* FOOTER */
#footer {
	width:100%; margin:0; padding:.2em 0 .4em 0;
	border-top:1px solid #1C1C1C; background-color:black;
}
#footer { /* for IE */
	position: absolute;
	top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
/*  
Internet Exploder ONLY
*/

#footer { 
	position: absolute;
	top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div[id=footer] { /* for mozilla */
	position: fixed !important;
        top:auto !important;
	bottom:0;
}
#footer .inside {background-image:none; padding:0; }
#footer p.copyright a{
	color:#B8E7BA; text-decoration:bold; 
	padding-right:0; padding-left:0; background-image:none;
}
#footer p.copyright a:hover{ color:#fff;
                             text-decoration:underline; 
}
#footer p.attributes {
    padding-right:          1px;
    padding-top:            3px;
    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;
}

.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:#BFBFBF;}


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;
}


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