
@font-face {
	font-family: 'Telegraphico';
	src: url('../fonts/telegraphico.eot');
	src: url('../fonts/telegraphico.eot?iefix') format('eot'),
		 url('../fonts/telegraphico.ttf') format('truetype'), 
		 url('../fonts/telegraphico.woff') format('woff'), 
		 url('../fonts/telegraphico.svg#telegrafico') format('svg');
}

@font-face { 
	font-family: 'Strangelove';
	src: url('../fonts/strangelove-text-webfont.eot');
	src: url('../fonts/strangelove-text-webfont.eot?iefix') format('eot'),
	     url('../fonts/strangelove-text-webfont.ttf') format('truetype'),
		 url('../fonts/strangelove-text-webfont.woff') format('woff'),
	     url('../fonts/strangelove-text-webfont.svg#strangelove') format('svg');
}

.telegraphico {
	font-family: 'Telegraphico';
	line-height: 140%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

body{
	color: #000;
}

/* @group Header */

header{
	text-align:center;
	background:url('../images/header-logo.png') no-repeat 50px 0px;
	height: 170px;
	
}

header h1, h2{
	font-family: 'Telegraphico';
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

header h1{
	padding-top:25px;
	font-size:4.5em;
	margin-bottom:0px;
	padding-bottom: 0px;

}

header h2{
	font-size:2.5em;
	color:#d9692d;
	margin-top:-20px;
}

header a, header a:link, header a:active, header a:visited, header a:hover{
	text-decoration:none;
	border:none;
	color:#000;
}

#splash-image{
	text-align:center;
}

#slider{
	height:480px;
	margin-left:auto;
	margin-right:auto;
}

#slider-nav{
	text-align:center;
}

#slider-nav ul li{
	display:inline;
	list-style-type:none;
	margin-top:10px;
}

#slider-nav ul li a{
	color: white;
	background-color:#ccc;
	border-radius: 12px; 
	-moz-border-radius:12px; 
	padding: 5px 9px; 
	-webkit-border-radius: 12px; 
	margin: 0 12px 0 0; 
}
#slider-nav ul li a:link, #slider-nav ul li a:visited, #slider-nav ul li a:active{
	text-decoration:none;
}

#slider-nav ul li a:hover{
	background-color:#333;
}

#slider-nav ul li a.activeSlide{
	background-color:#333;
}
#slider-message{
	font-size:0.8em;
	text-align:center;
}
/* @group SocialMedia */

#social-media-links span{ 
	 padding-left:20px;
	 margin-left:8px;
	 display:block;
	 float:left;
	 margin-top:10px;
}

#social-media-links span a:link,
#social-media-links span a:active,
#social-media-links span a:visited { 
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:.8em;
	color:#999;
	text-decoration:none;
}

#social-media-links span a:hover{ 
	color:#ddd; 
}

#tumblr-link{
	background:url('../images/tumblr-icon.png') no-repeat; 
} 

#facebook-link{ 
	background:url('../images/facebook-icon.png') no-repeat; 
} 

#twitter-link{ 
	background:url('../images/twitter-icon.png') no-repeat; 
} 

/* @end Header */

/* @group Front */

.front-about-text {
	/*background-color: #dfdede;*/

}

.front-about-text p{
	font-family: 'Telegraphico', Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	text-align: center;
	color: #000;
	padding-bottom:0px;
	line-height:1.5em;
}

p.winners-announce-text { 
	margin-bottom:20px;
	font-size:2em;	 
}

#food-label-bottom{
	margin-top:20px;
}

div.artcenter-strip { 
	text-align:center;
	font: 1.2em 'Telegraphico'; 
	text-decoration:none;
	padding:8px 0px 5px 0px;
	margin-bottom:20px;
	background:#191919;
	color:#fff;
	line-height:1em;
}

.artcenter-strip ul li{
	list-style-image:url('../images/red-dot.png');
	list-style-position:inside;
	height:20px;
}

.artcenter-strip a,
.artcenter-strip a:link,
.artcenter-strip a:active,
.artcenter-strip a:visited{ 
	text-decoration:none;
	color:#fff; 
}

.artcenter-strip a:hover{ 
	color:#ccc; 
}

/* @end Front */

/* @group Navigation */

#main-nav{
	font-family:'Strangelove', Helvetica, Arial, sans-serif;
	font-size:3.3em;
	text-align:center;
	color:#000;
	margin:20px 0px;
	padding:10px 0px;
	background-color:#f0f0f0;
	line-height:1em;
	letter-spacing:3px;
}

#main-nav ul li{ 
	display:inline; 
}

#main-nav a, #main-nav a:link, #main-nav a:active, #main-nav a:visited{
	text-decoration:none;
	color:#000;
	border:1px dotted #999;
	padding-left:5px;
	padding-right:5px;
}

#main-nav a:hover{
	background-color:rgba(254,255,0,0.56);
}

/* @end Navigation */

/* @group Explainer */

#front-explainer-text{

}

.explainer-box{ 
	text-align:center;
}

.gray-box{
	font-family:'Strangelove', Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:2.5em;
	line-height:1.2em;

}

.explainer-box p{ 
	margin-bottom:20px; 
	margin-top:10px;
	font-family:'Strangelove', Helvetica, Arial, sans-serif;
	font-size:2.5em;
}

.explainer-box img{ 
	vertical-align:text-top;
	padding:0px 10px; 
}

#slider-instructions p {
	font-family:'Telegraphico'; 
	text-align:center;
	font-size:1em;
}

.gray-box a:link, .gray-box a:active, 
.gray-box a:visited{ 
	text-decoration:none;
	color:#ffffff;
	background-color:#000;
	padding:2px 10px;
	font-size:1.5em;
	margin-bottom:5px;
}

.gray-box a:hover{ 
	color:#000;
	background-color:#fff;
	border:1px solid #000; 
}

#good-logo{ 
	margin-top:5px;
}


#process a{ 
	font-size:0.8em; 
	text-decoration:none;
	color:#000;
}

#front-judges{
	font-size: 5em;
	line-height:.7em;
}

#front-partnership{
	padding:0px;
	margin-top:20px;
	font-size: 41px;
	line-height:.8em;
}

/* @end Explainer */

/* @group WhatWereDoing */

h2#page-title{
	font-family:font-family: 'Telegraphico';
	font-size:3em;
	text-align:center;
	margin: 10px 0px;
}

h3#subhead{ 
	 font-family:font-family: 'Telegraphico';
	 font-size:1em;
	 text-align:center;
	 text-transform:uppercase;
	 letter-spacing:0.1em;
	 padding:0px 0px 10px 0px;
}

.gray-background{ 
	background-color:#ccc; 
}

.entrytext h3{
	font-family:'Strangelove', Helvetica, Arial, sans-serif;
	font-size:5em;
	line-height:.8em;
	padding-top: .4em;
}

.entrytext p{
	font-family:'Crimson Text', Georgia, 'Times New Roman', serif;
	font-size:1.4em;
	line-height: 1.3em;
	margin-bottom: 1em;
}

#doing-content{
	background:none;
}

.judges-design-picks a img { 
	float:left;
	padding:10px;
}

.judges-design-picks h3{ 
	font-family:'Crimson Text', Georgia, 'Times New Roman', serif;
	font-size: 2em;
	margin-bottom:20px;
}

.judges-design-picks-description p{ 
	font-size:1.1em; 
}


.matters-page{
	text-align:center;
}

.matters-page p{
	text-align:left;
}


/* @end WhatWereDoing */

/* @group Contact Form */


body.page-template-template-contact-php{ 
	text-align:center;
	
}

.page-template-template-contact-php section#content h2{ 
	 font-family:'Crimson Text', Georgia, 'Times New Roman', serif;
	 font-size:1.4em;
}


div.classified_field{ 
	width:320px;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}

div#classified_contact_form{ 
	display:block;
	text-align:center;
}

div#classified_contact_form .classified_field{ 
	padding:10px 0px 2px 0px;
}

div#classified_contact_form .classified_textbox{ 
	width:300px;
	border:1px solid #777;
	font-weight:bold;
	padding:6px;
}

div#classified_contact_form .classified_submit{ 
	margin:10px 0px 20px 0px;
}

div#classified_contact_form input.classified_submit{ 
	margin:10px 0px 20px 0px;
	color:#fff;
	font-weight:bold;
	border:1px solid #ccc;
	padding:6px;
	width:200px;
	background-color:#d9692d;
}
/* @end Contact Form */

/* @group judges-footer */

#judges-footer{ 
	text-align:center;
	width:830px;
	margin-left:auto;
	margin-right:auto;
}

#judges-footer ul li{ 
	display:inline;
	float:left;
	list-style-type:none;
    margin-left:5px;
    margin-right:5px;
	margin-top:20px;
}

#judges-footer ul li p{ 
	text-align:center;
	font-family: 'Telegraphico', Helvetica, Arial, sans-serif;
	font-size:1em;
}

#judges-footer a:link, #judges-footer a:active, #judges-footer a:visited {
	text-decoration:none;
	border:none;
}

#judges-footer a:hover{ 
	zoom: 1;
	opacity:0.8;
	filter:alpha(opacity=80);
}


/* @end */

/* @group Slider Styles */

div.slider, div.slide{
	width:610px;
	height:438px;
	border:none;
	margin:0px;
	padding:0px;
	text-align:left;
}

/* The title "who's judging..." */
div#judges-title{
	width:610px;
	margin:25px 0px 0px 0px;
	padding:0px;
	text-align:center;
	font-family: 'Telegraphico', Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	color:#000;
}

/* Explainer below title "who's juding..." */
div#judges-explainer{
	width:610px;
	margin:20px 0px 0px 0px;
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#000;
}

/* List photos of judges */
div#judges{
	width:610px;
	position:absolute;
	top:120px;
	margin:0px;
	padding:0px;
	text-align:left;
}

div#judges ul{
	display:inline;
}

div#judges ul li{
	display:inline;
	float:left;
	list-style-type:none;
	border:none;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: 'Telegraphico', Helvetica, Arial, sans-serif;
	font-size:1em;
}

div#judges a:link, #judges a:active, #judges a:visited {
	text-decoration:none;
	border:none;
}

div#judges a:hover{ 
	opacity:0.8;
	filter:alpha(opacity=80);
}

/* Judges questions panels */
div.judges-questions{
	width:360px;
	height:438px;
	text-align:left;
	list-style-position:outside;
	float:left;
	font-size:12px;
	margin-right:20px;
}

div.judges-questions ol{ 
	counter-reset:li;
    margin-left:0;
    padding-left:0;
}

/* Hack to make those small gray boxes on ordered list */
div.judges-questions ol > li {
	position:relative;
	list-style:none;
	padding-left:50px;
	padding-top:20px;
}

div.judges-questions ol > li:before{ 
	content:counter(li);
	counter-increment:li;
	position:absolute;
	left:0em;
	background:#ccc;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	padding:0px 6px;
    font-size:3em;
}

div.judges-mug{ 
	width:218;
	height:249px;
	overflow:hidden;
}

div.judges-bio h2{ 
	font-size:1.5em;
	border-bottom:solid 1px;
	overflow:hidden;
	padding-top:5px;
	padding-bottom:2px;
}

div.judges-bio p{
	margin-top:5px;
	font-size:0.8em;
	text-align:left;
	color:#999;
}

span.question{ 
	font-style:italic; 
}

.back-to-panel-button, .back-to-panel-button a:link, .back-to-panel-button a:active, .back-to-panel-button a:visited{ 
	margin-top:20px;
	color:#999;
}

.back-to-panel-button a:hover{ 
	color:#ccc; 
}
/* @end Slider Styles */

/* @group Cycle Grid */

#slides{
	height:580px;
	margin-left:170px;
	margin-right:170px;
	margin-bottom:20px;
	text-align:center;
	border:1px solid #ccc;
}
.slider-panels{
	width:580px;
	padding:20px;
}

.slider-panels p{ 
	margin:0px 0px 10px 0px;
	text-align:left;
}

.slider-image{ 
	height:500px; 
}

.slide-thumbs img{ 
	border:1px solid #ccc;
}

.slider-navigation{
	margin-bottom:20px;
}

.slider-navigation a.activeSlide img{ 
	border:1px solid #000; 
}

.slide-thumbs{ 
	margin-bottom:20px; 
}


#prev a, #next a{
	/* text-indent:-9000em; */
	position:absolute;
	top:1000px;
	width:65px;
	height:65px;
	overflow:hidden;
	z-index:1000;
}

#prev img, #next img{ 
	visibility:hidden; 
}

#prev a{ 
	background:url('../images/prev-button.png') no-repeat;
	margin-left:-875px;
}

#next a{ 
	background:url('../images/next-button.png') no-repeat;
	margin-left:-155px;
}

#prev a:link, #prev a:active, #prev a:visited, 
#next a:link, #next a:active, #next a:visited{ 
	 text-decoration:none;
	 border:none;
}

#prev a:hover{ 
	background:url('../images/prev-button.png') 0px -70px no-repeat; 
}

#next a:hover{ 
	 background:url('../images/next-button.png') 0px -70px no-repeat;
}

/* @end Cycle Grid */

/* @group Single Designs */

.single-design-image img{ 
	margin-bottom:20px; 
}

p.single-design-description{ 
	margin-bottom:20px; 
}

/* @end Single Designs*/