/*
Theme Name: BlueSider
Theme URI: http://przecinek.com/
Description: Theme for blog.godisapj.com
Author: Piotr Bartkowiak
Version: 0.1
*/

/***** katharsis *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/***** fonts *****/
@font-face { font-family: ImpactOnline; src: url(fonts/impact.ttf) format("opentype"); }  
@font-face { font-family: ArialNarrowOnline; src: url(fonts/arialn.ttf) format("opentype"); }

/***** main *****/
body { margin: 0; padding: 0; cursor: default; background: #000000; }
#maincontainer { width: 100%; float: none; clear: both; background-color: transparent; }
#leftcontainer { width: 75%; float: left; display: block; height: auto; margin: 0; padding: 0 0 20px 0; background-color: #E1DFEE; background-image: url(images/back_mainwhite.png); background-position: top right; background-attachment: scroll; background-repeat: repeat-x; }
#left { width: 70%; float: right; clear: both; }
#ritecontainer { width: 25%; float: left; position: fixed; left: 75%; top: 0%; display: block; height: 100%; margin: 0; padding: 0; background-color: #527eb7; background-image: url(images/back_mainblue.jpg); background-position: top left; background-attachment: fixed; background-repeat: repeat-x; }
#rite { margin: 0; width: 220px; }
#footcontainer { width: 75%; margin: 0; float: left; display: block; padding: 10px 0 15px 0; background: #000000; }
#footer-widget { padding: 0 10px; margin: 0 auto; width: 70%; float: right; clear: both; }
#footer-widget .widget-area { float: left; display: block; width: 23%; padding: 0 1%; color: #666666; }

.clearfix { width: 100%; margin: 0; padding: 0; display: block; clear: both; float: none; height: 0px; }
.alt { background: #F1F0F7; }
.invisible { visibility: hidden; display: none; }

/***** menu *****/
.menumain { margin: 10px 0 0 0px; width: 210px; display: block; clear: both; float: none; font-family: Impact, ImpactOnline, Tahoma, Arial, Helvetica, sans-serif; font-size: 16pt; line-height: 12pt; font-weight: normal; }
.menumain ul li { display: block; padding: 0; width: 210px; float: left; clear: both; }
.menumain ul li a { color: #FFFFFF; background: transparent; text-decoration: none; display: block; width: 200px; padding: 5px; height: auto; }
.menumain ul li a:hover { color: #76A4D3; width: 190px; background: transparent; background-image: url(images/ico_menuarrow_white.png); background-position: left center; background-attachment: scroll; background-repeat: no-repeat; padding: 5px 0 5px 20px; }
.menumain ul li a[title="wishlist"]:hover { color: #76A4D3; width: 190px; background: transparent; background-image: url(images/ico_menuarrow_white_lock.png); background-position: left center; background-attachment: scroll; background-repeat: no-repeat; padding: 5px 0 5px 20px; }
.menumain ul li.current_page_item a { color: #FFFFFF; width: 190px; background: transparent; background-image: url(images/ico_menublock_white.png); background-position: left center; background-attachment: scroll; background-repeat: no-repeat; padding: 5px 0 5px 20px; }
.menumain ul li.current_page_item a[title="wishlist"]:hover { color: #FFFFFF; width: 190px; background: transparent; background-image: url(images/ico_menublock_white_lock.png); background-position: left center; background-attachment: scroll; background-repeat: no-repeat; padding: 5px 0 5px 20px; }

.widget-area { color: #999999; font-family: Tahoma, Arial, Helvetica, sans-serif; font-variant: small-caps; font-size: 8pt; line-height: 10pt; letter-spacing: 0px; }

/***** linki *****/
.itembody p a, .itembody p a:link { padding: 0; border-bottom: 1px dotted transparent; color: #527EB7; display: inline; text-decoration: none; font-weight: bold; }
.itembody p a:hover { padding: 0; border-bottom: 1px solid #527EB7; color: #000000; display: inline; text-decoration: none; }
.itembody p a[href^='http:'][name='txt'], .itembody p a[href^='https:'][name='txt'] { display: inline-block; padding-right: 20px; background: transparent url(images/ico_link.png) center right no-repeat; }
.itembody p a[href$='.pdf'] { display: inline-block; padding-left: 20px; background: transparent url(images/ico_pdf.png) center left no-repeat; }
.itembody p a[href$='.doc'] { display: inline-block; padding-left: 20px; background: transparent url(images/ico_doc.png) center left no-repeat; }
.itembody p a[href$='.rtf'] { display: inline-block; padding-left: 20px; background: transparent url(images/ico_doc.png) center left no-repeat; }
.itembody p a[href$='.xls'] { display: inline-block; padding-left: 20px; background: transparent url(images/ico_xls.png) center left no-repeat; }
.itembody p a[href$='.zip'] { display: inline-block; padding-left: 20px; background: transparent url(images/ico_pack.png) center left no-repeat; }
.itembody p a[href$='.rar'] { display: inline-block; padding-left: 20px; background: transparent url(images/ico_pack.png) center left no-repeat; }
.itembody p a[href$='.mpeg'] { display: inline-block; padding-left: 20px; background: transparent url(images/ico_movie.png) center left no-repeat; }
.itembody p a[href$='.mpg'] { display: inline-block; padding-left: 20px; background: transparent url(images/ico_movie.png) center left no-repeat; }
.itembody p a[href$='.avi'] { display: inline-block; padding-left: 20px; background: transparent url(images/ico_movie.png) center left no-repeat; }
.itembody p a[href$='.qt'] { display: inline-block; padding-left: 20px; background: transparent url(images/ico_movie.png) center left no-repeat; }
.itembody p a[href$='.mov'] { display: inline-block; padding-left: 20px; background: transparent url(images/ico_movie.png) center left no-repeat; }

.widget-area a { color: #666666; text-decoration: none; border-bottom: 1px solid black; display: block; }
.widget-area a:hover { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #76A4D3; }

#item a.more-link { display: inline-block; line-height: 20pt; font-size: 12pt; vertical-align: middle; text-align: right; text-decoration: none; color: #000000; font-family: Arial, Helvetica, sans-serif; border: none; font-weight: normal; }
#item a.more-link:hover { text-decoration: underline; border: none; }
#item a.more-link span { color: #527EB7; font-family: Impact, ImpactOnline, Tahoma, Arial, Helvetica, sans-serif; border: none; }

/***** rozne *****/
h1 { display: block; padding: 2px 0; margin: 0 0 5px 0; font-family: Impact, ImpactOnline, Tahoma, Arial, Helvetica, sans-serif; font-size: 18pt; line-height: 18pt; vertical-align: middle; letter-spacing: 2px; color: #527EB7; background: transparent; font-weight: normal; }
h2 { display: block; padding: 0; margin: 0; font-family: Impact, ImpactOnline, Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 10pt; vertical-align: top; letter-spacing: 2px; color: #527EB7; background: transparent; font-weight: normal; text-align: left; float: right; border-top: 1px solid #76A4D3; border-bottom: 1px solid #76A4D3; }
h2 span { font-size: 20pt; line-height: 20pt; vertical-align: middle; display: block; float: none; clear: both; text-align: left; }
h3 { display: block; padding: 2px 0 2px 2px; font-family: Impact, ImpactOnline, Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 10pt; vertical-align: middle; letter-spacing: 2px; color: #527EB7; background: #F1F0F7; font-weight: normal; margin: 0 0 5px 0; }
#footer-widget h3.widget-title { background: #303030; color: #999999; letter-spacing: 2px; line-height: 12pt; vertical-align: middle; display: block; padding: 2px 0 2px 5px; font-family: Impact, ImpactOnline, Tahoma, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; margin: 5px 0; }
#comments h3 { display: block; padding: 2px 0 2px 10px; font-family: Impact, ImpactOnline, Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 10pt; vertical-align: middle; letter-spacing: 2px; color: #527EB7; background: #F1F0F7; font-weight: normal; margin: 0 0 10px 0; }
#comments h3#respond { display: block; padding: 2px 0 2px 10px; font-family: Impact, ImpactOnline, Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 10pt; vertical-align: middle; letter-spacing: 2px; color: #527EB7; background: #F1F0F7; font-weight: normal; margin: 0 0 10px 0; margin-top: 20px; }

.arch-head { width: 95%; vertical-align: top; text-align: right; padding: 10px 10px 0 0; float: none; clear: both; }
.arch-head div { float: right; display: block; width: 45%; margin: 0 10px 0 0; font-family: "Arial Narrow", ArialNarrowOnline, Arial, Helvetica, sans-serif; font-size: 10pt; color: #666666; }
.widget-area ul { margin: 0 0 0 5px; }
.widget-area ul ul { margin: 0 0 0 10px; list-style: square; }
.widget-area ul ul li { margin: 0 0 0 5px; }

#post-navi { width: 100%; padding: 0 0 5px 0; margin: 5px 0 5px 0; border-bottom: 1px dotted #527EB7; }
#post-navi .prev { width: 50%; display: block; float: left; text-align: left; }
#post-navi .next { width: 50%; display: block; float: right; text-align: right; }
#post-navi a { display: block; font-size: 12pt; line-height: 12pt; vertical-align: middle; width: 96%; padding: 5px 2%; margin: 0; background: transparent; font-family: Impact, ImpactOnline, Tahoma, Arial, Helvetica, sans-serif; color: #76A4D3; text-decoration: none; }
#post-navi a:hover { background: #527EB7; color: #FFFFFF; }

/***** posty *****/
#item { width: 98%; display: block; float: left; clear: both; margin: 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #76A4D3; font-family: "Arial Narrow", ArialNarrowOnline, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
#item .itemleft, #item .itemrite { display: block; float: left; height: auto; padding: 0; }
#item .itemleft { width: 11%; margin: 0 1% 0 0; }
#item .itemrite { width: 87%; padding: 0 0 0 1%; }

#item h1 a { color: #000000; background: transparent; font-weight: normal; text-decoration: none; }
#item h1 a:hover { text-decoration: underline; }
#item h1 a span { color: #527EB7; }

#item .itemleft .itemdate { -moz-border-radius: 3px; width: 50px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; border: 1px solid #666666; background-color: #FFFFFF; float: right; clear: both; margin: 0 0 5px 0; }
#item .itemleft .itemdate .itemdate-yer { background: #527EB7; color: #FFFFFF; font-size: 7pt; line-height: 9pt; vertical-align: middle; letter-spacing: 2px; }
#item .itemleft .itemdate .itemdate-mth { color: #527EB7; font-size: 8pt; line-height: 10pt; vertical-align: middle; }
#item .itemleft .itemdate .itemdate-day { color: #000000; font-size: 18pt; line-height: 20pt; vertical-align: middle; }
#item .itemleft .itemdate .itemdate-wkd { color: #666666; font-size: 7pt; line-height: 9pt; vertical-align: middle; }

#item .itemleft .iteminfo  { width: 55px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; border: none; background-color: transparent; float: right; clear: both; }
#item .itemleft .iteminfo div { line-height: 18px; vertical-align: middle; margin: 1px 0; color: #666666; width: 100%; }
#item .itemleft .iteminfo div img { width: 18px; height: 18px; margin: 0 4px 0 0; vertical-align: middle; }
#item .itemleft .iteminfo div a { text-decoration: none; color: #527EB7; width: 100%; display: block; border-bottom: 1px dotted transparent; }
#item .itemleft .iteminfo div a:hover { text-decoration: none; color: #000000; border-bottom: 1px solid #527EB7; }

#item .itembody { font-family: "Arial Narrow", ArialNarrowOnline, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14pt; color: #303030; line-height: 20pt; text-align: justify; width: auto; margin: auto; }
#item .itembody p { display: block; clear: both; }
#item .itembody br { display: block; clear: both; margin: 10px 0 0 0; }
#item .itembody img { -moz-border-radius: 10px !important; -moz-box-shadow: 0 0 3px #000000 !important; padding: 4px !important; background: #FFFFFF !important; display: inline-block; overflow: hidden; margin: 10px; vertical-align: top; }
#item .itembody .aligncenter { text-align: center !important; display: block; margin: 10px auto; }
#item .itembody .alignleft { text-align: left !important; display: block; margin: 10px 10px 10px 0; float: left; }
#item .itembody .alignright { text-align: right !important; display: block; margin: 10px 0 10px 10px; float: right; }
#item .itembody object { -moz-border-radius: 10px !important; -moz-box-shadow: 0 0 3px #000000 !important; padding: 3px !important; background: #000000 !important; display: inline-block; overflow: hidden; margin: 10px auto; }

#item .itemfoot { width: 100%; text-align: right; font-family: Arial, Helvetica, sans-serif; font-weight: normal; border: none; background-color: transparent; float: right; clear: both; }
#item .itemfoot div { display: block; float: right; line-height: 18px; vertical-align: middle; margin: 5px 0 0 5px; color: #666666; width: auto; }
#item .itemfoot div img { width: 18px; height: 18px; margin: 0 4px 0 0; vertical-align: middle; }
#item .itemfoot div a { text-decoration: none; display: inline; color: #527EB7; width: 100%; border-bottom: 1px dotted transparent; }
#item .itemfoot div a:hover { text-decoration: none; color: #000000; border-bottom: 1px solid #527EB7; }

#comments { width: 90%; display: block; float: right; clear: both; margin: 10px 10px 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #76A4D3; font-family: "Arial Narrow", ArialNarrowOnline, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
#comments .itemleft, #comments .itemrite { display: block; float: left; height: auto; padding: 5px 0 0 0; }
#comments .itemleft { width: 22%; margin: 0 1% 0 0; }
#comments .itemrite { width: 76%; padding: 0 0 0 1%; }

#comments .itemleft .itemdate { -moz-border-radius: 3px; width: 50px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; border: 1px solid #B2B2B2; background-color: #F1F0F7; float: right; margin: 0 0 5px 0; }
#comments .itemleft .itemdate .itemdate-yer { background: #B2B2B2; color: #FFFFFF; font-size: 7pt; line-height: 9pt; vertical-align: middle; letter-spacing: 2px; }
#comments .itemleft .itemdate .itemdate-mth { color: #527EB7; font-size: 8pt; line-height: 10pt; vertical-align: middle; }
#comments .itemleft .itemdate .itemdate-day { color: #666666; font-size: 12pt; line-height: 16pt; vertical-align: middle; }
#comments .itemleft .itemdate .itemdate-wkd { color: #999999; font-size: 7pt; line-height: 9pt; vertical-align: middle; }

#comments .itemleft .iteminfo  { width: 66px; margin: 0; padding: 0 5px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; border: none; background-color: transparent; float: right; border-right: 1px solid #B2B2B2; }
#comments .itemleft .iteminfo div { line-height: 18px; vertical-align: middle; margin: 1px 0; color: #666666; width: 100%; }
#comments .itemleft .iteminfo .item-aut { font-size: 8pt; }
#comments .itemleft .iteminfo div img { width: 18px; height: 18px; margin: 0 4px 0 0; vertical-align: middle; }
#comments .itemleft .iteminfo div a { text-decoration: none; color: #527EB7; width: 100%; display: inline-block; border-bottom: 1px dotted transparent; }
#comments .itemleft .iteminfo div a:hover { text-decoration: none; color: #000000; border-bottom: 1px solid #527EB7; }

#comments .itembody { font-family: "Arial Narrow", ArialNarrowOnline, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #303030; line-height: 20pt; text-align: justify; width: auto; margin: auto; width: 70%; float: left; }
#comments .itembody p { display: block; clear: both; line-height: 14pt; }
#comments .itembody br { display: block; clear: both; margin: 10px 0 0 0; }
#comments .itembody img { -moz-border-radius: 10px !important; -moz-box-shadow: 0 0 3px #000000 !important; padding: 3px !important; background: #FFFFFF !important; display: inline-block; overflow: hidden; margin: 10px; }
#comments .itembody img.clear { -moz-border-radius: 0px !important; -moz-box-shadow: none !important; padding: 0 !important; background: transparent !important; display: inline-block; overflow: hidden; margin: 0; }
#comments .itembody .aligncenter { text-align: center !important; display: block; margin: 10px auto; }
#comments .itembody .alignleft { text-align: left !important; display: block; margin: 10px 10px 10px 0; float: left; }
#comments .itembody .alignright { text-align: right !important; display: block; margin: 10px 0 10px 10px; float: right; }
#comments .itembody object { -moz-border-radius: 10px !important; -moz-box-shadow: 0 0 3px #000000 !important; padding: 3px !important; background: #000000 !important; display: inline-block; overflow: hidden; margin: 10px auto; }

/***** formularz *****/
#comments .form { float: right; clear: both; display: block; width: 95%; }
#comments .form .itembody { font-family: "Arial Narrow", ArialNarrowOnline, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #303030; line-height: 20pt; text-align: justify; width: auto; margin: auto; width: 100%; float: left; }
#comments #submit { width: 30%; float: right; font-weight: bold; clear: both; text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14pt; line-height: 14pt; height: 25px; background: #76A4D3; border-top: 1px solid #F1F0F7; border-left: 1px solid #F1F0F7; border-right: 1px solid #666666; border-bottom: 1px solid #666666; cursor: pointer; -moz-border-radius: 5px; margin: 5px 2.5% 0 0; color: #000000; }
#comments #submit:hover { background: #527EB7; color: #FFFFFF; }
#comments input { width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 10pt; }
#comments textarea { width: 95%; margin: 0 0 0 2px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 10pt; }
#comments a { text-decoration: none; color: #527EB7; width: 100%; display: inline; border-bottom: 1px dotted transparent; }
#comments a:hover { text-decoration: none; color: #000000; border-bottom: 1px solid #527EB7; }

/***** widgety *****/
#autotag { width: 211px; margin: 10px 0 0 0; padding: 0 0 0 5px; display: block; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
#autotag a { color: #FFFFFF; background: transparent; text-decoration: none; }
#autotag a:hover { color: #76A4D3; background: #FFFFFF; }
#widget-area { width: 211px; margin: 10px 0 0 5px; display: block; }

#lastfmlive_recent_tracks { width: 100% !important; font-size: 8pt !important; }
#lastfmlive_recent_tracks .lastfmlive_recently_played { border-bottom: 1px solid #303030 !important; margin: 0 0 3px 0; padding: 0 !important; height: auto !important; clear: both; }
#lastfmlive_recent_tracks .lastfmlive_recently_played img { display: block !important; border: 1px solid #B2B2B2 !important; height: 26px !important; width: 26px !important; padding: 1px !important; margin-right: 3px !important; overflow: visible !important; clear: left !important; float: left !important; }
#lastfmlive_recent_tracks .lastfmlive_recently_played .lastfmlive_song_info { display: block !important; position: inherit !important; float: left !important; padding: 0 !important; margin: 0 0 0 3px !important; top: inherit !important; overflow: visible !important; height: auto !important; clear: right !important; width: 73% !important; }
#lastfmlive_recent_tracks .lastfmlive_recently_played .lastfmlive_song_info .time { display: block; float: none; clear: both; }
#lastfmlive_recent_tracks .lastfmlive_recently_played .lastfmlive_song_title { height: auto !important; overflow: visible !important; }
#lastfmlive_recent_tracks .lastfmlive_recently_played .lastfmlive_song_title .link { display: block; float: left; }
#lastfmlive_recent_tracks .lastfmlive_song_title a { display: inline; }

#navigation { display: block; width: 50%; float: right; clear: both; font-family: Arial, Helvetica, Geneva, sans-serif; text-align: right; font-size: 10pt; line-height: 10pt; vertical-align: middle; margin: 0 2% 0 0; }
#navigation .pages, #navigation .page, #navigation .current, #navigation .extend, #navigation a { border: 1px solid #76A4D3; display: inline-block; padding: 5px; margin: 0 0 0 5px; background: transparent; color: #666666; text-decoration: none; text-align: center; vertical-align: middle; -moz-border-radius: 3px 3px 3px 3px; }
#navigation .current { -moz-border-radius: 0px; border: 1px solid #666666; background: #666666; color: #FFFFFF; font-weight: bold; }
#navigation .pages, #navigation .extend { border: 1px solid #B2B2B2; }
#navigation a:hover { border: 1px solid #000000; background: #76A4D3; color: #000000; }

#comments a.fbconnect_login_button {
	width: 300px !important;
}

.itemrite .itembody #googlemapa img,
.itemrite .itembody .map img,
.itemrite .itembody .map div div div div img,
.itemrite .itembody .map #lmcslider img,
.itemrite .itembody .map #logocontrol img,
.itemrite .itembody .map .gmnoprint img,
.itemrite .itembody .map .gmnoprint {
	-moz-box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	-moz-border-radius: 0 !important;
}
.itemrite .itembody #googlemapa {
	width: 95% !important;
	margin: auto !important;
}

/** rollovers **/
#profiles { width: 211px; margin: 5px 0 0 0; padding: 0; display: block; font-family: "Arial Narrow", ArialNarrowOnline, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; background: transparent; text-align: right; }
#profiles a.pro { float: left; padding: 0; width: 20px; height: 20px; margin: 0 0 5px 3px; background: transparent; background-position: top right; background-repeat: no-repeat; }
#profiles a.pro:hover { background: #FFFFFF; background-position: top left; }