/*
Theme Name: OWL SPOT
Theme URI: http://www.owlgraphic.com
Description: Bartosz Wojciechowski Blog Temlpate
Version: 1.6
Author: Bartosz Wojciechowski
Author URI: http://owlgraphic.com/
Tags: two columns, blue, orange, cloudy, fixed width, 


	This theme was designed and built by Bartosz Wojciechowski,
	whose blog you will find at http://www.owlgraphic.com/

*/

body{
	font-size: 100%;
	vertical-align: baseline;
	line-height: 1.25;
}
/*////////// TYPOGRAPHY //////////*/
h1, h2, h3, h4, h5, h6 {
	font-family:  Georgia, 'Hoefler Text', 'Times New Roman', Times, serif;
	font-weight: normal;
}
h1 {
	font-size: 2em;
	padding-bottom: 0.5em !important; 
	color: #F7931E;
}
h2 {
	font-size: 1.5em;
	margin-bottom: 0.4167em !important;
	border-bottom: #BEBEBE solid 1px !important;
	color: #A6A6A6;
	line-height: 1.875;
	font-style:  italic;
}
h3 {
	font-size: 1.5em;
	margin-bottom: 0.4167em !important;
	border-bottom: #BEBEBE solid 1px !important;
	color: #A6A6A6;
	line-height: 1.875;
	font-style:  italic;
}
h4 {
	font-size: 1em;
	color: #A6A6A6;
	font-style:  italic;
	margin-top: 0.5em !important;
}
.comment_info h5 {
	font-size: 1em;
	color: #305566;
}
.comment_info .url {
	text-decoration: underline;
}
#komenty  a{
	color: #305566 !important;	
}
#komenty .error {
	float: left;
}
#komenty .form_right .error {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#komenty h6 {
	font-size: 1.5em;
	padding-top: 10px !important;
	color: #A6A6A6;
	line-height: 40px;
	font-style:  italic;
	font-family:  'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; 
}
p {
	font-family: 'Hoefler text','Times New Roman', Georgia,  Times, serif;
	color: #565656;
	font-size: 1em;
	
}

.info p, .info_excerpt p {
	font-family:  'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; 
	font-size: 0.75em;
	line-height: 1.675;
	text-align: right;
	color: #F7931E;
	padding-bottom: 0px !important;
}
.tagged{
	font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif; 
	font-size: 0.75em;	
	color: #999999;
	padding-top: 20px !important;
	padding-bottom: 14px;
	border-bottom: #F7931E 1px solid;
	margin-bottom: 0.75em;
	
	width: 540px;
	line-height: 20px;
}
.tagged a {
	color: #F7931E;
	text-decoration: none;
	overflow:  hidden;
}
.tagged a:hover {
	color: #87D6F5;
}
a {
	color: inherit;
}
a:hover {
	color: #87D6F5;
}
b {
	background-color: #FDEB9F !important; 
	font-weight: 300;
}
#sidebar li ul  {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif; 
	font-size: 0.75em;	
	color: #A6A6A6;
	line-height: 1.667;
	padding-top: 0px;
	padding-bottom: 2em;
}
#sidebar li ul li{
	background-image: url('images/arrow.jpg');
	background-repeat: no-repeat;
	background-position:  .4em;
	padding-left: 1.2em;
}
#sidebar li {
	list-style: none;
}
#sidebar li div{
	font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif; 
	font-size: 0.75em;	
	color: #A6A6A6;
	line-height: 1.667;
	padding-top: 0px;
	padding-bottom: 2em;	
}
#sidebar #about ul li {
	list-style: none !important;
	background: none !important;
	padding-left: 0px !important;
	
}

#aboutme {
	list-style: none;
}
#sidebar a {
	color: #65CDF6;
}
#sidebar a:hover {
	color: #F7931E;
}
.comment_text p {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif; 
	padding-left: 20px;
	padding-right: 10px;
	color: #305566;
	font-size: 0.75em;
	line-height: 20px;
}
.comment_info em {
	margin-top: 10px !important;
	font-size: 0.75em;
	color: #5393AE;
}

h1 a {
	color: #F7931E;
}
h1 a:hover {
	color: #87D6F5 !important;
}
#post_container a{
	color: #F7931E;
}
#post_container a:hover {
		color: #87D6F5 ;
	
}
#post_container strong {
	font-weight: 600;
}
blockquote p{
margin: 1.25em 40px 20px 40px !important;
text-align: center;
background-color: #FFF2E6;
width: auto; height: auto;
border: 1px solid #E8E3DE;
color: #515151;
padding: 20px 20px 18px 20px;
}

#post_container h5{
	font-size: 0.75em;
	line-height: 20px;
	color: #545454;
}
#post_container h4{
	line-height: 1.25em;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 0px !important;
	font-size: 1em;
	font-style:  normal;
	color: #545454;
}
#post_container h4:first-letter {
	line-height: 40px;
	font-size: 3em;
	float: left;
	padding-right: 10px;
	color: black;
}
#post_container h3 {
	font-size: 1.25em;
	line-height: 20px !important;
	border: none !important;
	padding-top: 17px !important;
	margin-bottom: 23px !important;
	color: black;
	font-style:  normal !important;
}
#post_container h2 {
	font-size: 1.5em;
	line-height: 30px;
	border: none !important;
	padding-top: 30px !important;
	margin-bottom: 20px !important;
	color: black;
	font-style:  normal !important;
}



.content_area li {
	margin-left: 30px;
	list-style:  disc;
	color: #565656;
}
.content_area ol li{
	list-style: decimal;
}
.content_area ul, .content_area ol{
	margin: 20px;
}
/*//////////////////// HEAD ////////////////////*/

#wrapper {
	background: url('images/header_back1.jpg') top repeat-x;
}
#wrapper2 {
	background: url('images/header_back2.jpg') top repeat-x;
}
#header {
	height: 450px;
	background: url('images/top4.png') no-repeat;
	background-position: top center;
	margin-left: auto;
	margin-right: auto;
}
#header2 {
	height: 167px;
	background: url('images/top3.png') no-repeat;
	background-position: top center;
	margin-left: auto;
	margin-right: auto;
}
#logo {
	text-indent: -9999px;
	display:block
}
#rss a {
	height: 40px;
	width: 70px;
	position: absolute;
	top: -150px;
	right: 230px;
	cursor:  pointer;
}
/* CONTENT ////////////////////*/
#container {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding-top: 10px;
	background: url('images/line.jpg');
	background-color: white;
}
#headerclick a{
	position: absolute;
	width: 430px;
	height: 100px;
	top: -430px;
	left: 230px;
}
#post_container {
	display: inline-block;
	float: left;
	margin-bottom: 40px;
}
.post {
	width: 650px;
	margin-bottom: 1.25em;
}
.info {
	width: 80px;
	margin-right: 10px;
	margin-top: 55px;
	float: left;
}
.comment_cloud {
	float: right;
	text-align: center;
	padding-bottom: 6px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 3px;
	background: url('images/comment.jpg') no-repeat center;
	overflow:  visible;
}
.comment_cloud p{
	color: white;
	padding: 0px !important;
}
.content_area {
	width: 540px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.content_area p img {
	margin: 20px 20px;
}
.content_area p img:hover {
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.6);
}
a img.alignnone {
	padding: 20px 0  !important;
}
img.alignright {float:right; }
img.alignleft {float:left; }
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
a img.alignright {float:right; }
a img.alignleft {float:left; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
/*  excerpt_content////////////////////*/
.info_excerpt {
	width: 80px;
	margin-right: 10px;
	margin-top: 16px;
	float: left;
}
.excerpt_content {
	width: 370px;
	float: right;
	min-height: 100px;
}
.thumb{
	display: block;
	margin-right: 20px !important;
	float: left;
	border: 1px solid #E6E6E6;
	padding: 2px !important;
	margin-top: 8px !important;
}
.title {
	width: 370px;
	float: right;
}
/* //////////////////// SIDEBAR////////////////////*/
#sidebar {
	width: 220px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	margin-top: -1px;
}
#sidebar #search_bar {
	background-color: white;
	border: none;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	position: absolute;
	top: -23px;
	color: #F7931E;
}
#sidebar #search_submit {
	background-color: white;
	border: none;
	margin: 0;
	padding: 0;
	color: #65CDF6;
	cursor: pointer;
	font-size: 0.75em;
	position: absolute;
	top: -24px;
	left: 90px;
}
#sidebar #search_submit:hover {
	text-decoration: underline;
}
#sidebar #search{
}
/*//////////////////// WIDGETS ////////////////////*/
.widget_tag_cloud {
	height: 180px;	
}
.widget_calendar td{
	padding-right: 5px;
}
.widget_tag_cloud {
	max-height: 200px;
}
/*//////////////////// EXTRA STUFF ////////////////////*/
#fx {
	width: 10px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
}
.snieg {
	position: relative;
	top: -73px;
	left: -275px;
	width: 50px;
	height: 50px;
	z-index: 10;
}
.home_icon {
	position: relative;
	top: -185px;
	left: -268px;
	width: 107px;
	height: 89px;
	z-index: 1;
	background: url('images/home.png') no-repeat;
}
.home_button a {
	display: block;
	position: relative;
	top: -265px;
	left: -265px;
	width: 100px;
	height: 69px;
	z-index: 11;
}
.eyes_button{
	display: block;
	position: relative;
	top: -345px;
	left: -430px;
	width: 95px;
	height: 100px;
	z-index: 13;
	cursor:  default;
}
.eyes{
	position: relative;
	top: -415px;
	left: -397px;
	width: 95px;
	z-index: 12;
}
.eyes_index {
	position: relative;
	top: -132px;
	left: -208px;
	width: 95px;
	z-index: 15;
}
/* COMMENT FORM ////////////////////*/
#komenty {
	margin-top: 1em;
	width: 540px;
	margin-left: 100px;
}
#commentlist {
	padding-top: 0px;
	padding-bottom: 10px;
}
#commentlist li {
	margin-top: 10px;
	background: url('images/comment_top.png') top no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
}
.comment_bottom{
	background: url('images/comment_bottom.png') bottom no-repeat;
	height: 10px;
	display: block;
	width: 540px;
	position: relative;
}
.comment_back {
	background: url('images/comment_middle.png') top repeat-y;
	display: block;
	overflow:  auto;
	min-height: 60px;
}
.comment_arrow {
	background: url('images/comment_arrow.png') top no-repeat;
	top: 10px;
	left: 80px;
	width: 30px;
	height: 30px;
	position: absolute;
}
.comment_text{
	margin-top: 1em;
	margin-bottom: 1.5em;
	width: 390px;
	display: block;
	float: left;
	word-wrap: break-word;
	table-layout:  fixed;
}
.comment_info {
	width: 125px;
	padding-right:10px;
	float: right;
	padding-bottom: 10px;
	word-wrap: break-word;
	table-layout:  fixed;
}
/*STYLING FORM*/
.form_left{
	width: 380px;
	float: left;
	margin-top: 13px;
	position:  relative;
}
.textarea_background {
	width: 380px;
	background: url('images/comment_textarea.png') left no-repeat;
}
.form_left TEXTAREA {
	font-size: 0.75em;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif; 
	color: #305566;
	line-height: 1.675;
}
.form_left #comment {
	border: none;
	width: 352px;
	height: 130px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
	overflow: auto;
    resize: none;
}
.form_left em {
	color: #A6A6A6;
	display:  block;
	font-size: 0.75em;
	margin-top: 2px;
	line-height: 20px;
	font-style:  normal;
	background: url('images/form_star.png') left no-repeat;
	padding-left: 15px;
}
.form_right{
	width: 150px;
	float: right;
	margin-top: 15px;
}
.form_right i{
	color: #A6A6A6;
	display:  block;
	font-size: 1em;
	font-style:  normal;
}
.form_right small{
	color: #A6A6A6;
	margin-left: 10px;
	line-height: 0.5;	
}
.form_right p {
	line-height: 1 !important;
}

#author, #email, #url {
padding-left: 10px;
padding-right: 25px;
border: none;
height: 17px;
width: 115px;
}
#author, #email {
	background: url('images/form_name.png') left no-repeat;
}
#url {
	background: url('images/form_name_empty.png') left no-repeat;
}
#komenty input[type=text] { 
padding-top: 5px !important;
color: #57B2D3;
}
.form_submit {
	position: absolute;
	left: 390px;
	top: 125px;
}
.form_submit #submit{
	background: none;
	border: none;
	background: url('images/form_submit_sprite.png') no-repeat;
	background-position: 0px 0px;
	height: 48px;
	width: 78px;
	cursor:  pointer;
}
#submit:active, #submit:hover, #submit:focus{
		background: url('images/form_submit_sprite.png') no-repeat;
		background-position: 0px -50px;
		
}
/*FOOTER////////////////////*/
#footer {
	margin-top: 40px;
	background: #E9F9FF url('images/footer_back.png') bottom no-repeat;
}
#footer_inside {
	width: 800px;
	margin: 0 auto;
	padding: 15px 10px 0 10px;
	font-family:  'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; 
	color: #999999;
	border-bottom: #487F99 1px dashed !important;
}
#footer_inside .most_recent li {
	display: block;
	float: left;
	width: 246px;
	font-size: 0.75em;
	margin: 5px 5px;
	padding: 5px 5px;
	background-color: #E1F0F6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#footer_inside .most_recent li:hover {
	background-color: #FFFFFF;
}
#footer_inside .most_recent li img {
	float: left;
	margin-right: 10px;
	border: 1px #F4FBFE solid;
}
#footer h3{
	font-size: 1.25em;
	margin-bottom: 0.4167em !important;
	border-bottom: #487F99 1px dashed !important;
	color: #305566;
	line-height: 1.875;
	font-style:  normal !important;
	text-align: center;
}
#footer a {
	color: #305566;
}
#footer a:hover {
	color: black;
}
#footer_lists {
	overflow: auto;
	padding-top: 20px;
	padding-bottom: 10px;
}
.footer_bonki{
	padding: 0px;
	width: 240px;
	display: block;
	margin: 0px 13px 20px 13px;
	text-align: center;
}
.footer_bonki.left {
	float: left;
}
.footer_bonki.right {
	float: left;
}
#about_footer p{
	font-family:  'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; 
	font-size: 0.75em !important;
	padding: 2px 0;
	color: #305566;
}
#footer_lists ul li{
font-family:  'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; 
font-size: 0.75em !important;
padding: 1px 0;
margin: 1px;
}
#footer_info {
margin: 0 auto;
font-size: 0.65em;
font-family:  'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; 
color: #305566;
text-align: center;
height: 20px;
padding-top: 10px;
width: 900px;
}
/* PAGING ////////////////////*/
.navi {
	width: 540px;
	float: right;
	font-size: 1.25em;
	margin-right: 10px;
	position:  relative;
	color: #A6A6A6 !important;
	margin-top: -10px;
	font-family:  'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; 
}
.navi .prev a{
margin-left: 230px;
padding: 3px 3px;
float: left;
font-size: 11px;
font-family: Arial;
text-align: center ;
display: block;
color: #333;
border: 1px solid #bfbfbf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-bottom: 3px;
}
.navi .next a{
margin-right: 230px;
padding: 3px 3px;
float: right;
font-size: 11px;
font-family: Arial;
text-align: center;
color: #333;
border: 1px solid #bfbfbf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-bottom: 3px;
	
}
.navi a {
	color: #A6A6A6 !important;
}
.navi a:hover {
	color: #F7931E !important;
}
#wp_page_numbers {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	background: white;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 11px;
	font-family: Arial;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
	margin-bottom: 2px;
}
#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	display: block;
	color: #333;
	border: 1px solid #bfbfbf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#wp_page_numbers li a:hover {
	border-color: #FA921F;
}

#wp_page_numbers li.space {
	padding: 6px;
	padding-left: 2px;
	padding-right: 2px;
}
#wp_page_numbers li.first_last_page {
	font-style: italic;
}
#wp_page_numbers li.active_page a {
	border-color: #0075b8;
}
#wp_page_numbers li.active_page a:hover  {
	color: black; /* IE fix */
	text-decoration: underline;
	border-color: #FA921F;
}
#wp_page_numbers li.page_info {
	float: left;
	display: block;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	color: #666;
	font-size: 11px;
	border: 1px solid #bfbfbf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
