/*  
Theme Name: Teknikolor
Theme URI: http://stellify.net/
Description: A temporary theme for Stellify.
Version: 14893
Author: Ia Lucero
Author URI: http://stellify.net/
*/
@import url(reset.css);
* { font-size: 100%; }
/*html, body.missing, body.missing #rant, body.missing #rant .wrap, body.archive, body.archive #rant, body.archive #rant, body.archive #rant .wrap, body.tag, body.tag #rant, body.tag #rant, body.tag #rant .wrap, body.search, body.search #rant, body.search #rant .wrap {*/
html { height: 100%; 	position: relative; }
#footer { position: relative; height: 120px; }
* html #footer { margin-top: -120px; }
body.home #footer { position: relative; height: 140px; }
* html body.home #footer { margin-top: -140px; }
/*body.missing #rant .wrap .main, body.archive #rant .wrap .main, body.tag #rant .wrap .main, body.search #rant .wrap .main {*/
#rant .wrap .main {
	position: relative;
	height: auto !important; 
	height: 100%;
	min-height: 100%;
}
/* contain floats */
   #rant .wrap { overflow: auto; zoom: 1; /* trigger hasLayout */ }
	body {
		background: #7f1c2e url(images/bgbody.png) 50% 50% repeat-y fixed;
		margin: 0;
		font-size: 62.5%;
		font-size: 0.8em;
		line-height: 1.8em;
		text-align: center;
		height: 100%;
	}
body, input, textarea, select, option, button {
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	border: none;
	color: #bbb;	
}
code, pre, dfn, var, tt, kbd { font-family: Consolas, "Lucida Console", Monaco, monospace; }
/* layout */
	.wrap {
		width: 840px;
		margin: 0 auto;
		text-align: left;
	}
	.main { width: 640px; }
	.side { width: 200px; }
#header { background: #5da9be; /*background: #5ea5bd url(images/bgheader.png) repeat-x fixed top;*/ }
	#header .main { background: #417685; /*background: #427384 url(images/bgheadermain.png) repeat-x fixed top;*/ }
	#header .bloginfo { width: 120px; }
	#header ul.navigation { width: 360px; }
		#header ul.navigation li, #header ul.navigation li a { width: 60px; }
	#header #searchform { width: 160px;  margin: 40px 0 0 40px; }
	#header #s { background: none; width: 145px; border: 1px solid #4499a7; padding-left: 5px; }
	#s, #header ul.navigation a:hover { color: #196879; }
#rant, #work, #react { background: #b53837 url(images/bgrant.png) repeat-x fixed top; }
#rant .main, #work .main, #react .main { background: #7e2726 url(images/bgrantmain.png) repeat-x fixed top; padding-bottom: 20px; }
#rant .post, #work .post { }
	#rant .post { margin: 40px 40px 60px 40px; }
	#rant .navtop { padding-bottom: 20px; border-bottom: 1px dotted gray; }
	#rant .navbottom { padding-top: 20px; border-top: 1px dotted gray; margin: 40px 0 40px 40px; }
	#rant .post h1.title, #work .post h1.title { margin: 0 0 2px; }
	#rant .post .meta { }
	#rant .post .meta .more-link { margin: 20px 0 0; }
	#rant .post .content { padding: 20px 0 0; }
	#rant .post .content .footnote { margin: 40px 0; }
	#rant .post.other, #rant .post.other.navigation { width: 160px; min-height: 125px; height: auto !important; height: 125px; margin: 40px 0 0 40px; }
	.archive #rant .post.other.navigation { min-height: 0; height: auto !important; }
	#rant .post .meta, #rant .post .meta a, #rant .post .more-link, #work .post .meta, #work .post .meta a, #rant .post.other.navigation a { color: #8ab; }
	#rant .post.other .meta, #comments .meta, #comments .meta a, .sz_excerpt strong { color: #97a; }
/*
#work, #react {
	background: #7d7a38 url(images/bgwork.png) repeat-x fixed top;
}
#work .main, #react .main {
	background: #575527 url(images/bgworkmain.png) repeat-x fixed top;
}
*/
	#work .main ul { margin: 40px 40px 0 0; }
	#work .main ul li { margin: 0 0 40px 40px; }
	#work .main ul li, #post-138 ul li { width: 160px; }
	#work .main ul li em, #post-138 ul li em { color: #945f87; margin-bottom: 10px; }
	#post-138 ul li h4 { margin: 0; line-height: 1.4; }
	#post-138 ul li h4 a, #post-138 ul li a { border: none; }
	#work .main #post-138 ul { width: 640px; margin: 0; }
	#work .main #post-138 ul li { margin: 0 40px 40px 0; }
#stalk { background: #4db18e url(images/bgstalk.png) repeat-x fixed top; color: #78ceb0; }
	#stalk .main { background: #367c63 url(images/bgstalkmain.png) repeat-x fixed top; }
	#stalk .main ul { margin: 40px 40px 0 0; }
	#stalk .main ul li { width: 160px; margin: 0 0 40px 40px; }
	#stalk .main ul ul, #stalk .main li li { margin: 0; float: none; }
	#stalk .main ul li ul li { padding: 10px 0; border-bottom: 1px solid #3f875b; line-height: 1.5; }
	#stalk .main #flickr { /*float: none; clear: both;*/ margin: 0 0 40px 40px; }
	#stalk .main #flickr div{ display: inline; float: left; width: 80px; }
#love { background: #4dc7c9 url(images/bglove.png) repeat-x fixed top; } 
	#love .main { background: #368b8c url(images/bglovemain.png) repeat-x fixed top; }
#footer { background: #7f1c2e; /*background: #50d0df url(images/bgfooter.png) repeat-x fixed top;*/ }
	#footer .main { 	background: #54121e; /*background: #38919c url(images/bgfootermain.png) repeat-x fixed top;*/ }
#tags div { line-height: 150%; }
/* post images */
	/*.post .content a[href$=jpg], .post .content a[href$=jpeg], .post .content a[href$=jpe], .post .content a[href$=png], .post .content a[href$=gif] {
		text-decoration: none; border: none; }*/
	.post .content img.alignnone { margin: 0; }
	.post .content img.aligncenter {  }
		.post .content blockquote img.aligncenter { display: block; margin: 0 auto; }
	.post .content img.alignleft, .post .content img.floatleft { float: left; margin: 0 20px 20px 0; }
	.post .content img.alignright, .post .content img.floatright { float: right; margin: 0 0 20px 20px; }
	.post .content .wp-caption { margin: 20px 0; }
		.post .content .wp-caption a { border: none; }
		.post .content .wp-caption .wp-caption-text { font-size: 0.9em; margin: 0; font-style: italic; color: #999; }
	.post .content .thumbnails, .post .content .gallery { width: 640px; overflow: hidden; }
		.post .content .thumbnails a, .post .content .gallery a, .post .content .gallery a img { border: none; }
		.post .content .thumbnails img.alignnone, .gallery .attachment-thumbnail { margin: 20px 25px 20px 0; }	
		.post .content .gallery .gallery-caption { margin: 0 20px 10px 0; text-align: left; font-style: italic; font-size: 12px; }
	.attachment .content { text-align: center; }
	.post .content .attachment-navigation { overflow: hidden; width: 560px; margin: 20px 0 0; }
		.post .content .attachment-navigation .alignleft { float: left; text-align: right; }
		.post .content .attachment-navigation .alignright { float: right; text-align: left; }
		.post .content .attachment-navigation div { width: 47%; line-height: 1.8em; }
			.post .content .attachment-navigation div a { border: none; display: block; }
			.attachment-navigation .attachment-thumbnail { width: 80px; height: 80px; }
	.post .content .attachment a { border: none; }
	.post .content a[rel*="attachment"] { border: none; }
	.gallery .attachment-thumbnail {
		border: none !important;
		width: 150px; height: auto;
		margin-bottom: 0;
	}
	.gallery-item {
		margin: 0 !important;
		width: auto !important;
	}
	.post .content h3 {
		border-bottom: 1px dotted gray;
		padding-bottom: 20px;
		margin-bottom: 20px;
		padding-top: 20px;
		color: #999;
		text-transform: uppercase;	
	}	
	.post .content li {
		overflow: visible;
		margin: 0 0 10px 0;
	}
	.post .content ol { list-style: decimal; }
	.post .content ul, #relatedposts ul { list-style: square; }
	.post .content ol, .post .content ul  { margin: 20px 30px; }
	.post .content li li { margin: 7px 0; }
	.post .content .footnote { font-style: italic; }
		.post .content hr { border-top: 1px solid #777; border-width: 1px 0 0; clear: both; height: 0; }
	#relatedposts h3, #comments h3, #respond h3 { margin-bottom: 20px; }
	#relatedposts ul { margin: 0 20px; }
	#relatedposts ul li { overflow: visible; margin: 7px 0; }
	.post .content blockquote, #comments blockquote { padding: 1px 20px; margin: 0 0 20px; }
	#comments blockquote { margin: 20px 0; }
	.post blockquote ol, .post blockquote ul { margin: 20px; }
	.post .content blockquote, #comments blockquote { /*background: url(images/bgrantmain.png) repeat-x 20%*/ border: 1px dotted #777; border-width: 1px 0; }
/* comments */
	.commentlist { border-bottom: 1px dotted gray; }
	.commentlist li { border-top: 1px dotted gray; padding: 20px 0; }
	.commentlist li .content { padding: 1px 0 0 60px; }
	.commentlist li .avatar { margin: 0 20px 0 0; }
	.commentlist li .author { font-style: normal; height: 1.538em; overflow: hidden; }
	.commentlist li .children { margin: 20px 0 0 60px; }
	.commentlist li .children li.comment { padding-bottom: 0; }
	#author, #email, #url, #comment, #submit {
		border: none;
		margin: 10px 0;
		color: #ddd;
		padding: 5px;
		background: url(images/bgrantmain.png) repeat-x top;
	}
	#author:hover, #email:hover, #url:hover, #comment:hover, #submit:hover, #author:focus, #email:focus, #url:focus, #comment:focus, #submit:focus { border-color: #ddd; }
	#author, #email, #url, #comment { width: 540px; }
	#submit { width: 200px; }
/* formatting */
	a { text-decoration: none; color: #ddd; }
	a:hover { color: #fff; }
	#header, #header a { color: #ddd; }
	.post .content a, .commentlist li .content a { border-bottom: 1px solid #666; }
	.post .content a:hover, .commentlist li .content a:hover { border-color: #ddd; }
	.post .content .footnote, .post .content .footnote a, #footer, #footer a { color: #999; }
	.post .title { font-size: 1.4em; }
	#relatedposts h3, #comments h3, h3#respond { font-size: 1.3em; }
	.meta .more-link, .post .content h3, .post .content h4 { font-size: 1.2em; }
	#rant .post.other .title, .post .content { font-size: 1.1em; }
	.bloginfo .description, #stalk, .meta { font-size: 1.0em; }
	.post .content .footnote { font-size: 0.8em; }
	.post .content blockquote { font-size: 0.85em; }
	#work .main ul li, #post-138 ul li em, #footer, .post .content .footnote blockquote { font-size: 0.9em; }
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, table { margin: 20px 0; }
	input, textarea, select, option, label { margin: 0 0 20px 0; }
/* 	h1, h2, h3, h4, h5, h6 { margin: 40px 0; } */
	h1, h2, h3, h4, h5, h6, #work .main ul li a, #post-138 ul li a, #rant .main .navigation, .sz_excerpt strong { font-family: Georgia, Palatino, "Palatino Linotype, Times", "Times New Roman", serif; font-weight: normal; }
	#header ul.navigation, #s, #rant .navigation h1, #rant .navtop, #rant .navbottom, .meta, #work .main ul li em, #post-138 ul li em, .commentlist li .date, .post.other.navigation, #footer, .sz_excerpt strong, .post .content .wp-caption .wp-caption-text, #rant .post .more-link, .gallery-caption  { font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; }
	strong, b { font-weight: bold; }
	ins { text-decoration: none; }
	em, i, ins, cite, #header ul.navigation, #s, .meta, #rant .navigation h1, .wp-pagenavi .pages, .content h4, #rant .post.other.navigation, .sz_excerpt strong, #rant .post .more-link { font-style: italic; }
	abbr, acronym { border-bottom: 1px dotted #777; cursor: help; }
/* plugins widgets */
	.wp-pagenavi * {
		border: none !important;
		background: none !important;
		color: #aaa !important;
	}
	.navtop .wp-pagenavi { float: right; }
	.wp-pagenavi a { padding: 2px 5px 5px !important; }
	.wp-pagenavi a:hover, .wp-pagenavi .current { color: #ddd !important; background: #435366 !important; }
	.subscribe-to-comments label, .subscribe-to-comments input { display: inline; }
	#coldform { margin: 20px 0; }
	#coldform label, #coldform input, #coldform textarea {
		float: left; display: inline;
		width: 370px;
		border: none;
		margin: 10px 0 0;
		padding: 5px;
		color: #ddd;
		background: transparent;
	}
	#coldform label {
		clear: left;
		text-align: right;
		width: 140px;
		border: none;
		margin-right: 20px;
		padding: 5px 0 0;
	}
	input#coldform_name, input#coldform_email, input#coldform_response, input#contact { width: 200px; }
	input#coldform_name, input#coldform_email, input#coldform_website, input#coldform_topic, input#coldform_response, textarea#coldform_message, input#contact, button { background: url(images/bgrantmain.png) repeat-x top !important; }
	input#contact { float: none; margin-left: 160px; }
	input#coldform_carbon {
		text-align: left;
		width: 20px;
		margin: 20px 0 0;
	}
	#szleft, #szright {
		font-weight: bold !important;
		padding: 5px 10px;
		margin-bottom: 20px;
	}
	#szleft { margin-right: 10px; }
	.snazzy a { color: #eee !important; }
	.snazzy a:hover, .sz_date_mon:hover, .sz_date_day:hover  { color: #fff !important; }
	.sz_year { color: #ccc !important; line-height: 1.1 !important; }
	.sz_year, .sz_excerpt, .sz_title  { color: inherit !important; }
	.sz_title {
		font-weight: inherit !important;
		text-decoration: none !important;
		border: none !important;
		display: block !important;
		padding: 0 !important;
		margin: 10px 0 !important;
	}
	.sz_excerpt, .sz_excerpt strong { font-size: inherit !important; margin: 10px 0; }
	.sz_excerpt { font-size: 95% !important; }
	.sz_img { /*background-position: 0 0 !important;*/ }
	.sz_date_day { background: none !important; }
	.sz_date_yr { line-height: 42px; margin-bottom: 10px; }
	.snazzy .sz_carousel { width: 560px !important; }
	.snazzy .sz_carousel ul li { padding: 0 !important; margin-right: 16px !important; }
	/*\*/ * html .sz_carousel ul li div { width: 90px; } /**/	
	#ed_toolbar input { background: url(images/bgrantmain.png) repeat-x top !important; color: #ddd !important; border: none !important; }
.hide { display: none; }
/* collapse */
	.clear, .section, #rant .post .meta, .commentlist li .content, .content h3, #footer { clear: both; display: block; }
	#rant .post, #work .post, #rant .navtop, #rant .navbottom/*, #stalk .main #flickr*/ { width: 560px; }
	#rant .post .meta .more-link, .respond-link, #rant .post.other .meta, #work .main ul li em, #post-138 ul li em, #stalk .main ul ul, #stalk .main li li/*, #stalk .main #flickr*/, .post .title, #author, #email, #url, #comment, #submit, #coldform fieldset, #coldform label, #header ul.navigation li, #header ul.navigation li a { display: block; }
	.single #rant .post, .single #work .post, .page #rant .post, #footer, a.more-link:hover, #rant .post .more-link { border: none !important; padding-bottom: 0; }
	.post, .main ul li, .commentlist li { overflow: hidden; }
	.content .post h3 { clear: none !important; }
	#footer .navigation, #copyright, #tla, #tla ul, #tla li { display: inline !important; }	
	#header ul.navigation li, #header ul.navigation li a { text-align: center; }
	.meta .respond-link, .post .comments, #stalk .more-link, #stalk .aktt_more_updates { text-align: right; }
	.main, .side, #header .bloginfo, #header ul.navigation li, #header ul.navigation li a, #rant .post.other, #rant .navigation, #rant .navtop h1, #work .main ul li, #post-138 ul li, #stalk .main ul li, .commentlist li .avatar, .commentlist li .commentauthor { float: left; display: inline; }
	#header ul.navigation { float: right; display: inline; }
	#header .bloginfo, #header ul.navigation, #rant .navtop, #work .post, #footer .main .content, #relatedposts, #comments, .error { margin: 40px; }
	#header h1, #searchform input, #rant .navtop h1, #stalk .main .flickr_badge_image img, .subscribe-to-comments label, .subscribe-to-comments input, #tla ul, #tla li  { margin: 0; }
	#rant .navtop, .error p { margin-bottom: 0; }
	#post-48 .content p { text-align: center; margin-bottom: 0; }
	.page #rant .wrap .main #post-48 .content .snazzy { }