/*
	Theme name: SP81
	Author: Łukasz Kliś
	Author URI: http://klis.pl/
	Description: Szablon WordPressa dla Szkoły Podstawowej nr 81 w Gdańsku im. prof. Michała Siedleckiego.
	Version: 2.0
*/

/* 
	0. RESET
	1. GLOBAL
	2. LAYOUT
	3. FORMS
		3.1. Search
	4. HEADER
	5. NAVIGATION
		5.1. Navigation top
		5.2. Navigation news
	6. NEWS, SINGLE NEWS & PAGES
		6.1. Single News
		6.2. News's Content
	7. BREADCRUMB
	8. SEARCH 
	9. ASIDE
	10. FOOTER
---------------------------------------- */

/* 0. RESET
---------------------------------------- */
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
a, ins, del { text-decoration: none; }
ul, ol { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th { text-align: left; }
q:after, q:before { content: ""; }

/* 1. GLOBAL
---------------------------------------- */
body { background: url(images/background.jpg) repeat-x #fff; font-size: 13px; font-family: Arial, Verdana, sans-serif; color: #1f2021; margin-bottom: 25px; }

#container { position: relative; }

.element { width: 950px; margin: 0 auto; }

h1 { font: bold 30px/35px Helvetica, Arial, Verdana, sans-serif; color: #e9eeee; }

a, a:visited, a:hover { color: #386481; text-decoration: none; }
a:hover { text-decoration: underline !important; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
del { text-decoration: line-through; }
.podkreslenie { text-decoration: underline; } 

#page ul li, #page ol li { margin-left: 25px !important; margin-bottom: 5px; }

/* 2. LAYOUT
---------------------------------------- */
#page { z-index: 1; overflow: hidden; margin: 25px auto; }

#main { float: left; width: 700px; }
.column { width: 330px; }
.column-left { float: left; }
.column-right { float: right; }

.box { margin-bottom: 20px; padding: 10px; }

aside { float: right; width: 220px; color: #3c3a3a; }
aside section { background: #e9e9e9; margin-bottom: 15px; padding: 10px 15px 15px 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; }
aside h3 { margin: 0; }

/* 3. FORMS
---------------------------------------- */
form, fieldset, form > div, fieldset > div { overflow: hidden; }
input { outline: none; }
.text { padding: 3px; border: 1px solid #cdcdcd; color: #666; }
.text:hover, .text:focus { border-color: #a5a5a5; }

/* 3.1. Search
---------------------------------------- */
#search input { float: left; }
#search .text { width: 163px; margin: 0; padding: 2px; }
#search .submit { margin-left: 5px; }

/* 4. HEADER
---------------------------------------- */
#top { background: url(images/logo.jpg) 20px 10px no-repeat; height: 138px; text-align: center; }
#top hgroup { padding-top: 45px; }
#top a { color: #e9eeee; text-decoration: none !important; }
#top .subtitle { font: italic 22px/18px Georgia, serif; color: #819c9f; }

/* 5. NAVIGATION
---------------------------------------- */

/* 5.1. Navigation top
---------------------------------------- */
#navigation-top { text-align: center; font: normal 14px/22px Georgia, serif; z-index: 2; }
#navigation-top li { position: relative; display: inline; margin: 0 5px; }
#navigation-top ul li ul { position: absolute; left: -20000px; font: 11px/17px Arial, sans-serif; letter-spacing: 1px; border-top: 1px solid #305156; width: 180px; }
#navigation-top ul li:hover ul { position: absolute; left: 0; top: 18px; }
#navigation-top ul li ul li { border-bottom: 1px solid #305156; margin: 0; display: block; }
#navigation-top ul li ul li a { display: block; padding: 2px 0; background: #38565b; }
#navigation-top ul li ul li a:hover {	background: #405f64; }
#navigation-top a, #navigation-top a:visited { padding: 2px 5px; background: #38565b; color: #dee9eb; text-decoration: none !important; }
#navigation-top a:hover { background: #405f64; color: #fff; text-decoration: none !important; }

/* 5.2. Navigation news
---------------------------------------- */
#navigation-news { background: #e9e9e9; width: 350px; margin: 0 auto; display: block; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; }
#navigation-news li { margin: 10px !important; font-weight: bold; }
#navigation-news a, #navigation-news a:visited, #navigation-news a:hover { color: #5d5b5b; text-decoration: none; }
#navigation-news a:hover { text-decoration: underline !important; }

#older-news { float: left; }
#newer-news { float: right; }

/* 6. NEWS, SINGLE NEWS & PAGES
---------------------------------------- */
.section-title { color: #405f64; font: normal 25px/30px Arial, sans-serif; letter-spacing: -2px; margin-bottom: 10px; }
#announcement, .news-important { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; background: #f3f3f3; }
#announcement .news-item { margin-bottom: 0; }
.news-important { padding: 10px; }

/* 6.1. Single News
---------------------------------------- */
.news-item { margin-bottom: 20px; }
#main p { line-height: 20px; margin: 10px 0; text-align: justify; }
#main h2 { border-bottom: 1px solid #e7e7e7; color: #405f64; font: bold 20px/28px Arial, sans-serif; letter-spacing: -1px; margin-bottom: 10px; }
.news-item h2 a, .news-item h2 a:visited, .news-item h2 a:hover { color: #405f64; text-decoration: none !important; }
.news-item li { line-height: 20px; }
.news-item ul li { list-style: square; }
.news-item ol li { list-style: decimal; }
.news-item ol li > ul li { list-style: upper-alpha !important; }
.news-item img { padding: 1px; border: 1px solid #e9e9e9; }
.news-item img:hover { border-color: #cbcbcb !important; }
.wp-smiley { border:0; padding:0; }

.meta { text-align: right !important; color: #a0a3a5; font-size: 11px; }
.news-important .meta { margin-bottom: 0; }
.more { font: normal 14px/20px Georgia, serif; letter-spacing: 1px; }

ul.Ranks li, ul.ranks li { list-style: none !important; }
ul.Ranks span, ul.ranks span { margin-left: 70px; }
ol.Ranks li, ol.ranks li { list-style: upper-roman !important; }
ol.Ranks span, ol.ranks span { margin-left: 53px; }

/* 6.2. News's Content
---------------------------------------- */
h3 { font: bold 16px/25px Arial, sans-serif; color: #4a565e; letter-spacing: -1px; border-bottom: 1px solid #e7e7e7; margin: 10px 0; }
h4 { font: normal 14px/20px Arial, sans-serif; color: #4a565e; border-bottom: 1px solid #e7e7e7; margin: 5px 0; }

blockquote { font: italic 14px/20px Georgia, serif; background: #e9e9e9; margin: 5px 15px; padding: 5px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; }
blockquote .source { font: bold 12px/20px Arial, sans-serif; font-style: normal; margin-bottom: 7px; text-align: right !important; }

table { width: 100%; margin: 10px 0; }
table, th, tr, td { border-collapse: collapse; border: 1px solid #838383; }
th, td { padding: 5px; }
th, .TableSubTitle td, .subtitle td { background: #405f64; color: #fff; text-align: center; }

.wazne, .important { font-size: 120%; text-align: center !important; }
.czerwony { color: #ff0000; }

.alignleft { float: left; margin: 10px 10px 10px 0; }
.alignright { float: right; margin: 10px 0 10px 10px; }
.aligncenter { margin: 10px auto; display: block; }

/* 7. BREADCRUMB
---------------------------------------- */
#breadcrumb { margin: 5px 5px 20px 5px; color: #96989a; font-size: 12px; }
.current-location { padding: 2px 3px; background: #efeded; color: #8d9092; }

/* 8. SEARCH
---------------------------------------- */
#search-results li { list-style: square; margin-bottom: 20px !important; }
#search-results .result-title { display: block; font: bold 15px/20px Arial, sans-serif; }
#search-results .result-meta { display: block; color: #979797; }

/* 9. ASIDE
---------------------------------------- */
aside p, address { margin: 5px 0; line-height: 18px; }
#random-photo img, #city-logo img, #contact img { display: block; margin: 0 auto; }
#contact address { text-align: center; }
address { font-style: normal; }

/* 10. FOOTER
---------------------------------------- */
footer { color: #8c8c8c; font-size: 11px; text-align: right; }
footer a, footer a:visited, footer a:hover { color: #8c8c8c; text-decoration: none; }
footer a:hover { text-decoration: underline !important; }