/*
Theme Name: Powell Street Festival	
Theme URI: http://www.powellstreetfestival.com/
Description: Theme created by Chritine Rondeau and Kathy Shimizu based on the BLM Responsive Theme
Version: 2.0

Author: Christine Rondeau and Kathy Shimizu
Author URI: http://www.bluelimemedia.com
*/

@import url("css/flexslider.css");

/* PMN Caecilia web fonts */

@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=9a1d4a31-f266-4a79-923b-d281fc8b8d01&fontids=738744,738747,738750,738753");
@font-face{
font-family:"PMNCaeciliaW02-55Roman";
src:url("Fonts/738744/6751f175-e965-438f-b485-0b737f625240.eot?#iefix");
src:url("Fonts/738744/6751f175-e965-438f-b485-0b737f625240.eot?#iefix") format("eot"),url("Fonts/738744/ff5bad32-915d-4838-9487-dadf6ca5af62.woff") format("woff"),url("Fonts/738744/738e4f4a-21e9-41c4-9871-750cfafb213e.ttf") format("truetype"),url("Fonts/738744/a4e88dbd-bcf4-477c-9152-feef16a8e27d.svg#a4e88dbd-bcf4-477c-9152-feef16a8e27d") format("svg");
}
@font-face{
font-family:"PMNCaeciliaW02-56Italic";
src:url("Fonts/738747/0122af61-ede9-4f19-91ce-be0dca09ea66.eot?#iefix");
src:url("Fonts/738747/0122af61-ede9-4f19-91ce-be0dca09ea66.eot?#iefix") format("eot"),url("Fonts/738747/0e48ff79-51c7-452d-8d3b-8a3bf95db92b.woff") format("woff"),url("Fonts/738747/e5c52fd6-67e2-4ed6-8249-75ec9e2d3301.ttf") format("truetype"),url("Fonts/738747/f71e9c76-1044-4c12-acbb-a9be83df23e5.svg#f71e9c76-1044-4c12-acbb-a9be83df23e5") format("svg");
}
@font-face{
font-family:"PMNCaeciliaW02-75Bold";
src:url("Fonts/738750/6a34d4f2-d47e-491e-b23f-5c21cd102f27.eot?#iefix");
src:url("Fonts/738750/6a34d4f2-d47e-491e-b23f-5c21cd102f27.eot?#iefix") format("eot"),url("Fonts/738750/b75f619f-6985-455f-a653-31ddb61de0f5.woff") format("woff"),url("Fonts/738750/d273add0-658d-4430-9dc9-2f7308debd0e.ttf") format("truetype"),url("Fonts/738750/7447513d-8867-4753-9c62-3b057094223a.svg#7447513d-8867-4753-9c62-3b057094223a") format("svg");
}
@font-face{
font-family:"PMNCaeciliaW02-76BoldIt";
src:url("Fonts/738753/23f632ee-1cd7-4f11-9878-4f71a9ae13a8.eot?#iefix");
src:url("Fonts/738753/23f632ee-1cd7-4f11-9878-4f71a9ae13a8.eot?#iefix") format("eot"),url("Fonts/738753/f61f081a-9080-4e4f-82a0-79d8f0c6d113.woff") format("woff"),url("Fonts/738753/131992da-d0a4-4a7d-a4f9-a6d45e7861b5.ttf") format("truetype"),url("Fonts/738753/c92d9753-c501-44aa-9e48-e1675cd0d5b0.svg#c92d9753-c501-44aa-9e48-e1675cd0d5b0") format("svg");
}


/* Reset and Normalize 
-------------------------------------------------------------- */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Global 
---------------------------------------------*/
body {background: #fff;}
body,
button,
input,
select,
textarea {
	-moz-font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased;
	color: #666;
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px; /* pixels are needed for IE 8 and lower :( */
	font-size: 1.4rem; /* Snooka explains font resizing using rem - http://snook.ca/archives/html_and_css/font-size-with-rem */
	line-height: 1.6;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ddd;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 2em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #ddd;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
/* Forms and buttons 
-----------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}

/* Media 
-----------------------------------------*/
embed,
iframe,
object,
#main img {
	max-width: 100%;
}
#branding img,
.content img,
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
#branding img,
.content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

/* Forms and Buttons 
----------------------------------------------*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top; /* Improves readability and alignment in all browsers */
}


/* Image Alignment
----------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin: 0 1.5em 1.5em 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 0 0 1.5em 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 0.625em;
}
.wp-caption {
	background: #fff;	
	border: 1px solid #f6f6f6;
	margin-bottom: 0.625em;
	max-width: 100%;
	padding: 0.25em;
}
.wp-caption img {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}	
.wp-caption-text {
	color: #aaa;	
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
}	
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* General Styles 
----------------------------------------------*/


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

a {
	color: #b92025;
	cursor: pointer;
	text-decoration: none;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s;
}
a:hover,
a:focus,
a:active {
	color: #006787;
}
.internal-link {
	padding: 163px 0 0;
}
.breadcrumbs {
	color: #c2c2c2;
	margin: 0;
	padding: 0;
}
.breadcrumbs a {
	color: #c2c2c2;
}
.breadcrumbs a:hover {
	color: #000;
}
a.more-link {
	font-family: "PMNCaeciliaW02-56Italic",  Georgia, Times, 'Times New Roman', serif;
	font-size: 13px;
	font-size: 1.3rem;
}
p {
	margin: 0 0 1.5em;
	word-wrap: break-word;
}
h1,h2,h3,h4,h5,h6 {
	color: #006787;
}
h1 {
	font-family: "PMNCaeciliaW02-55Roman",  Georgia, Times, 'Times New Roman', serif;
	font-weight: 400;
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: 400;
	line-height: 1.2em;
	margin: 0.2em 0 0.5em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
h2, h2 a {
	font-family: "PMNCaeciliaW02-55Roman",  Georgia, Times, 'Times New Roman', serif;
	font-weight: 400;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.2em;
	margin: 0.125em 0 0.25em;
}
h2 a {
	text-decoration: none;
}
h2 a:hover {
	color: #b92025;
	text-decoration: underline;
}
h3, h3 a, h4,h5,h6 {
	font-family: "PMNCaeciliaW02-75Bold",  Georgia, Times, 'Times New Roman', serif;
	font-weight: 500;
}
h3, h3 a, h4,h5,h6 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.25em; /*20px / 16px */
	margin: 0 0 0.625em;
}
h3 a {
	text-decoration: none;
}
h3 a:hover {
	color: #b92025;
	text-decoration: underline;
}
blockquote {
	color: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 22px;
	font-size: 2.2rem;	
	font-style: italic;
	font-family: "PMNCaeciliaW02-55Roman", Georgia, Times, 'Times New Roman', serif;
	line-height: 1.625em; /* 26px / 16px */
	margin: 0.625em 0;
	padding: 0.625em;
}
.quotation {
	width: 1000px;
	font-family: "PMNCaeciliaW02-56Italic",  Georgia, Times, 'Times New Roman', serif;
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 2em;
	color: #b92025;
	margin: 30px auto 2px;
}
.quotee {
	width: 1000px;
	font-family: "PMNCaeciliaW02-55Roman",  Georgia, Times, 'Times New Roman', serif;
	font-size: 16px;
	font-size: 1.6rem;
	color: #b92025;
	margin: 0px auto 20px;
	text-align: right;
}
.rule {
	border-bottom: solid 1px #cce1e7;
}
.nospace {
	margin-bottom: 0;
}
.extraspace {
	margin-bottom: 1.3em;
}

/* =Layout 
----------------------------------------------- */
#branding, 
#top_nav,
#fat-footer,
#footer,
#main,
.row {
	width: 100%;
}
article {
 padding: 0 0 20px;
}
.wrapper {
	margin: 0 auto;
	width: 1000px;
}
/* pushes page content down 130px for margin at top where fixed nav+bars are */
#page-top-spacer {
	height: 130px;
}
#main {
	background: url(images/main_pattern.png) bottom repeat-x;
	margin-top: 60px;
	padding-bottom: 100px;
}
/* Content on pages is 800px wide and sidebar is 160px */
.content {
	float: left;
	width: 80%;
	padding: 0.625em 0 2em;
}
.sidebar {
	float: right;
	width: 16%;
	padding: 0 0 0.625em;
	margin: 0;
}
/* Content on home page is narrower and sidebar set to 320px */
.home .content {
	width: 64%;
}
.home .sidebar {
	width: 32%;
}
.content-wide {
	float: left;
	width: 1000px;
	margin: 10px 0 0;
}

.column_onethird {
	width: 33%;
	float: left;
}
.float250px {
	width: 250px;
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 15px 0;
}
.float200px {
	width: 200px;
	float: left;
	margin: 0;
	padding: 0 25px 10px 0;
}
/* Header area 
----------------------------------------------*/
#branding {
	background: #fff;
	padding: 10px 0 0 0;	
	height: 82px;
	position:fixed;
	left:0px;
	top:0px;
	z-index:299;
}
#logo a {
	background: url(images/logo.png) top left no-repeat;
	display: block;
	float: left;
	height: 60px;
	margin: 0 30px 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 272px;
}
#tagline {
	background: url(images/tagline_bg.png) top left no-repeat;
	color: #777;
	float: left;
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
	margin: 10px 0;
	padding: 15px 0 20px 30px;
}
#event-date {
	float: right;
}
.annual {
	color: #006685;
	font-family: "PMNCaeciliaW02-75Bold",  Georgia, Times, 'Times New Roman', serif;
	font-weight: 500;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1em;
	margin: 0 0 0.3em;
	padding: 0;
	text-align: center;
}
.psf {
	color: #006685;
	font-family: "PMNCaeciliaW02-75Bold",  Georgia, Times, 'Times New Roman', serif;
	font-weight: 500;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1em;
	margin: 0 ;
	padding: 0;
	text-align: center;
}
.date {
	color: #006685;
	font-family: "PMNCaeciliaW02-55Roman",  Georgia, Times, 'Times New Roman', serif;
	font-weight: 400;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.25em;
	margin: 0 0 0.4em ;
	padding: 0;
	text-align: center;
}

/* Navigation Bar
-------------------------------------------------------------- */
#top_nav {
	background: #cce1e7;
	padding: 2px 0;
	position:fixed;
	left:0px;
	top:82px;
	z-index:300;
}
#top_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: "PMNCaeciliaW02-55Roman",  Georgia, Times, 'Times New Roman', serif;
}
/* primary navigation with dropdowns */
.main-navigation {
	float: left;
	display: block;
}
.main-navigation li {
	background: url(images/nav_sep.png) 0% 50% no-repeat;
	display: inline-block;
	padding: 0 1em;
	position: relative;
}
.main-navigation a {	
	color: #006787;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 2;
	padding: 0.25em 0;
	text-decoration: none;
}
.main-navigation li:first-child {
	background: none;
	padding-left: 0;
}
.main-navigation li li {
	background: none;
	padding: 0 !important;
}
.main-navigation ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	left: 0;
	width: 188px;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	background: #fff;
	border-bottom: 1px dotted #cce1e7;
	color: #006787;
	height: auto;
	line-height: 1.4em;
	padding: 10px;
	width: 168px;
}
.main-navigation li:hover > a,
.main-navigation ul ul :hover > a,
.main-navigation a:focus {
	color: #ba0109;
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation li.hide-for-large {
	display: none !important;
}


/* nav bar on right */
.sub-navigation {
	float: right;
	text-align:right;
}
.sub-navigation li {
	display: inline-block;
	position: relative;
}
.sub-navigation a {
	background: url(images/nav_sep.png) 0% 50% no-repeat;
	color: #777;
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 2;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.sub-navigation a:hover {
	color: #ba0109;
}
.sub-navigation li:first-child a {
	background: none;
}
.sub-navigation ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	left: 0;
	width: 188px;
	z-index: 99998;
}
.sub-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.sub-navigation ul ul a {
	background: #fff;
	border-bottom: 1px dotted #cce1e7;
	color: #006787;
	height: auto;
	line-height: 1.4em;
	padding: 10px;
	width: 168px;
	text-align: left;
}
.sub-navigation li:hover > a,
.sub-navigation ul ul :hover > a,
.sub-navigation a:focus {
	color: #ba0109;
}
.sub-navigation ul li:hover > ul {
	display: block;
	background: #fff;
}


/* Small menu */
.menu-toggle {
	cursor: pointer;
}
.main-small-navigation .menu {
	display: none;
}

/* Pattern+blue bar below nav */
#bluebar-fixed {
	height: 14px;
	width: 100%;
	background: #006787;
	position: fixed;
	top: 116px;
	left: 0;
	z-index: 100;
}
#top-pattern {
	height: 30px;
	width: 100%;
	background: url(images/pattern.png) 0 0 repeat #006787;
	position: fixed;
	top: 130px;
	left: 0;
	z-index: 5;
}

/* Home page Bar Under Slider + Pattern and Featured articles 
-----------------------------------------------------------*/
#bluebar {
	height: 14px;
	background: #006787;
}
#pattern {
	height: 30px;
	background: url(images/pattern.png) 0 0 repeat #006787;
	margin: 0;
}
.title-area {
	/*border-bottom: 1px solid #ddd;*/
	margin: 0;
	padding: 0;
}
.title-area .left {
	float: left;
	width: 68%;
}
.title-area .left h1 {
	padding: 0;
	margin: 0 0 10px;
}
.title-area .right {
	float: right;
	margin-top: 30px;
	text-align: left;
	width: 32%;
}
.title-area-morenews {
	border-bottom: 1px solid #ddd;
	margin: 30px 0 3px;
	padding: 0;
}
.title-area-morenews .left {
	float: left;
	width: 68%;
}
.title-area-morenews .left h1 {
	font-size: 38px;
	font-size: 3.8rem; 
	padding: 0;
	margin: 0 0 0.5em;
}
.title-area-morenews .right {
	float: right;
	margin-top: 20px;
	text-align: left;
	width: 32%;
}
.feature-content {
	border: 1px solid #ddd;
	padding: 6px;
	margin-top: 0;
	position: relative;
}
.feature-content h3 {
	font-family: "PMNCaeciliaW02-75Bold", Georgia, Times, 'Times New Roman', serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.25em; /*20px / 16px */
	margin: 0 3px 0.5em;
}
.feature-content p {
	margin: 0 3px 0.25em;
}
.secondary-feature-content {
	margin: 2em 0;
}
.secondary-feature-content .col {
	float: right;
	width: 45%; /*288 / 640 */
	height: 455px;
	border: 1px solid #ddd;
	padding: 6px;
	margin: 0;
}
.secondary-feature-content .col p {
	margin: 0 3px 0.5em;
}
.secondary-feature-content .col h3 {
	margin: 0 3px 0.5em;
}
.secondary-feature-content .col:first-child {
	float: left;
}
.hentry .content-entry {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 0 0 12px;
	margin: 0 0 12px;
}
.hentry .content-entry img {
	display: block;
	margin: 0;
	padding: 0 0 12px;
}
.latest-right {
	float: right;
	width: 410px;
	padding: 2px  5px 0;
	margin: 0;
}
.latest-right h2 {
	padding-top: 0;
	margin-top: 0;
}
.latest-right p {
	margin: 0 0 16px 0;
}

/* Main body blog content formatting
--------------------------------------------------------------*/
.news-content {
	margin: 0;
}
.news-content li:nth-child(2n+2) {
	float: right;
	width: 368px; /*380 out of 800px */
	height: 515px; 
	border: 1px solid #ddd;
	padding: 6px;
	margin: 0 0 40px;
	list-style-type: none;
}
.news-content li:nth-child(2n+1) {
	float: left;
	width: 368px; /*380 out of 800px */
	height: 515px; 
	border: 1px solid #ddd;
	padding: 6px;
	margin: 0 0 40px;
	list-style-type: none;
}
.news-content .news-col p {
	margin: 0 3px 0.5em;
}
.news-content .news-col h2 {
	margin: 0 3px 0.5em;
}
.news-content .news-col h3 {
	margin: 0.25em 3px 0.5em;
}
.hentry {
	padding: 0;
}
.hentry ul,
.hentry ol {	
	margin: 0 1.25em 0.3125em 0; 
	padding: 0 1.25em 0.3125em; 
}
.hentry li {
	padding: 0 0 0 0.5em;
	margin: 0 0 0.5em;
}
.hentry p {	
	margin: 0 0 1.5em 0; 
}
.hentry h2 {
	margin: 0.25em 0 0.25em;  
}
.hentry img {
	display: block;
	margin: 0;
	padding: 0;
}
.entrymeta {
	color: #999;
	border-top: dotted 1px #d4d4d4;
	margin:  0 0 0.5em; 
	padding: 0.5em 0;
}
.entrymeta p {	
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.5em; /* 18px / ? */
	margin: 0.3125em 0; 
}
.post-navigation {
	padding: 1.5em 0 0.625em;
} 
.nav-previous {
	float: left;	
	text-align: left;
	width: 50%;
}
.nav-next {
	float: right;	
	text-align: right;
	width: 50%;
}

.table_row_title {background: #e1edec; width: 800px; margin: 0; padding: 5px 0 0;}
.table_row1 {background: #eff5f5; margin: 0; padding: 5px 0; width: 800px;}
.table_row2 {width: 800px; margin: 0; padding: 5px 0;}
.donor {width: 175px; float: left; margin: 0; padding: 0 5px;}
.prize {width: 275px; margin: 0; padding: 0 0 0 20px; float: left;}
.ticket {width: 100px; margin: 0; padding: 0 0 0 20px; float: left;}
.winner {width: 150px; margin: 0; padding: 0 5px 0 20px; float: left;}

/* Artist section
------------------------------------------------------ */
#artist-listing {	
	list-style: none;
	margin: 0;
	padding: 0;
}
#artist-listing li {
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	float: left;
	margin: 0 3% 25px 0;
	height: 400px;
	overflow: hidden;
	padding: 5px;
	width: 240px;
}
#artist-listing li:nth-child(3) {
	margin-right: 0;
}
#artist-listing h2 {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0.5em 0;
}

/* Social Media icons
The are 2 different styles, home page is blue and uses png,
Pages uses the red one and is gif.
------------------------------------------------------ */
.socmed {
	background: #b92025;
	height: 35px;
	margin: 0;
	padding: 3px 3px 6px;
}
.socmed-narrow {
	background: #b92025;
	height: 40px;
	margin: 5px;
	padding: 0;
}
.social-media {
	display: block;
	list-style: none;
}
.social-media li {
	float: left;
	padding: 0 5px;
	position: relative;
}
.social-media li.title {
	color: #fff;
	font-family: "PMNCaeciliaW02-55Roman",  Georgia, Times, 'Times New Roman', serif;
	font-weight: 400;
	font-size: 13px;
	font-size: 1.3rem;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	padding: 9px 5px 0 10px;
}
.social-media a {
	display: block;
	height: 25px;
	margin: 0 5px;
	width: 25px;
}
.social-media a.facebook { 
	background:transparent url(images/socmed.gif) -7px -6px no-repeat;
}
.social-media a.twitter {
	background:transparent url(images/socmed.gif) -43px -6px no-repeat;
}
.social-media a.instagram {
	background:transparent url(images/socmed.gif) -79px -6px no-repeat;
}
.social-media a.flickr {
	background:transparent url(images/socmed.gif) -116px -6px no-repeat;
}
.socialmedia {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.socialmedia li {
	float: left;
	margin: 0;
	position: relative;
	padding: 0;
}
.socialmedia a {
	background: url(images/socmed.gif) no-repeat;
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
	width: 33px;
}
.socialmedia a.facebook { background-position: -2px -6px; }
.socialmedia a.twitter { background-position: -38px -6px;}
.socialmedia a.instagram {background-position: -74px -6px;}
.socialmedia a.flickr {background-position: -111px -6px;}

#homebar-spacer {
	height: 7px;
}
#sidebar-spacer {
	height: 7px;
}
#sidebar-news-spacer {
	height: 83px;
}
.widget {
	border:1px solid #ddd;
	margin: 0 0 14px;
	padding: 5px;
}
.widget img {
	padding: 0;
	margin: 0;
}
.widget.no-padding {
	padding: 0;
}
.widget.noborder {
	border: none;
	padding: 0;
}
.widget.oversized {
	border: none;
	padding: 0;
	margin-right: -14px;
}
.sidebar h4 {
	background: #b92025;
	font-family: "PMNCaeciliaW02-55Roman",  Georgia, Times, 'Times New Roman', serif;
	font-weight: 400;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	margin: 0 0 0.5em; 
	padding: 0.5em 0 0.5em; 
	text-transform: uppercase;
	letter-spacing: 0.15em;
	text-align: center;
}
.sidebar ul {
	list-style: none;
	margin-left: 0.5em;
}
.sidebar ul li {
	padding: 0.5em 0;
	font-size: 14px;
	font-size: 1.4rem;
}
.sidebar a {
	color: #4d4d4d;
	text-decoration: none;
}
.sidebar a:hover {
	color: #000;
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.sidebar .widget a:hover {
	color: #000;
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.sidebar .widget .artists-list-sidebar {
	list-style: disc;
	margin-left: 1em;
}
.sidebar .widget .artists-list-sidebar li {
	padding: 0 0 0.1em;
	font-size: 14px;
	font-size: 1.4rem;
}
.sidebar .widget .artists-list-sidebar li a {
	color: #b92025;
	text-decoration: none;
}
.sidebar .widget .artists-list-sidebar li a:hover {
	color: #006787;
	text-decoration: none;
}
#searchform label {
	display:none;
}
.twitter-timeline {
	color: #666;
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px; /* pixels are needed for IE 8 and lower :( */
	font-size: 1.4rem; /* Snooka explains font resizing using rem - http://snook.ca/archives/html_and_css/font-size-with-rem */
	line-height: 1.6;
}
.twtr-tweet-text {font size: 12px; 	font-family: 'Open Sans', arial, sans-serif;}
.twtr-hyperlink {font size: 12px; font-family: 'Open Sans', arial, sans-serif;}
.twtr-atreply {font size: 12px; font-family: 'Open Sans', arial, sans-serif;}
.twtr-hashtag {font size: 12px; 	font-family: 'Open Sans', arial, sans-serif;}
.twtr-tweet-wrap {font size: 12px; 	font-family: 'Open Sans', arial, sans-serif;}
.twtr-avatar {font size: 12px; 	font-family: 'Open Sans', arial, sans-serif;}
.twtr-img {font size: 12px; 	font-family: 'Open Sans', arial, sans-serif;} 


/* Carousel above fat footer ( supporters logo )
------------------------------------------------------------*/

#carousel {
	border-top: 1px solid #ddd;
	margin: 80px auto 60px;
	padding: 20px 0 0;
}
#carousel h3 {
	font-size: 20px;
	font-size: 2rem;
}

/* Footer areas
------------------------------------------------------------*/
#fat-footer a, #footer a {
	color: #fff;
	text-decoration: none;
}
#fat-footer a:hover, #footer a:hover {
	color: #fff;
	text-decoration: underline;
}
#fat-footer ul, #footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#fat-footer {
	background: #006787 url(images/footer_bg.png) bottom repeat-x;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 3em 0;
}
#fat-footer h5 {
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	margin: 0 0 0.5em;
}
#fat-footer .left-foot {
	float: left;
	width: 640px;
}
#fat-footer .right-foot {
	background: rgba( 255, 255, 255, 0.15 );
	float: right;
	padding: 24px;
	width: 232px; 
}

/* Row with logo and volunteer button */
.logo-foot {
	float: left;
	padding-bottom: 10px;
}
.arrow-button {
	background: url(images/arrow_bg.png) top left no-repeat;
	float: right;	
	height: 63px;
	width: 115px;
}
.arrow-button a {
	color: #fff;
	display: block;
	padding: 5px 20px 5px 10px;
	line-height: 1.2em;
}

/* search box */
.searchbox {
	float: right;
	margin: 0;
	width: 230px;
}
.searchbox #searchform {
	/*width: 80%;*/
}
.searchbox #searchform #searchsubmit {
	/*display: none;*/
	font-family: "PMNCaeciliaW02-55Roman",  Georgia, Times, 'Times New Roman', serif;
	font-size:10px;
	font-size: 1.0rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: #fff;
	background: #217b97;
	float: right;
	border: 0;
	padding: 5px 8px;
	margin: 0 0 5px 0;
}
.searchbox #searchform #searchsubmit:hover {
	text-decoration: underline;
}
.searchbox #searchform input#s {
	background: #33859f;
	border: none;
	color: #fff;
	float: left;
	font-size: 12px;	
	font-size: 1.2rem;
	padding: 0.25em;
	margin: 0;
}
::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

:-ms-input-placeholder {  
   color: #fff;  
}

/* Site Map area */
#site-map {
	margin-top: 1em;
	font-size: 11px;
	font-size: 1.1rem;
}
#site-map .col-5 {
	float: left;
	width: 19%;
}
#site-map .first {
	float: left;
	width: 24%;
}
#site-map .col-5 h4 {
	border-bottom: 1px solid #66a4b7;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 15px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#site-map .first h4 {
	margin-top: 0;
	padding-right: 10px;
}
#site-map .col-5 li {
	padding: 0 0.5em 0 0;
	line-height: 1.3em;
	margin: 0 5px 10px 0;
}

#site-map2 {
	margin-top: 1em;
	font-size: 11px;
	font-size: 1.1rem;
}
#site-map2 .col-5 {
	float: left;
	width: 19%;
}
#site-map2 .first {
	float: left;
	width: 24%;
}
#site-map2 .col-5 h4 {
	border-bottom: 1px solid #66a4b7;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 15px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#site-map2 .first h4 {
	margin-top: 0;
	padding-right: 10px;
}
#site-map2 .col-5 li {
	padding: 0 0.5em 0 0;
	line-height: 1.3em;
	margin: 0 5px 10px 0;
}



#footer {
	background:#004d66;
	color: #fff;
	font-size: 11px;
	font-size: 1.1rem;
}
#footer p {
	color: #fff;
	padding: 1.5em 0 0;
}
#footer p.copy {
	float: left;
}
#footer p.site-credit {
	float: right;
	text-align:right;
}

/* Comments
----------------------------------------------- */
.bypostauthor {
}
.avatar {	
	display: block;
	float: left;
	padding: 0 1.25em 0.625em 0;
}		
#commentlist {
	padding: 1.25em 0;
}
.commentmetadata {
	margin-top: 0;
}
ol#commentlist, ol#commentlist li {	
	list-style: none;
	margin:0; padding:0;
}
ol#commentlist li {
	border: 1px solid #ddd;
	font-size: 14px; 
	font-size: 1.4rem;
	line-height: 1.25em;
	padding: 0.625em; 
	margin: 1em 0;	
}
ol#commentlist ul li,
ol#commentlist ol li {
	border: none;
}
ol#commentlist ul li{
	list-style: disc;
}
ol#commentlist ol li {
	list-style: decimal;
}
ol#commentlist ul.children {
	margin: 0.625em 0.625em 0 1.25em;
	padding: 0;
}
ol#commentlist ul.children li {
	border: none;
	border-top: 1px solid #ddd;
	list-style: none;
}
ol#commentlist li p {
	padding: 0.625em 0;
}
.commentform {
	padding: 1.25em 0;
}
.commentform p {
	margin-bottom: 0.625em;
}

/* Hides the content explaining what html tags are allowed*/
.form-allowed-tags {display: none;}

/* Forms and buttons 
--------------------------------*/

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* IE10+ */
	background: linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
	border-color: #bbb #bbb #aaa #bbb;
}

input[type=password],
input[type=text],
textarea {
	color: #666;
	border: 1px solid #ddd;
}
input[type=text]:focus,
textarea:focus {
	color: #111;
}
input[type=password],
input[type=text] {
	padding: 5px 3px;
	margin-left: 5px;
}
textarea {
	padding-left: 3px;
	width: 98%;
}

.hide-for-large { 
	display:none;
}

/* =Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/* Media Queries
 * Use hide-for-medium class to hide div from iPad and mobile
 * Use hide-for-small class to hide div from mobile
-------------------------------------------------------------- */
@media screen and (max-width: 1000px) {
	.content-wide,
	.quotation, .quotee,
	.wrapper {
		padding: 0 2%;
		width: 96%;
	}
	.latest-right {
		width: 60%;
	}
	#artist-listing li {
		float: left;
		padding: 1%;
		width: 30%;
	}
	.social-media a {
		margin: 0 2px;
	}
	.socialmedia a {
		padding: 0 0 2px 0;
	}
	#fat-footer .left-foot {
		float: left;
		width: 75%;
	}
	#fat-footer .right-foot {
		padding: 2%;
		width: 25%; 
	}
	.news-content li:nth-child(2n+2),
	.news-content li:nth-child(2n+1) {
		max-height: 520px;
		overflow: hidden;
		padding: 2%;
		width: 45%; 
		
	}
}
@media screen and (max-width:960px) {
	.hide-for-medium {display: none;}
	.latest-right {
		float: left;
		width: 90%;
		padding: 2%;
		margin: 0;
	}
	#fat-footer .left-foot,
	#fat-footer .right-foot {
		float: left;
		width: 100%;
	}
	#fat-footer .right-foot {
		float: left;
		margin-top: 20px;
		width: 96%;
	}
}
@media screen and (max-width: 770px) {
	body {overflow-x:hidden;}	
	.home .content, .content,
	.home .sidebar, .sidebar {
		float: left; 
		width: 100%; 
	}
	.sidebar {
		max-width: 160px;
	}
	.home .sidebar {
		max-width: 320px;
	}
	#footer p.site-credit {
		float: left;
		text-align: left;
	}
	.main-navigation li {
		padding: 0 0 0 0.5em;
	}
	/*.main-navigation, 
	.sub-navigation {
		float: none;
		margin: 5px auto;
		text-align: center;
		width: 100%;
	}
	.main-navigation ul ul {
		text-align: left;
	}*/
	#site-map .col-5 {
		float: left;
		margin-right: 1%;
		width: 32%;
	}
	#site-map .first {
		float: left;
		width: 32%;
	}
}

@media screen and (max-width: 610px) {
	.hide-for-small {display: none;}
	.hide-for-large { display:block;}
	#branding {
		position: relative;
	}
	#top_nav {
		background: #cce1e7;
		position: relative;
		top: 0;
	}
	h1, .title-area-morenews .left h1 {
		font-size: 28px;
		font-size: 2.8rem;
	}
	h1.menu-toggle {
		color: #006787;
		display: block;
		font-size: 18px;
		font-size: 1.8rem;
		padding: 5px 20px;
		margin: 0;
	}
	
	.sub-menu{
		display: none;
	}
	.menu-slide:after {
		content:"+";
		color: #006787;
		cursor: pointer;
		display: block;
		line-height: 34px;
		height: 34px;
		width: 34px;
		right: 0px;
		position: absolute;
		top: 0px;
		text-align: center;
	}
	.menu-slide.open:after{
		content:"-";
		color: #006787;
		cursor: pointer;
		display: block;
		line-height: 34px;
		height: 34px;
		width: 34px;
		right: 0px;
		position: absolute;
		top: 0px;
		text-align: center;
	}

	
	
	.main-small-navigation ul {
		background: #fff;
		list-style: none;
		margin: 0 -2%;
		padding: 0;
		width: 100%;
	}
	.main-small-navigation li {
		position: relative;
	}
	.main-small-navigation li a {
		color: #006787;
		border-bottom: 1px dotted #ddd;
		display: block;
		padding: 5px 10px;
		text-decoration: none;
	}
	.main-small-navigation li a:hover {		
		color: #b92025;
		background: #fff;
	}
	.main-small-navigation li li a {
		padding-left: 20px;
	}
	.main-small-navigation li li li a {
		padding-left: 50px;
	}
	.main-small-navigation li.hide-for-small {
		display: none !important;
	}
	#main {
		margin-top: 2%;
	}
	.news-content li:nth-child(2n+2),
	.news-content li:nth-child(2n+1),
	.secondary-feature-content .col {
		float: left;
		width: 96%;
		height: auto;
		padding: 2%;
		margin: 1% 0;
	}
	#artist-listing li {
		float: left;
		height: auto;
		margin: 2%;
		padding: 2%;
		width: 96%;
	}
	.quotation {
		font-size: 20px;
		font-size: 2.0rem;
	}
	
	#site-map .col-5 {
		float: left;
		margin: 0 2%;
		width: 95%;
	}
	#site-map .first {
		float: left;
		width: 95%;
	}
}