/**
 * Copyright (c)2009, CSD
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright       		Copyright (c) 2009, CSD	
 * @frontedndeveloper		Krzysztof Safjanowski
 * @license         		http://www.opensource.org/licenses/mit-license.php The MIT License
 */


/* wyzerowanie domyslnych wartosci */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, 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;}
fieldset {border: 0;}
object {display: block;clear:both;}
table {border-collapse: collapse; border-spacing: 0;}


/* clear */
.clearfix:after {display: block; visibility: hidden; clear: both; height: 0; content: ".";}


/* dostepnosc */
#quick-navigation, .accessibility, .hidden, hr {position: absolute; left: -666em; top: 0; margin-left: -666em; overflow: hidden;}


/* linki */
a {text-decoration: underline; color: #396422;}
	a:hover {text-decoration: none;}
	a:focus {text-decoration: none;}


/* body */
body {font: 0.625em/1em tahoma, arial, helvetica, sans-serif; background: #353535; color: #000;}
	body .container {margin: 0 auto; width: 941px;}


/* naglowek */
#header {padding: 0 0 41px; background: #fff5c8 url(../img/site/header.gif) 0 100% repeat-x;}
	#header .container {position: relative; height: 140px; background: url(../img/site/header.container.jpg) 50% 0 no-repeat;}

	#header-logotype {position: absolute; top: 10px; left: 651px; width: 200px; height: 120px;}
		#header-logotype a {display: block; overflow: hidden; width: 200px; height: 120px; text-indent: -666em; background: url(../img/site/header-logotype.a.jpg) no-repeat;}

		#list-category{bottom:-37px;left:22px;position:absolute;}
				#list-category li{float:left;margin:0 20px 0 0;}	
					#list-category li a{text-decoration:none;font-family:tahoma;font-size:18px;color:#fff;font-style:italic;height:21px;padding:7px 0 0 0;text-align:center;width:147px;display:block;}	
					.current-cat, #list-category li a:hover{background: url(../img/site/activ-category-list.png) no-repeat;}	


/* tresc */
#content {background: #fff5c8;position:relative;}
	#content .container {overflow: hidden; padding: 0 20px; width: 901px; background: #fff url(../img/site/content.container.jpg) 100% 0 repeat-y;position:relative;}

	#content-main {float: left; width: 521px;}

		#content-main-article {}
			#content-main-article .article-header {overflow: hidden; margin: 0 0 18px;}
				#content-main-article .article-header .article-header-title {font-size: 1.6em; line-height: 1.125em; color: #3a6625;}
					#content-main-article .article-header .article-header-title a {text-decoration: none;}
					#content-main-article .article-header .article-header-title a:hover {text-decoration: underline;}
				#content-main-article .article-header .article-header-meta {float: left; margin: 0 8px 0 0; font-size: 1.1em; line-height: 1.63em; color: #b1c4ac;}
					#content-main-article .article-header .article-header-meta dt {float: left; margin: 0 3px 0 0}
					#content-main-article .article-header .article-header-meta dd {float: left;}
			#content-main-article .article-content {overflow: hidden; font-size: 1.1em; line-height: 1.63em;}
				#content-main-article .article-content img {display: block;}
					#content-main-article .article-content img.alignright {float: right; margin: 0 0 10px 20px;}
					#content-main-article .article-content img.alignleft {float: left; margin: 0 20px 10px 0;}
				#content-main-article .article-content p {margin: 1em 0;}
					#content-main-article .article-content p:first-child {margin: 0 0 1em;}

		#content-main-article > li {margin: 36px 0;}

			#content-main-article-comments {} 
				#content-main-article-comments-list {margin: 18px 0; border-bottom: 1px solid #e5e5e5;} 
					#content-main-article-comments-list > li {overflow: hidden; border-top: 1px solid #e5e5e5; padding: 12px 0;}
						#content-main-article-comments-list > li .comment-body {font-size: 1.1em; line-height: 1.63em;}
							#content-main-article-comments-list > li .comment-body .comment-author {float: left; width: 164px; color: #B1C4AC;} 
								#content-main-article-comments-list > li .comment-body .comment-author img {float: left; margin: 0 8px 0 0;} 
								#content-main-article-comments-list > li .comment-body .comment-author cite {font-style: normal; font-weight: bold;}
							#content-main-article-comments-list > li .comment-body .comment-meta {float: left; width: 357px;}
						#content-main-article-comments-list > li p {float: left; margin: 0 0 0 164px; width: 357px;}
				
				#content-main-article-comments-header {margin: 18px 0; font-size: 1.4em; line-height: 1.28em; color: #3A6625;}

				#content-main-article-comments-respond {}
				
					#content-main-article-comments-respond-header {margin: 18px 0; font-size: 1.4em; line-height: 1.28em; color: #3A6625;}
					
					#content-main-article-comments-respond-form {font-size: 1.1em; line-height: 1.63em;}
						#content-main-article-comments-respond-form p {margin: 11px 0;}
							#content-main-article-comments-respond-form p textarea {width: 521px;}
							#content-main-article-comments-respond-form p input {margin: 0 22px 0 0;}

	#content-sidebar {float: right; margin: 20px 0 0; width: 340px;}
	
		#content-sidebar-box {}
			#content-sidebar-box .box {margin: 0 0 20px;}
				#content-sidebar-box .box .box-header {padding: 18px 20px 0; font-size: 1.4em; line-height: 1.29em; background: url(../img/site/content-sidebar-box.box.png) 0 0 no-repeat; color: #3a6625;}
				#content-sidebar-box .box .box-content {padding: 9px 20px 18px; font-size: 1.1em; line-height: 1.63em; background: url(../img/site/content-sidebar-box.box.png) 0 100% no-repeat;}

/* stopka */
#footer {}
	#footer .container {padding: 0 20px; width: 901px;}

	#footer-agency {padding: 1.63em 0; font-size: 1.1em; line-height: 1.63em; color: #f9fae8;}
		#footer-agency a {color: #f6f8de;}