/*
Theme Name: Guido
Theme URI: http://gjaworek.pl/
Description: Guido
Version: 1.0
Author: Grzegorz Jaworek
Email: grzegorz.jaworek@gmail.com
Phone: (+48) 696 818 300
Text Domain: kubrick
*/

/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a, button, object{ text-decoration: none; outline: none; color: #333;}
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
textarea, .text { border-color: #3d2f1b;}
	  
/*Layout

------------------------------------------------------------------------- */

body { background: #fff; font: 12px Verdana,Arial,Helvetica,sans-serif; color: #000;}

#top, #head, #content , #footer{ width: 937px; margin: 0 auto; clear: both;}

/* Top

------------------------------------------------------------------------- */
#top { position: relative;}
h1 { position: relative; clear: both; height: 62px; padding: 20px 0 0; color: #cfcfcf; font: bold 26px/62px Verdana; letter-spacing: -2px; overflow: hidden;}
h1 a { float: left; width: 123px; height: 62px; text-indent: -9999px; background: url(images/guido.png) 0 0 no-repeat; margin-right: 20px; }
h2 { font-size: 30px; font-weight: normal; font-family: Georgia; color: #333; margin: 20px 0 0; padding: 0 0 10px;}
h2 a {color: #333;}
h3 { clear: both; color: #c0c0c0; border-bottom: 1px solid #c0c0c0; font: bold 24px "Arial Black"; letter-spacing: 0px;}
h3 a {color: #c0c0c0;}
#menu { float: left; width: 795px; margin: 15px 0 0 -15px; display: inline;}
h4 { font-size: 18px; font-weight: normal; color: #C0C0C0; margin: 20px 0 0; padding: 0 0 10px;}
h4 a {color: #C0C0C0;}
h5 { font: 10px Verdana; font-weight: normal; color: #C0C0C0; margin: 20px 0 0; padding: 0 0 10px;}
h5 a {color: #C0C0C0;}
#menu li { float: left; margin-left: 15px; display: inline; padding: 0 0 10px; letter-spacing: 1px;}
#menu a { float: left; font: bold 14px Verdana; color: #333; border-bottom: 1px solid #fff;}
#menu .current_page_item a, #menu a:hover { text-decoration: none; border-bottom-color: #993300;}
.searchform { float: right; margin: 10px 0 0; width: 155px; }
.searchform .s { border: 1px solid #3d2f1b; background: none; width: 79px; padding: 2px 6px 3px; float: left; color: #3d2f1b; }
.searchform .searchsubmit { float: right; width: 58px; height: 23px; border: 1px solid #993300; background: none; cursor: pointer; text-decoration: none; text-align: center; font: 12px Verdana; color: #993300; padding: 1px 0 4px;}
.searchform .searchsubmit:hover {border-color: #000; text-decoration: none;}
.simpleimage, .simpleimage img { float: left;}
.slider { width: 381px; height: 286px; position: absolute; top: 144px; left: 490px; float: 

left; overflow: hidden; text-align: center;}
.slider .simpleimage { width: 381px; text-align: center;}
.slider .simpleimage img { float: none; height: 286px; margin: 0 auto;}

/* Content

------------------------------------------------------------------------- */
#content { padding: 0 0 50px;}
#wrapper { float: right; width: 752px; display: inline;}
.content { float: left; width: 465px; display: inline;}
.content h3 {margin: 15px 0 0; padding: 0 0 5px; float: left; width: 450px; letter-spacing: -1px;}
.post { clear: both; float: left; width: 100%; padding: 0 0 30px;}
.post p { padding: 8px 0; letter-spacing: 1px;}
.entry, .entry p { font: 14px Verdana; letter-spacing: 0; color: #000;}
.entry img { border: 1px solid #000000;}
.entry img, .entry img.alignleft { float: left; margin: 10px 10px 0 0; }
.entry img.alignright { float: left; margin: 10px 0 0 10px; }
.post img { border: 1px solid #000000;}
.post img, .post img.alignleft { float: left; margin: 10px 10px 0 0; }
.post img.alignright { float: left; margin: 10px 0 0 10px; }
.page img { border: 1px solid #000000;}
.page img, .page img.alignleft { float: left; margin: 10px 10px 0 0; }
.page img.alignright { float: left; margin: 10px 0 0 10px; }
.postmetadata { line-height: 10px; font-size: 10px; padding: 0; color: #ccc;}
.postmetadata a { color: #ccc; margin: 0;}
.post .postmetadata, .page .postmetadata, .entry .postmetadata, .post small, .page small, .entry small { color: #ccc; line-height: 10px!important; letter-spacing: 0!important; height: auto!important; margin-top: -8px;}

.sidebar-right { float: right; width: 272px; display: inline; margin: -324px 0 0; position: relative;}
.sidebar-right h3 { margin: 15px 0 0; padding: 0 0 5px; float: left; width: 242px; display: inline; letter-spacing: -1px;}
.video { float: left; width: 272px; overflow: hidden;}
#sociable { float: left; clear: both; position: relative; z-index: 2; width: 100%;}
#sociable li { float: left;}
#sociable a { float: left; height: 62px; width: 62px; background: 0 0 no-repeat; margin-left: 6px;}
#sociable a.ico-facebook { background-image: url(images/ico-facebook.png);}
#sociable a.ico-grono { background-image: url(images/ico-grono.png);}
#sociable a.ico-blip { background-image: url(images/ico-blip.png);}
#sociable a.ico-twitter { background-image: url(images/ico-twitter.png); margin-right: 0;}
#newsletter { float: left; position: relative; z-index: 1; width: 100%; margin: 0; padding: 0 0 15px;}
#newsletter  h3 { border: 0; margin-top: 15px;}
#newsletter label { display: block; clear: both; font: 10px Verdana; color: #737373; margin: 0px 0 0; line-height: 14px;}
#newsletter .text { border: 1px solid #3d2f1b; background: none; width: 179px; padding: 2px 6px 3px; float: left; color: #3d2f1b; }
#newsletter .submit { float: right; width: 73px; height: 23px; border: 1px solid #993300; background: none; cursor: pointer; text-decoration: none; text-align: center; font: 12px Verdana; color: #993300; padding: 1px 0 4px;margin-left: -3px;}
#newsletter .submit:hover {border-color: #333; text-decoration: none;}


.sidebar-left { float: left; width: 170px; display: inline;}
.sidebar-left h3 { margin: 15px 0 0; padding: 0 0 5px; letter-spacing: -1px; float: left; width: 140px; }
.banners { float: left; clear: both; margin-top: 15px; }
.banners .simpleimage img { width: 168px; }
.banners .simpleimage { display: none;}

.category_list { float: left; width: 100%; clear: both; padding: 0 0 15px;}
.category_list li { float: left; width: 90%; clear: both; padding: 0; font-size: 15px; font-weight: bold; color: #808080; margin: 10px 0 0;}
.category_list li li { padding: 0 0 0 10%; }
.category_list li a { float: left; color: #808080;}

.links { float: left; margin: 0 0 0 -10px;}
.links .simpleimage img { width: 125px; height: 125px; margin: 5px 0 5px 10px;}
.links .simpleimage a {float: left; width: 125px; height: 125px; margin: 5px 0 5px 10px;}
.links .simpleimage a img { margin: 0;}

.bookmarks, .tags { clear: both;}
.bookmarks h2, .tags h2  {display: none;} 
.bookmarks a {font-size: 15px; font-weight: bold; color: #808080;}
.tags a {color: #5B5B5B;}

#commentform p { margin: 8px 0 0; clear: both; float: left; width: 100%;}
#author, #url, #email { border: 1px solid #3d2f1b; background: none; width: 200px; padding: 2px 6px 3px; float: left; color: #3d2f1b; margin-right: 10px;}
#comment { border: 1px solid #3d2f1b; background: none; width: 450px; padding: 2px 6px 3px; float: left; color: #3d2f1b; margin: 15px 0 0; }
#submit { float: left; margin: 15px 0 0; height: 23px; border: 1px solid #993300; background: none; cursor: pointer; text-decoration: none; text-align: center; font: 15px Georgia; color: #993300; padding: 1px 0 4px;}
#submit:hover {border-color: #333; text-decoration: none;}

.navigation { margin: 10px 0; clear: both;}
.navigation .alignleft { text-align: left; width: 50%; float: left;}
.navigation .alignright { text-align: right; width: 50%; float: right;}

.stbutton { color: #8c5d53;}

#featured { width: 640px; height: 320px; overflow: hidden;}
#featured .slide { width: 640px; height: 320px; overflow: hidden; position: absolute;}
#featured .slide img { width: 640px; height: 320px; overflow: hidden; position: absolute; top: 0; left: 0;}
#featured .slide-desc  { position: absolute; bottom: 0; left: 0; width: 610px; padding: 15px; overflow: hidden; font-size: 11px; color: #fff;}
#featured .slide-desc .slide-desc-bg {position: absolute; top: 0; left: 0; width: 640px; height: 320px; overflow: hidden; background: url(images/bg.png) 0 0 no-repeat; display: block; z-index: 1;}
#featured .slide-desc a {display: block; color: #fff; position: relative; z-index: 2; margin: 0 0 5px;}
#featured .slide-desc strong { display: block; font-size: 13px;}
#featured .slide-desc a:hover { text-decoration: none;}

/* Footer 

------------------------------------------------------------------------- */
#footer { text-align: center; border-top: 1px solid #c0c0c0; color: #333; padding: 20px 0;}
#footer ul { text-align: center; padding: 0 0 15px;}
#footer li { display: inline; padding: 0 4px;}
#footer a {color: #333;}
#footer .current_page_item a, #footer a:hover { text-decoration: underline;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.hide { display: none; }

#top, #head, #content , #footer{ width: 937px; margin: 0 auto; clear: both;}

/**
 * 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; position: relative; z-index: 9999;}
#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;	}