/*  
Theme Name: insites
Theme URI: http://insites.ingenesis.net/
Description: The main insites blog theme.
Version: 1.0
Author: Jonathan Davis
Author URI: http://insites.ingenesis.net

*/


/******************************************************************************

	Colors & Typography

 ******************************************************************************/
body {
	font: 14px/24px "Helvetica","Arial",sans-serif;
	color: #d5d5d5;
}

code {
	font-family: "Lucida Console", monospace;
	color: #9ea9c0;
	background: #010411;
}

code.block {
	display: block;
	width: 454px;
	padding: 10px;
	white-space: pre;
	overflow: auto;
	line-height: 100%;
}

blockquote {
	background: #0a0d1c;
	color: #9ea9c0;
	margin: 0 -18px 0 -20px;
	padding: 1px 40px 20px;
	font: italic 18px/200% lighter "Georgia","Times New Roman",serif;
	text-align: left;
}

blockquote.left {
	margin: 0 20px 0 -160px;
	width: 300px;
	float: left;
	text-align: right;
}

blockquote.right {
	margin: 0 -18px 0 20px;
	width: 250px;
	float: right;
}

blockquote p {
	margin-bottom: 0;
}

blockquote p big {
	font-size: 48px;
	line-height: 18px;
	vertical-align: middle;
	margin: 5px;
}

a {
	color: #5a89bc;
	text-decoration: none;
}

a:hover, a:active {
	color: #ebebeb;
	border-bottom: 1px solid #616472;
}

h2 {
	font: 36px/36px normal "Helvetica","Arial",sans-serif;
}

h2 span {
	color: #c0c0c0;
}

h2.pagetitle {
	margin-bottom: 80px;
	text-transform: lowercase;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	color: #78753d;
	margin-top: 30px;
}

.alignright {
	float: right;
	padding: 10px 0 10px 20px;
	margin: 0 -18px 0 0;
}

.alignleft {
	float: left;
	padding: 10px 20px 10px 0;
	margin: 0 0 0 -20px;
}

#header #logo {
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #616572;
}

#sidebar li.page_item {
	font: 12px/100% normal;
}

#sidebar li.page_item a {
	color: #454e59;
	padding: 5px 10px;
	
}

#sidebar li.page_item a:hover, 
#sidebar li.page_item a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: none;	
	background: #454e59;
}

#sidebar li h2 {
	margin: 40px 0 20px 0;
}

#sidebar li.categories ul li,
#sidebar li.archives ul li { 
	margin-left: 10px;
}

.archives li a:link,
.archives li a:visited,
.categories li a:link,
.categories li a:visited {
	text-transform: lowercase;
	color: #454e59;
}

.categories .level0 { font-size: 12px; }
.categories .level1 { font-size: 13px; }
.categories .level2 { font-size: 14px; }
.categories .level3 { font-size: 15px; }
.categories .level4 { font-size: 16px; }
.categories .level5 { font-size: 17px; }
.categories .level6 { font-size: 18px; }
.categories .level7 { font-size: 19px; }
.categories .level8 { font-size: 20px; }
.categories .level9 { font-size: 21px; }
.categories .level10 { font-size: 22px; }
.categories .level11 { font-size: 23px; }
.categories .level12 { font-size: 24px; }

.post .meta span.month {
	font: bold 18px/20px "Helvetica","Arial",sans-serif;	
	text-transform: lowercase;
	color: #616472;
}

.post .meta span.day {
	font: normal 36px/20px "Helvetica","Arial",sans-serif;	
	color: #777638;
}

.post .meta .categories li span {
	font: normal 12px/24px "Helvetica","Arial",sans-serif;
	text-transform: lowercase;
	background: #070912;
}

a.control,
p.control a,
.post .entry a.more-link {
	background: #000005 url('graphics/arrow.gif') right 12px no-repeat;
	padding: 5px 21px 5px 10px;
	border-bottom: none;
}

a.control:hover,
a.control:active,
p.control a:hover,
p.control a:active,
.post .entry a.more-link:hover,
.post .entry a.more-link:active {
	background: #000005 url('graphics/arrow.gif') right 76px no-repeat;
	padding: 5px 21px 5px 10px;
	border-bottom: none;
}

a.download {
	background: #000005;
	padding: 5px 10px;
	border-bottom: none;
}


.navigation {
	margin-left: 140px;
}

.navigation a {
	background: #000005;
	padding: 5px 10px;
	border-bottom: none;
}

.post .comment-ticker {
	background: #070811;
	color: #78753d;
	text-align: right;
}

.post a.exits {
	background: url('graphics/exit.gif') right 2px no-repeat;
	padding-right: 14px;
	margin-right: 2px;
}

.post a.exits:hover,
.post a.exits:active {
	background: url('graphics/exit.gif') right 66px no-repeat;
	border: none;
}

.comments .meta {
	text-align: right;
}

.comments .meta cite {
	font-style: normal;
	text-transform: lowercase;
	color: #c0c0c0;
}

.comments .meta .date {
	font-size: 12px;
	color: #626671;
	margin: 0;
}

.comments li .comment {
	color: #c0c0c0;
	background: url('graphics/notch.gif') 0 17px no-repeat;
}

.comments li.alt .comment {
	background: #0b0e1c url('graphics/notch.gif') 0 17px no-repeat;
}

.comments li.author,
.comments li.alt.author,
.comments li.author .comment,
.comments li.alt.author .comment {
	background: #78753d;
}

.comments .author a {
	color: #fff;
}

.comments .author .date {
	color: #d5d5d5;
}


.comments .author .comment {
	background: none;
}


#respond h3 {
	font: normal 24px/36px "Helvetica","Arial",sans-serif;
	color: #767e8f;
	letter-spacing: -1px;
	margin: 35px 0 0 0;
}

#footer {
	background: #010411 url('graphics/footer.gif');
}

#footer h2 {
	font: normal 24px/36px "Helvetica","Arial",sans-serif;
	color: #767e8f;
	letter-spacing: -1px;
	margin: 0 10px 0 0;
	text-align: right;
}

#footer div.regards p {
	font-size: 12px;
	margin: 0 10px;
	text-align: right;
}

#footer #about {
	color: #c0c0c0;
}

#footer #feeds {
	font-size: 14px;
	text-align: right;
	margin: 10px 10px 0;
}

#footer #feeds img {
	display: inline;
	margin-bottom: -2px;
}

#footer ul {
	font: normal 14px/12px "Helvetica","Arial",sans-serif;
	text-align: right;
}
#footer ul li {
	padding: 5px 0;
	clear: both;
}
#footer ul li a {
	float: right;
	padding: 5px 10px;
	clear: both;
}

#footer ul li span.date {
	font-size: 11px;
	color: #787f90;
}

#footer ul li span.comments {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #626671;
}

#footer div.column .rule {
	border-right: 4px solid #0b0d15;
}

#footer ul li a:hover,
#footer ul li a:active {
	color: #fff;
	background: #0b0d15;
	border-bottom: none;
}

#footer div.run a  { border: none; }

#footer p.copyright {
	color: #454e59;
	padding: 0 0 20px 40px;
}


/******************************************************************************

	Structure

 ******************************************************************************/

body {
	position: relative;
	background: #000103 url('graphics/background.gif') repeat-x fixed;
	margin: 0;
	padding: 0;
}

#page {
	background: #020308 url('graphics/columns.gif');
	width: 912px;
	margin: 0 auto;
}

#header, #footer {
	width: 900px;
	margin: 0 2px 0 10px;
}

#sidebar {
	width: 246px;
	margin: 0 0 0 10px;
}

#content { 
	width: 656px;
}

.column {
	float: left;
	display: inline;
}

hr {
	display: block;
	clear: both;
	height: 0;
	margin: -2px 0 0 0;
	visibility: hidden;
}

/******************************************************************************

	Header

 ******************************************************************************/
#header {
	position: relative;
}

#header .column {
	height: 356px;
}

#header .left {
	width: 245px;
	background: url('graphics/nebula.jpg');
}

#header .meta {
	width: 140px;
	background: url('graphics/glass.jpg');
}

#header .universe {
	width: 225px;
	background: url('graphics/universe.jpg');
}

#header .marbles {
	width: 289px;
	background: url('graphics/marbles.jpg');
}

#header #logo {
	position: absolute;
	top: 181px;
	left: 30px;
}

#header #logo * {
	margin: 0;
	border: none;
}


/******************************************************************************

	Sidebar

 ******************************************************************************/
#sidebar {
	background: url('graphics/stars.gif') no-repeat;
}

#sidebar ul {
	list-style: none;
	text-align: right;
	margin: 0 40px 0 30px;
	padding: 0;
}

#sidebar ul li.page_item {
	display: inline;
	margin-left: 5px;
}

#sidebar ul li.page_item.first-child {
	margin-left: 0;
}

#sidebar ul li.categories {
	clear: both;
	margin-top: 80px;
}

#sidebar ul li ul {
	margin: 0;
}

#sidebar ul li.categories ul li {
	display: inline;
}

#sidebar ul li.archives ul li {
	display: inline;
}

#sidebar #searchform #s {
	width: 174px;
}


/******************************************************************************

	Content

 ******************************************************************************/
#content {
	background: url('graphics/wisps.gif') no-repeat;
	width: 656px;
}

#content .post {
	position: relative;
	margin-bottom: 40px;
}

#content #s {
	width: 200px;
}

#content h2, 
.post h2, 
.post div.entry {
	margin: 10px 20px 0 160px;
}

.post .meta {
	position: absolute;
	width: 140px;
	left: 0;
	top: 7px;
	text-align: right;
}

.post .meta span.day {
	margin-right: 10px;
}

.post .meta .categories {
	list-style: none;
}
.post .meta .categories li {
	margin-bottom: 4px;
}

.post .meta .categories li span {
	display: inline;
	padding: 5px 10px;
}

.post .comment-ticker {
	position: absolute;
	width: 120px;
	padding: 30px 10px 5px 10px;
	left: 0;
	bottom: -10px;
}

.comments {
	list-style: none;
	padding: 0;
	margin-left: 0;
}

.comments .meta {
	clear: left;
	float: left;
	width: 120px;
	margin: 14px 10px 0 10px;
	padding: 0;
}

.comments .comment {
	float: left;
	width: 474px;
	padding: 0 20px;
}

.related {
	margin: 10px 20px 0 160px;
}

/******************************************************************************

	Respond

 ******************************************************************************/
#respond {
	width: 514px;
	margin: 0 20px 0 160px;
}

/******************************************************************************

	Footer

 ******************************************************************************/
#footer {
	clear: both;
	margin-top: 40px;
}

#footer div.regards {
	width: 206px;
	padding: 40px 10px 40px 30px;
}

#footer div.run {
	float: left;
	width: 140px;
	padding: 90px 0 0 0;
	text-align: center;
}

#footer div.run * {
	border: none;
}

#footer div.run p {
	margin: 0;
	text-align: left;
}

#footer div.run div img {
	margin: 10px 20px;
}

#footer div.recent {
	width: 198px;
	padding: 40px 20px 40px 40px;
}

#footer div.recommended {
	width: 198px;
	padding: 40px 38px 40px 20px;
}

#footer div.column ul {
	list-style: none;
	padding: 0;
	margin: 0;
}