/*
Theme Name: Arsenal.art.pl
*/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	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,
	b, u, i, center,
	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;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	.pages strong { display: block; float: left; padding: 0 5px 0 0; }


/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		background: #fff;
		font: 11px Tahoma, Arial, sans-serif;
		text-align: center;
		color: #5d5d5d;
	}
		
strong { font-weight: normal; color: #000; }
			
em { font-style: italic; }
	
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
	
a { text-decoration: none; color: #5d5d5d; }
a:hover { text-decoration: underline; }

h2, h3, h4 { font-weight: normal; color: #000; }
	

/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	

.hidden, .hide, .divider { display: none; }
	
.left { float: left; }

#container { width: 975px; background: url(images/bg.png) no-repeat 0 25px; text-align: left; margin: 0 auto; padding: 25px 0 0 0; }
#container.news { background: url(images/bg-news.png) no-repeat 0 25px; }

#container:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }


/* 2.1	Header
-----------------------------------------------------------------------------------------------*/

#header { height: 88px; }
#header h1 { float: left; }
#header h1 a { display: block; width: 139px; height: 39px; background: url(images/logo.png) no-repeat top left; }
#header h1 a span { display: block; text-indent: -9999px; }

#nav { float: left; margin: 26px 0 0 50px; }
#nav li { float: left; padding: 0 20px 0 0; }
#nav li.current a { color: #000; }

#ex-nav { float: right; margin: 26px 50px 0 0; }
#ex-nav li { float: left; padding: 0 20px 0 0; }



/* 2.2	Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar { clear: left; float: left; width: 142px; padding: 7px 20px 0 0; font-size: 11px; line-height: 13px; }
#sidebar p { margin: 0 0 1.5em 0; }

dl.hours dt { color: #000; float: left; width: 50px; }
dl.bilety dt { float: left; clear: left; width: 110px; }
dl.bilety dd { color: #000; }

#newsletter { margin: 60px 0 0 0; }
#copy { margin: 30px 0 0 0; }



/* 2.3	Content
-----------------------------------------------------------------------------------------------*/

#content { float: left; width: 813px;  }

.zamowienia, .publikacje { margin: 0 0 0 31px; }
.zamowienia h2, .publikacje h2 { color: #00ccff; font-size: 21px; float: left; margin: 0 0 40px 0; }
.publikacje .subnav { font-size: 20px; float: right; padding: 0 43px 0 0; }
.publikacje .subnav li { float: left; padding: 0 29px 0 0; }
.publikacje .subnav li.current a { color: #000; }
.zamowienia .text, .publikacje .text { clear: left; }
.zamowienia .col-1, .publikacje .col-1 { height: 460px; width: 245px; padding: 0 15px 0 0; border-right: 2px solid #efefef; float: left; }
.zamowienia .col-1 p, .publikacje .col-1 p, .publikacje .post p, .publikacje .post h3, .publikacje .col-5 p, .publikacje .col-4 p { margin: 0 0 1em 0; }
.zamowienia .col-1 p.title a { color: #000; }
.zamowienia .col-2, .publikacje .col-2  { float: right; width: 509px; height: 460px; overflow: auto; }
.publikacje .post { border-bottom: 2px solid #efefef; margin: 0 0 18px 0; }
.publikacje .post img.cover { display: block; float: left; }
.publikacje .post .right { margin: 0 0 0 110px; padding: 0 0 10px 0; }
.publikacje .aktualny a { color: #000; }
.publikacje .aktualny { float: left; margin: 20px 0 0 0; }
.publikacje .archiwum { width: 120px; float: right; margin: 20px 0 0 0; }
.publikacje .col-4 { height: 440px; width: 230px; padding: 0 15px 0 12px; border-right: 2px solid #efefef; float: left; }
.publikacje .col-5 { width: 237px; float: left; padding: 0 0 0 11px; }
.publikacje .col-5 img { padding: 0 0 10px 0; float: none; }
.publikacje .col-5 h3 { padding: 0 0 10px 0; }

.historia, .kontakt { margin: 0 0 0 31px; }
.historia h2, .kontakt h2 { color: #00ccff; font-size: 21px; float: left;  }
.pages { float: left; clear: left; color: #000; }
.historia .text, .kontakt .text { clear: left; }
.historia .col-1, .historia .col-2, .kontakt .col-1, .kontakt .col-2 { height: 457px; width: 245px; padding: 0 15px 0 0; border-right: 2px solid #efefef; float: left; }
.historia .col-2, .kontakt .col-2 { padding-left: 10px; }
.historia .col-3, .kontakt .col-3 { width: 237px; float: left; padding: 0 0 0 11px; }
.historia .pages { margin: 0 0 30px 0; }
.kontakt h2 { margin: 0 0 40px 0; }
.kontakt strong { display: block; }
.kontakt p { margin: 0 0 1em 0; }
.kontakt p a { color: #00ccff; }
.kontakt .col-1, .kontakt .col-2 { border: none; }

.page { margin: 0 0 0 31px; }
.page .text { height: 440px; width: 482px; overflow: auto;float: left; margin: 28px 0 0 0; border-left: 2px solid #efefef; padding: 0 0 0 10px;}
.page .photo { float: left; width: 250px; clear: left;  padding: 5px 0 0 0; margin: 25px 0 0 0; }
.page .photo img { width: 240px; }
.page .text p { margin: 0 0 .5em 0;}
.page .text img { padding: 5px 10px 5px 0; float: left; } 
.page .left { width: 530px; float: left; }
.page .left .date { font-size: 21px; color: #ababab; line-height: 20px; }
.page .left .wernisaz { font-size: 21px; line-height: 20px; }
.page .left .title { font-size: 21px; line-height: 21px; margin: .3em 0 .5em 0; }
.page .right .miesiac strong { color: #00ccff; }
.page .left .title a { color: #000; }
.page .right { width: 240px; float: left; padding: 0 0 0 10px; }
.page .right h2 { color: #00ccff; font-size: 21px; float: left;  }
.page .right .miesiac a { font-size: 21px; line-height: 20px; color: #000; clear: left; float: left;}

.archives { margin: 0 0 0 31px; }
.archives h2 { color: #00ccff; font-size: 21px; margin: 0 0 65px 0; float: left;  }
.archives .left { width: 530px; float: left; border-right: 2px solid #efefef; padding: 0 0 18px 0; }
.archives .calendar { clear: left; }
.archives .calendar li a { width: 118px; height: 120px; padding: 5px 0 0 7px; float: left; display: block; color: #00ccff; text-decoration: underline; font-size: 17px; background: rgb(240,250,255); margin: 0 1px 1px 0; }
.archives .calendar li a:hover { text-decoration: none; background: #00ccff; color: #fff; }
.archives .calendar li.current a { background: #00ccff; color: #fff; }
.archives .dekada { clear: left; float: left; margin: 25px 0 0 0;}
.archives .dekada li.current a, .archives .rok li.current a { color: #000; }
.archives .dekada li { float: left; padding: 0 10px 0 0; }
.archives .rok li { float: left; padding: 0 7px 0 0; margin: 25px 0 0 0; }
.archives .rok { float: right; margin: 0 15px 0 0; }
.archives .right { width: 240px; float: left; padding: 0 0 0 10px; }
.archives .right .posts { overflow: auto; height: 430px; width: 230px; }
.archives .right .date { clear: left; font-size: 20px; color: #ababab; }
.archives .right .title { font-size: 20px; line-height: 20px; margin: 0 0 .7em 0; }
.archives .right .title strong { color: #00ccff; }
.archives .right .title a { color: #000; }

.news { height: 630px; overflow: hidden; }
.news .post { width: 240px; height: 260px; margin: 0 0 20px 31px; overflow: hidden; float: left; }
.news .post .date { font-size: 21px; color: #ababab; line-height: 20px; }
.news .post .wernisaz { font-size: 21px; line-height: 20px; height: 21px; }
.news .post .title { font-size: 21px; line-height: 21px; margin: .3em 0 1em 0; }
.news .post .title strong { color: #00ccff; }
.news .post .title a { color: #000; }