/*
 Copyright 2008 Janusz Skonieczny.

 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 
*/ 

/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { 
	padding: 0; margin: 0;
}
body {
	background-color: #000 ;
	background-image: url('body.gif') ;
	background-repeat: repeat-x;
	background-position: 0 76px ;
	margin: 0; 	padding: 0;
	font: normal 10pt Arial,Sans-Serif;
	color: #A0A0A0;
}

/* links */
a {
	color: #7A7A7A; 
	background-color: inherit;
	text-decoration: none	
}
a:hover {
	color: #F88F26;
	background-color: inherit;
	text-decoration: underline;	
}

 h1, h2, h3  { 
	color: #999;  
}

a.bookmark_icon {
	/* temporary - need to get own star bg */
	background:transparent url(/static/icons.png) no-repeat scroll -20px -20px; 
  height:1px;
  margin-bottom:-2px;
  margin-left: 3px  ;
  width:10px;
  padding: 1px 7px 3px 7px;  
	color: red;
}

/*** headers ***/
h1, h2, h3 {
	font: bold 1.3em Calibri,Verdana,Arial,Sans-Serif;
}
h1 { font-size: 1.6em; } 
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }

#main h1 { 
	font: normal 1.5em 'Trebuchet MS', Arial, Sans-serif;
}
#sidebar h1 {
	font: bold 1.4em 'Trebuchet MS', Arial, Sans-serif;
	padding: 7px 0 7px 10px;
}

#sidebar h1 span /* #sidebar h1:first-letter */ {
	font: bold 1.5em Calibri, Arial, Sans-serif;
	color: #BC1b1b;
}

h1, h2, h3{
	margin: 0;
	padding: 12px 15px;
}


div.post {
  margin: 1em;
  position: relative;
}

div.post div.tools{
  padding: 0.5em 1em;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #0f0f0f;    
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}


div.post p, .post ul, .post ol {
  margin-top: 1.2em;
}

ul, ol {
	margin: 5px 15px;
	padding: 0 0px;
}
ul span, ol span {
	color: #CCC;
} 

/*** images ***/
img {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

code, pre {
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 9pt 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #222;    
  border-top: 1px solid #443;
  border-bottom: 1px solid #443;
  width: 100%;
}

code pre, pre code {
  margin: 0;
  padding: 0;
  border: 0px;
}


acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px 0 ;
 	padding: 10px 0 10px 20px;  	
  background: #111;  
  font: italic 1.em 'Trebuchet MS', Sans-serif;   
  border-left: 5px solid #422;
}

/*** form elements ***/
form {
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border: 1px solid #CCC;
	font: normal 1em Verdana, sans-serif;
	color: #A0A0A0;
}
textarea {
	border: 1px solid #CCC;
	font: normal 1em Verdana, sans-serif;
	display:block;
	background: #111;
	width: 30px;
}
input.button { 
	margin: 0; 
	font: bold 1em Tahoma, Sans-serif; 
	border: 1px solid #CCC;
	padding: 2px 3px; 
	color: #000;
	background: #CCC;	
}
textarea, input {
  border: 1px solid #333;
  3background: #000 url(input_bg.gif) repeat-x 0 0;
  color: #A0A0A0;
	background: #0a0a0a;
}

/*** search form ***/
.searchform {
	position: absolute;
	top: 10px; right: 10px;
	background-color: transparent;
	border: none;
	margin: 0; padding: 0;
}
.searchform input.textbox { 
	margin: 0 3px; padding: 0 2px;
	width: 130px;
	background: #000;
	color: #FFF; 
	height: 20px;
	border: 1px solid #7E050A;	
	vertical-align: top;
}
.searchform input.button { 
	font: bold 12px Arial, Sans-serif; 
	background: #000;
	color: #fff;	
	width: 70px;
	height: 22px;
	border: none;
	padding: 3px 5px;
	vertical-align: top;
}

#search {
  width: 225px;
	background: #222;
}

/*** LAYOUT ***/

#header-content, #footer-content, #content {
	width: 87%;	
	min-width: 940px;	
	max-width: 1240px;	
}

/* header */
#logo a, #logo a:hover{
  text-decoration: none;
  color: #CCC;
}
#header {
	height: 76px;
	text-align: left;	
	background:#000;
}
#header-content {
	position: relative;
	margin: 0 auto; padding: 0;
	background:#000;
}
#header-content #logo {
	position: absolute;	
	font: bold 30px Verdana, 'Trebuchet Ms', Sans-serif;
	letter-spacing: 0px; 
	color: #CCC;
	margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 5px; left: 20px;
}
#header-content #slogan {
	position: absolute;	
	font: bold 12px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
  letter-spacing: 0.6px; 
	color: #CCC;	
	margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 40px; left: 20px;
}

/*** header menu ***/
#header-content ul {
	position: absolute;
	right: 5px; top: 47px; 
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #000;
	list-style: none;
	margin: 0; padding: 0;		
}
#header-content li {
	display: inline;
}
#header-content li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #CCC;
}
#header-content li a:hover {
	background: #000;
	color: #F88F26;
	text-decoration: none;
}
#header-content li a.current  {
	background: #1A1A1A;
	color: #CCC;
	border-bottom: 5px solid #F88F26;
}

/*** content ***/
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
}
#content {
	text-align: left;	
	padding: 0; margin: 0 auto;		
	/*background: #101010;		*/
	
}

/*** sidebar ***/
#sidebar {
	float: right;
	width: 260px;
	margin: 10px 0; padding: 0;	
}

#sidebar ul.sidemenu {
	list-style:none;
	margin: 0;
	padding: 5px 0 15px 0;			
}
#sidebar ul.sidemenu li {
	padding: 0 10px;
}
#sidebar ul.sidemenu a {
	display: block;
	font-weight:bold;
	color: #6A6A6A; 
	height: 1.5em;
	text-decoration: none;
	padding:.3em 0 .3em 15px;
	background: #000;		
	border-bottom: 1px dashed #151515; 
	line-height: 1.5em;
}
#sidebar ul.sidemenu a.top{
	border-top: 1px dashed #151515;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	background: #000;
	border-left: 5px solid  #F88F26;
	color: #F88F26;		
	border-bottom: 1px solid #F88F26; 
}
#sidebar .sidebox {
	background: #000;
	margin: 5px 15px 10px 15px;
}

/*** main ***/
#main {
  border: 0px solid black;
	2margin: 10px 0; 
  margin: 20px 270px 10px 10px;
	2padding: 10px 270px 10px 10px;		
}

/* footer */
#footer {
	clear: both;
	margin: 0; padding: 0;
	border-top: 1px solid #252525;
	font-size: 0.95em;
	text-align: left;	
	background-color: #000;
	/*
	background-image: url('body.gif') ;
	background-repeat: repeat-x;
	background-position: 0 0px ;	
	*/
}
#footer h2, #footer p {
	padding-left: 0;
}
#footer-content {	
	margin: 0 auto;		
}
#footer-content a {
	text-decoration: none;
	color: #8A8A8A;
}
#footer-content a:hover {
	text-decoration: underline;
	color: #FFF;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}
#footer-content .col {
	width: 32%;
	padding: 0 5px 30px 15px;	
	display: table-cell;
	float: left;
}
#footer-content .col2 {
	width: 30%;
	padding: 10px 0 30px 0;	
	display: table-cell;
	float: left;
}
#footer-content .col2 p {
  padding: 3px 0;
}

/* alignment classes */

/* additional classes */
.clear { clear: both; }

/** Post **/

.post {
  min-width: 560px;
}

.post h1, .post h2, .post h3{
	margin: 0;
	padding: 10px 0px;
}

.post-meta { 
	border: 1px dashed #353535; 
	padding: 5px 10px;
	margin: 20px 15px 10px 15px;
	overflow: auto;
	font-size: 0.85em;
}

.post-tags { 
	margin: 5px 0px 5px 150px;
	text-align: right;
}

ul.social-bookmarks {
	list-style: none;
	margin: 0;
	padding: 3px;			  
	display:inline;
	float: left;
}

ul.social-bookmarks li {
  display:inline;
  list-style-type:none;
}

ul.social-bookmarks img{
	opacity: 0.3;
}
ul.social-bookmarks img:hover {
	opacity: 1;
}

/** post form **/
#id_title, #post-form #id_body {
  width: 60em;
}


/** comments **/
ol#commentlist li, form.comment  {
  padding: 20px 15px;
  margin: 10px 15px;
  text-align: left;
  display: block;
  overflow: auto;  
  font-size: 1em;
  font-family: Calibri,Tahoma,Verdana,Helvetica,Arial,sans-serif;
  background: #0f0f0f;    
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
	position: relative;
}

.comments h1{
  padding: 10px 0px ;
  margin: 10px 15px;
}

.comments p {
  margin: 0.5em 0;
}

#commentlist h1, #commentlist h2, #commentlist h3, #commentlist h4  {
  padding: 2px 0;
	margin: 10px 0px 10px 0;
}

ol#commentlist {
  padding: 0;
	margin: 0;
}

ol#commentlist h2, form.comment h2 {
	margin: 3px 0px 5px 0;
	font-size: 1em;
  padding: 2px 0;
}

.commentmeta {
  position: absolute;
  top: 8px;
  right: 8px; 
  font-size: 0.85em;
}

form.comment label{
  display: inline;
}
form.comment input{
  margin: 10px 5px;
  width: 150px;
}

form.comment textarea{
  padding: 10px 5px ;
  width: 583px;
}

#recaptcha_div {
  margin: 10px 0;
}


#recaptcha_div input {
	font: normal 1em Verdana, sans-serif;
	color: #A0A0A0;
}
.errors ul ul {
	list-style:none;
	margin: 0;
	padding: 5px 0 15px 0;			
}

#recaptcha_instructions_error {
  color: #F88F26 !important;
}

.errors li {
  background:#0F0F0F none repeat scroll 0 0;
  border: none;
  font-size:1em;
  margin: 3px;
  overflow:auto;
  padding: 0px;
  position:relative;
  text-align:left;
}

div.pagination {
 	font: bold 1.6em Calibri,Verdana,Arial,Sans-Serif;
  float: right;
  margin: 10px;
}
div.pagination a {
  margin: 0 10px;
}

img#avatar {
  text-align: center;
  margin: 5px 30px;
}

/*** Messages and ntifications ***/
div.message {
  margin: 0;
  padding: 20px;
  background: #333;  
  font: 1.em 'Trebuchet MS', Sans-serif;   
  border: 5px solid #533;
}

/*** IE bugs workarrounds **/
ol#commentlist {
  	overflow: auto;
}
form.comment {
  	overflow: hidden;  
}

div#browser-upgrade {
  display: none;
  margin: 30px 10px;
}

/**** Google Search modifications ****/
.gsc-resultsHeader {
  display: none;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  color : #CCC !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #DDD !important;
}

.gs-result .gs-title *, .gsc-trailing-more-results {
  color: #ccc !important;
}