body{background: url(images/spock_trek.jpg) fixed bottom left no-repeat #7f8192; font-family: arial, tahoma, Palatino Linotype, Book Antiqua, Palatino, serif; color: #fff; font-size: 16px;}
html, body {height: 99%;}
body {min-height: 99%; }
a, a:link, a:visited {color: #4f78ae; font-weight: bold;text-decoration: none; font-style: italic;}
h1 {font-size: 1.5em;padding: 5px;color: #fff; text-transform: uppercase; font-style: italic; text-shadow: 0 2px 0 #4f78ae;}
.series-title {font-size: 2.0em;padding: 5px;color: #fff; text-transform: uppercase; font-style: italic; text-shadow: 0 2px 0 #4f78ae;}

#navigation {position: fixed;font-size: 15px;  }
#navigation li, #navigation li a, #navigation li a:link {width: 207px; height: 50px; display: block; }
#navigation .home {background: url(images/spock_nav.png); visibility: visible; text-indent: -9000px; overflow: hidden;}
#navigation .home a:hover {background: url(images/spock_nav.png) -208px 0px;} 
#navigation .screencaps {background: url(images/spock_nav.png) 0px -50px; visibility: visible; text-indent: -9000px; overflow: hidden;}
#navigation .screencaps a:hover {background: url(images/spock_nav.png) -208px -50px;} 
#navigation .photos {background: url(images/spock_nav.png) 0px -100px; visibility: visible; text-indent: -9000px; overflow: hidden;}
#navigation .photos a:hover {background: url(images/spock_nav.png) -208px -100px;} 
#navigation .fanart {background: url(images/spock_nav.png) 0px -150px; visibility: visible; text-indent: -9000px; overflow: hidden;}
#navigation .fanart a:hover {background: url(images/spock_nav.png) -208px -150px;} 
#navigation .site {background: url(images/spock_nav.png) 0px -200px; visibility: visible; text-indent: -9000px; overflow: hidden;}
#navigation .site a:hover {background: url(images/spock_nav.png) -208px -200px;} 

/* sub levels link hover */
#navigation ul li:hover a, #navigation li:hover li a {
background: url(images/spock_nav.png) 0px -242px; 
border: 0; color: #fff; text-align: right; 
text-decoration: none; text-transform: uppercase; 
font-family: arial; font-style: italic;}
#navigation ul li:hover a:hover, #navigation li:hover li a:hover {background: url(images/spock_nav.png) 207px -242px;}
#navigation ul a:hover {}


/* dropdown */
#navigation li:hover > ul {
	display: block; 
}

/* level 2 list */
#navigation ul {
	display: none;
	margin: 0;
	padding: 0; line-height: 55px;
	position: absolute;
	top: 35px;
	left: 230px;}
#navigation ul li {float: none;margin: 0; padding: 0;}
#navigation ul a {font-size: 1.1em;font-weight: bold; text-shadow: 0 1px 0 #666;line-height: 3.5em; }
#navigation : after {content: ".";display: block; clear: both;visibility: hidden;line-height: 0;height: 0; }
html[xmlns] #navigation {display: block;}
* html #navigation {height: 1%;}

/* level 3 list */
#navigation ul li ul{
	display: none;
	margin: 0;
	padding: 0; line-height: 55px;
	position: absolute;
	top: -40px;
	left: 200px;}


#content { float: right; margin-right: 50px;margin-left: 275px; margin-bottom: 150px; }
.post {   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.2);
 }
.post h2 a {font-size: 0.9em; padding: 5px;color: #fff; text-decoration: none; font-style: italic;text-shadow: 2px 2px 1px #4f78ae; }
.post p {padding: 20px; background: #879bca;line-height: 1.0em;margin-top: -20px;}
.post .catfile {font-size: 0.7em; font-style: italic; margin-top: -34px;border-top: 2px solid #4f78ae;}

.paginate a {padding: 5px; display: block; }
.paginate { -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.2);
box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

}

input { background: #fff; border: 1px solid #4f78ae;color: #4f78ae; font-family: arial; }
p.icons{text-align: center; }
p.icons a {padding: 5px;}

.archivelink {padding: 2px; background: rgba(79,120,174,0.5); 
-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.2); 
box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);}
.archivelink a {color: #fff;}