/*
	CSS by Kimiko the Furball (kimiko.thefurball@gmail.com)
	Do feel free to look around, but don't copy it completely.
	Don't steal my stuff, it's bad karma.

	Ratio: 500/295
*/

/* Structure */
body {
	background: #1b1b1b;
	margin: 0;
	font: 13px "Trebuchet MS", "Lucida Grande", Verdana, Arial;
	line-height: 1.4em;
	color: #333;
}

#outer {
	background: #fff url('/img/skyline.jpg') bottom repeat-x;
	border-bottom: 2px solid #256602;
}

.wrapper {
	width: 950px;
	padding-bottom: 125px;
	margin: 0 auto;
}

#header {
	background: #fff url('/img/sky.jpg') repeat-x;
	height: 185px;
}


#footer {
	background: url('/img/dark.png') repeat-x;
	color: #fff;
}

#copyright {
	width: 950px;
	margin: 0 auto;
	padding: 24px 0 12px 0;
	font-size:  12px;
}

/* Content */
.wrapper #content 						{ float: left; padding: 0; width: 600px; margin-top: 25px; }
.wrapper #sidebar 						{ float: right; padding: 0; margin: 0; width: 320px; font-size: 12px; }
.wrapper #sidebar #slogan				{ text-align: center; margin-bottom: 30px; }

/* Headers */
h1									{ text-indent: -3000px; height: 0; margin: 0; }
h2									{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0 0 8px 0; }
.wrapper #sidebar h2				{ font-size: 14px; margin-top: 16px; }
h3									{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin: 0; }
h3.h3comments						{ margin: 0 0 20px 0; }
h4									{ margin-bottom: 0; }

/* Misc */
acronym, abbr						{ cursor: help; border-bottom: 1px dashed #999; }
.email								{ text-align: center; font-size: 16px; margin-bottom: 25px; }
.email a 							{ text-decoration: none; }
hr									{ display: none; }
.quote								{ padding: 8px 0 8px 20px; background: url('/img/gird.gif') repeat-y; color: #888; }
.hosting							{ float: right; width: 54px; height: 25px; }
p									{ margin-top: 0; margin-bottom: 18px; }
p.center 							{ text-align: center; }
q									{ color: #a00; }
q:before							{ content: "«"; }
q:after								{ content: "»"; }
.cl 								{ clear:  both; }
img.bottombadges 					{ padding-right: 20px; }
#navigator 							{ text-align: center; margin-top: 10px; font-size: 16px; }
em									{ background: #e6f4ff; padding: 2px 4px; font-style: normal; }
.e404								{ padding-top:  100px; text-align: center; }
.addmargin							{ margin-top: 20px; }
dt									{ font-weight: bold; }
dd									{ margin-bottom: 10px; }

/* Lists */
#sidebar ul, .entry ul				{ margin: 0 0 20px 0; padding: 0; list-style-type: none; }
#sidebar ul li, .entry ul li		{ margin: 0 0 8px 0; padding: 0 0 0 15px; list-style-type: none; background: url('/img/dot.gif') no-repeat 0 6px; }
#sidebar ul							{ color: #888; }

/* Links */
a:link, a:visited					{ color: #0977A8; }
#footer a							{ color: #fc0; text-decoration: none; }
img									{ outline: none; }
a img								{ border: none; }
h2 a, h3 a							{ text-decoration: none; }
#sidebar a							{ text-decoration: none; }

/* Entries */
.entry 								{ width: 600px;	margin-bottom: 40px; }
.entryText 							{ float: right; width: 530px; }
.entryMeta strong 					{ display: block; position: relative; line-height: 9px; }
.entryMeta 							{ float: left; width: 60px;	text-align: center; }
.entryMeta .entryDate 				{ background: url('/img/date.png') no-repeat; height: 55px;	width: 44px; color: #fff; font-family: Arial, Helvetica, sans-serif; }
.entryMeta .entryDateMonth 			{ font-size: 10px; text-transform: lowercase; padding-top: 1px; }
.entryMeta .entryDateDay 			{ font-size: 20px; line-height: 20px; padding-top: 3px; }
.entryMeta .entryDateYear 			{ padding-top: 8px; font-weight: bold; }
.entryMeta .entryFish 				{ background: url('/img/fishies.png') no-repeat; height: 44px; width: 44px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 8px; }
.entryMeta .entryFishCount 			{ font-size: 20px; line-height: 20px; padding-top: 5px; }
.entryMeta .entryFishText 			{ padding-top: 5px;	font-size: 10px; font-weight: normal; }

/* Menu */
#logo 								{ float: left; width: 300px; }
#logo a								{ display: block; padding-top: 10px; }
#menu	 							{ padding-top: 0; width: 600px; float: right; }
#menu ul 							{ list-style: none; margin: 40px 0 0 0; padding: 0; float: right; }
#menu li							{ float: left; margin: 0; padding: 0; font-size: 12px; width: auto; text-align: center; }
#menu li a 							{ float: left; text-decoration: none; padding: 16px 0 0 0;	margin: 0 20px; width: auto; color: #000; }
#menu span							{ font-size: 16px; }
#menu li a:hover					{ color: #000; }

/* Comments */
.c-b 								{ height: 40px; }
.c-w 								{ width: 600px; padding: 5px 0 20px 0; border-top: 1px solid #888; }
.c-i 								{ float: left; width: 180px; font-size: 11px; color: #888; }
.c-ig								{ float: left; width: 45px; }
.c-it								{ float: right; width: 130px; }
.c-it span							{ font-size: 12px; font-weight: bold; color: #333; }
.c-t								{ float: right; width: 400px; padding-right: 8px; }
.c-ig img							{ border: 1px solid #ccc; }

.gravcoms							{ color: #000; padding-bottom: 15px; }
.gravcoms img						{ float: right; border: 1px solid #ccc; }
.gravcoms span						{ color: #888; font-size: 11px; }

/* Comment form */
#c-f								{ width: 580px; }
#c-f p 								{ font-size: 11px; }
.c-f-l								{ float: left; width: 160px; text-align: right; font-weight: bold; }
.c-f-l span							{ color: red; }
.c-f-r 								{ float: right; width: 400px; margin-bottom: 10px; }
.c-f-r input						{ width: 400px; }
.c-f-r textarea 					{ width: 400px; height: 160px; }
.submit								{ text-align: right; }

#extra								{ width: 950px;	margin: 0 auto; padding-top: 20px; }
#extra h3							{ margin: 0 0 5px 0; padding: 5px 0; font-size: 16px; font-weight: bold; border-bottom: 1px solid #222; }
#extra ul							{ padding: 0; list-style: none; margin: 0; }
#extra li							{ margin: 0; padding: 0; }
#extra li span						{ margin-right: 12px; }
#extra .extraL 						{ float: left; line-height: 1.8em; width: 190px; margin-right: 15px; }
#extra .extraL img					{ border: 1px solid #000; margin: 2px; }
#extra .extraM 						{ float: left; line-height: 1.8em; width: 430px; }
#extra .extraM a					{ padding-right: 2px; }
#extra .extraR 						{ float: right; line-height: 1.8em; width: 300px; }
#extra #feeds 						{ margin: 0; padding: 0; }
#extra #feeds dt 					{ margin: 0 0 2px; padding: 0; float: right; width: 82%; }
#extra #feeds dd 					{ margin: 0 0 15px 18%; padding: 0; line-height: 1.2em; }
#extra #feeds .icon 				{ margin: 0; }
#extra #feeds .icon img				{ float: left; margin: 5px 0; }

/* Twitter */
#twitter							{ background: url('/img/twitter-2.jpg') no-repeat 50% 50%; height: 465px; margin-bottom: 20px; }
#twitter p.twitter-text				{ padding: 375px 20px 5px 20px; line-height: 1.6em; color: #fff; margin: 0; text-align: center; }
#twitter p.twitter-meta				{ color: #888; font-size: 11px; margin: 0; text-align: center; margin: 0; }
#twitter a							{ color: #fc0; }



/* Attention IE6
-----------------------------------------------------------*/
#attention_ie6 {
	width: 100%;
	background: url(/img/attention_ie6_shield.gif) 1% 50% no-repeat #fffee6;
}
#attention_ie6 a {
	padding: 5px 0 0 5%;
	width: 95%;
	height: 25px;
	font: 12px/1.5 Arial, sans-serif;
	text-transform: none;
	text-decoration: none;
	border-bottom: 1px solid #929384;
	color: #000;
	background: url(/img/attention_ie6_close.gif) 99% 50% no-repeat;
	display: block;
}