/*
Theme Name: SpiLoT
Theme URI: www.spilot.org
Description: Mine.
Version: New
Author: SpiLoT
Author URI: www.spilot.org
*/

body {
	background-color:#fcfefd;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
}
#header {
	/*background:url("images/header.jpg") no-repeat scroll center bottom;
		height:189px;
	text-indent:-4000px;
	width:270px;
	margin-top:-8px;*/
	display:block;
	float:left;
	margin-top:4px;
	padding:3em 0 4em;
	width:100%;
}
#header h1 {
	color:#13B1EB;
	text-align:left;
	font-size:40px;
	letter-spacing:-4px;
	line-height:1;
	text-decoration:none;
}
#header p {
	color:#666666;
	font-family:Georgia;
	font-size:13px;
	text-decoration:none;
	line-height:1;
	text-align:left;
	padding-top:5px;
	text-align:left;
}
h3.pagetitle {
	color:#CCCCCC;
}
h2#post-title {
	font-size:2.5em;
	letter-spacing:-4px;
	line-height:1;
	margin-bottom:0;
}
h2 a {
	color:#13b1eb;
	text-decoration:none;
}
a {
	color:#13b1eb;
	text-decoration:none;
}
p.metadata {
	color:#777777;
	font-size:0.6em;
	margin:0 0 1.5em;
}
p {
	margin:0 0 1.5em;
	font-size:0.7em;
}
/* sidebar */

dl#navigation-outer {
}
dl#navigation-outer dt, dl#navigation-outer dd {
	font-size: 30px;
	letter-spacing: -2px;
	margin: 0;
	line-height: 1;
	margin-left: 10px;
	clear: left;
}
dl#navigation-outer dd {
/*margin-bottom: 1em;*/
	}
dl#navigation-outer dt a {
	color: ##13B1EB;
	text-decoration: none;
}
dl#navigation-outer dd a {
	color: #ccc;
	text-decoration: none;
}
/********************8
**	Navigation
*********************/

ul#navigation, ul#about, ul#portfolio, ul.category_list, ul.recent-comments {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#navigation li, ul#about li, ul#portfolio li, ul.category_list li, ul.recent-comments li {
	display: inline;
	float: left;
	list-style: none;
}
ul.category_list li:after, ul.recent-comments li:after {
	content: "|";
}
/********************8
** Comments Box
*********************/
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
	.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
	background-color:#efeeee;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	font-size:9px;
	font-weight:normal;
	color:#666666;
	}
	
#respond input, #respond textarea {
	border:2px solid #CCCCCC;
	font-family:Helvetica,sans-serif;
	font-size:10px;
	margin:0 0 10px;
	padding:5px;
	width:291px;
}
#respond textarea:focus, #respond input:focus  {
	border:2px solid #13B1EB;
}
/********************8
**	Related Links
*********************/

ul.related {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-right: -10px;
}
ul.related li {
	display: inline;
	margin-bottom: 1em;
}
ul.related li a {
	display: block;
	width: 90px;
	margin-right: 10px;
	float: left;
	background: #333;
	padding: 10px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 1em;
	color: #9F9F9F;
	text-decoration: none;
}
ul.related li a:hover {
	background: #7F7917;
	color: #2D2A2A;
	border: none;
}
ul.previous-next {
	background: #7F7917;
	color: #2D2A2A;
	list-style: none;
	clear: both;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
ul.previous-next li {
	float: left;
	display: inline;
	background: #7F7917;
	color: #2D2A2A;
}
ul.previous-next li a {
	color: #2D2A2A;
	height: 20px;
	display: block;
	float: left;
	width: 220px;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hide;
}
ul.previous-next li a:hover {
	background: #F9EC31;
	border: none;
}
ul.previous-next li.next a {
	background: url(../img/next.png) center right no-repeat;
	padding-right: 50px;
	text-align: right;
}
ul.previous-next li.prev a {
	background: url(../img/prev.png) center left no-repeat;
	padding-left: 50px;
	margin-right: 50px;
}
h2, h3, dl#navigation-outer dt, dl#navigation-outer dd {
	color: #13b1eb;
	font-weight: bolder;
	margin-bottom: 0;
	text-decoration: none;
}
/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, use this 
   formula to find the new total width: 
   Total width = (columns * 40) - 10
   
   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
	width: 950px;
	margin: 0 auto;
}
/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
	float: left;
	margin-right: 10px;
}
/* The last column in a row needs this class. */
.last {
	margin-right: 0;
}
/* Use these classes to set the width of a column. */
.span-1 {
	width: 30px;
}
.span-2 {
	width: 70px;
}
.span-3 {
	width: 110px;
}
.span-4 {
	width: 150px;
}
.span-5 {
	width: 190px;
}
.span-6 {
	width: 230px;
}
.span-7 {
	width: 270px;
}
.span-8 {
	width:358px;
}
.span-9 {
	width: 350px;
}
.span-10 {
	width: 390px;
}
.span-11 {
	width: 430px;
}
.span-12 {
	width: 470px;
}
.span-13 {
	width: 510px;
}
.span-14 {
	width: 550px;
}
.span-15 {
	width: 542px;
}
.span-16 {
	width: 630px;
}
.span-17 {
	width: 670px;
}
.span-18 {
	width: 710px;
}
.span-19 {
	width: 750px;
}
.span-20 {
	width: 790px;
}
.span-21 {
	width: 830px;
}
.span-22 {
	width: 870px;
}
.span-23 {
	width: 910px;
}
.span-24 {
	width: 950px;
	margin: 0;
}
/* Add these to a column to append empty cols. */
.append-1 {
	padding-right: 40px;
}
.append-2 {
	padding-right: 80px;
}
.append-3 {
	padding-right: 120px;
}
.append-4 {
	padding-right: 160px;
}
.append-5 {
	padding-right: 200px;
}
.append-6 {
	padding-right: 240px;
}
.append-7 {
	padding-right: 280px;
}
.append-8 {
	padding-right: 320px;
}
.append-9 {
	padding-right: 360px;
}
.append-10 {
	padding-right: 400px;
}
.append-11 {
	padding-right: 440px;
}
.append-12 {
	padding-right: 480px;
}
.append-13 {
	padding-right: 520px;
}
.append-14 {
	padding-right: 560px;
}
.append-15 {
	padding-right: 600px;
}
.append-16 {
	padding-right: 640px;
}
.append-17 {
	padding-right: 680px;
}
.append-18 {
	padding-right: 720px;
}
.append-19 {
	padding-right: 760px;
}
.append-20 {
	padding-right: 800px;
}
.append-21 {
	padding-right: 840px;
}
.append-22 {
	padding-right: 880px;
}
.append-23 {
	padding-right: 920px;
}
/* Add these to a column to prepend empty cols. */
.prepend-1 {
	padding-left: 40px;
}
.prepend-2 {
	padding-left: 80px;
}
.prepend-3 {
	padding-left: 120px;
}
.prepend-4 {
	padding-left: 160px;
}
.prepend-5 {
	padding-left: 200px;
}
.prepend-6 {
	padding-left: 240px;
}
.prepend-7 {
	padding-left: 280px;
}
.prepend-8 {
	padding-left: 320px;
}
.prepend-9 {
	padding-left: 360px;
}
.prepend-10 {
	padding-left: 400px;
}
.prepend-11 {
	padding-left: 440px;
}
.prepend-12 {
	padding-left: 480px;
}
.prepend-13 {
	padding-left: 520px;
}
.prepend-14 {
	padding-left: 560px;
}
.prepend-15 {
	padding-left: 600px;
}
.prepend-16 {
	padding-left: 640px;
}
.prepend-17 {
	padding-left: 680px;
}
.prepend-18 {
	padding-left: 720px;
}
.prepend-19 {
	padding-left: 760px;
}
.prepend-20 {
	padding-left: 800px;
}
.prepend-21 {
	padding-left: 840px;
}
.prepend-22 {
	padding-left: 880px;
}
.prepend-23 {
	padding-left: 920px;
}
/* Border on right hand side of a column. */
.border {
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid #eee;
}
/* Border with more whitespace, spans one column. */

.colborder {
	padding-right: 24px;
	margin-right: 25px;
	border-right: 1px solid #eee;
}
/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1 {
	margin-left: -40px;
}
.pull-2 {
	margin-left: -80px;
}
.pull-3 {
	margin-left: -120px;
}
.pull-4 {
	margin-left: -160px;
}
.push-0 {
	margin: 0 0 0 18px;
}
.push-1 {
	margin: 0 -40px 0 18px;
}
.push-2 {
	margin: 0 -80px 0 18px;
}
.push-3 {
	margin: 0 -120px 0 18px;
}
.push-4 {
	margin: 0 -160px 0 18px;
}
.push-0, .push-1, .push-2, .push-3, .push-4 {
	float: right;
}
/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box {
	padding: 1.5em;
	margin-bottom: 1.5em;
	background: #eee;
}
/* Use this to create a horizontal ruler across a column. */
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.4em;
	border: none;
}
hr.space {
	background: #fff;
	color: #fff;
}
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear {
	display: inline-block;
}
.clear:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* Twitter Feeds */
#twitter {
	/*border-right-color:#AF1249;*/
	border-right-color:#13b1eb;
	height:auto;
	margin-left:20px;
	position:relative;
	width:220px;
}
#twitter_update_list li {
	list-style-type: none;
	font-size:9px;
	padding-bottom:5px;
}
#twitter_update_list span {
	color:#FFF;
	background:#13b1eb;
	font-size:9px;
}
#twitter_update_list span a {
	display:inline;
	color:#000000;
	font-size:9px;
}
#twitter_update_list span a:hover {
	text-decoration:underline;
	color:#666666;
	font-size:9px;
}
/* */
#olderposts p {
	color:#339;
	font-size:50px;
}
#olderposts a {
	color:#666666;
	font-size:10px;
	font-style:oblique;
}