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

#header {
	background-image:url(images/gradient_top_gray.gif);
	background-repeat:repeat-x;
}

/* FANCY STUFF */
body {height:100%; scrollbar-base-color:#3D3D3D;}
#h2o-viewport {position:absolute; height:100%; width:100%;}
#primary { min-height:32%; /* no workie on IE :( */ }


/* links within posts */
.primary a, .h2o-excerpt a, .h2o-page a{color:#BFBFBF;}
.primary a:hover, .h2o-excerpt a:hover, .h2o-page a:hover{color:white;}

/* images */
#primary img {border:0px solid #333333;margin:2px;}
#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:#171717;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 li.author {padding:5px 0;background-color:#171717;}

/* Hemingway BottomBar = #ANCILLARY */
#ancillary {  
	padding:2em 0 5em 0; 
	background-color:		#272727;
    /* background-image:       url(images/ancillary_bg.gif); */
    background:#000 url(images/bg_ancillary.jpg) repeat-x left top;
    /* background-repeat:      no-repeat; */
    background-position:  	top;
}
#ancillary h2 {
	font-size:1.5em;
	margin-bottom:.6em !important;
	border-bottom:2px solid #000053;
}
#ancillary ul, #ancillary p {margin-top:0 !important; }

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

#h2o-about {
	height:115px; overflow:hidden; margin-bottom: 2em;
	border:					1px solid #808080;
	background-color:		black;
    background-image:       url(images/face.jpg);
    background-repeat:      no-repeat;
    background-position:  	top left;
}
#h2o-about div.content{ margin:.5em 1px .5em 50px ;}
#h2o-about .content a {color:#AAA; text-decoration:none;}
#h2o-about .content a:hover {color:#FFF;}
/* FOOTER */
#footer {
	width:100%; margin:0; padding:.2em 0 .4em 0;
	border-top:1px solid #1C1C1C; background-color:black;
	background:#000 url(images/bg_ancillary.jpg) repeat-x left top;
}
#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' );
}
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;
}

#footer p.validators a {
		/*padding-left:	45px;*/
}


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:15em;
	overflow:hidden;
	position:relative;
}
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:4em;
	text-decoration:none; 
}
.h2o-read-on a:hover{color:#FFF;}

.story .details{ margin-top:0; padding-top:0.5em; color:#808080;}
.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;}

div.h2o-gradient *{margin:0 !important; font-size:4px !important; height:7px; background-color:#000;}
.h2o-gradient h1{opacity:.4; }
.h2o-gradient h2{opacity:.5; }
.h2o-gradient h3{opacity:.6; }
.h2o-gradient h4{opacity:.7; }
.h2o-gradient h5{opacity:.8; }
.h2o-gradient h6{opacity:.9; }


/* 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, .h2o-rss {
    padding-right:          12px !important;
    background-image:       url(images/feed-icon-10x10.gif);
    background-repeat:      no-repeat;
    background-position:    100% 66%;
}

span.h2o-admin {
    padding-right:          15px !important;
    background-image:       url(images/wp.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;
}

#primary h1{ 
	/*border-bottom:1px solid #272727;*/
}


/* LIGHTBOX */
#lightbox{ 
	padding: 0 8px; 
	background-color:#eee; 
}
#lightboxCaption {   
    padding: 1em 0;
    color: white; background-color:#333;
    font-size: 0.95em; text-align: center; font-weight:bold;
}
#lightboxPhoto { display: block; padding-top: 8px; }
#lightbox img, #overlay img{ border: none; }
//#overlay{ background-image: url(http://iyyaz.com/go/blog/wp-content/themes/h20/images/overlay.png); }
#overlay{ background-color: black; }
a[rel="lightbox"] {
    padding:0;
    background-image:       none;
}
/*

#lightbox{
	background-color:#eee;
	padding: 0 8px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://iyyaz.com/go/blog/wp-content/themes/h20/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(http://iyyaz.com/go/blog/wp-content/themes/h20/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://iyyaz.com/go/blog/wp-content/themes/h20/images/overlay.png", sizingMethod="scale");
	}
*/
/*
.adsense {
	position:relative;
	border:1px solid #ffffff;
	padding-top:0 100px; 
}
*/