/*
Theme Name: Instytut Sobieskiego
Description: Domyślny motyw strony instytutu
Author: Cezary Nazaruk
Author URI: http://rivo.pl
Version: 3.0
*/

/* CSS reset */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

body {
	font-family: "Arial", "Verdana", "Helvetica", sans-serif;
	font-size: 12px;
}


#page-wrap {width: 940px; margin: 8px auto;	overflow: hidden;}



#header {
	background: url(images/top.jpg);
	height: 110px;
	width: 100%;
}

#logo {
	float: left;
	width: 250px;
	margin-top: 21px; 
	margin-left: 21px;
}

#header-right {
	float: right;
	width: 650px;	
	margin-top: 10px;
	text-align: right;	
	z-index: 15;
}

#title {
	margin-right: 13px; 
	margin-top: 12px;
	font-size: 18px;
	font-style: italic; 
}
#search-wrap {
	float: right; 
	height: 19px; 

	margin-right: 13px;
	margin-top: 10px;
}
#search {
	position: relative; 
	margin-right: 1px;
	height: 19px;
	float: left;
}
#search input#searchsubmit{
	background-image:url(images/search.gif);
	border: solid 0px;
	width: 19px;
	height: 19px;
}
#search input#s{
	border: solid 0px #fff; 
	font-size: 10px; 
	font-style: italic; 
	color: #868686; 
	width: 135px;
	height: 13px;
	padding: 3px;
}

#icon {
	float: left;
	margin-left: 2px;
}
#searchform {
	height: 19px;
}	

nav {
	display:block; 
	width: 97%;
	position:relative;
	float: right;
	clear: right;
	margin: 13px;
}  
nav div {float: right;}
nav ul { 
	padding:0; 
	margin:0; 
}  
nav ul:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}  
nav li { 
	position:relative; 
	float:left; 
	list-style-type:none;
	z-index: 15;	
	text-align: left;
} 
nav li a { 
	display:block; 
	padding:0px 5px; 
	border-right:1px solid #000; 
	
	font-size: 13px;
	font-style: italic;
	color: #000;
	font-weight: bold;
	text-decoration:none; 
}   
nav li:first-child a {border-left:none;}  
nav li:last-child a {border-right:none;}
nav a span { display:block; float:right; margin-left:5px;}   
nav li:hover ul {display:block;}	
nav ul ul {display:none; width:180px; position:absolute; left:0; background:#ebebeb; border: 1px solid #e1e1e1;}  
nav ul ul li {float:none;}  
nav ul ul a {padding:5px 5px; border-left:none; border-right:none; font-size:12px; font-weight: normal; font-style: normal;}  
nav ul ul a:hover {background-color:#e1e1e1;}   

#slider {
	position: relative;
	height: 260px;
	/* overflow: scroll; */	
	overflow: hidden;
	margin: 0px; 
	margin-top: 2%;
	padding: 0px;
	}
#slider ul li {list-style-type: none;}
#slider .bg {
	position: relative;
	background: url(images/g_top.png) repeat-y;
	height: 260px;
	width: 940px;
	z-index: 11;
	}	
#slider .text {
	position: relative;
	z-index: 12; 
	width: 41%; 
	height: 220px; 
	padding: 2%;	
	float: left; 
}
input {}
#slider h1 {font-style: italic; font-weight: lighter; margin: 0px !important;}
#slider .title-sticky {position: absolute; bottom: 12px; font-style: italic; color: #fff; font-size: 22px; width: 100%;}
#slider .title-sticky a {color: #fff;}
#slider .title-sticky a:hover {color: #5ebae2;}
#slider .post-icon {
	position: absolute;
	top:0;
	right: 0;
	float: right; 
	width: 55%;
	z-index: 10;
	height: 100%;
}

/* Skrót ostatnich wpisów */
.preview {width: 100%; margin: 0px; padding: 0px; margin-top: 8px; overflow: hidden;}
.preview li {padding: 10px 10px 0px 10px; height: 260px; float: left; list-style-type: none; margin-right: 8px; background: #ebebeb; border-bottom: solid 8px #797ba4; border-style: inset; }
.preview li img {position: relative; float: right; top: 218px;}
.smaller li img {top: 355px;}
.preview li strong {font-style: italic; font-weight: bold; letter-spacing: 2px; color:#181f5e; font-size: 10px; text-transform: uppercase;}
.preview li h1 {
	color: #181f5e !important;
	padding: 0px;
	padding-top: 15px;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	margin: 0px;
}	
.preview p {margin: 10px 0px; color: #87888c !important;}
.preview li:last-child {margin-right: 0px;}
.bigger li {
	width: 446px;
	color: #181f5e;
}

.bigger li h1 {#181f5e;}
.bigger li strong {#181f5e; margin-top: 10px; display: block;}
.bigger li p {margin-right: 35px;}
.smaller li{
	width: 209px;
	color: #888888;
	height: 400px;
	}
.smaller li h1 {color: #181f5e; font-size: 16px;}
.more {color: inherit; font-size: inherit; text-decoration: none;}

/* Skrót ostatnich 4 wpisów */	

/* Stopka */	
#footer {
	margin: 8px 0px;
	background: #ececec;
	padding: 0px 10px;
	color:#adadab;
	clear: both;
	padding-top: 15px;
	margin-top: 7px;
	overflow:hidden;
	margin-bottom: 8px;
}

	
#footer a {color: #adadab; text-decoration: none;}
#footer a:hover {color: #5ebae2;}

#content {
	width: 100%; 
	margin-top: 8px;
	min-height:780px;
	line-height: 20px;
	background: url(images/g_bot.jpg) repeat-x #ebebeb;
	background-position: bottom;
	color: #181f5e;
	overflow: hidden;
}

#content .alignleft, #content .attachment-category-thumb {
	border: solid 0px #A0A0A0;
}
#content .alignleft { float: left; padding-right: 8px; }
#content p {margin: 12px 0px; overflow: visible;}
#content blockquote {font-style: italic; color: #505050; font-size: 11px;}
#content blockquote a {color: #000; text-decoration: none;}
#content a, #slider a {color: #009EE2; text-decoration: none;}
#slider a:hover {color: #5ebae2;}
#content a {color: #65677c;}
#content a:hover {color: #181f5e;}
#content h1, #slider h1 {
	font-size: 20px !important; 
	margin: 2px 0px !important;
	margin-top: 15px;
	padding: 0px !important; 
	color: #009EE2 !important;
	}
	
#content h1{margin-top: 15px !important; clear: both;}
#content h1 a {color: #009EE2 !important;}
#content li, #content ol {margin: 3px 0px;}
#content h2,h3 {
	font-size: 12px; 
	color: #181f5e; 
	font-weight:bold;
	margin: 15px 0;
}

#content h3 { font-size: 16px; }

#content ul {list-style-type: none; padding-left: 40px;}
#content ol {padding-left: 40px; }

#main-column .post { width: 100%; border-bottom: solid 1px #D0D0D0; margin-bottom: 24px; }
#main-column .post:last-child { border-bottom: solid 0px #000; }
#main-column .post-info {font-size: 11px; color: #aeaeae; display: block; }
#main-column .post-content { overflow: auto; margin: 12px 0; }
#main-column .post-links { clear: both; border-top: solid 1px #D0D0D0; padding-top: 12px; }
#main-column .post-thumb { 	
	float: left; 
	height: 100%;
	margin: 0 10px 10px 0;
}

#sidebar, #sidebar-archive {
	position: fixed;
	width: 205px;
	padding-left: 25px;
	top: 250px;
	line-height: 18px;
}
#sidebar ul,#sidebar-archive ul {margin: 0px; padding: 0px;}
#sidebar li, #sidebar-archive li {margin: 8px 0px; clear: left;}
#sidebar a, #sidebar-archive a {color: #9f9f9f;}
#sidebar hr, #sidebar-archive hr {
	color: #9f9f9f; 
	background-color: #9f9f9f; 
	border: none; 
	height: 1px; 
	width: 70%; 
	float: left; 
	margin: 0px; 
	margin-top: 8px;
	margin-bottom: 16px;
}

#sidebar-archive  {position: relative; top: 80px;}

#left-column{
	width: 245px; 
	float: left;
}
#main-column {
	width: 450px; 
	float: right; 
	margin: 20px 245px 20px 0px;
	}

#newsletter input#newslettersubmit{
	position: relative; 
	margin-bottom: 1px;
	margin-left: 3px;
	background: url(images/newsletter_big.gif);
	border: solid 0px;
	width: 30px;
	height: 30px;
}
#newsletter input#ivaldi_mail_collector_emailfield{
	border: solid 0px #fff; 
	font-size: 12px; 
	font-style: italic; 
	color: #8b8b8b;
	padding: 3px 6px; 
	width: 170px;
	height: 25px;
}
#newsletter .icon {
	position: relative; 
}
#newsletter {
	padding: 0px; 
	margin: 0px;
	margin-bottom: 10px;
}

#nav {z-index: 15; position: absolute; top: 230px; left: 788px;}
#nav a { 
	display:block;
    width:18px;
    height:18px;
	float: left;
    text-indent:-9999px;
	background:url(images/slider.png);
	margin-right: 5px;
}

#nav a.activeSlide { background:url(images/slider_active.png); }
#nav a:focus { outline: none; }

.attachment-category-thumb { float: left; margin-right: 8px; }

.slide-out-div {
    padding: 20px;
    width: 250px;
    height: 250px;
    background: #EEE;
    border: 1px solid #CCC;
    z-index: 1000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}  
.slide-out-div  p{ padding: 10px 0; }
.slide-out-div  a {color: #65677c;}
.slide-out-div  a:hover {color: #181f5e;}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

body { background: #fff; color:black; margin: 0; padding: 0;}
#header, #footer, #left-column {display: none; width: 0%; margin: 0; padding: 0;}
#content {background: #fff; padding: 0; margin: 0;}
#main-column {width: 100%; margin: 0; margin-left: .5cm;}
}