/*
Theme Name: Neptune
Theme URI: http://dev.d10e.net/neptune/
Description: Neptune is a WordPress 1.5 theme with 3 columns
Author: Ben de Groot
Author URI: http://d10e.net/
Version: 0.6.2
.
Copyright (C) 2005 Ben de Groot
Distributed under the terms of the GNU General Public License v2
.
*/

/*	Let's start with zeroing out any browser default margins and paddings */

* {
	margin: 0;
	padding: 0;
	}

/*	Next we set the page height, to position the footer at the bottom of the window
 *	when page is short, and at the bottom of the page when page is longer */

html, body {
	height: 100%;
	background: #777c87;
	color: #444;
	}
body {
	text-align: center; /* IE quirks auto margins workaround */
	font: 70%/150% 'bitstream vera sans', 'lucida grande', verdana, sans-serif;
	}
html>body { font-size: 11px; } /* for modern browsers that can resize px */

#wrap {
	position: relative; /* to keep the header inside */
	height: 100%; /* to fill the window */
	width: 870px;
	margin: 0 auto; /* auto centers the div */
	text-align: left; /* after centering #wrap above we return to normal alignment */
	}

#middle {
	position: relative;
	height: auto; /* pushing the footer below content when longer then window */
	min-height: 100%; /* for modern browsers, to push the footer down to the bottom of the window */
	margin-bottom: -120px; /* height of footer */
	width: 870px;
	background: transparent url(ncols.png) repeat-y;
	}

#middle:after { /* this will keep the floats contained, for modern browsers */
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
    }

* html #wrap, * html #middle {
	height: 100%; /* for IE because it doesn't do min-height */
	}

/*	Now we set the header, footer and columns...	 */

#header {
	position: absolute;
	top: 0;
	left: 0;
	height: 70px;
	width: 100%;
	overflow: hidden;
	z-index: 3; /* to show it on top */
	background: transparent url(ntop.png) no-repeat;
	}

#footer {
	position: relative;
	width: 100%;
	height: 120px;
	background: transparent url(nbotm.png) no-repeat;
	}

#content, #nav, #xtra { /* so that the content will not overlap with the header or footer */
	padding-top: 70px; /* height of header + a little extra */
	padding-bottom: 140px; /* height of footer + a little extra */
	}

#main {
	position: relative; /* IE float bug workaround */
	float: left;
	width: 675px; /* width of #content + #nav + shadow-margin */
	}

#content {
	position: relative;
	float: right;
	width: 480px;
	}

#nav {
	position: relative;
	float: left;
	width: 180px;
	margin-left: 15px;
	}
* html #nav { margin-left: 8px; } /* IE bug fix */

#xtra {
	position: relative;
	float: right;
	width: 180px;
	margin-right: 15px; /* for shadow */
	}

* html #xtra, * html #nav, * html #content {
	overflow: hidden; /* this way IE doesn't mess with our sizes */
	padding-top: 160px; /* for some mysterious reason IE needs a bit more */
	}

/*	Some block elements that influence div sizes and positioning	 */

h1 {
	font-size: 40px;
	line-height: 40px;
	margin: 0;
	}

#footer p {
	position: absolute; /* otherwise it gets pushed aside */
	top: 17px;
	width: 700px;
	text-align: center;
	margin: 0 35px;
	}

/*	Placing the header image and making it a clickable link	 */

#header h1 a {
	text-indent: -9999px;
	display: block;
	position: relative;
	top: 10px;
	left: 15px;
	width: 840px;
	height: 190px;
	background: transparent url(nheader.jpg) no-repeat;
	}

#tagline {
	text-indent: -9999px;
	}

/*	The following lines give you an empty header image with your blog title.
	They override the header image rules (with text drawn out) above. So
	comment out the following lines if you do not want this override. */
#header h1 a {
	text-indent: 15px;
	font-style: italic;
	padding-top: 10px;
	color: #def;
	background: url(emptyheader.jpg);
	}


h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	text-decoration: none;
	}

/*	Giving block elements inside the columns a default margin.
 *	This prevents the need for a box model hack on all the columns.	 */

h2, h3, h4, h5, h6, p, ul, ol, dl, pre, fieldset, address, table {
	margin: 1em 15px;
	}

/* 	General styling		*/

h2 {
	font-size: 3em;
	}

h3 {
	font-size: 1.4em;
	}

h4 {
	font-size: 1.1em;
	}

h3+h4 {
	margin-top: .4em;
	}

address {
	font-style: italic;
	}

blockquote {
	margin: 0;
	padding: 1px 0 1px 20px;
	background: url(quote.png) 15px 0 no-repeat;
	}
blockquote p {
	margin: .7em 15px;
	}

dt {
	margin: 1em 0 .5em 0;
	font-weight: bold;
	}

code, pre {
	font-family: 'bitstream vera sans mono', 'andale mono', monospace;
	}

dd {
	margin: .5em 0 1em 1.5em;
	}

img {
	border: none;
	}

ol {
	margin-left: 30px;
	}

textarea {
	width: 320px;
	}

ul {
	list-style: disc;
	margin-left: 30px;
	}

#content a:link {
	color: #3765E5;
	text-decoration: none;
	}
#content a:visited {
	color: #7B2AC6;
	text-decoration: none;
	}
a:hover, a:active {
	text-decoration: underline;
	}

#content h2 {
	margin: 25px 15px 4px 15px;
	font-size: 2em;
	line-height: 120%;
	text-align: left;
	}

#nav h2 {
	display: none; /* because it is for unstyled version */
	}

#nav h3, #xtra h3, #nav caption {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	margin: 1.5em 15px .5em;
	}
#nav ul, #xtra ul {
	margin-top: .5em;
	}

#nav, #xtra, #footer {
	color: #def;
	}

#nav a:link, #xtra a:link, #footer a:link {
	color: #9bf;
	text-decoration: none;
	}
#nav a:visited, #xtra a:visited, #footer a:visited {
	color: #b9f;
	text-decoration: none;
	}

.commentlink {
	text-align: right;
	}

ol.commentlist {
	list-style: none;
	margin-left: 15px;
	}

.comno {
	/* hack needed because pure CSS solution only works in Firefox */
	position: absolute;
	right: 0;
	margin: -.3em -5px 0 0;
	text-align: right;
	font-size: 4em;
	font-style: italic;
	line-height: 100%;
	color: #fff;
	z-index: 10;
	}
* html .comno { margin: -1.5em -14px 0 0; } /* IE wants other values */

.commentlist li {
	color: #444;
	font-style: normal;
	margin: 2em 0;
	}

.commentlist p {
	margin: .6em 0;
	}

.hilite {
	background: #f93;
	}

.more {
	margin-top: -1em;
	text-align: right;
	}

.posted {
	position: relative;
	font-size: .9em;
	background: #def;
	border-top: 1px solid #3F4247;
	padding: 4px 0 4px 7px;
	}
* html .posted { float: left; width: 444px; margin: .8em 8px; } /* IE bug fix */

.posted cite {
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	display: block;
	}

.author .posted {
	background: #edf;
	border-color: #759;
	}

#content {
	text-align: justify;
	}

#postcomment {
	text-align: left;
	}

input#submitComment {
	padding: 2px 4px;
	}

input#submitComment:hover {
	cursor: pointer;
	}

/*	Weather image plugin		*/

#weather h4 {
	margin-bottom: 4px;
	font-size: 1em;
	}

#weather ul {
	list-style: none;
	margin: 4px 15px 1em 15px;
	}

.weatherimage {
	float: right;
	height: 80px;
	width: 80px;
	list-style: none;
	}
/* IE doesn't get the weather image because it doesn't handle the png transparency */
* html .weatherimage { display: none; }

/*	Navigation links		*/

.prev {
	display: block;
	float: left;
	text-align: right;
	width: 48%;
	}

.next {
	display: block;
	float: right;
	text-align: left;
	width: 48%;
	}

.nav:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
}
* html .nav { height: 1%; }

/*	Calendar styling		*/

#nav table {
	width: 145px;
	margin: 0 15px;
	}

#nav th, #nav td {
	text-align: center;
	}

#nav tbody a:link {
	display: block;
	background: #9bf;
	color: #444;
	}
#nav tbody a:visited {
	display: block;
	background: #b9f;
	color: #444;
	}
#nav tbody a:hover, #nav table a:active {
	display: block;
	background: #def;
	color: #444;
	}