/*
Theme Name: Iwoband
Theme URI: http://www.iwoband.pl
Author: Marcin Rygiel
Author URI: http://www.tauri.eu/
Description: Website template of music band Iwo Dixie Jazz Band.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: iwoband

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*rozmiary fontow:
12 - 1em
13 - 1.08em
14 - 1.16em
20 - 1.66em
35 - 2.92em

*/
/* ~~ RESET ~~ */
* {
	 margin: 0;
	 padding: 0;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	font-size: 1em;
}
a img {
	border: none;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
	 margin: 0;
	 padding: 0;
}
/* ~~ REUSABLE ~~ */

.hide {
	text-indent: -998em;
	height: 0px;
}

/* ~~ LINKI ~~ */
a:link {
	color: #5da2c7;
}
a:visited {
	color: #5da2c7;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.left {
    float: left;
}
.right {
    float: right;
}
/* ~~ LAYOUT ~~ */

html {
    overflow-y:  scroll;
    background: url('img/bg.jpg') no-repeat top scroll;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: 2048px 1538px;
    background-attachment: fixed;
	}

/* Basic style  */

body {
    font-family: segoe ui, verdana, arial, helvetica, sans-serif;
    color: #000;
    font-size: .75em;
}
.container {
    margin: 0 auto;
}
.clear {
    clear: both;
}
header {
    display: block;
    position: relative;
    top: 0;
}
#topCon, .newsBoxes {
    display: block;
    position: relative;
    overflow: hidden;
}
.logo {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    width: 300px;
}
h1 a {
	display: block;
	height: 275px;
	width: 277px;
	padding-bottom: 30px;
	margin: 20px 0 0 10px;
	overflow: hidden;
	float: left;
        position: relative;
        z-index: 99;
        text-indent: -700px;
        text-decoration: none;
        background: url('img/iwologo.png') no-repeat center center;
}
/*Navigation*/
#topBar {
    display: block;
    position: absolute;
    top: 120px;
	 margin: 0;
	 padding: 0;
    width: 100%;
    overflow: hidden;
    min-height: 50px;
    background-color: #000;
}
.menuBtn {
    display: none;
}
.topMenu {
    position: relative;
    overflow: hidden;
    top: 120px;
    display: block;
    max-width: 650px;
}
.topMenu ul {
    display: table;
    width: 100%;
}
.topMenu ul li {
    display: table-cell;
    padding: 0;
    margin: 0;
}
.topMenu li a {
    color: #fff;
    font-size: 1.3em;
    height: 50px;
    line-height: 50px;
    display: block;
    padding: 0 5px;
    text-align: center;
    font-family: 'yesteryearregular', Verdana, Arial, Helvetica ;
}
.topMenu li a:hover {
    text-decoration: underline;
}
.topMenuBtn, .mainMenuBtn {
    display: none;
}
/*News*/
#newsBoxes{
    display: block;
    position: relative;
    margin-top: 330px;
    padding-bottom: 60px;
     overflow: hidden;
     clear: both;
}
.newsBox {
    display: block;
    position: relative;
    float: left;
    width: 33.33333%;
    overflow: hidden;
}
.newsBox .newsShort {
    display: block;
    overflow: hidden;
    margin: 0 15px;
    background-color: #fff;
    padding-bottom: 20px;
}
.newsBox .newsShort h2, .newsBox .newsShort p  {
    margin: 20px 15px 8px 15px;
}
/*MAIN CONTENT*/
#mainContent {
	background-color: #fff;
	position: relative;
	display: block;
        overflow: hidden;
	min-height: 100px;
	width:  100%;
        padding-bottom: 40px;
}
#searchBar {
	background-color: #993366;
	position: relative;
	display: block;
        overflow: hidden;
	height: 70px;
	width:  100%;
        clear: both;
}
.leftCol, .rightCol {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    margin-top: 30px;
}
.rightCol {
    margin-left: 19px;
    border-left: 1px solid #B3B3B3;
}
.aboutUs {
    margin-top: 50px;
}
.leftCol img, .aboutUs p img, .aboutUs p a img {
    max-width: 100%;
    height: 100%;
}
.archiveExcerpt {
    margin-top: 30px;
    position: relative;
    display: block;
    padding: 0 10px 20px 10px;
    border-bottom: 1px solid #B3B3B3;
}
.concertExcerpt, .leftCol article {
    position: relative;
    display: block;
    padding: 0 10px 0 10px;
}
/*IMAGES*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.size-medium, a img.size-medium {
    display: block;
    width: 300px;
    overflow: hidden;
}
img.size-large, a img.size-large {
    display: block;
    width: 100%;
    max-width: 1000px;
    overflow: hidden;
}
.newsBox .newsShort .thumbNews {
    display: block;
    position: relative;
    overflow: hidden;
    height: 160px;
    float: left;
    margin: 20px 15px 8px 15px;
}
.mainThumb {
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 130px;
}
.archiveThumb {
    display: block;
    position: relative;
    overflow: hidden;
    height: 100px;
    width: 160px;
    float: left;
    margin: 10px 15px 15px 0;
}
.attachment-myThumbNews, .attachment-bigMainThumb, .attachment-minThumb {
    display: block;
    overflow: hidden;
    width: 100%;
    min-height: 100%;
    max-height: 350px;
    border: none;
}
/*GALLERY*/
.gallery dl {
    height: 160px;
    margin-top: 0 !important;
    padding: 0 !important;
    display: block;
    overflow: hidden;
    border: none;
    float: left;
}
.gallery dl dt a img {
    border: 0 !important; 
}
.gallery br {
    display: none;
    margin: 0;
    padding: 0;
}
.gallery-icon a img {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

/*WIDGETS*/
.rightWidget {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 40px 0 0 20px;
    float: left;
}
.footerWidget {
    display: block;
    overflow: hidden;
    float: left;
    padding-bottom: 30px;
}
.footerWidget h3 {
    color: #fff;
    margin: 25px 15px 0 15px;
}
.footerWidget .footerWidgetBody {
    margin: 25px 15px 0 15px;
}
/*FOOTER*/
#footer {
	background-color: #000;
        color: #fff;
	position: relative;
	display: block;
        overflow: hidden;
	min-height: 300px;
	width:  100%;
        padding-bottom: 40px;
}
#footer .copyright {
    display: block;
    position: relative;
    overflow: hidden;
    height: 30px;
    clear: both;
    margin-top: 40px;
    font-size: .90em;
    color: #fff;
}
#footer .onTop {
    display: block;
    position: relative;
    overflow: hidden;
    height: 60px;
    clear: both;
    margin-top: 40px;
    font-size: .90em;
    color: #fff;
}