@import url(http://fonts.googleapis.com/css?family=Play:400,700&subset=latin,latin-ext);

/* ######## RESET ################ */
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,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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}a{text-decoration:none}

/* ########## STYLE BAZOWE ########## */
h1{font-size:200%}
h2{font-size:150%}
h3{font-size:110%}
h1, h2, h3{margin:1em 0}
strong, dt{font-weight:700;color:#FFF}
optgroup{font-weight:normal}
abbr, acronym{border-bottom:1px dotted #000; cursor:help}
em{font-style:italic}
del{text-decoration:line-through}
blockquote, ul, ol, dl{margin:1em}
blockquote{font-style:italic}
ol, ul, dl{margin-left:2em}
ol li{list-style:decimal outside}
ul li{list-style:disc outside}
dl dd{margin-left:1em}
th, td{border:1px solid #000; padding:.5em}
th{font-weight:bold; text-align:center}
caption{margin-bottom:.5em; text-align:center}
sup{vertical-align:super}
sub{vertical-align:sub}
p, fieldset, table, pre{margin:1em 0}
button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"]{ padding:1px }
a{cursor:pointer}
body{font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; color: #000;}
select, input, button, textarea, button{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit; font:100%}
pre, code, kbd, samp, tt{font-family:monospace; *font-size:108%; line-height:100%}

/* ########## STRUKTURA ########## */

body {color: #AAA; font-size: 15px; font-size-adjust:none; font-stretch: normal; font-family: Play; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; background-color: #000; margin: 0; padding: 0; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {  display: block; }
.container { width: 1000px; margin: 0 auto; }

body > header { width: 1000px; height: 170px; margin: 0 auto 15px auto; padding: 0; position: relative; }
body > header nav { width: 600px; height: 65px;  }
body > header nav a { float: left; padding: 10px 15px; background-color: #222; color: #FFF; font-size: 18px; margin-right: 5px; }
body > header nav a:hover { border-bottom: 2px solid orange; padding-top: 30px; }
body > header h1 { margin: 0; padding: 0; position: absolute; bottom: 10px; left: 50px; }
body > header h1 a { color: #FF9200; text-shadow: 0 1px 0 #6C430C; font-size: 60px; }

.container { padding: 0; border-bottom: 5px solid #98BFE6; }

#zawartosc { width: 680px; padding: 0 20px; float: left; text-align: justify; }
#zawartosc > article{padding-bottom: 30px;border-bottom: 1px solid #444;margin-bottom: 30px;}
#zawartosc > article:last-child {border: 0;}
#zawartosc > article > header h1 {font-size: 30px; text-shadow: #222 3px 3px 0; color: #FFF;}
#zawartosc > article > header h1 a {color: #FFF;text-decoration: none;}
#zawartosc > article > header p{ margin: 15px 0 25px 0; font-size: 15px;}
#zawartosc > article > header p a{margin: 15px 0;color: #FF744F;text-decoration: none;}
#zawartosc > article > header p big{font-weight: bold;}
#zawartosc > article > header p small{margin-left: 10px;color: #98BFE6;}
#zawartosc > article > header p .admin { display: none; }
#zawartosc > article > header p:hover .admin { display: inline; }
#zawartosc > article > header p .admin a{color: #FFF;text-decoration: none;font-size: 11px; }
#zawartosc > article > header p .admin a:hover{color: #FF0000;}

#zawartosc .history { margin:  0 0 30px 0; }
#zawartosc .history a { color: #98BFE6; }

/* ###### TREŚĆ ######################## */

article .tresc {line-height: 25px; letter-spacing: 1px;}
article .tresc a {color: #FFF;border-bottom: 1px solid #FF0000;text-decoration: none;}
article .tresc a:hover { border-color: orange; }
article .tresc h1, article .tresc h2, article .tresc h3 { color: #FFF; }
article .tresc ul li { list-style: none; border-bottom: 1px dotted #280D12; padding-bottom: 4px; margin-bottom: 10px; text-align: left; }
article .tresc ul li:before { content: "♠ "; color: #DA304F; font-size: 20px; margin: 0 0 0 -15px; }
article .tresc code { font-family: monospace, courier; font-size: 12px; background-color: #222; letter-spacing: 0; word-spacing: 0; padding: 2px 4px 2px 6px; color: #FFF; border-left: 3px solid #5EDA30; }
article .tresc pre {margin: 20px 0;}
article .tresc pre code {border-left: 10px solid #5EDA30;  padding: 15px 15px 15px 20px;  margin-left: 15px;  display: block;  overflow: auto; }
article .tresc img {padding: 10px; margin: 0 auto; border: 1px solid #444; display: block; max-width: 660px; background: #000;}
article .tresc img.left {padding: 10px;margin: 0 10px 10px 0;float: left;}
article .tresc img.right {padding: 10px;margin: 0 0 10px 10px;float: right;}
article .tresc object { font-family: arial,helvetica,clean,sans-serif !important; }
article .tresc embed {padding: 10px;margin: 0 auto;border: 1px solid #444;display: block; font-family: arial,helvetica,clean,sans-serif !important; }
article .youtube-player { text-align: center; margin: 0 auto; border: 10px solid red; }
article .tresc blockquote {padding: 0 10px;border-left: 10px solid #FF0000;background-color: #222; color: #EEE;}
article .tresc pre code{color: #FFF; line-height:16px;}
article > footer{margin-top: 20px;font-weight: bold;text-align: right;padding-right: 40px;}
article > footer a{color: #98BFE6;text-decoration: none; border-bottom: 1px solid #000;}
article > footer a:hover { border-color: #98BFE6; }
.browse {text-align: center;margin-bottom: 30px;}
.browse a {color: #F7704D;text-decoration: none;font-weight: bold;}

/* ###### KOMENTARZE ######################## */

#trackbacks{margin-bottom: 50px;}
#trackbacks h4{color: #98BFE6;}
#trackbacks article .autor a{color: #FFF;text-decoration: none;}
#trackbacks article .meta{color: #98BFE6;font-size: 12px;margin-top: 3px;}
.komentarze{}
.komentarze h1 a{ font-size: 24px; letter-spacing: 0.5px; color: #FFF; border-top: 1px solid #555; padding: 8px 0; }
.komentarze h2 { font-size: 20px; letter-spacing: 0.5px; color: #FFF; padding: 8px 0; }
.komentarze article{padding: 15px 10px;}
.komentarze .tresc{overflow: hidden;}
.komentarze article.comment2{border-top: 1px solid #464646;border-bottom: 1px solid #464646;background-color: #0B0000;}
.komentarze article .autor a { color: #FFF; font-size: 20px; }
.komentarze article .meta{color: #98BFE6; font-size: 14px; margin-bottom: 10px;}
.komentarze input, .komentarze textarea{background-color: #222;color: #FFF;border: 1px solid #666;padding: 3px;}
.komentarze textarea{font-family: Arial, Helvetica, sans-serif;font-size: 16px;}

/* ###### MENU ######################## */

aside { width: 240px; float: right; margin: 0 0 100px 0; padding: 0 20px; font-size: 12px; }
aside h2 {font-size: 14px; color: #FF744F; border-bottom: 1px solid #FF744F; margin-bottom: 5px;}
aside #about img {float: left;border: 1px solid #EFEFEF;margin: 7px 5px 5px 0;}
aside #about p.link {text-align: right;}
aside #about p.link a {text-decoration: none;color: #98BFE6;font-weight: bold;margin-right: 20px;}
aside #about p { ; }
aside #rss p {text-align: right;}
aside #rss img {vertical-align: middle;margin: 5px 0 5px 10px;}
aside ul{ margin: 0 0 20px 0;padding: 0; }
aside ul li { list-style: none;}
aside ul li a{display: block;text-decoration: none;color: #98BFE6;padding: 3px 0 3px 20px;}
aside ul li a:hover{background-color: #333;color: #FFF;}
aside .wyszukiwarka{margin-bottom: 15px;text-align: center;}
aside .wyszukiwarka h2{text-align: left;margin-bottom: 5px;}
aside .wyszukiwarka input{background-color: #333;border: 1px solid #555;color: #FFF;padding: 1px;margin-bottom: 3px;}
aside .wyszukiwarka .txt{width: 70%;}
aside .wyszukiwarka .button{width: 20%;background-color: #333;border: 0;}
aside .archiwum ul, aside .archiwum .ukryj {display:none;}
aside .archiwum p {text-align: center;cursor: pointer;}
aside .kategorie .subcategory1 {padding-left: 20px;}

body .container > footer { margin: 0; padding: 0 0 0 20px; line-height: 30px; font-weight: bold; }
body .container > footer a {color: #FF744F;text-decoration: none;}

.clear { clear: both; }