/*

	zenlike1.0 by nodethirtythree design
	http://www.nodethirtythree.com

*/

*
{
padding: 0em;
margin: 0em;
}

body
{
/* background: #000000 url('/img/bg1.jpg'); */
padding: 0 0px 35px 0px;
}

body,input
{
font-size: 10pt;
font-family: "georgia", "times new roman", serif;
color: #333333;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align:justify;
}

a
{
color: #B96D00;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}


h3 span
{
font-weight: normal;
}

h3,h4
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}

h2
{
font-size: 1.7em;    
}

h3
{
font-size: 1.5em;
padding-right: 34px;
background-image: url('/img/db1.gif');
}

h4
{
font-size: 1.2em;
padding-right: 28px;
background-image: url('/img/db2.gif');
}
h5
{
font-size: 1.0em;
padding-right: 28px;
}

.contentarea
{
padding-top: 1.3em;
}

img
{
border: solid 1px #6F5230;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

.divider1
{
position: relative;
background: #fff url('/img/border2.gif') repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}

.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
{
background-image: url('/img/icon-printerfriendly.gif');
}

.post ul.controls li a.comments
{
background-image: url('/img/icon-comments.gif');
}

.post ul.controls li a.more
{
background-image: url('/img/icon-more.gif');
}

.box
{
position: relative;
background: #FDFCF6 url('/img/boxbg.gif') repeat-x;
left: -1.5em;
top: -1.5em;
padding: 1.5em;
border-bottom: solid 1px #E1D2BD;
margin-bottom: 1.0em;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
text-align:left;
font-size:0.8em;
}

#upbg
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 275px;
/*background: #fff url('/img/bg2.jpg') repeat-x;*/
z-index: 1;
}

#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
 width: 100%;
/* border: solid 7px #fff; */
background-color: #fff;
margin: 0 auto;
}

#header
{
position: relative;
width: 100%;
height: 9.0em;
background: #2B2B2B url('/img/topbg.gif') repeat-x;
margin-bottom: 2px;
}

#headercontent
{
position: absolute;
bottom: 0em;
padding: 0em 2.0em 1.3em 2.0em;
}

#headercontent h1
{
font-weight: normal;
color: #fff;
font-size: 2.5em;
}

#headercontent h1 sup
{
color: #777;
}

#headercontent h2
{
font-size: 1.0em;
font-weight: normal;
color: #aaa;
}

#search
{
position: absolute;
top: 5.5em;
right: 2.0em;
padding-right: 0.0em;
}

#search input.text
{
margin-right: 0.5em;
vertical-align: middle;
border-top: solid 1px #000000;
border-right: 0px;
border-bottom: solid 1px #777777;
border-left: 0px;
padding: 0.15em;
width: 10.0em;
}

#search input.submit
{
background: #939B00 url('/img/buttonbg.gif') repeat-x;
border: solid 1px #5F6800;
font-weight: bold;
padding: 0.25em;
font-size: 0.8em;
color: #F2F3DE;
vertical-align: middle;
}

#headerpic
{
position: relative;
height: 109px;
margin-bottom: 2px;
}
/*
#menu
{
position: relative;
background: #7F8400 url('/img/menubg.gif') repeat-x top left;
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 1.1em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 0.7em 0.9em 1.0em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover
{
text-decoration: underline;
}

#menu ul li a.active
{
background: #7F8400 url('/img/menuactive.gif') repeat-x top left;
}
*/
#menubottom
{
background: #fff url('/img/border1.gif') repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

#content
{
padding: 0em 2.0em 0em 2.0em;
}

#primarycontainer
{
float: left;
margin-right: -20.0em;
width: 100%;
}

#primarycontent
{
margin: 1.5em 22.0em 0em 0em;
}

#secondarycontent
{
margin-top: 1.5em;
float: right;
width: 20.0em;
}

#footer
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url('/img/border2.gif') repeat-x 0em 2.5em;
font-size: 0.8em;
}

#footer .left
{
/*position: absolute;*/
left: 2.0em;
bottom: 0em;
float: left;
padding: 5px;
}

#footer .right
{
right: 2.0em;
bottom: 1.2em;
float: right;
padding: 5px;
}

ul, ol {margin-left: 1.2em; padding-top:7px; }

li {line-height:1.5em; 
/*text-align:justify;*/
}

.main li {list-style-image: url(/img/li-dark.gif);padding-bottom:7px;}


#project-next {
  float: right;
  padding-right: 50px;
}
#project-previous {
  float: left;
  text-align: left;
  padding-left: 50px;
}
p.pager {
  padding-bottom: 1.8333em;
}

table.smalll {
  border-collapse: collapse;
  border: 1px solid #666;
  font-size:11px;
}

table.smalll td {
border: 1px solid #666; 
padding: 3px;
}

table.smalll tr.even {
  background-color: white;
}

table.smalll tr.odd {
  background-color: #F4F4F4;
}
#normalcontent {
padding-top:10px;
}

.pagination {
	color:#666; 
	border:0px;
}

.pagination a, .pagination a:visited{
	text-decoration:none;
	color: #636363;
	background:#F9F9F9;
	border:1px solid #E6E6E6;
	padding:3px 6px;
	font-size:11px
}

.pagination a:hover, .pagination a:active{
	background:#009be3;
	color:#FFFFFF;
	border-color:#E6E6E6;

}

.pagination strong	{
	text-decoration:none;
	background:#fff;
	padding:3px 6px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:11px;

}

/* Projects */
.project {
	float:left;
	width:218px;
	margin:0 15px;
}
.project {
	float:left;
	width:218px;
	margin:0 15px;
	height: 270px;
}
.project h5 {
	font-size:1.1em !important;
	margin-bottom:5px !important;
}
.project .i {
	border:1px solid #fff;
	position: relative;
	width: 100%; /* for IE 6 */
}
.project .i strong {
	position: absolute;
	left: 0;
	margin-left:9px;
	margin-right:40px;
	color: white;
	font: bold 14;
	letter-spacing: -1px;
	/*background: rgb(0, 0, 0); / fallback color /
	background: rgba(0, 0, 0, 0.7);*/
	padding: 6px;

}
.project .d {
	font-size:0.85em;
	background-position: 0 100%;
	background-repeat:no-repeat;
	line-height:1.3em;
}
.project .d strong {
	color:green;
}
.plan  {
	border:5px solid #bddaec;
}
.opis {
	display:none;
}

.blockquo {
background:transparent url(/img/blockquo.png) no-repeat scroll 0 0;
color:#3A3A3A;
font-style:normal;
margin:1px;
padding-left:30px;
}

