/*

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.1

.

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% 'Trebuchet MS', 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: 900px;

	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: 900px;

	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: 100px;

	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: 110px; /* 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: 705px; /* width of #content + #nav + shadow-margin */

	}



#content {

	position: relative;

	float: right;

	width: 510px;

	}



#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: 110px; /* for some mysterious reason IE needs a bit more */

	}







#footer p {

	position: absolute; /* otherwise it gets pushed aside */

	top: 17px;

	width: 830px;

	text-align: center;

	margin: 0 35px;

	}



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



#header h1 {

	font-size: 4em;

	line-height: 1em;

	margin: 0;

	position: relative;

	top: 10px;

	left: 15px;

	width: 870px;

	height: 100px;

	background: transparent url(emptyheader.jpg) no-repeat;

	/* uncomment the line above to use nheader.jpg for Neptune header image with name, or your own image */

	}



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

	/* change to text-indent: -9999px; to draw out the text if you put your blogname into the image,

	use text-indent: 15px; if you want your blogname displayed as text (default) */

	 padding-top: 40px;

	color: #def;

	font-style: italic;

	display: block;

	width: 740px;

	height: 190px;

	}





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;

	}

#content a:visited {

	color: #7B2AC6;

	}

a:hover, a:active {

	text-decoration: underline;

	}



#content h2 {

	margin: 25px 15px 4px 15px;

	font-size: 2em;

	line-height: 120%;

	text-align: left;

	}



#content h2 a:hover, h2 a:active, h2 a:link, h2 a:visited{

text-decoration:none;

	}



#content img {

float: left;

padding-right: 12px;

}



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

	}



.commentlist {

	list-style: none;

	}



.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: 460px; 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: left;

	}



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

	}