/*
Theme Name: Nephil2
Theme URI: http://nephilistic.com/
Description: Nephilistic Portfolio Template with dynamic on-page-navigation.
Version: 0.9
Author: Kristof Tarisznyas
Author URI: http://nephilistic.com/
*/
html, body{ height:100%; padding:0; margin:0;}
body{ 
	background:#13100e url(images/bodyBG.png) repeat-x top left fixed;
	color:#eed4ac;
	font:normal 12px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

a:link{ color:#eed4ac; text-decoration:none; }
a:hover, a:visited:hover{ color:#f0e2cb; }
a:visited{ color:#eed4ac; text-decoration:none; }

.alignleft{ float:left; margin:0 10px 10px 0;}
.alignright{ float:right; margin:0 0 10px 10px;}

#Footer, #Content{ 
	width:690px; 
	padding:0 45px;
	position:relative; 
	left:255px;
	z-index:1;}
h1, #MainNavigation, #PageNavigation{ position:fixed; left:155px; z-index:2;}

h1{ top:0px;
	width:115px;
	height:140px;
	margin:0; padding:0;}
h1 a img{ border:none;}
h1 a:focus, h1 a:focus img{ outline:none;}

#MainNavigation{
	top:126px;
	border-top:#494442 solid 1px;
	width:115px;}
span.index{
	display:block;
	font:normal 10px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:justify;
	color:#494442;
	border-bottom:#494442 solid 1px;
	margin-bottom:3px;}
#MainNavigation ul{
	list-style:none;
	padding:0; margin:0;
	}
#MainNavigation ul li{ 
	display:block;
	padding:0; margin:0;
	text-align:center;}
#MainNavigation ul li a{
	font:normal 22px/30px Impact, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-style:italic;
	padding:0;
	color:#494442;
	}
#MainNavigation a:hover, #MainNavigation:visited:hover{ color:#817875;}
#activate-js{ width:115px;}
#animate-scroll{ display:none;}

#PageNavigation{ top:240px; border-top:#494442 solid 1px;}
#PageNavigation span.index{ margin-bottom:6px;}
#PageNavigation a span{ display:none; visibility:hidden;}
#PageNavPrev, #PageNavTop, #PageNavNext{ 
	display:block; 
	width:115px;
	margin-bottom:4px;
	background:url(images/pageNavigation.png);}
#PageNavPrev{ height:61px; background-position:235px 0px;}
#PageNavPrev:hover, #PageNavPrev:visited:hover{ background-position:115px 0px;}
#PageNavPrev.inactive, #PageNavPrev.inactive:hover, #PageNavPrev.inactive:visited:hover
{ background-position:0px 0px;}
#PageNavTop{ height:28px; background-position:235px -67px;}
#PageNavTop:hover, #PageNavTop:visited:hover{ background-position:115px -67px;}
#PageNavTop.inactive, #PageNavTop.inactive:hover, #PageNavTop.inactive:visited:hover
{ background-position:0px -67px;}
#PageNavNext{ height:61px; background-position:235px -101px;}
#PageNavNext:hover, #PageNavNext:visited:hover{ background-position:115px -101px;}
#PageNavNext.inactive, #PageNavNext.inactive:hover, #PageNavNext.inactive:visited:hover
{ background-position:0px -101px;}
#PageNavigation a:focus{ outline:none;}

ul#Contact{ 
	list-style:none;
	padding:0; margin:0;}
ul#Contact li{
	display:block;
	padding:0; margin:0;
	position:relative; top:0; left:0;
	width:115px; height:28px; margin-top:3px;
	background:url(images/Linklist.png) no-repeat 0 0;}
ul#Contact li a{
	display:block;
	position:absolute; top:-8px; left:0;
	width:115px; height:28px;
	font:italic 16px/28px Impact, Arial, Helvetica, sans-serif;
	vertical-align:middle;	
	color:#13100e;}
ul#Contact li a img{
	border:none;
	position:relative;
	top:8px; left:2px;
	margin: 0 4px 0 0;}
ul#Contact li:hover{ background-position: -120px 0;}

#Content{ 
	min-height: 100%;
    height: auto !important;
    height: 100%;
	background:url(images/contentBG.png) repeat-y 0 0;
	margin:0 0 -130px 0;}


#Content ul{ list-style:none; margin:0; padding:0;}
#Content ul li{ padding:0; margin:0 0 3px 0;}

.Post{ width:600px; position:relative; margin-bottom:3px;}
.PostHead.Image{ height:80px; margin-bottom:-80px;}
.PostHead.Default{ height:95px; margin-bottom:5px;}
.Post h2{ 
	position:absolute; top:-25px; left:5px;
	display:inline-block;
	width:auto;
	font:italic 36px/45px Impact, Arial, Helvetica, sans-serif;
	padding:0 20px 0 5px;
	background:url(images/bg_black_90.png) repeat top left;}
*+html .Post h2{ top:5px;}
.Post .sub{ 
	position:absolute; top:55px; left:5px;
	display:inline-block;
	width:auto;
	font:italic 14px/24px Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0 10px;
	background:url(images/bg_black_90.png) repeat top left;}
.Post .Default .sub{ top:55px;}

.Post .date{
	position:absolute;	right:10px;	top:20px;
	display:inline-block; 
	width:auto;
	font:bold 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px;
	text-transform:uppercase;
	color:#57514f;
	background:url(images/bg_black_90.png) repeat top left;}
	
.PostContent{ width:600px; overflow:hidden;}

.PostContent.Gallery{ padding:5px 0 50px 10px;}
.PostContent.Gallery .gallery-item{ margin-top:5px !important;}
.PostContent.Gallery .gallery img{ border:5px solid #221d1a !important;}

.PostContent2{
	position:relative;
	/*border-top:3px solid #000;*/}
.PostContent2 .sub{ position:absolute; top:5px;}
*+html .PostContent2 .sub{ top:5px;}

.Post.Page{ top:30px;}
.PageContent{ width:500px; padding:0 50px; font-size:13px; color:#aea08b;}

#Footer, .push {
	height: 130px;
}
#Footer{ background:url(images/footerBG.png) repeat-y 35px 0;}