/*
	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.

			:: PALETTE ::
	* Background:		F2FCFD
	* Links:			0977A8
	* Comment line: 	9CCBDE
*/


/*
	:: STRUCTURE ::
*/

body								{ background: #f2fcfd; margin: 0; font: 12px "Lucida Grande", Verdana, Arial; line-height: 1.5em; color: #333; padding-bottom: 10px; }
#top								{ background: url('/img/top.jpg') repeat-x; height: 325px; color: #fff; }
#top #top-inner 					{ background: url('/img/top2.jpg') no-repeat top center; width: 930px; margin: 0 auto; height: 325px; }
#nav								{ text-align: right; padding: 10px 0; height: 40px; color: #888; }
#nav a, #nav a:visited				{ color: #fff; font-size: 14px; }
#nav a#current, #nav a:hover 		{ color: #88ccee; text-decoration: none; }
#top #top-inner h1					{ float: left; font: 32px Zapfino, "Trebuchet MS", "Lucida Grande", Verdana, Arial; margin: 0; line-height: 40px; padding-top: 70px; width: 400px; text-shadow: #0977a8 2px 3px 3px; text-transform: lowercase; }
#top #top-about						{ float: right; font-size: 14px; margin: 0; padding-top: 50px; width: 320px; line-height: 20px; text-shadow: #0977a8 2px 3px 3px; }
#top #top-about span				{ white-space: nowrap; }
#page 								{ margin: 0 auto; width: 930px; min-height: 470px; }
#page #content 						{ float: left; padding: 0; margin: 0; width: 580px; }
#page #sidebar 						{ float: right; padding: 0; margin: 0; width: 330px; background: url('./img/bg.jpg') no-repeat top left; font-size: 11px; }
#page #sidebar #inner 				{ padding: 20px 0 0 45px; }



/*
	:: HEADERS ::
*/
#sidebar h2							{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; margin: 24px 0 8px 0; }
h2									{ font: 22px Arial, Helvetica, sans-serif; margin: 8px 0 0 0; }
h3									{ font-size: 14px; margin: 0; }
h4									{ margin-bottom: 0; }


/*
	:: MISC ::
*/
acronym, abbr						{ cursor: help; border-bottom: 1px dashed #999; }
.center								{ text-align: center; }
hr									{ display: none; }
.quote								{ padding: 8px 0 8px 20px; background: url('/img/gird.gif') repeat-y; color: #6b6d6e; }
.profileimg							{ width: 60px; height: 60px; border: 1px solid #ccc; margin-left: 10px; }
q:before, q:after					{ content: ""; }
p									{ margin-top: 0; margin-bottom: 18px; }
small								{ font-size: 11px; }
.breaker							{ height: 8px; }
.post							{ margin-bottom: 32px; border-bottom: 1px solid #ccc; padding-bottom: 8px; }
.ibox							{ margin: 16px 0 16px 0; border: 1px solid #ccc; padding: 5px; background-color: #efefef; }


/*
	:: LISTS ::
*/
#sidebar ul							{ color: #888; }
ul									{ margin: 0; padding: 0; list-style-type: none; }
ul li								{ margin: 0 0 8px 0; padding: 0 0 0 15px; background: url('/img/dot.gif') no-repeat 0 6px; }
div.entry							{ }
div.entry-info						{ color: #888; font-size: 11px; margin-bottom: 5px; }



/*
	:: LINKS ::
*/
a:link, a:visited					{ text-decoration: none; color: #0977A8; }
a:hover, a:active					{ text-decoration: underline; }
h1 a:link, h1 a:visited, h1 a:hover { color: #fff; text-decoration: none; }
a img								{ border: none; }
.entry a 							{ text-decoration: underline; }


/*
	:: COMMENTS ::
*/
.c-b 								{ height: 40px; }
.c-w 								{ width: 580px; padding: 5px 0 20px 0; border-top: 1px solid #9ccbde; }
.c-w-kimiko 						{ width: 580px; padding: 5px 0 20px 0; border-top: 1px solid #9ccbde; background: url('/img/c-b.jpg') repeat-x; }
.c-i 								{ float: left; width: 160px; font-size: 11px; padding-left: 8px; color: #888; }
.c-i span							{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #333; }
.c-t								{ float: right; width: 400px; padding-right: 8px; }
.c-c								{ clear: both; }
#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; }