/*
Theme Name: MaxROY.com Blue Theme
Theme URI: http://maxroy.com/wordpress-themes/
Description: Blue SEO friendy skin for professionals or private blog.
Author: MaxROY.com
Author URI: http://maxroy.com
*/

/* -- general ----------------------------- */
*, body, html { margin: 0; padding: 0; }
img, fieldset { border: 0; }
body { color: #424242; background: #2f2f2f; font-size: 14px; font-family: Arial, Verdana, sans-serif; border-top: 4px solid #08a0b9; }
#page { position: relative; margin: 0 auto; width: 887px; }

a { color: #424242; text-decoration: underline;  }
a:hover { color: #7f9500; }

hr.divider, .image-replacement, .hidden { display: none !important; }
.clear { clear: both; height: 1px; }
.clear.bot { background: #2f2f2f; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
h1, h2, h3, h4, .page-title .title { font-family: Georgia, serif; font-weight: normal; }
h2, h1, .page-title .title { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 15px; }
blockquote { color: #7d7d7d; width: 470px; margin: 0 0 20px 40px; background: url("images/ico-quote.png") no-repeat bottom left; padding: 10px 10px 0 6px; font-family: Georgia, serif;  position: relative; float: left; }
blockquote div { background: url("images/ico-quote.png") no-repeat top right; }
.current_page_item a { font-weight:bold; }

/* -- header --------------------------- */
#header { height: 120px; }
#header .page-title { padding: 25px 0 0 5px; float: left; width: 538px; }
#header h1 a, #header .page-title .title a { color: #13afc8; font-size: 36px; }
#header .description { color: #fff; font-size: 14px; }
#search-top { float: left; width: 336px; height: 60px; background: url("images/bg-top-search.png") no-repeat; color: #fff; }
#search-top .rss { width: 27px; height: 11px; display: block; float: left; margin: 2px 21px 0 8px; color: #fff; text-decoration: none; font-size: 10px; text-align: right; padding: 33px 1px 0 0; }
#search-top .type { background: #ececec; border: 1px solid #1d8b9e; padding: 3px 5px; width: 194px; position: relative; top: 2px; }
#search-top .submit { border: none; background: url("images/btn-top-szukaj.png") no-repeat; width: 59px; height: 26px; position: relative; top: 3px; left: 2px; color: #555; }
#search-top .radio { position: relative; top: 7px; margin: 0 10px 0 5px; }
#header_image{

width: 594px;
height: 150px;
}

/* -- foot --------------------------- */
#bottom { height: 36px; background: url("images/bg-bottom.png") no-repeat bottom; float: left; clear: both; width: 887px; color: #fff; }
#bottom a { color: #fff; font-weight: bold; }
#bottom p { float: left; margin: 10px 0 0 40px; }
#bottom a.zaloz-blog { display: block; width: 96px; height: 22px; float: left; background: url("images/but-zaloz-blog.png") no-repeat; text-decoration: none; padding: 9px 0 0 15px; margin: 0px 0 0 10px; }
#foot { color:#999; width: 840px; float: right; margin: 15px 10px 10px 0; padding-bottom:5px; line-height: 1.5em; text-align:right; }
#foot a { color:#999; }

/* -- left --------------------------- */
#content { background: url("images/bg-content.png") repeat-y; position: relative; width: 887px; }
#left { background: #fafafa; width: 594px; float: left; }
#left .main-photo { padding: 5px 0 0 5px;  }
#left .left-description { margin: 0 0 0 5px; height: 80px; background: url("images/bg-blue-main.png") no-repeat; color: #fff; padding: 17px 25px 15px 20px; line-height: 1.3em; }
#left .content { margin: 4px 0 0 5px; width: 589px; background: url("images/bg-content-bottom.png") no-repeat bottom right; }
.page #left .content { margin-top: 0px; }
#left .content .posts, #left .content .entry { width: 585px; background: url("images/hr-content.png") no-repeat top left; }
#left .content .entry { padding: 25px 0 20px 0; }
#left .content .post { padding: 25px 25px 25px 23px; background: url("images/hr-content.png") no-repeat bottom left; }
#left .content .post h2 { margin: 0 0 5px 0; }
#left h1, #left .entry .text p, #left .entry h2, #left .entry h3 { margin: 0 25px 0.3em 25px; }
#left .entry h2, #left .entry h3 { margin-bottom: .1em; }
#left .entry .posted { font-style: italic; color: #7d7d7d; margin: 0 25px 1em 25px; }
#left .entry .text p { line-height: 1.4em; margin-bottom: 1em; }
#left .content .post h2 a, #left h1 a { color: #089fb8; }
#left .content .post h2 a:hover, #left h1 a { color: #078499; }
#left .content .post .text { line-height: 1.35em; }
#left .content .post .text p { margin: 0 0 0.5em 0; }
#left .content .post .meta { margin: 13px 0 0 0; }
#left .content .post .meta a.more { display: block; background: url("images/but-gray-161.png") no-repeat; width: 125px; height: 20px; text-decoration: none; padding: 6px 0 0 36px; float: left; margin: 0 5px 0 0; }
#left .content .post .meta a.more:hover, #left .content .archiwum-wpisow:hover { color: #424242; }
#left .content .post .meta .komentarze a { display: block; color: #fff; background: url("images/but-green-127.png") no-repeat; width: 110px; height: 20px; text-decoration: none; padding: 6px 0 0 34px; float: left; }
#left .content .post .posted { font-style: italic; color: #7d7d7d; /*float: right;*/ margin: 0 0 12px 0; }
#left .content #ten-more { padding: 25px 25px 15px 20px; }
#left .content ul { margin: 0 25px 0.5em 15px; line-height: 1.35em; }
#left .content ul li { list-style: none; padding: 0 0 2px 15px; background: url("images/ico-arrow-black.png") no-repeat 0 2px; }
#left .content ul#ten-more li, #left .content .post-addlist ul li { background: none; padding-left: 0; }
#left .content ul#ten-more li a, #left .content .post-addlist ul li a { padding: 0 0 2px 15px; background: url("images/ico-arrow-black.png") no-repeat 0 2px; }
#left .content ul#ten-more li a:hover, #left .content .post-addlist ul li a:hover { padding: 0 0 2px 15px; background: url("images/ico-arrow-green.png") no-repeat 0 2px; }
#left .content .archiwum-wpisow { display: block; background: url("images/but-gray-149.png") no-repeat; width: 113px; height: 20px; text-decoration: none; padding: 6px 0 0 36px; float: left; margin: 0 5px 20px 23px; }
#left-bottom { height: 39px; background: url("images/bg-bottom.png") no-repeat; }
#left .content .text img { border: 1px solid #2dbed4; padding: 5px; margin: 0 25px 1em 25px; /*float: left;*/ }
#left .content .text p img { margin: 10px 10px 0 0; }
#left .entry .post-addlist { padding: 0 25px 10px 25px; } 
#left .entry .post-addlist.border { border-bottom: 1px solid #e1e1e1;  }
#left .entry .post-addlist h4 { font-style: italic; color: #7d7d7d; padding: 15px 0 10px 0; }
#left .entry .post-meta { clear: both; background: url("images/bg-postmeta.png") no-repeat; color: #fff; padding: 5px 20px 15px 25px; }
#left .entry .post-meta a { color: #fff; font-weight: bold; }
#left .entry .post-meta a:hover { color: #007e92; }
#left .entry #rate-post { clear: both; position: relative; height: 50px; background: url("images/bg-rate-alt.png") no-repeat; padding: 12px 0 0 58px; }
#left .entry #rate-post h4 { font-style: italic; color: #7d7d7d; }
#left .entry #rate-post .post-ratings img { margin: 4px 4px 0 0; }
#left .entry #rate-post .post-ratings-loading { position: absolute; top: 35px; left: 350px; } 

/* -- right --------------------------- */
#right { background: #17b7d0; width: 293px; float: left; color: #fff; vertical-align: top; }
#right .inner { background: url("images/bg-right.png") repeat-y right; vertical-align: top; }
#right a { color: #fff; }
#right a:hover { color: #007e92; }
#right h4 { padding: 25px 0 0 15px; height: 25px; background: url("images/bg-right-h4.png") no-repeat; border-right: 5px solid #fafafa; clear: both; }
#right h4.first { background: url("images/bg-right-top.png") no-repeat; border: none; }
#right ul { padding: 7px 15px 0 15px; border-right: 5px solid #fafafa; }
#right ul li ul { padding: 0px 15px 0 15px; border-right: none; }
#right ul li { list-style: none; padding: 9px 0 8px 6px; background: url("images/bg-right-li.png") no-repeat bottom left; clear: both; overflow: hidden; position: relative; }
#right li.under { list-style: none; padding: 0px 0 8px 6px; background: url("images/bg-right-li.png") no-repeat bottom left; clear: both; overflow: hidden; position: relative; }
#right ul li ul li { background: url("images/right-li-li.png") no-repeat top left; padding: 6px 0 3px 6px; }
#right ul li a {  padding: 0 0 2px 17px; background: url("images/ico-right-white.png") no-repeat 0 3px; line-height: 1.35em; display: block; }
#right ul li a:hover, #right ul li ul li.active a { background: url("images/ico-right-dark.png") no-repeat 0 3px; color: #007e92; }
#right ul.komentarze li a { background: url("images/bg-right-com.png") no-repeat 0 3px; }
#right ul.popularne li { float: left; width: 252px; }
#right ul.popularne li a { background: url("images/bg-right-star.png") no-repeat 0 1px; padding-left: 20px; float: left; position: relative; }
#right ul.popularne li span { display: block; color: #007e92; font-style: italic; float: right; position: relative; }
#right .tag-cloud { padding: 7px 0 0 0; border-right: 5px solid #fafafa; font-family: Georgia, serif; width: 288px; }
#right .tag-cloud li { list-style: none; float: left; padding: 3px; background: none; clear: none; overflow: hidden; }
#right .tag-cloud li a { text-decoration: none; background: none; padding: 0; display: block; float: left;  }
#right .tag-cloud li a:hover { background: none; }
#right .wp-tag-cloud { border: none;  }
#right #err404 { font-weight:bold; color:#F00; }

/* -- comments --------------------------- */
.comments-section { background: url("images/bg-comments.png") no-repeat; padding: 0 25px 0 25px; } 
h4#comments, h4#respond { font-style: italic; color: #7d7d7d; padding: 20px 0 5px 0; }
ol.commentlist li {
	list-style: none;
	border-bottom: 1px solid #e1e1e1;
}
ol.commentlist li cite { font-weight: bold; font-style: normal; }
ol.commentlist li cite a { color: #7f9500; }
ol.commentlist li .commentmetadata { color: #7d7d7d; font-style: italic; padding: 4px 0 6px 0; }
#commentform .commentmetadata { color: #7d7d7d; }
#commentform label strong { color: #7f9500; font-weight: normal; font-style: italic; }
#commentform input, #commentform textarea { border: 1px solid #bebebe; background: #f7f7f7; margin: 10px 10px 0 0; }
#commentform #submit { border: none; width: 138px; height: 26px; color: #fff; background: url("images/but-dodaj-kom.png") no-repeat; font-size: 12px; padding: 0 0 0 23px; }


/* -- archiwum --------------------------- */
.archiwum h1 { border-bottom: 1px solid #ccc; padding: 0 0 4px 0; color: #089fb8; }
.archiwum h2 { font-style: italic; color: #7d7d7d; padding: 15px 0 10px 25px; font-size: 15px; }
.archiwum ul { padding: 0 0 0 35px; }

/* tytul strony w archiwum */
h1#pagetitle { padding: 14px 0 10px 0; text-align: center; }

/* styl opisu kategorii na stronie kategorii */
#cat-description { margin: 0 30px 15px 20px; text-align: center; font-style: italic; }

/* punktowanie i numerowanie wewnatrz postu */
#content .text ol {margin: 0 0 10px 49px;}
#content .text ul {margin: 0 0 10px 30px;}

#content .alllinks ol {margin: 0 0 10px 49px; line-height: 20px;}
#content .alllinks ul {margin: 0 0 10px 30px; line-height: 20px;}
#content .alllinks h2 {margin: 0 0 10px 30px;}

/* styl okienka z youtube i innymi filmikami w poscie */
.vvqbox {padding: 0 0 10px 0;}

/* styl definiuje wyglad podmenu w menubocznym (naprawia blad powtarzajacego sie background'a) */
#right ul ul { padding: 0px 0 0 15px; border-right: none; }

/* styl dla emotikonek w tresci postow */
img.wp-smiley {
display: inline !important;
border: 0 !important;
}

/* styl dla stronga w którym jest Ÿródło opracowania */
strong.source {
background-color: #17B7D0;
color: #000000;
}