@charset "utf-8";
/*
   layout by: DesignDivine.eu
*/

/* style.css */

/* BEGIN CSS 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,
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-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    text-decoration:none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END CSS RESET */


/* html tags
 ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** **
 */

body, html { background:#000; margin:0; color:#fff; font-family:Arial,sans-serif; font-size:14px; line-height:1.42em; min-width:1000px;}


div#content img {float:right; border:0; margin-left:10px;}
div#content div.page img { padding:10px;}
div#content div.page a { color:#d66; }
table {width:100%; float:left; clear:both; border:none;}

/* layout specifics
 ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** **
 */

td a {text-align:left; padding-left:30px; display:block; font-size:20px; font-weight:bold; }
td.banner { width:200px; text-align:center; border:none;}
td.banner img { float:none; text-align:center; }
.allwidth { width:1000px; clear:both; }
.center { margin:0 auto; }
.clear { clear:both;}
.fullwidth {width:100%;}
span.red { color:#f00; }
div#header-container {
	background:#000 url(/media/ksu/bg_header_bg.png) bottom left repeat-x;
	padding-top:5px;
}
div#ksu-logo {
	float:left;
}
div#address {
	height:36px;
        text-align:right;
	font-size:36px; font-variant:small-caps;
        line-height:40px;
		font-family:"Times New Roman",serif;
		font-weight:normal;
        
	}

	* html #address {
			margin-bottom:-7px;
		}

div#header div#address a {
		color:#fff; text-decoration:none;
	}
div#header {}
    div#header .spacer {width:1000px; height:390px; clear:both;}
    div#header .paperhr, div#content .paperhr{width:1000px; height:30px; clear:both;}
div#locale_switcher { display:block; width:80px; float:right; clear:none; padding:15px 5px; }
div#locale_switcher img { float:left;}
div#graphic-container {
width:100%;
height:500px;
}
div#header-slider {
height:500px;
}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:495px; position:absolute; }
.headerimg a {
    width:1000px;
    height:495px;
    display:block;
    margin:0 auto;
}
#headernav-outer { position:relative; top:460px; margin:0 auto; width:960px; z-index:2; }
#headernav { padding-left:864px; }
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("/media/ksu/btn_back.png"); }
#next { background-image:url("/media/ksu/btn_next.png"); }
#control { background-image:url("/media/ksu/btn_pause.png"); }
div#ksu-graphic-1-container {
    background: #343434 url(/media/ksu/bg_graphic_shadow.png) repeat-x top left;
	padding-top:5px;
    width:100%;
    height:495px;
}
div#ksu-graphic-1 {
    background: transparent url(/media/ksu/zespol_ksu_grafika_v1.jpg) no-repeat top center;
    height:495px;
    width:100%;
}
div#ksu-graphic-2-container {
    background: #e7e7e7 url(/media/ksu/bg_graphic_shadow.png) repeat-x top left;
	padding-top:5px;
    width:100%;
    height:495px;
}
div#ksu-graphic-2 {
    background: transparent url(/media/ksu/ksu_grafika_glany1.jpg) no-repeat top center;
    height:495px;
    width:100%;
}
div#content-container {
	background:#202020 url(/media/ksu/bg_content_shadow.png) repeat-x top left;
}
div.bg-content {
	background:transparent url(/media/ksu/bg_content_light.png) no-repeat top center;)
}
    div#content {}
	div#content .materialy {clear:both; display:block;}
div#content .materialy img{  margin:0; border:1px solid #555; clear:none;} 
div#content .materialy a {width:200px; display:block; text-align:center; float:left; clear:none; height:220px; font-size:10px; margin:20px;}
div#content .materialy-down { display:block; padding:20px; clear:both; vertical-align: middle;}
div#content .materialy-down img { float: left !important; vertical-align: middle;}
div#content div.materialy-down a {
    display:block;
    padding-top:40px;
}
div#content div.materialy-down a.colorbox {
    padding-top:0;
}
div#content div.materialy-down span.materialy-kto {
    display:block;
    padding-top:30px;
}
    div#content .papercr {width:1000px; height:30px; clear:both; background: url(/media/img/tmpl/paper_cr.jpg) no-repeat top left;}
    div#content li,
    div#content h2,
    div#content h1,
    div#content h3,
    div#content h4 {
        display:block;
        letter-spacing:4px;
        padding:10px;
        font-family:"Ubuntu",Arial,saans-serif;
        /*text-transform:uppercase;*/
        }
        div#content li a {
            text-decoration:none;
            color:#fff;
            font-size:1.5em;
            }
		div#content li a:hover {
				color:#f22;
		}
        div#content a {
            color:#fff;
            }
        div#content a.permalink {
            text-decoration:none;
            }
    div#content strong {font-weight:bold; font-size:1.1em;}
    div#content em { font-style:italic;}
    /*div#content h1 a { color:#f22;}*/
    div#content h1, div#content h1 a { font-size: 42px; color:#f2f2f2; line-height:42px; height:42px; font-style:italic; font-weight:bold; padding:0;}
    div#content h1 { clear:both; padding:20px 0;}
    div#content h2 { font-size:1.6em; color:#eaeaea;  line-height:1.5em; }
    div#content h3 { font-size:1.3em; color:#ccc;}
    div#content h4 { font-size:1.1em; color:#aaa;}
    div#content div.page p { text-indent:20px; text-align:justify; padding:10px;}
        div#content div.article-footer {
            padding:15px 10px;
            color:#ccc;
        }
            div#content div.impreza { border-bottom:1px solid #222122; padding-top:10px;}
            div#content div.impreza div.left { float:left; width:140px; padding:20px; display:block; background:#111010; margin-right:20px; height:50px; }
            div#content div.impreza div.left span { font-size:1.81em; float:right; clear:both; line-height:1em; }
            div#content div.impreza.div.right { float:left; width: 800px; padding: 10px; }
            div#content div.impreza div.thumbnail { float:left; width:150px; height:90px; margin-right:20px;}

div#comments {}
    div#comments h2 {
        display:block;
        font-weight:bold;
        letter-spacing:4px;
        font-size:1.6em; color:#eaeaea;  line-height:1.5em;
        padding:10px;
        text-transform:uppercase;
    }
    div#comments div.comment { border:1px solid #080808; margin-bottom:20px; padding:10px;}
    div#comments div.comment-icons {
        float:left;
        display:block;
    }
    div#comments div.comment-icons a, div#comments div.comment-icons span{
        height:16px;
        padding: 2px 0 2px 24px;
        color:#d2d2d2;
        font-size:13px;
        line-height:13px;
        float:left;
        display:block;
    }
    div#comments .row1 {
        background:#101010;
    }
    div.comment-date span{
        background:url(/media/ksu/time16_normal.png) no-repeat top left;
    }
    div.comment-permalink a{
        background:url(/media/ksu/comment16_normal.png) no-repeat top left;
    }
    div.comment-permalink a:hover{
        background:url(/media/ksu/comment16_hover.png) no-repeat top left;
    }
    div.comment-url a{
        background:url(/media/ksu/info16_normal.png) no-repeat top left;
    }
    div.comment-url a:hover{
        background:url(/media/ksu/info16_hover.png) no-repeat top left;
    }
    div.comment-user span,
    div.comment-user a{
        font-size:14px;
        font-weight:bold;
        color:#d2d2d2;
        float:left;
        display:block;
        line-height:16px;
    }
    div.comment a:hover {
        color:#ff2222;
    }
        div#comments div.comment div.comment-body { border-top:1px solid #080808; padding:10px;}
        div#comments div.comment div.comment-head,
        div#comments div.comment div.comment-info{ margin-left:20px; border-left:1px solid #080808; height:32px;}

div#menu {
	background:transparent;
	height:20px;
	text-align:center;
}
div#menu a {
	display:inline-block;
	float:left;
	color:#c0c0c0;
	height:20px;
	line-height:20px;
	padding:10px 21px 15px;
	text-transform:uppercase;
	letter-spacing:0px;
	text-decoration:none;
	font-family:Helvetica, Arial,sans-serif;
	font-weight:bold;
	font-size:14px; }

div#menu a:hover { color:#f11; font-weight:bold;}

a.crumb-link {
    color:#aaa;
    text-decoration:none;
    display:inline-block;
    height:13px;
    line-height:14px;
    padding:2px 5px;
    border-right:1px solid #aaa;
    background:url(/media/desdiv/header-transparent-bg.png) repeat;
}
a.crumb-link:hover {
    color:#ccc;
    border-right:1px solid #bbb;
    background:#000;
}
ul#breadcrumbs {
    height:20px;
}
li.breadcrumb {
    display:inline-block;
    float:left;
    font-size:12px;
    font-weight:bold;
    
}

div#pagination { text-align:center; padding:20px 0; color:#ccc;}
div#pagination a { color: #f33;}
div#pagination div.allpages { border-top:1px solid #222122; }
div#pagination div.allpages a { display:inline-block; color: #aaa; margin:2px; padding:3px 0; width:26px; border:1px solid #222122; font-size:0.9em;}
div#pagination div.allpages a:hover { color:#f33;}
div#pagination div.allpages a.currentpage { color:#f33;}
div#footer-container {
	border-top:1px solid #0a0a0a;
	background:#000;
}
div#footer {}
div#footer div.profiles {
float:left;
margin-right:20px;
}
div#footer div.profiles div {
float:left;
width:70px;
font-weight:bold;
font-size: 0.8em;
line-height:1em;
text-transform:uppercase;
text-align:justify;
letter-spacing:0.2em;
border-right: 1px solid #666;
padding:22px 8px;
height:26px;
margin-right:15px;
}
div#footer div.profiles a{
display:block;
color: #ddd;
font-size:1.5em;
text-transform:uppercase;
float:left;
}
div#footer div.links { 
float:right; }
div#footer div.links a{
float:left;
margin:0 10px; }
/* media */

div.gallery-preview {
    width:1000px;
    height:160px;
    background:#333333;
    padding: 1px 0;
}
div.gallery-preview div.gallery-overlay{
    position:absolute;
    height:40px;
    width:960px;
    padding:60px 20px;
    z-index:5;
    
}
div.gallery-preview div.gallery-overlay a{
    font-size:28px;
    display: inline-block;
    background:#000 url(/media/ksu/view24_normal.png) 10px 10px no-repeat;
    line-height:28px;
    height:28px;
    padding:6px 7px 6px 42px;
    border:1px solid #000;
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:4px;
    color:#d2d2d2 !important;
}
div.gallery-preview div.gallery-overlay a:hover {
    background:#000 url(/media/ksu/view24_hover.png) 10px 10px no-repeat;
    color:#f22 !important;
}
div.gallery-preview div.gallery-stripe {
    z-index:0;
}
div.gallery-preview div.gallery-stripe img {
    margin-left:0 !important;
    float:left !important;
}
.gallery-cell {
  display:inline-block;
  vertical-align:top;
  width:14.27%;
  float:left;
}
/* 25% daje 4 obrazki w rzedzie
 * 20% daje 5 obrazkow w rzedzie 
 * 16.6% daje 6
 * */

.gallery-download a {
    height:32px;
    padding:2px 0 2px 42px;
    display:block;
    line-height:32px;
    font-size:16px;
    color:#d2d2d2;
    background:url(/media/ksu/zip32_normal.png) no-repeat top left;
}
.gallery-download a:hover {
    color:#ff2222 !important;
    background:url(/media/ksu/zip32_hover.png) no-repeat top left;
}
.gallery-info {

}
.gallery-entry {
   vertical-align:baseline;
   width:130px;
   margin-top: 5px;
   margin-bottom: 20px;
   font-size:12px;
   
}

.gallery-video .gallery-thumb {
   background: #000;
 }

.gallery-thumb {
   width:130px;
   height:95px;
   overflow:hidden;
   text-align: center;
   margin-bottom: 3px;
   border:1px solid #f22;
}

.gallery-description {
    text-align: left;
    overflow: hidden;
}

.gallery-description .title {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    line-height:15px;
    padding-left: 1px;
    height: 30px;
    overflow: hidden;
    text-align:center;
}   

.gallery-description a {
    display: block;
    overflow: hidden;
    color:#d2d2d2 !important;
}

.gallery-description a:hover {
    color:#ff2222 !important;
}
.gallery-description a.views, .gallery-description a.comments {
    display: block;
    height:12px;
    float:left;
    padding: 1px 0 1px 22px;
    width:42px;
    line-height:12px;
    overflow: hidden;
}

.gallery-description a.views {
    margin-left:2px;
    background:url(/media/ksu/view16_normal.png) no-repeat top left;
}

.gallery-description a.views:hover {
    background:url(/media/ksu/view16_hover.png) no-repeat top left;
}

.gallery-description a.comments {
    background:url(/media/ksu/comment16_normal.png) no-repeat top left;
}

.gallery-description a.comments:hover {
    background:url(/media/ksu/comment16_hover.png) no-repeat top left;
}

.gallery-photo-object{
  margin-top:10px;
}
div#content div.left_panel {
    width:460px;
    padding-right:20px;
    float:left;
}
div#content div.right_panel {
    float:left;
    width:520px;
}
.photo-download {
    margin-bottom:20px;
    width:460px;
}
.photo-download a {
    height:32px;
    padding:2px 0 2px 42px;
    display:block;
    line-height:32px;
    font-size:16px;
    color:#d2d2d2;
    background:url(/media/ksu/jpg32_normal.png) no-repeat top left;
}
.photo-download a:hover {
    color:#ff2222 !important;
    background:url(/media/ksu/jpg32_hover.png) no-repeat top left;
}
.photo-fileinfo {
    width:460px;
    margin-bottom:20px;
    border-top:1px solid #202020;
    border-bottom:1px solid #202020;
    padding-top:4px;
    height:32px;
}
.gallery-fileinfo {
    width:1000px;
    margin-bottom:20px;
    border-top:1px solid #202020;
    border-bottom:1px solid #202020;
    padding-top:4px;
    height:32px;    
}
.photo-fileinfo div,.gallery-fileinfo div {
    height:24px;
    padding: 2px 0 2px 32px;
    color:#d2d2d2;
    font-size:13px;
    line-height:24px;
    width:100px;
    float:left;
    margin-left:20px;
    display:block;
}
.photo-fileinfo .photo-views, .gallery-fileinfo .gallery-views{
    background:url(/media/ksu/view24_normal.png) no-repeat top left;
}
.photo-fileinfo .photo-downloads, .gallery-fileinfo .gallery-downloads{
    background:url(/media/ksu/download24_normal.png) no-repeat top left;
}
.photo-fileinfo .photo-filesize, .gallery-fileinfo .gallery-size{
    background:url(/media/ksu/info24_normal.png) no-repeat top left;
}
.gallery-fileinfo .gallery-length{
    background:url(/media/ksu/set24_normal.png) no-repeat top left;
}
.gallery-fileinfo .gallery-date{
    background:url(/media/ksu/time24_normal.png) no-repeat top left;
}
/* DesignDivine specific
 ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** **
 */
.dd {  width:1000px; text-align:right; letter-spacing:5px; line-height:10px;}
.dd a { color:#fff; text-decoration:none; font-variant:small-caps; font-size:10px; font-family:Geneva,sans-serif; }

