@import url(/stylesheets/syntax.css) screen; /* CodeRay Syntax Highlighting */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;
	padding:0;
}

body {
	font-size:75%;
	font-family:"Helvetica", Arial, sans-serif;
	text-shadow:1px 1px #fff;
	padding:0 0 100px 0;
	margin:0;
}

html>body {
	font-size:15px;
}

a {
	color:#468ee6;
	text-decoration:none;
}

a img {
	border:none;
}

.clear { clear:both; }

.hidden { display:none; }

/*--------------------------------------------------------------*/
/* Head of page                                                 */
/*--------------------------------------------------------------*/

div#header {
	top:0;
	left:0;
	width:100%;
	height:210px;
	background:#fff;
}

div#soaked_and_soaped {
	position:relative;
	top:0px;
	left:50%;
	height:200px;
	width:522px;
	margin:0 0 0 -443px;
	background:url(/images/soaked_and_soaped.png) no-repeat;
}

a#start {
	position:absolute;
	top:130px;
	left:20px;
	width:130px;
	height:30px;
	text-indent:-6000px;
}

div#slogan {
	position:relative;
	color:#6e7a85;
	font-size:14px;
	top:122px;
	left:182px;
	line-height:1.5em;
}

a#sparkling_studios {
	position:relative;
	top:3px;
	left:3px;
	text-indent:-6000px;
}

div#feed {
	position:relative;
	top:80px;
	left:610px;
	width:300px;
	color:#686b6e;
	font-size:12px;
	line-height:1.5em;
}

div#feed a {
	color:#468ee6;
	text-decoration:none;
}

div#feed span#atom_rss {
	color:#555d66;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	padding-right:4px;
}

div#feed span#atom_rss em {
	color:#6e7a85;
	font-style:normal;
}

/*--------------------------------------------------------------*/
/* Live Search                                                  */
/*--------------------------------------------------------------*/

div#search {
	position:absolute;
	top:250px;
	left:50%;
	width:260px;
	margin:0 0 0 160px;
	z-index:10;
}

div#search div#archives_link {
	color:#858d94;
	font-size:0.8em;
	line-height:2.5em;
	padding:0 0 0 8px;
}
div#search div#archives_link a {
	text-decoration:none;
}

div#search div#archives_link a:hover {
	border-bottom:2px solid #eeefff;
}

div#search span a {
	font-size:0.8333em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

img#search_indicator {
	position:absolute;
	top:2px;
}

div#search_results {
	position:absolute;
	top:30px;
	left:-20px;
	width:300px;
	padding:0 0 14px 0;
	background:url(/images/search_results_bottom.png) bottom left no-repeat;
	z-index:4;
}

div#search_results_body {
	width:300px;
	padding:40px 0 0 0;
	background:url(/images/search_results_body.png) top left no-repeat;
}

a#close_link {
	display:block;
	width:30px;
	height:30px;
	text-indent:-6000px;
	position:relative;
	top:-37px;
	float:right;
}

div#search_results_body ol {
	font-size:0.8666em;
	line-height:1.5em;
	padding:0 40px 0px 50px;
	color:#3f4c69;
}

div#search_results_body ol li {
	padding-bottom:13px;
}

div#search_results_body ol li a {
	color:#3f4c69;
	border-bottom:2px solid #c2ddfa;
	text-decoration:none;
}

div#search_results_body ol li a:hover {
	border-color:#a3c4e9;
}

/*--------------------------------------------------------------*/
/* Article                                                      */
/*--------------------------------------------------------------*/

div.white_area {
	position:relative;
	left:0;
	background:#fff;
	margin:0 0 80px 0;
}

div.white_area.listed {
	margin:0 0 40px 0;
}

div.articles { /* archive */
	margin-top:-90px;
	padding-bottom:30px;
}

div#tagcloud {
	position:relative;
	left:50%;
	width:430px;
	margin:0 0 0 -365px;
	line-height:1.5;
	background:url(/images/articles.png) bottom left no-repeat;
	padding-bottom:70px;
}

a.nube1 { font-size:1em; }
a.nube2 { font-size:1.3em; }
a.nube3 { font-size:1.6em; }
a.nube4 { font-size:1.9em; }
a.nube5 { font-size:2.2em; }

div.white_area h2 { /* sIFR */
	position:relative;
	left:50%;
	width:430px;
	margin:0 0 0 -365px;
	font-size:36px;
	font-weight:normal;
}

div.white_area h2.smaller_font, div.white_area h2.comments { /* sIFR */
	font-size:26px;
}

div.white_area h2.comments {
	top:0;
}

div.article {
	position:relative;
	left:50%;
	margin:0 0 0 -365px;
	width:430px;
	color:#74808d;
	clear:both;
}

div.article h3 {
	color:#5b5d60;
	font-size:0.8em;
	line-height:2.5;
	text-transform:uppercase;
	margin:0 0 1em 0;
}

div.article p {
	font-size:1em;
	line-height:2em;
	margin:0 0 2em 0;
}

div.article p a {
	text-decoration:none;
	border-bottom:2px solid #eeefff;
}

div.article p a:hover {
	background:#eeefff;
}

div.article p a.download {
	display:block;
	height:50px;
	width:240px;
	background:url(/images/download.png) top left no-repeat;
	padding-left:60px;
	border:none;
	margin:20px 0;
}

div.article p a.download span.description {
	display:block;
}

div.article p a.download span.filesize {
	display:block;
	font-size:0.7666em;
	margin-top:-10px;
}

div.article p tt {
	display:block;
	padding:5px 10px;
	margin:0 0 0 -10px;
	font-size:0.666em;
	line-height:2em;
	background:#7a8a9c;
	color:#fff;
}

div.article p code, div.article ul li code, div.article ol li code {
	color:#5b5d60;
	font-size:10px;
	padding:3px 3px;
	background:#eeefff;
}

div.article blockquote {
	margin:0 0 2em 0;
}

div.article blockquote p {
	background:url(/images/blockquote.png) top left no-repeat;
	padding:0 0 0 33px;
	margin:0 0 0 -33px;
	font-size:0.8666em;
	line-height:2.3077em;
}

div.article ul {
	font-size:0.8666em;
	line-height:2.3077em;
	list-style-image:url(/images/bullet.png);
	margin:0 0 2.3077em 0;
	padding:0;
}

div.article ul li {
	margin:0;
	padding:0;
}

a.permalink {
	position:relative; /* whithout this the link wouldn't be clickable in Safari */ 
	float:left;
	margin:5px 0 0 -35px;
	width:30px;
	height:20px;
	display:block;
	background:url(/images/permalink.png);
	text-indent:-6000px;
	border:none;
}
a.permalink:hover { background:url(/images/permalink_hover.png); }

a.read_more {
	display:block;
	width:300px;
	height:30px;
	font-size:0.8em;
	text-indent:10px;
	line-height:28px;
	background:url(/images/read_more.png) top left no-repeat;
	margin:0 0 0 -10px;
}

div.extended {
	clear:left;
	position:relative;
	top:1.2em;
}

/*--------------------------------------------------------------*/
/* Meta                                                         */
/*--------------------------------------------------------------*/

dl.meta {
	color:#858d94;
	position:relative;
	width:260px;
	margin:0 -380px 0 0;
	padding:0 20px;
	background:#fff;
	z-index:5;
}

dl.meta a {
	text-decoration:none;
	border:none;
}

dl.meta a:hover {
	border-bottom:2px solid #eeefff;
}

dl.meta.row { float:right; }

dl.meta dt {
	color:#555d66;
	font-size:0.6666em; /* was afraid of doing 666 */
	font-weight:bold;
	text-transform:uppercase;
	line-height:3em;
	padding:0;
}

dl.meta dt em {
	color:#858d94;
	font-style:normal;
}

dl.meta dt em span {
	text-transform:lowercase;
}

dl.meta dd {
	font-size:0.8666em;
	line-height:2.3077em;
	margin:0;
}

dl.meta dd.tagged_with {
	margin-left:-10px;
}

dl.meta dd.tagged_with a.tags {
	text-decoration:none;
	background:url(/images/tags.png) center left no-repeat;
	padding:0 0 0 10px;
}

dl.meta dd a.tags:hover {
	border-bottom:2px solid #eeefff;
}

dl.meta dd#previous, dl.meta dd#next {
	margin:0 0 0 -7px;
}

dl.meta dd#previous { 
	padding-top:3em; 
	background:url(/images/meta.png) top left no-repeat;
}

dd#previous a {
	text-decoration:none;
	background:url(/images/previous.png) center left no-repeat;
	padding:0 0 0 5px;
}

dd#next a {
	text-decoration:none;
	background:url(/images/next.png) center right no-repeat;
	padding:0 5px 0 10px;
}

dd#previous a em, dd#next a em {
	color:#5f6164;
	font-size:0.7692em;
	font-weight:bold;
	font-style:normal;
	text-transform:uppercase;
	padding:0 5px;
}

dt#related_articles {
	padding:4em 0 0 5px;
	margin:0 0 0 -5px;
	background:url(/images/meta.png) top left no-repeat;
}

dl.meta.listed {
	width:430px;
	padding:0;
}

dl.meta.listed dt, dl.meta.listed dd {
	float:left;
	margin:0;
} 

dl.meta.listed dt {
}

dl.meta.listed dt.comments {
	background:url(/images/comment.png) center left no-repeat;
	padding:0 0 0 20px;
}

dl.meta.listed dd.author {
	padding:0 7px;
}

div.extended_content {
	clear:both;
	margin:2em 0 0 0;
}

/*--------------------------------------------------------------*/
/* Comments                                                     */
/*--------------------------------------------------------------*/

div#participate {
	position:relative;
	top:-2px;
	left:50%;
	width:500px;
	margin:0 0 0 -365px;
	font-size:0.8666em;
	line-height:2.3077em;
	color:#5f6164;
}

div#comments {
	position:relative;
	top:-1em;
	background:#fff;
}

div#comment_error {
	position:relative;
	top:0;
	left:50%;
	margin-left:-365px;
	width:430px;
	color:#a1290a;
}

div#comment_error ul {
	margin:5px 0 0 0;
	font-weight:bold;
}

div#comment_error ul li {
	margin:5px 0 0 0;
}

div.comment {
	position:relative;
	margin:0 0 2em -365px;
	left:50%;
	width:430px;
}

a.comment_permalink {
	position:relative;
	top:5px;
	display:block;
	width:20px;
	height:20px;
	float:left;
	margin:0 0 0 -23px;
	text-indent:-6000px;
	background:url(/images/comment.png);
	border:none;
}

div.comment a.author, div.comment p a {
	border-bottom:2px solid #eeefff;
}

div.comment p {
	color:#77899a;
	clear:left;
	font-size:0.8666em;
	line-height:1.6em
}

div.comment dl {
	position:relative;
	color:#468ee6;
	font-size:0.6666em;
	font-weight:bold;
	line-height:3em;
	margin:0 0;
	padding:0;
	text-transform:uppercase;
}

div.comment dl dt {
	float:left;
	white-space:nowrap;
	margin:0 9px 0 0;
}

div.comment dl dt a:hover {
	border-bottom:2px solid #eeefff;
}

div.comment dl dd {
	float:left;
}

div.comment dl dt span, div.comment dl dd span {
	color:#5f6164;
}

div.comment pre code {
	color:#5b5d60;
	font-size:10px;
	padding:3px 3px;
	background:#eeefff;
	line-height:1.4;
	overflow:auto;
	width:430px;
}

/*--------------------------------------------------------------*/
/* Comment Form                                                     */
/*--------------------------------------------------------------*/

div#cf_white_area {
	position:relative;
	background:#fff;
	left:0;
	padding:0 0 2em 0;
}

div#cf_white_area h2 {
	position:relative;
	width:430px;
	left:50%;
	margin:0 0 0 -365px;
}

form#comment_form {
	position:relative;
	width:600px;
	top:3em;
	left:50%;
	margin:0 0 0 -365px;
}

form#comment_form label {
	position:relative;
	display:block;
	float:left;
	clear:left;
	margin:0 0 0 -112px;
	width:100px;
	font-size:0.6666em;
	line-height:1.8em;
	text-align:right;
	text-transform:uppercase;
}

form#comment_form input, form#comment_form textarea {
	display:block;
	margin:0 0 5px 0;
}

div#extra_info {
	float:left;
}

div#textile {
	font-size:0.8666em;
	color:#888;
	height:30px;
	line-height:30px;
}

div#not_required {
	height:48px;
	float:left;
	line-height:48px;
	background:url(/images/not_required.png) top left no-repeat;
	padding:0 0 0 25px;
	font-size:0.6666em;
	text-transform:uppercase;
}

div#submit_options {
	clear:left;
}

input#comment_post {
	position:relative;
	float:left;
	left:-4px;
	width:120px;
}

div#remember_me {
	position:relative;
	top:10px;
}

div#remember_me input, div#remember_me span { float:left; }
div#remember_me span {
	font-size:0.8666em;
	color:#888;
}

/*--------------------------------------------------------------*/
/* Linkroll                                                     */
/*--------------------------------------------------------------*/

div#linkroll {
	position:absolute;
	top:330px;
	left:50%;
	margin:0 0 0 137px;
	width:260px;
	padding:30px 20px 0 30px;
}

div.linkroll_current {
	background:url(/images/linkroll.png) top left no-repeat #fff;
}

div.linkroll_archive {
	background:url(/images/linkroll_archive.png) top left no-repeat #fff;
}

div#linkroll ul {
	color:#858d94;
	font-size:0.8666em;
	list-style:none;
	line-height:2.3707em;
}

div#linkroll ul a {
}

div#linkroll ul li.link {
	background:url(/images/meta.png) bottom left no-repeat;
	padding-bottom:20px;
}

/*--------------------------------------------------------------*/
/* Feeds                                                        */
/*--------------------------------------------------------------*/

div.feed_list {
	position:relative;
	top:0;
	left:50%;
	margin-left:-365px;
	width:430px;
	padding-bottom:60px;
}

div.white_area.feeds {
	top:-25px;
}

div.feed_list h4 {
	font-size:1.8em;
	color:#bbb;
}

div#feed_list_left h4, div#feed_list_middle h4, div#feed_list_right h4 {
	font-size:1.2em;
	color:#bbb;
}

h4 { 
	clear:left; 
}

a.rss, a.atom {
	display:block;
	width:40px;
	height:15px;
	text-indent:-6000px;
	background:url(/images/rss.png);
	margin-top:3px;
	float:left;
}

a.rss { margin-right:5px; }

a.atom {
	width:48px;
	background:url(/images/atom.png);
}

div.feed_by_tag {
	margin-top:40px;
}

div#feed_list_left, div#feed_list_middle, div#feed_list_right {
	width:240px;
	position:relative;
	top:-65px;
	left:50%;
	margin-left:-365px;
	float:left;
}

div#feed_list_middle {
	margin-left:-125px;
}

div#feed_list_right {
	margin-left:10px;
}

/*--------------------------------------------------------------*/
/* Notifications                                                */
/*--------------------------------------------------------------*/

div#notification_head {
	position:relative;
	top:100px;
	left:50%;
	width:500px;
	height:200px;
	background:url(/images/notification.png);
	margin-left:-250px;
}

div#unsubscribe {
	top:80px;
	width:400px;
	position:relative;
	left:50%;
	margin-left:-200px;
}

div#howto_unsubscribe {
	text-align:center;
	line-height:1.5;
	font-size:15px;
	color:#74808d;
}

div#fields {
	margin:10px 0 0 0;
	text-align:center;
}

div#fields span {
	font-size:11px;
	line-height:1.5;
	color:#666;
}

input#email {
	text-align:center;
	font-size:18px;
}

/*--------------------------------------------------------------*/
/* Text Link Ads                                                */
/*--------------------------------------------------------------*/
div#sponsored, div#sponsored_listed {
	position:relative;
	top:0;
	left:50%;
	margin:0 0 30px -380px;
	width:430px;
	height:55px;
	padding:0 10px;
	background:url(/images/sponsoring.png);
}

div#sponsored_listed {
	background:url(/images/sponsoring_listed.png);
	top:30px;
}

div#sponsored ul, div#sponsored_listed ul {
	position:relative;
	top:30px;
	left:6px;
	list-style:none;
	font-size:0.8666em;
}

div#sponsored_listed ul {
	top:40px;
}

/*--------------------------------------------------------------*/
/* Footer                                                       */
/*--------------------------------------------------------------*/

div#footer, div#dig {
	position:relative;
	width:430px;
	left:50%;
	margin:30px 0 0 -365px;
	line-height:1.5;
	border-top:2px solid #ececec;	
	padding-top:15px;
	clear:both;
}

div#dig {
	margin-bottom:-15px;
}

div#footer {
	font-size:12px;
}

/*--------------------------------------------------------------*/
/* sIFR Headlines                                               */
/*--------------------------------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-active h2 {
	visibility: hidden;
  	line-height: 1em;
	top:35px;
}