/* default font size*/
@import url(normal.css);

/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd	{
	font-family:	 lucida, arial, helvetica, sans-serif;
	font-size: 12px;
}

html, body {
  height: 100%;
}

img {
  border:0;
}

body {
	padding:10px 0 20px 0;
  margin:0;
  text-align:center;
	background-color: #EDEDED;
  background: #eee url(../../images/theme/bck.gif) repeat-x fixed; 
}

div.spacer {
  margin: 0;
  padding: 0;
  clear: both;
  width: 1px;
  height: 1px;
  font-size: 0;
}

a {
  color:#00FF00;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
  color:#333333;
}

a:visited {
}

p {
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
}

/* =HEADINGS */
h2 {
  font-size:100%;
  color:#666;
  font-weight:bold;
  margin:0 0 0 0;
}

h3 {
  font-size:100%;
  color:#9a9a9b;
  font-weight:bold;
  margin:0 0 0 0;
}

h6 {
  font-size:85%;
  margin:0;
  font-weight:normal;
}

ul, ol {
  margin: 0;
  padding-bottom: 1em;
}

pre {
  background-color:#eee;
  padding:5px;
  margin:0 0 1em 0;
}

/*--------------------------------- LAYOUT -----------------------------------------------*/
#wrapper {
  margin: 10px auto 0 auto;
  position: relative; 
	width: 700px;  
  text-align:left;
  background: url(../../images/theme/bck_block_white.gif) top left no-repeat;
}

#wrapperLeft {
  float:left; 
  width:558px; 
  margin-right:10px; 
  display:inline;
}

#wrapperRight {
  float:left;
}

.block1 {
  margin: 10px 0 0 0;
  width: 558px;
  background:#fff;
}
.block1Bottom {
  width: 558px;
  height:9px;
  background: url(../../images/theme/bck_block_white_bottom.gif) bottom no-repeat;
}

.block2Top {
  margin: 10px 0 0 0;
  width: 558px;
  height:9px;
  background: url(../../images/theme/bck_block_grey.gif) top no-repeat;
}

.block2 {
  padding: 10px 10px 0 10px;
  background:#F4F4F4;
  width: 558px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 538px;
}

.block2Bottom {
  margin: 0 0 10px 0;
  width: 558px;
  height:9px;
  background: url(../../images/theme/bck_block_grey_bottom.gif) bottom no-repeat;
}

.block2 p {
  font-size:85%;
}

.block2 p.quote {
  color:#666;
}

/* =BOXES */
.redbox {
  width:132px;
  height:200px;
  margin-top: 92px;
  background-repeat:no-repeat;
}

.redbox h2, .redbox p {
  display:none;
}

.whitebox {
  width:132px;
  height:155px;
  margin-top: 10px;
  background-repeat:no-repeat;
}

.whitebox h2, .whitebox p {
  display:none;
}


/* =MENU */
#menus {
  border-bottom:2px solid #CE0000;
}

#mainMenu {
  height: 20px;
  margin-left:10px;
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
	margin: 0; 
	padding: 0;
  list-style-type: none;
	display: inline;
  float: left;
}

#mainMenu a {
  display:block;
  text-align: center;
  font-size:12px;
  color:#000;
  text-decoration:none;
	background-image: url(../../images/theme/menu_en.gif);
	overflow: hidden;
  padding-top:4px;
  height:20px;
  voice-family: "\"}\""; 
  voice-family:inherit;  
  height:16px;
}

#mainMenu a:hover, #mainMenu a.selected {
  color:#fff;
}

#blogs a {
	background-position: 0 0;
	width: 86px;
}
#blogs a.selected, #blogs a:hover {
  background-position: 0 20px;
}
#goodies a {
	background-position: -86px 0;
	width: 75px;
}
#goodies a.selected, #goodies a:hover {
  background-position: -86px 20px;
}
#links a {
	background-position: -161px 0;
	width: 60px;
}
#links a.selected, #links a:hover {
  background-position: -161px 20px;
}
#about a {
	background-position: -221px 0;
	width: 66px;
}
#about a.selected, #about a:hover {
  background-position: -221px 20px;
}
#trasa a {
	background-position: -221px 0;
	width: 66px;
}
#trasa a.selected, #trasa a:hover {
  background-position: -221px 20px;
}


/* =availableLangs */
ul#availableLangs {
  float:right;
  margin:0;
  padding:0;
  margin-right:10px;
  list-style:none;
  padding-top:4px;
  height:16px;
}

ul#availableLangs li {
  list-style-type:none;
  margin:0 0px 0 10px;
  padding:0;
  float:left;
  font-size:12px;
}

#availableLangs a {
  text-decoration:none;
}

#availableLangs .selected {
  font-weight:bold;
}


/* =LOGO */

#logo {
  padding:10px 10px 8px 0px;
}

/* =t1 */
.t1 {
  padding: 0 10px;
  margin:10px 0 0 0;
}


/* =t2 */
.t2 {
  width:538px;
}

.t2Column1 {
  display:inline;
  float:left;
  width: 127px;
  margin-right:10px;
}

.t2Column2 h2 {
  margin:0;
}

.t2Column1Thumbnail {
  margin: 2px 0 0 10px;
}

.t2Column2 {
  display:inline;
  float:left;
  width: 401px;
  font-size:85%;
}

/* =t3 */
.t3 {
  width:538px;
}

.t3Column1 {
  display:inline;
  float:left;
  width: 264px;
  margin: 0 10px 10px 0;
}

.t3Column2 {
  display:inline;
  float:left;
  width: 264px;
  margin: 0 0px 10px 0;
}

.t3 h2 {
  margin:0;
  padding:0;
}

.t3ColumnCell1 {
  display:inline;
  float:left;
  width:46px;
  margin-right: 10px;
  margin-left: 10px;
}

.t3ColumnCell2 {
  display:inline;
  float:left;
  width:198px;
}

.t3ColumnCell2 p {
  font-size:85%;
}

/* =t4 */
.t4 {
  width:538px;
}

.t4Column1 {
  display:inline;
  float:left;
  width:46px;
  margin: 2px 20px 1em 10px;
}

.t4Column2 {
  display:inline;
  float:left;
  width: 462px;
  margin: 0 0 1em 0;
}

.t4 h2 {
  margin:0;
  padding:0;
}

/* */

#footer {
  /*border: 1px solid #f00;*/
  text-align: left;
  padding: 0px 23px 1em 15px;
  font-size: 85%;
}

.navigationPath {
  font-size: 85%;
  text-align:left;
  margin: 1em 0;
  padding: 2px 16px;
  background-color: #eee;
}

/*--------------------------------- Submenu -----------------------------------------------*/
.submenu {
  margin: 4px 10px 6px 10px;
}

.submenu ul {
  height:16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.submenu li {
	margin: 0 15px 0 0; 
	padding: 0;
  list-style-type: none;
	display: inline;
  float: left;
}

.submenu li a {
  text-decoration: none;
  color: #000;
  font-size:12px;
}

.submenu a.selected, .submenu li a:hover {
  color: #CE0000;
}

/*--------------------------------- Right column -----------------------------------------------*/
.rightColumn {
  margin-right: 13px;
  margin: 0 13px 0 20px;
}

/*--------------------------------- Main Content -----------------------------------------------*/
table.data {
  border:1px solid #ddd;
  margin-bottom: 1em;
}

table.data td {
  background-color: #eee;
  padding: 3px;
}

table.data th {
  background-color: #eee;
  font-weight: bold;
}


/*--------------------------------- Layouts -----------------------------------------------*/
.homeTwoColumns {
  text-align: left;
  padding: 0px 12px 0 23px;
}

.homeTwoColumnsLeft {
  float: left;
  width: 437px;
  /*border: 1px solid #f00;*/
}

.homeTwoColumnsLeft h1 {
  font-size: 120%;
	margin: 1em 2px 0 0;
  color: #000;
}

.threeColumns {
  text-align: left;
}

.threeColumnsLeft {
  width: 174px;
  float:left;
}

.threeColumnsContent {
  width: 350px;
  float:left;
}

.threeColumnsRight {
  width: 174px;
  float:left;
  text-align:right;
}

/*--------------------------------- GETTERS / SETTERS -----------------------------------------------*/

.homeTwoColumnsRight {
  float: right;
  /*border: 1px solid #f00;*/
}

/*--------------------------------- GETTERS / SETTERS -----------------------------------------------*/

.twoColumns {
  text-align: left;
}

.twoColumnsLeft {
  width: 174px;
  float:left;
}

.twoColumnsContent {
  width: 524px;
  float:left;
}

/*--------------------------------- Form -----------------------------------------------*/

.formFieldTextSpan {
  width: 518px;
}

.formFieldTextareaSpan {
  width: 518px;
  height: 120px;
}

.form {
  margin:0;
  padding:0;
}

.formTable {
  background:#eee;
}

.formTable td {
  vertical-align: top;
  margin:0;
  padding:5px;
  border-spacing:0;
}


.formError {
  font-weight: bold;
  padding-bottom: 1em;
  color:#c00;
}

.robi {
  font-weight: bold;
  padding-bottom: 1em;
  color:#06F;
}

.formFieldTitle {
  color: #000;
}

.formFieldTitleObligatory {
  color: #000;
  font-weight:bold;
}

.formFieldDescription {
  font-size: 80%;
}

.formFieldError {
  color: #c00;
  font-size: 80%;
}

/* =buttons */

ul.buttons {
  margin:0 0 6px 0;
  padding:0;
  list-style: none;
  width:100%;
}

ul.buttons li {
  margin:0;
  padding:0;
  list-style-type:none;
  float:left;
  margin-right:10px;
}

ul.buttons li.last {
  margin-right:0;
}

ul.buttons li a {
  margin:0;
  width:162px;
  display:block;
  position:relative;
  background:#eee url(../../images/theme/bigButton.html) no-repeat;
  height:100px;
  padding: 5px;
  text-decoration:none;
  color:#000;
  font-size:85%;
}

ul.buttons a:hover {
  background:#CE0000 url(../../images/theme/bigButton_o.html) no-repeat;
  color:#fff;
  text-decoration:none;
}

ul.buttons .title {
  font-weight:bold;
  text-decoration:underline;
}

ul.buttons .description {
  font-weight:normal;
  text-decoration:none;
}

ul.buttons .link {
  position:absolute;
  text-align:right;
  right:5px;
  bottom:5px;
}

/* =hButtons */
ul.hButtons {
  margin:0;
  padding:0;
  list-style: none;
}

ul.hButtons li {
  margin:4px 0 10px 10px;
  padding:0;
  list-style-type:none;
  float:left;
}

ul.hButtons li.first {
  margin-left:0;
}

ul.hButtons li a {
  position:relative;
  display:block;
  margin:0;
  width:254px;
  height:14px;
  font-size:12px;
  background:#e5e5e5 url(../../images/theme/button.html) no-repeat;
  padding: 5px;
  color:#000;
  font-size:85%;
  text-align:center;
  font-weight:bold;
}

ul.hButtons li a:hover {
  background:#CE0000 url(../../images/theme/button_o.html) no-repeat;
  color:#fff;
}

/* =blogComment */
.blogComment {
  background: url(../../images/theme/bck_comment_1.html) no-repeat;
  padding:5px;
}
.blogCommentBottom {
  background: url(../../images/theme/bck_comment_2.html) no-repeat;
  height:10px;
  margin-bottom:1em;
}

/* */
.sidebar-node {
  margin-top:30px;
  width:132px;
  background: url(../../images/theme/sidebar-node-bottom.gif) bottom left no-repeat;
  position:relative;
  padding-bottom:10px;
}

.sidebar-node a {
  color:#333;
}

.sidebar-node p {
  padding:0 5px;
  font-size:11px;
}

.sidebar-node ul {
  margin:0 0px;
  padding:0;
}

.sidebar-node ul li {
  padding:0 5px 0 0px;
  margin:0 0 0 20px;
  font-size:11px;
}

.sidebar-node h3 {
  position:absolute;
  background: url(../../images/theme/sidebar-node-top.gif) top left no-repeat;
  margin-top:-20px;
  height:17px;
  padding:3px 5px 0 5px;
  width:132px;
  voice-family: "\"}\""; 
  voice-family:inherit;  
  width:122px;
  color:#333;
}

 /*+-------------------------------------------+
  |   			      COMMENTS						         |
  +-------------------------------------------+*/
  .comment-list li, #preview {
  	background: #eee;
  	padding: 5px;
  	margin-bottom: 8px;
  	color: #555;
  	clear: right;
  	min-height: 60px;
  	}
  	
  .gravatar {
  	float: right;
  	padding: 0 5px;
  	}
    
#categories li em, #archives li em
{
  color: #CE5151;
}

/* Syntax highlighting */
.typocode_ruby .normal {}
.typocode_ruby .comment { color: #005; font-style: italic; }
.typocode_ruby .keyword { color: #A00; font-weight: bold; }
.typocode_ruby .method { color: #077; }
.typocode_ruby .class { color: #074; }
.typocode_ruby .module { color: #050; }
.typocode_ruby .punct { color: #447; font-weight: bold; }
.typocode_ruby .symbol { color: #099; }
.typocode_ruby .string { color: #944; background: #FFE; }
.typocode_ruby .char { color: #F07; }
.typocode_ruby .ident { color: #004; }
.typocode_ruby .constant { color: #07F; }
.typocode_ruby .regex { color: #B66; background: #FEF; }
.typocode_ruby .number { color: #F99; }
.typocode_ruby .attribute { color: #7BB; }
.typocode_ruby .global { color: #7FB; }
.typocode_ruby .expr { color: #227; }
.typocode_ruby .escape { color: #277; }
.typocode_xml .normal {}
.typocode_xml .namespace { color: #B66; font-weight: bold; }
.typocode_xml .tag { color: #F88; }
.typocode_xml .comment { color: #005; font-style: italic; }
.typocode_xml .punct { color: #447; font-weight: bold; }
.typocode_xml .string { color: #944; }
.typocode_xml .number { color: #F99; }
.typocode_xml .attribute { color: #BB7; }
.typocode_yaml .normal {}
.typocode_yaml .document { font-weight: bold; color: #07F; }
.typocode_yaml .type { font-weight: bold; color: #05C; }
.typocode_yaml .key { color: #F88; }
.typocode_yaml .comment { color: #005; font-style: italic; }
.typocode_yaml .punct { color: #447; font-weight: bold; }
.typocode_yaml .string { color: #944; }
.typocode_yaml .number { color: #F99; }
.typocode_yaml .time { color: #F99; }
.typocode_yaml .date { color: #F99; }
.typocode_yaml .ref { color: #944; }
.typocode_yaml .anchor { color: #944; }

.typocode {
  background-color:#eee;
  padding:2px;
  margin:5px;
  margin-left:1em;
  margin-bottom:1em;
}

.typocode pre {
  padding: 0px;
  margin: 0px;
  background: transparent;
  font-family: monospace;
  overflow:auto;
}


.typocode .lineno {
  text-align: right;
/*  color: #B00;*/
  font-family: monospace;
  padding-right: 1em;
}

code {
  font-size:120%;
}

 /*+-------------------------------------------+
   |   		          	TAGLIST 						         |
   +-------------------------------------------+*/

ul#taglist li {
	display: inline;
	line-height: 2em;
}

.tags .tags0  { font-size: 11px; }
.tags .tags1  { font-size: 12px; }
.tags .tags2  { font-size: 13px; }
.tags .tags3  { font-size: 14px; }
.tags .tags4  { font-size: 14px; }
.tags .tags5  { font-size: 14px; }
.tags .tags6  { font-size: 14px; }
.tags .tags7  { font-size: 14px; }
.tags .tags8  { font-size: 15px; }
.tags .tags9  { font-size: 15px; }
.tags .tags10 { font-size: 15px; }    

 #errors {
   color: red;
 }
 
.admintools {
  float: right;
  background-color: #fff;
  font-size: smaller;
  padding: 0 2px;
  margin: 0 1px;
  color: #ccc;
  border: 1px solid #ccc;
}

.admintools:hover {
  color: #c00;
  border: 1px solid #c00;
}


/*+-------------------------------------------+
  |   			POST 						                  |
  +-------------------------------------------+*/
  .post {
	padding-bottom: 5px;
	}
	
  p.meta {
  	font-size: 75%;
    text-align: right;
    border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	}
  
  p.meta a {
  }
	
 p.auth {
 	padding: 0 0 0 12px;
	font-size: 85%;
	margin-left: 10px;
	color: #9a9a9b;
	background: url(../../images/theme/bracket.gif) no-repeat;
	}
  
 h4.blueblk {
 	background: #eee;
 	padding: 5px;
 	margin: 10px 0;
 	}  
  
  postmetadata {
    padding:0 0 0.5em 0;
    margin:0;
  }
  
 /*+-------------------------------------------+
   |   			       FORMS 						           |
   +-------------------------------------------+*/
   
 input, textarea, select {
 	border: 1px solid #ccc;
 	background: #eee;
 	}
 	
 	.frm-tbl td { vertical-align: top; padding: 5px; }
 	td#frm-btns { text-align: right; }
 	
 	#comment_body { height: 220px; }
 	#form-submit-button { background: #ddd; }  
  
/* */
.powered img {
  margin-top:5px;
}

