/*
Author: Rick Osborne, rickosborne.org
Original Author: Stelian Firez
*/

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-size: 100%;
  font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", sans-serif;
}

a{
  color: #1C2882
}
a:hover{
  color: #b82349;
}


hr{
  display: none;
}
form, img{
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

.clearing {
  margin: 0;
  padding: 0;
  font: 1px/1px Verdana, Arial, Helvetica, sans-serif;
  clear: both;
}
#fix-recent-posts{
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 7.5em;
  overflow: hidden;
  z-index: 1;
}
*:first-child+html #fix-recent-posts { top: 9.5em; }
html[xmlns*=""] body:last-child #fix-recent-posts { top: 7.25em; }
.center { text-align: center; }
.noindent img { margin: 0 auto; display: block; }

#header {
  margin: 0;
  padding: 0;
  /* background: url(skin/header_bkg.jpg) repeat-x bottom left; */
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
  /* height: 85px; */
  padding: 0 0 1.5em 0;
}
#header-wrap, #wrap{
  margin: 0 auto;
  padding: 0;
  width: 55em;
}
#header h1 {
	font-size: 150%;
	font-weight: bold;
	margin: 0.666em 0;
}

#logo a{
  display: block;
  text-decoration: none;
}

#tagline{
  font-size: 100%;
  font-weight: lighter;
  color: #848b9b;
  margin: 1em 0;
}

#nav{
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1em;
}
#nav li{
  margin: 0;
  padding: 0 2em;
  float: left;
}
#nav li:first-child { padding-left: 0; }
#nav a{
  color: #7e8083;
  text-decoration: none;
}
#nav a:hover, #nav a:active, #nav .current_page_item a{
  color: #369;
  text-decoration: none;
}

#splash{
  margin: 0;
  padding: 0;
  clear: both;
  position: relative;
  background: #246;
  background: -moz-linear-gradient(top, #246 0.5em, #369 1em, #246 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#246), color-stop(3%,#369), color-stop(100%,#246));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#224466',GradientType=0 );
}
#splash-wrap{
  margin: 0 auto;
  padding: 0;
  width: 55em;
  position: relative;
}

#recent-posts{
  margin: 1em 0;
  padding: 0;
  float: left;
  overflow: hidden;
}
#recent-comments{
  margin: 1em 0 1em 2em;
  padding: 0;
  float: left;
  position: relative;
  z-index: 2;
  width: 17em;
}
#recent-posts-x{
  margin: 1em 0;
  padding: 0;
  float: left;
  width: 17em;
}
#fix-recent-posts #recent-posts {
  width: 17em;
}


#recent-posts h2, #recent-comments h2, #extra h2, #sidebar h2 {
  margin: 0;
  padding: 0 0 0.5em 0;
  font-size: 110%;
  font-weight: bold;
  color: #ffffff;
  border-bottom: 1px solid #9af;
}
#recent-posts ul, #recent-comments ul{
  margin: 0.5em 0 0 0;
  padding: 0;
  list-style: none;
}
#recent-posts li, #recent-comments li{
  margin: 0;
  padding: 0;
}
#recent-posts a, #recent-posts-x a{
  display: block;
  color: #cdf;
  text-decoration: none;
  padding: 0.5em 0 0.25em 0;
}
#recent-comments a{
  display: block;
  color: #cdf;
  text-decoration: none;
  padding:  0.5em 0 0.25em 0;
}
#recent-posts a:hover, #recent-comments a:hover, #rexent-posts-x a:hover{
  text-decoration: none;
  color: #ffffff;
}
#recent-posts span, #recent-comments span{
  color: #9af;
}

#extra{
  margin: 1em 0 1em 2em;
  padding: 0;
  float: left;
  width: 17em;
  /* background: url(skin/extra_bkg) no-repeat 0% 0%; */
  position: relative;
  z-index: 3;
}

#search{
  margin: 1em 0 1.5em 0;
  padding: 0;
  background: white;
  height: 2em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
#search #s-text {
  margin: 0 -2em 0 0;
  padding: 0;
  float: left;
  width: 95%;
}
#s {
  margin: 0.5em 0 0 0;
  padding: 0 0 0 0.5em;
  width: 100%;
  border: 0;
  color: #acacac;
}
#search #s-submit {
  margin: 0.5em 0 0 0;
  padding: 0;
  float: left;
}
#searchsubmit {
  margin: 0;
  padding: 0;
  background: url("/images/several-sprites-fw-crush.png") no-repeat 0 -82px;
  width: 1.75em;
  height: 1.5em;
  border: 0;
}
#search label {
  display: none;
}

.meta{
  margin: 0.5em 0 0 0;
  padding: 0 0 0 24px;
  min-height: 24px;
}
.meta a{
  text-decoration: none;
  color: #cdf;
}
.meta a:hover{
  text-decoration: none;
  color: #ffffff;
}

#rss-posts, #rss-comments {
  background: url("/images/several-sprites-fw-crush.png") no-repeat 0 -40px;
}
#content {
  margin: 0;
  padding: 0 0 2em 0;
  background: -moz-linear-gradient(top, #f0f0f0, #fff 7.5em) repeat-x 0 0;
  background-size: 100% 7.5em;
  -moz-background-size: 100% 7.5em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#fff)) repeat-x 0 0;
  -webkit-background-size: 100% 7.5em;
  clear: both;
}
#content-wrap{
  margin: 0 auto;
  padding: 0;
  width: 55em;
}

#posts {
  margin: 3em 0 0 0;
  padding: 0 0 0 0;
  float: left;
  width: 36em;
}

.caption {
  margin: 0;
  padding: 0 0 1.5em 0;
 font-size: 140%;
}

.post {
  margin: 0;
  padding: 0 0 2em 0;
}
.post h2, #comments h2, #post-comments h2 {
  margin: 0;
  padding: 0;
  font-size: 125%;
  font-weight: lighter;
  color: #23237a;
  letter-spacing: -0.03em;
}
.post h2 a {
  color: #040468;
  text-decoration: none;
  border: none;
}
.date {
  margin: 0.25em 0 0 0;
  padding: 0 0 0 20px;
  background: url("/images/several-sprites-fw-crush.png") no-repeat 0 -116px;
  color: #67707A;
}
.entry {
  margin: 0;
  padding: 1em 0 0 0;
  line-height: 1.8em;
  letter-spacing: 0.025em;
  font-family: Constantia, "Lucida Bright", LucidaBright, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  color: #3E4655;
}
.entry p {
  margin: 0 0 1.5em 0;
  padding: 0;
}
.entry > p {
	text-align: justify;
	text-indent: 3em;
}
.entry > p.noindent, .entry > img { text-indent: 0; }
.entry blockquote {
  margin: 1.5em 0 1.5em 4.5em;
  padding: 0 0.5em;
  border-left: 0.25em solid #b82349;
}
blockquote > p {
  text-align: justify;
}
.entry ul {
  margin: 0;
  padding: 0 0 1em 1.5em;
  list-style: disc;
}
.entry li {
  margin: 0;
  padding: 0;
}
img.floatleft {
  margin: 0 0.5em 0.5em 0;
  float: left;
}
.postmetadata {
  margin: 0.5em 0 0 0;
  padding: 0;
  color: #565656;
  clear: both;
}
.tags {
  margin: 0;
  padding: 0.25em 0 0.25em 22px;
  background: url("/images/several-sprites-fw-crush.png") no-repeat 0 -152px;
}
.comments-no {
  margin: 0;
  padding: 0.25em 0 0.25em 22px;
  background: url("/images/several-sprites-fw-crush.png") no-repeat 0 -232px;
}
.postmetadata a {
  padding: 0;
  color: #1C2882;
  text-decoration: none;
}
.postmetadata a:hover {
  text-decoration: none;
  color: #b82349;
}

#comments {
  margin: 1.5em 0 0 0;
  padding: 0;
}
.add-comment{
  margin: 0.5em 0 0 0;
  padding: 0;
}
.add-comment a {
  padding: 0.25em 0 0.25em 22px;
  background: url(skin/add.png) no-repeat 0% 50%;
  color: #67707A;
  text-decoration: none;
  border: none;
}
.add-comment a:hover {
  color: #ff4e6a;
  text-decoration: none;
}
#comments ol {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #666;
}
#comments ol li {
  margin: 1.5em 0;
  padding: 0;
  clear: both;
  border-top: 1px solid #99AAFF;
}
.author {
  margin: 0 0 1em 40px;
  padding: 0.5em;
  color: #bbbbbb;
}
.author a {
  color: #b82349;
}

.comment {
  margin: 0.5em 0.5em 0.5em 40px;
  padding: 0.5em;
}
.comment span, .no-find {
  margin: 0;
  padding: 0.25em;
  background: #F4F29D;
  color: #444;
  font-style: italic;
}

.comment p {
  padding: 0;
}

#post-comments {
  margin: 0;
  padding: 2em 0 0 0;
  clear: both;
  color: #666;
}
#reply {
  margin: 1em 0 0 0;
  padding: 0;
}
.comment-field {
  margin: 0;
  padding: 0 0 1em 0;
}
.comment-field textarea {
  padding: 0.25em;
  border: 1px solid #BCBCCB;
  color: #565656;
}
.comment-field label {
  float: left;
  width: 10em;
}
.input-text {
  padding: 0.25em;
  width: 18em;
  border: 1px solid #BCBCCB;
  color: #565656;
}
.input-button {
  margin: 0 0 0 10em;
  padding: 0 0.5em;
  color: #565656;
}

#sidebar{
  margin: 0;
  padding: 3em 0 0 0;
  /* background: url(skin/sidebar_bkg.png) repeat-x 0 0; */
  background: -moz-linear-gradient(top, #ccc, rgba(204,204,204,0) 15em) repeat-x 0 0;
  -moz-background-size: 100% 15em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,rgba(204,204,204,0))) repeat-x 0 0;
  -webkit-background-size: 100% 15em;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#FFFFFF',GradientType=0 );
  float: right;
  width: 17em;
}
#sidebar h2 {
  margin: 0;
  padding: 0 0 0 1em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #369;
}
#sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
 line-height: 200%;
}
#sidebar ul li {
  margin: 0;
  padding: 0;
}
#sidebar ul li ul {
  margin: 0;
  padding: 1em 0;
}
#sidebar ul li ul li {
  margin: 0;
  padding: 0;
}
#sidebar li > a {
  color: #34445F;
  text-decoration: none;
  padding: 0 0 0 1em;
  background: url("/images/several-sprites-fw-crush.png") no-repeat 0.25em -310px;
  border: none;
  display: block;
}
#sidebar a:hover {
  color: #ff4e6a;
  text-decoration: none;
}



#footer{
  margin: 0;
  padding: 0 0 2em 0;
}
#footer-wrap{
  margin: 0 auto;
  padding: 0;
  width: 55em;
}
#footer * { color: #eee !important; }
#copyright{
  margin: 0;
  padding: 0 0 0 0;
  color: #777;
}





pre {
	overflow-x: auto;
	background: url(skin/body-back.jpg) top left repeat-x;
	padding-top: 4px;
	line-height: 1em;
}

#twitter {
	position: relative;
	margin-top: 1.5em;
	color: #cdf;
}
a#twitter-title {
	display: block;
	text-decoration: none;
	color: white;
	padding: 0 0 0 36px;
	min-height: 32px;
	background: url("/images/several-sprites-fw-crush.png") left top no-repeat;
	border: 0;
  border-bottom: 1px solid #9af;
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 0.5em;
}
#twitter a {
	color: white;
	text-decoration: none;
}

#twitter-body {
	min-height: 4em;
	line-height: 1.5em;
}

#commentlist .avatar {
	float: left;
  margin-top: 8px;
}

#content .syntaxhighlighter { overflow: auto; }
#content .syntaxhighlighter .line .content { white-space: nowrap; }

.widget_categories ul {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
        column-gap: 2em;
        -moz-column-gap: 2em;
        -webkit-column-gap: 2em;
}
.widget_categories ul li {
	break-inside: avoid;
}
textarea { max-width: 100%; }


/* openid */
#openid_enabled_link, .openid_link, #openid_identifier, #commentform #openid_identifier {
	background-image: url('/blog/wp-content/plugins/openid/f/openid.gif');
	background-position: 3px 50%;
	background-repeat: no-repeat; 
	padding-left: 21px !important; 
}
.openid_loading { background: url('/blog/wp-content/plugins/openid/f/ajax-loader.gif') right center no-repeat; }
body.login #openid_identifier {
	width: 92%;
	font-size: 20px;
	background-color: #FFF;
	border: 1px solid #ccc;
	padding: 3px 3px 3px 18px;
	margin-right: 6px;
}
#openid_comment { margin: 0.8em 1em; }
#openid_comment input { width: auto; }
/* fix link color on wp-login.php */
body.login form#loginform a.legacy, body.login form#registerform a.legacy { color: #FFF; }

/* democracy */
.dem-graph { position: relative; font: 9px/10px arial, sans-serif; margin-top: 2px; padding-right: 1px; margin-bottom: 3px; }
.dem-graph a, .dem-graph a:hover { display: block; float: left; height: 5px; cursor:default; text-decoration: none; border: 0; }
.dem-winner a, .dem-winner a:hover { border-right: 0; }
.dem-winner { padding-right: 0; }
.dem-graph b, .dem-graph i { float: left; display: block; position: absolute; margin-left: 3px; font-weight: bold; font-style: normal; }
.dem-vote-button { display: block; clear: both; }
.democracy { padding-bottom: 5px; }
/* kubrick fixies */
.democracy form { text-align: left; }
html>body .entry .democracy ul { text-indent: 0 !important; }
.democracy input { vertical-align: middle; }
.democracy input[type='radio'] { display: block; float: left; margin: 0.5em; }
.dem-graph a i, .dem-graph a:hover b { display: none; }
.dem-graph a:hover i { display: block; }
/* yay IE hack - display or visibility don't work */
* html .dem-graph a i, * html .dem-graph a:hover b { filter: alpha(opacity=0); display: block; }
* html .dem-graph a:hover i { filter: alpha(opacity=100); display: block; }
.dem-total-votes, .dem-added-by-guest { display: block; margin: 3px 0; }
.dem-user-added { display: block; }
.dem-archives .democracy { margin-bottom: 30px; }
.democracy img { width: 100%; margin-bottom: 4px; vertical-align: middle; }
.democracy input { vertical-align: middle; margin-right: 5px; width: auto; }

.democracy .addAnswerText { width: 80%; }
.dem-graph { border: 1px solid #ccc; height: 10px; max-width: 250px; }
.dem-graph a, .dem-graph a:hover { background: #efefef; border-bottom: 5px solid #e0e0e0; border-right: 1px solid #ccc; }
* html .dem-graph a, * html .dem-graph a:hover { border-bottom-width: 6px; }
* html .dem-graph { height: 11px; }
.dem-graph b, .dem-graph i { color: #555; }
.dem-voted-for-this { border-color: #888; }
/* blix fix */
.democracy ul { padding: 0; } 
.democracy label { float: none; display: block; margin: 0.75em 0 0.75em 1.5em }
.democracy ul, .dmocracy li { list-style: none; list-style-type: none; }

/* Advanced Search form */
#as_form { text-align: left; }
#as_form fieldset ul { list-style: none; margin: 5px 15px; padding: 0; }
#as_form fieldset { border: 1px solid #777; margin: 15px 0; padding: 15px; }
#as_form legend { font-size: 1.1em; font-weight: bold; }
#as_form label { cursor: pointer; }
#as_form fieldset li { list-style: none; margin: 0; padding: 0; }
#as_form fieldset li:before { /* for the default theme */ content: ''; } 
#as_form input.as_styled { border: 1px solid #777; background-color: #f3f3f3; color: #444; }
#as_form input.as_styled:focus { background-color: #fff; color: #444; }
#as_credits p { font-size: 0.9em; text-align: center; margin-top: 25px; border-top: 1px solid #888; }
#as_month1, #as_month2, #as_year1, #as_year2 { text-align: center; }
#as_form .as_sortandorder { padding: 1px; overflow: hidden; }
#as_form .as_sort { width: 40%; float: left; }
/* End Advanced Search form */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90;width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/* mobile */
@media screen and (max-width: 54.9em) {
	.navigation a, .cat-item a { border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-decoration: none; }
	.navigation a { padding: 0.25em 0.75em; display: block; line-height: 1.5em; }
	#header-wrap, #wrap, #content-wrap, #splash-wrap, #footer-wrap, #posts { width: auto; }
	#posts { max-width: 100%; }
	.entry > p { text-indent: 1.5em; }
	.entry > p.noindent > img { max-width: 100%; height: auto; }
	#content .syntaxhighlighter { overflow: inherit; }
	#content .syntaxhighlighter .line .content { white-space: inherit; }
	#nav li:first-child { padding-left: 1.25em; }
	#recent-comments { display: none; }
	#recent-posts, #recent-posts-x { margin: 1em 1.25em }
	#nav li { padding: 0 1.25em; line-height: 1.5em; }
	#sidebar { float: none; margin: 0 auto; width: auto; clear: left; }
	.post, #post-comments { padding: 1em; }
	#tagline { margin-left: 1.25em; margin-right: 1.25em; }
	#header #logo { margin-left: 0.833em; margin-right: 0.833em; }
}
@media screen and (max-width: 44em) {
	#fix-recent-posts #recent-posts, #extra { width: auto; }
	#extra { margin: 1em 2em; }
	#search #s-text { width: 95%; }
	#recent-posts-x { display: none; }
	#posts { margin: 0 auto; }
	#fix-recent-posts { position: static; top: auto; }
	#recent-posts { 	float: none; overflow: inherit; 	}
	#recent-posts h2 { color: #369; padding: 0 0 0 1em; }
	#recent-posts a, #recent-posts-x a { color: #34445F; }
	#nav li { float: none; }
	#nav { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-gap: 3em; -moz-column-gap: 3em; -webkit-column-gap: 3em; }
	#logo, #tagline { text-align: center; }
	#header #logo { font-size: 125%; }
	.widget_categories ul li { break-inside: avoid; }
	.widget_categories ul li:hover {
		background: -moz-linear-gradient(100% 50% 45deg, rgba(255,255,255,0) -0.25em, #fcc -0.249em, #fcc 0.125em, rgba(255,255,255,0) 0.01em, rgba(255,255,255,0) 100%), -moz-linear-gradient(100% 50% 315deg, rgba(255,255,255,0) -0.25em, #fcc -0.249em, #fcc 0.125em, rgba(255,255,255,0) 0.01em, rgba(255,255,255,0) 100%);
	}
}
@media screen and (max-width: 33em) {
	/* Collapse the side nav to a single column */
	#nav {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
	}
}