/*
Theme Name: Nowa Europa
Description: Nowa Europa: Przegląd Natoliński – Oficjalny serwis internetowy
Version: 1.0
Author: Miłosz Lodowski & Tobiasz Glazar
Author URI: http://lodowski.eu
*/

/** Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}a:link,a:visited,a:hover{text-decoration:none}

html { background: #d5d5d5 url('./img/bg-html.png') 0 133px repeat-x; }
body { background: url('./img/bg-map.jpg') 50% 0 no-repeat; line-height: 1.5em; font: 100%  "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }

/** Header **/
#header { width: 980px; margin: 0 auto; padding: 66px 5px 0; font-size: .7em; overflow: hidden; height: 100%; }

#header a:link, #header a:visited { color: #717171; }
#header a:hover { color: #000; }

.icon, #menu a { background: url('./img/icons.png') 0 0 no-repeat; }
.rss { background-position: 0 -203px; color: #ff6600 !important; padding: 0 0 0 18px; font-size: 0.75em; float: right; margin: .1em 0 0 ; font-family:  "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }

#logo { float: left; }

#language { float: right; margin: 39px 0 0; }
#language li { float: left; margin: 0 0 0 1em; }
#language a.pl.active { background-position: 0 -22px; padding: 0 0 0 20px; }
#language a.pl { background-position: 0 -42px; padding: 0 0 0 20px; }
#language a.en.active { background-position: 0 -62px; padding: 0 0 0 20px; }
#language a.en { background-position: 0 -82px; padding: 0 0 0 20px; }

#funcmenu { float: right; clear: right; margin: 5.5em 0 0; }
#funcmenu li { float: left; margin: 0 0 0 1em; }
#funcmenu a.home { background-position: 0 -103px; padding: 0 0 0 14px; }
#funcmenu a.map { background-position: 0 -123px; padding: 0 0 0 16px; }
#funcmenu a.contact { background-position: 0 -143px; padding: 0 0 0 14px; }

/** Containers **/
#container { width: 990px; margin: 0 auto; padding: 75px 0 0; overflow: hidden; height: 100%; }
#container p, #container li { margin: .2em 0; line-height: 1.5em; }
#content li p { font-size: 1em; }

#menu { float: left; width: 215px; margin: 0 0 0 5px; }
#menu li { background-color: #af0025; margin: 0 0 0.3em 0; font-size: .75em; }
#menu a:link, #menu a:visited { display: block; color: #edc7cf; text-transform: uppercase; background-position: 0 -160px; padding: 0 0 0 20px; }
#menu a:hover { color: #FFF; background-position: 0 -180px; }

#wrapper { float: right; width: 770px; }
div.title { position: absolute; top: -1.4em; width: 500px; }
div.title span { padding: .2em 4em .2em .5em; font-family: Georgia, Time News Roman sans-serif; }
#content div.title a:link, #content div.title a:visited, #content div.title a:hover { color: #FFF; }

/** Content **/
#content { position: relative; float: left; width: 500px; margin: 0 10px 20px; padding: .2em 10px 1em; background-color: #FFF; }
#content div.title span { background-color: #af0025; color: #FFF; }
#content .tags { color: #000; font-weight: bold; clear: both; }
#content .tags a:link, #content .tags a:visited, #content .tags a:hover { color: #000; font-weight: normal; }
#content p, #content li { font-size: .75em; color: #4F4F4F; }
#content p { margin: .2em 0 1em; }
#content a:link, #content a:visited { color: #B00026; }
#content a:hover { text-decoration: underline; }
.aside { float: right; padding: .2em 0 0; }

#content ul { list-style: disc; margin: 0 0 0 1em; }
#content ol { list-style: decimal; margin: 0 0 0 1em; }
#content blockquote { margin: 0 0 0 1em; font-style: italic; }
#content ul.space { padding: 0 0 .5em 1em; margin: 0 0 .5em; border-bottom: 1px dotted #000; }
#content strong, #content b { font-weight: bold; }

#topic { position: relative; color: #FFF; margin: 0 0 1em; }
#topic img { padding: .2em 0; border: dotted #000; border-width: 1px 0; }
#content #topic h1 { position: absolute; padding: .1em .2em; top: 120px; left: 0; text-transform: uppercase; background: url('./img/bg-topic.png') 0 0 repeat; font-size: 1.7em; }
#topic .author { color: #FFF; position: absolute; top: 95px; left: 5em; font-size: 1em; border: none; }
#topic .more { position: absolute; top: 180px; right: 10px; }
#topic a:link, #topic a:visited { color: #FFF;}
#topic a:hover { text-decoration: underline; }

h1.section { background: url('./img/bg-header.png') 0 50% no-repeat; padding: .2em 0 .2em .7em; color: #af0025; font-family: Georgia, Time News Roman sans-serif; font-size: 1em !important; }

#news { border: dotted #000; border-width: 1px 0; margin: .5em 0 !important; padding: .2em 0; }
#news li { overflow: hidden; height: 100%; margin: 0 0 1em; }
#news img { float: left; margin: 0 .5em .1em 0; padding: 0 0 .2em; border-bottom: 1px dotted #000; }
#news h1 { margin: 0 0 .15em; }
#news p { color: #696969; }
#news a.more-link { font-size: .9em; }
#news h1 a:link, #news h1 a:visited, #news h1 a:hover { color: #222; }

.archive { float: right; }
.author { font-size: 1em; border-top: 1px dotted #000; color: #000; }

.wp-pagenavi{ font-size: .7em ; }
.nav a:link, .nav a:visited { color: #8E8E8E !important; }
.nav a:hover, .wp-pagenavi .current { color: #AD0226 !important; }

/** Sidebar **/
#sidebar { position: relative; float: right; width: 225px; }
#sidebar div.title span { background-color: #cfcfcf; color: #000; }

#sidebar a:link, #sidebar a:visited { font-size: .75em; color: #2a2a2a; }
#sidebar a:hover { color: #000; text-decoration: underline; }

#sidebar .recent a:link, #sidebar .recent a:visited { color: #B00026; font-size: 1em; }
#sidebar .recent a:hover { text-decoration: underline; }

.recent { border: 1px dotted #000; border-width: 1px 0; padding: .2em 0; margin: .2em 0; }
.recent h1 { font-family: Georgia, Time News Roman sans-serif; color: #2a2a2a; }
.recent p { font-size: .75em; }
#sidebar .more b { font-weight: bold; }
.recent .more a:link, .recent .more a:visited, recent .more a:hover { color: #B00026; }
.inside { font-weight: bold; }
.inside h2 { font-size: .75em; font-weight: bold; }
.inside strong { padding: 0 .2em; color: #FFFFFD; background-color: #AE0025; }

#blogs { border-top: 1px dotted #000; margin: .5em 0; padding: .3em 0; }
#blogs li { margin: 0 0 .5em; }
#blogs h1 { font: .9em Georgia, Time News Roman sans-serif; padding: .2em 0 0; }
#blogs a:link, #blogs a:visited { color: #2a2a2a; font-size: 1em; }
#blogs h1 a:hover { color: #000; }
#blogs p { font-size: .75em; }
#blogs .author:link, #blogs .author:visited { border: none; color: #E7B1BE; background-position: 5px 18px; padding: 0 0 4px 0; }
#blogs .author:hover { color: #FFF;}
#blogs .author span { line-height: 18px; background-color: #AE0025; padding: 0 .3em; }
#blogs .posts { float: right; background-position: 0 -237px; padding: 0 0 0 18px; }
#blogs .comments { float: right; background-position: 0 -220px; padding: 0 0 0 14px; margin: 0 0 0 .5em; }
#blogs .comments a:link, #blogs .comments a:visited { color: #B00024; }
#blogs .comments a:hover { color: #84001B; }

#comments { color: #666; }
#comments li { margin: 0 0 0.5em; padding: 0 0.5em; }
#comments li p { margin: 0.5em 0; }
#comments li p cite { color: #000; font-style: normal; }
#comments li p.date { font-size: 0.9em; }

#commentForm label, #commentForm p { color: #9E9E9E; }
#commentForm p { overflow: hidden; }
#commentForm label.answer { display: block; float: left; width: 80px; padding: 0; margin: 0; line-height: 1.8em; }
#commentForm input { width: 150px; margin: 0 0.5em 0 0; }
#commentForm textarea {margin: 0.5em 0; padding: 0; width: 100%; height: 12em; }
#commentForm #answer { width: 63px; }

#content h1 { font-size: 1.5em; }
#content h2 { font-size: 1.4em; }
#content h3 { font-size: 1.3em; }
#content h4 { font-size: 1.2em; }
#content h5 { font-size: 1.1em; }
#content h6 { font-size: 1em; }

/** Footer **/
#footer { background-color: #2A2A2A; padding: 1em 0 5em; font-size: .7em; color: #949494; }
#footer .body { width: 990px; margin: 0 auto; overflow: hidden; height: 100%; }
#footer .copy { float: left;  }
#footer .creatio { float: right; }
#footer a:link, #footer a:visited { color: #C1C1C1; }
#footer a:hover { color: #FFF; }
#footer .creatio a:link, #footer .creatio a:visited { color: #949494; }
#footer .creatio a:hover { color: #C1C1C1; }
#footer ul { overflow: hidden; height: 100%; margin: 0 auto; width: 35em; }
#footer ul li { float: left; border-left: 1px solid #929292; margin: 0 .5em 0 -1px; padding: 0 0 0 .5em; }