
/*
Theme Name: Neptune
Theme URI: http://www.likomaisland.com
Description: Used to be Neptune, but Stellah de Ville got to it
Author: Bradley Charbonneau
Author URI: http://www.likomaisland.com
Version: 1.0
.
*/

/*	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:  #F4F5CF;
	color: #000000;
	}
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: 770px;
	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: 770px;

	}

#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: 0px;
	left: 0;
	height: 25px;
	width: 100%;
	overflow: hidden;
	z-index: 3; /* to show it on top */

	}

#footer {
	position: relative;
	width: 100%;
	height: 120px;

	}

#content, #nav, #xtra { /* so that the content will not overlap with the header or footer */
	padding-top: 10px; /* height of header + a little extra */
	padding-bottom: 90%; /* height of footer + a little extra */
	}

#main {
	position: relative; /* IE float bug workaround */
	float: left;
	width: 585px; /* width of #content + #nav + shadow-margin */
	}

#content {
	position: relative;
	float: right;
	width: 400px;
	}

#nav {
	position: relative;
	float: left;
	width: 180px;
	margin-left: 1px;
	}
* html #nav { margin-left: 2px; } /* IE bug fix */

#xtra {
	position: relative;
	float: right;
	width: 170px;
	margin-right: 0px; /* for shadow */
	}

* html #xtra, * html #nav, * html #content {
	overflow: hidden; /* this way IE doesn't mess with our sizes */
	padding-top: 5px; /* 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: 0px;
	left: 15px;
	width: 750px;
	height: 140px;
	background: transparent url(images/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;
	padding-top: 0px;
	color: #333333;
    background:  url(images/ph-034-780x130.gif) no-repeat;
	text-align: right;
	}


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;
	color: #211B18;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #211B18;
	}

h3 {
	font-size: 1.2em;
	}

h4 {
	font-size: 1.1em;
	}

h3+h4 {
	margin-top: .4em;
	}
	
#sidebar {
	background: #000000;
	color: #F0CB00;
	margin: 8px 5px 5px 10px;
	padding:  5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 130px;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
}

address {
	font-style: italic;
	}

blockquote {
	margin: 0;
	padding: 1px 0 1px 20px;

	}
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: square;
	margin-left: 30px;
	}


#content a {
	color: #000000;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	}

#content a:link {
	color: #000000;
	text-decoration: none;
	}
#content a:visited {
	color: #000000;
	text-decoration: none;
	}
#content a:hover, a:active {
	text-decoration: none;
	color: #5ABB77;
	}
	
#content h2 {
	margin: 5px 15px 4px;
	font-size: 2em;
	line-height: 120%;
	text-align: left;
	color: #211B18;
	}

#content img {
	clear: both;
	border: 1px solid #000000 ! important;
	margin: 3px;
	padding: 3px;
	background-color: #FFFFFF;
	position: relative;
	}
#content img a:link {
	border: 1px solid #000000;
	margin: 3px;
	padding: 3px;
	background-color: #FFFFFF;
	position: relative;
	}
#content img a:visited {
	border: 1px solid #000000;
	margin: 3px;
	padding: 3px;
	background-color: #FFFFFF;
	position: relative;
	}
#content img a:hover {
	border: 1px solid #000000;
	margin: 3px;
	padding: 3px;
	background-color: #FFFFFF;
	position: relative;
	}
#content img a:active {
	border: 1px solid #000000;
	margin: 3px;
	padding: 3px;
	background-color: #FFFFFF;
	position: relative;
}

#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;
	color: #211B18;
	}
#nav ul, #xtra ul {
	margin-top: .5em;
	}

#nav, #xtra, #footer {
	color: #333333;
	}

#nav a:link, #xtra a:link, #footer a:link {
	color: #211B18;
	text-decoration: none;
	}
#nav a:visited, #xtra a:visited, #footer a:visited {
	color: #211B18;
	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: #333333;
	z-index: 10;
	}
* html .comno { margin: -1.5em -14px 0 0; } /* IE wants other values */

.commentlist li {
	color: #333333;
	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;
	padding: 4px;
	text-align: left;
	}
* html .posted { float: left; width: 344px; 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;
	}
/* -- bradley add-ons */
.buttons {
	font-size: 1.4em;
	padding: 5px;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	}
	
.buttons a:link {
	color: #000000;
	text-decoration: none;
	}
	
.buttons a:visited {
	color: #000000;
	text-decoration: none;
	}
	
.buttons a:hover {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	}	

#clearer {
clear: both;
margin: 0;
padding: 0;
}

/* ------------------------------ Sidebars from coffee cup-----------------------------------*/
/*
#sidebar {
	width:186px;
	float:right;
	padding:0px 8px 10px 8px;
	margin:0;
	font-size:1.1em;
	color:#000000;
	display:inline;
} 
*/
/*
#xtra ul {
 position: relative;
}*/

#xtra ul li {
 list-style-type: none;
 list-style-image: none;
 color: #4f4331;
}
#xtra ul, #xtra ul li {
 margin: 0;
 padding: 0;
}
<!--
#xtra ul li ul{
 margin: 0 5px 2px 0px;
 padding: 1px 0 1px 9px;
}
-->

#xtra h2 {
 background: #0E8C38;
 color: #FFFFFF;
 margin: 10px 5px 3px 0px;
 padding:  1px 0 1px 5px;
}

#xtra ul a {
 display: block;
 padding: 2px;
 width: 130px;
 padding-left: 15px;
 border-bottom: 1px dotted #999999;
 
 background-repeat: no-repeat;
 background-position: 0 55%;
 color: #4f4331;
 text-decoration: none;
}

#xtra ul a:link {
 text-decoration: none;
}

#xtra a {
	text-decoration: underline;
}

#xtra a:link {
	text-decoration: underline;
}

#xtra ul a:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 display: block;
 padding: 2px;
 width: 130px;
 padding-left: 15px;
 border-bottom: 1px solid #fff4df;
 background-image: url(img/globe-03.gif); 
 background-repeat: no-repeat;
 background-position: 0 55%;
 background-color: #000000; 
 color: #F0CB00;
 text-decoration: none;
 }
 
#xtra a:hover {
 text-decoration: underline;
 }

/*
The following is the fix
for 3-pixel-jog bug in IE 
*/
/* Hide from IE5-mac. Only IE-win sees this. \*/ 
* html #content {
 /*margin-right: 7px;*/
}
* html #xtra {
 height: 1%;
}
/* End hide from IE5/mac */

/* ------------------------------ Sidebars from coffee cup-----------------------------------*/
/*
#sidebar {
	width:186px;
	float:right;
	padding:0px 8px 10px 8px;
	margin:0;
	font-size:1.1em;
	color:#000000;
	display:inline;
} 
*/
/*
#nav ul {
 position: relative;
}*/

#nav ul li {
 list-style-type: none;
 list-style-image: none;
 color: #4f4331;
}
#nav ul, #nav ul li {
 margin: 0;
 padding: 0;
}
<!--
#nav ul li ul{
 margin: 0 5px 2px 0px;
 padding: 1px 0 1px 9px;
}
-->

#nav h2 {
 background: #0E8C38;
 color: #FFFFFF;
 margin: 10px 5px 3px 0px;
 padding:  1px 0 1px 5px;
}
/*
#nav a {
 display: block;
 padding: 2px;
 width: 130px;
 padding-left: 15px;
 background-image: url(img/icon1.gif); 
 background-repeat: no-repeat;
 background-position: 0 55%;
 color: #4f4331;
 text-decoration: none;
}
*/
#nav ul a {
 display: block;
 padding: 2px;
 width: 130px;
 padding-left: 15px;
 border-bottom: 1px dotted #999999;
 
 background-repeat: no-repeat;
 background-position: 0 55%;
 color: #4f4331;
 text-decoration: none;
}

#nav ul a:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 display: block;
 padding: 2px;
 width: 130px;
 padding-left: 15px;
 border-bottom: 1px solid #fff4df;
 background-image: url(img/globe-03.gif); 
 background-repeat: no-repeat;
 background-position: 0 55%;
 background-color: #000000; 
 color: #F0CB00;
 text-decoration: none;
 }
 
 #nav a:hover {
 text-decoration: underline;
 }


/*
The following is the fix
for 3-pixel-jog bug in IE 
*/
/* Hide from IE5-mac. Only IE-win sees this. \*/ 
* html #content {
 /*margin-right: 7px;*/
}
* html #nav {
 height: 1%;
}
/* End hide from IE5/mac */
/* --start--------------------------- Bradley added to remove link formatting for images in sidebar-----------------------------------*/
#nav img {
	text-decoration: none;
	}

#nav img a {
	text-decoration: none;
	}
	
#nav img a:link {
	text-decoration: none;
	}
	
#nav img a:visited {
	text-decoration: none;
	}
	
#nav img a:hover {
	text-decoration: none;
	}
	
#nav img a:active {
	text-decoration: none;
}
/* --end---------------------------- Bradley added to remove link formatting for images in sidebar-----------------------------------*/

http://web.archive.org/web/20070822092132/http://www.bookmarknow.net/print.css

/* Sorry.  We could not retrieve this page from the Archive. */

http://www.audioblog.com/playweb?audioid=Pdbd9d54beb09e802acf17e5007cfc8b6ZV16RFREYmBw&buffer=5&fc=FFFFFF&pc=CCFF33&kc=FFCC33&bc=FFFFFF&gateway=http%3A%2F%2Fwww.audioblog.com%2Fplaylist&player=ap26
Embedded Styles from http://www.audioblog.com/playweb?audioid=Pdbd9d54beb09e802acf17e5007cfc8b6ZV16RFREYmBw&buffer=5&fc=FFFFFF&pc=CCFF33&kc=FFCC33&bc=FFFFFF&gateway=http%3A%2F%2Fwww.audioblog.com%2Fplaylist&player=ap26

body { margin: 0 auto; padding: 0; background: #FFFFFF; color: #000000; height: 100%; overflow: hidden; }
#mdiv { margin: 0 auto; padding: 0; width: 100%; overflow: hidden; }


http://www.audioblog.com/playweb?audioid=Pc22c79ec3976bdea770c96022d1053ecZV16RFREYmBx&buffer=5&fc=FFFFFF&pc=CCFF33&kc=FFCC33&bc=FFFFFF&gateway=http%3A%2F%2Fwww.audioblog.com%2Fplaylist&player=ap26
Embedded Styles from http://www.audioblog.com/playweb?audioid=Pc22c79ec3976bdea770c96022d1053ecZV16RFREYmBx&buffer=5&fc=FFFFFF&pc=CCFF33&kc=FFCC33&bc=FFFFFF&gateway=http%3A%2F%2Fwww.audioblog.com%2Fplaylist&player=ap26

body { margin: 0 auto; padding: 0; background: #FFFFFF; color: #000000; height: 100%; overflow: hidden; }
#mdiv { margin: 0 auto; padding: 0; width: 100%; overflow: hidden; }


http://www.audioblog.com/playweb?audioid=P25ba3c7fad435b4559ed712355aa7946ZV16RFREYmB0&buffer=5&fc=FFFFFF&pc=CCFF33&kc=FFCC33&bc=FFFFFF&gateway=http%3A%2F%2Fwww.audioblog.com%2Fplaylist&player=ap26
Embedded Styles from http://www.audioblog.com/playweb?audioid=P25ba3c7fad435b4559ed712355aa7946ZV16RFREYmB0&buffer=5&fc=FFFFFF&pc=CCFF33&kc=FFCC33&bc=FFFFFF&gateway=http%3A%2F%2Fwww.audioblog.com%2Fplaylist&player=ap26

body { margin: 0 auto; padding: 0; background: #FFFFFF; color: #000000; height: 100%; overflow: hidden; }
#mdiv { margin: 0 auto; padding: 0; width: 100%; overflow: hidden; }


http://www.audioblog.com/playweb?audioid=P035d88ce0865435b7c71ef5b2655f2afZV16RFREYmFw&buffer=5&fc=FFFFFF&pc=CCFF33&kc=FFCC33&bc=FFFFFF&player=ap26
Embedded Styles from http://www.audioblog.com/playweb?audioid=P035d88ce0865435b7c71ef5b2655f2afZV16RFREYmFw&buffer=5&fc=FFFFFF&pc=CCFF33&kc=FFCC33&bc=FFFFFF&player=ap26

body { margin: 0 auto; padding: 0; background: #FFFFFF; color: #000000; height: 100%; overflow: hidden; }
#mdiv { margin: 0 auto; padding: 0; width: 100%; overflow: hidden; }


http://www.audioblog.com/playweb?audioid=P5076c83ac3aa207b6b816cc0c36ec5bdZV16RFREYmFx&buffer=5&fc=FFFFFF&pc=CCFF33&kc=FFCC33&bc=FFFFFF&player=ap26
Embedded Styles from http://www.audioblog.com/playweb?audioid=P5076c83ac3aa207b6b816cc0c36ec5bdZV16RFREYmFx&buffer=5&fc=FFFFFF&pc=CCFF33&kc=FFCC33&bc=FFFFFF&player=ap26

body { margin: 0 auto; padding: 0; background: #FFFFFF; color: #000000; height: 100%; overflow: hidden; }
#mdiv { margin: 0 auto; padding: 0; width: 100%; overflow: hidden; }

