/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

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

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.cb {clear:both;}

#container {width:1000px; margin:0px auto;}
	#container #header {height:348px; padding-left:500px; cursor:pointer;}
		#container #header.orange {background:white url(/img/header-orange.png) top left no-repeat;}
			#container #header.orange span.highlight {color:#f15822; text-transform:uppercase; font-family: 'Knockout 50 A', 'Knockout 50 B'; font-weight: 400; font-style: normal;}
			#container #header.orange h2 {color:#f15822; text-transform:uppercase; font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal; font-size:38px; text-transform:uppercase;}
		#container #header.green {background:white url(/img/header-green.png) top left no-repeat;}
			#container #header.green span.highlight {color:#30b48a; text-transform:uppercase; font-family: 'Knockout 50 A', 'Knockout 50 B'; font-weight: 400; font-style: normal;}
			#container #header.green h2 {color:#30b48a; text-transform:uppercase; font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal; font-size:38px; text-transform:uppercase;}
		#container #header.pink {background:white url(/img/header-pink.png) top left no-repeat;}
			#container #header.pink span.highlight {color:#d90181; text-transform:uppercase; font-family: 'Knockout 50 A', 'Knockout 50 B'; font-weight: 400; font-style: normal;}
			#container #header.pink h2 {color:#d90181; text-transform:uppercase; font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal; font-size:38px; text-transform:uppercase;}
		#container #header p {font-family: 'Knockout 30 A', 'Knockout 30 B'; font-weight: 400; font-style: normal; font-size:21px;}
		#container #share {text-align:right; margin-top:10px;}
	#container ul#menu {background:url(/img/blackbar-long.png) top left no-repeat; width:981px; height:53px;}
		#container ul#menu {float:left; list-style-type:none; padding-left:20px;}
		#container ul#menu li {float:left; list-style-type:none; margin:0px; padding:0px;}
			#container ul#menu li a {text-decoration:none; text-transform:uppercase; color:white; font-family: 'Knockout 69 A', 'Knockout 69 B'; font-weight: 400; font-style: normal; font-size:27px; line-height:51px; margin-right:40px;}
			#container ul#menu li a.orange {color:#f15822;}
			#container ul#menu li a.green {color:#30b48a;}
			#container ul#menu li a.pink {color:#d90181;}
			#container ul#menu li a:hover { color:#cecece; }

	#container ul#socialnetworks {background:url(/img/blackbar-long.png) top left no-repeat; width:981px; height:53px;}
		#container ul#socialnetworks {float:left; list-style-type:none; padding-left:20px;}
		#container ul#socialnetworks li {float:left; list-style-type:none; margin:0px; padding:0px;}
			#container ul#socialnetworks li a {text-decoration:none; text-transform:uppercase; color:white; font-family: 'Knockout 69 A', 'Knockout 69 B'; font-weight: 400; font-style: normal; font-size:27px; line-height:51px; margin-right:40px;}

	#container h3 {background: url(/img/blackbar-small.png) top left no-repeat; height:53px; color:white; line-height:53px; padding-left:20px; font-size:27px; text-transform:uppercase; font-family: 'Knockout 69 A', 'Knockout 69 B'; font-weight: 400; font-style:normal;}

.event {width:320px; float:left; min-height:360px;}
.one {background-color:#f2632d;}
.two {background-color:#f6921e;}
.three {background-color:#f1c335;}
	.event img {padding:10px;}
	.event .eventName {text-transform:uppercase; font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal; font-size:30px; text-transform:uppercase; color:black; line-height:30px; padding:0px 10px;}
		.event .eventName a {color:black; text-decoration:none;}
	.event .eventAuthor {text-transform:uppercase; font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal; font-size:19px; text-transform:uppercase; color:black; line-height:19px; padding:0px 10px;}
	.event .eventDate {text-transform:uppercase; font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal; font-size:26px; text-transform:uppercase; color:white; line-height:26px; padding:0px 10px;}

.one_event { clear:both; background-color:#f6921e; width:940px; margin:0px auto; padding:10px; position:relative;}
	.one_event h1 {text-transform:uppercase; font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal; font-size:50px; text-transform:uppercase; color:black; line-height:50px; margin:0px; color:black;}
	.one_event h2 {text-transform:uppercase; font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal; font-size:40px; text-transform:uppercase; color:black; line-height:40px; margin:0px; color:white;}
	.one_event p {font-family: 'Knockout 30 A', 'Knockout 30 B'; font-weight: 400; font-style: normal; font-size:21px; margin:5px 0px; }
	.one_event #event_share {float:right;}
	.one_event .artistlist {font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal; font-size:21px; margin:5px 0px; }
		.one_event .artistlist a {color:black; }
			.one_event .artistlist a:hover {color:#323232; }

#about {clear:both; background-color:#dc0383; margin:0px auto; width:920px; padding:10px 10px 10px 30px;}
	#about #map {float:right; text-align:right;}
	#about p {font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal; font-size:21px; line-height:21px; color:white; text-transform:uppercase; padding:0px; margin:10px 0px;}
	#about h4 {font-family: 'Knockout 69 A', 'Knockout 69 B'; font-weight: 400; font-style: normal;  color:black; text-transform:uppercase; font-size:27px; margin:0px; padding:0px;}
	#about a {color:white;}
		#about a:hover {color:black;}
	
.artist {width:320px; float:left; min-height:475px;}
.artistOne {background-color:#30b48a;}
.artistTwo {background-color:#51b648;}
.artistThree {background-color:#a9ce39;}
	.artist img {padding:10px;}
	.artist .artistName {text-transform:uppercase; font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal; font-size:21px; color:black; line-height:21px; padding:0px 10px;}
	.artist .artistType {text-transform:uppercase; font-family: 'Knockout 50 A', 'Knockout 50 B'; font-weight: 400; font-style: normal; font-size:14px; color:black; line-height:14px; padding:0px 10px;}
	.artist .artistWebsite {font-family: 'Knockout 30 A', 'Knockout 30 B'; font-weight: 400; font-style: normal; font-size:14px; color:black; line-height:12px; padding:5px 10px;}
		.artist .artistWebsite a {color:white;}
		.artist .artistWebsite a:hover {color:black;}
	.artist .artistShortDesc {font-family: 'Knockout 30 A', 'Knockout 30 B'; font-weight: 400; font-style: normal; font-size:14px; color:black; line-height:14px; padding:0px 10px;}
	.artist .artistDesc {font-family: 'Knockout 30 A', 'Knockout 30 B'; font-weight: 400; font-style: normal; font-size:14px; color:black; line-height:14px; padding:0px 10px;}
	.artist .eventName {text-transform:uppercase; font-family: 'Knockout 50 A', 'Knockout 50 B'; font-weight: 400; font-style: normal; font-size:14px; color:black; line-height:14px; padding:10px 10px;}
		.artist .eventName a {color:white;}
		.artist .eventName a:hover {color:black;}
#partners {margin-top:40px;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}