/* !Styles.css */ 
/* -----------------------------------------------------
 * Main stylesheet used for New American Paintings. 
 * Developed by Sametz Blackstone Associates
 * -----------------------------------------------------*/

/* !@Font-Face  */
@font-face {
	font-family: 'DINWeb';
    src: url('../fonts/DINWeb.eot');
    src: url('../fonts/DINWeb.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINWeb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'DINWeb';
    src: url('../fonts/DINWeb-Ita.eot');
    src: url('../fonts/DINWeb-Ita.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINWeb-Ita.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
	font-family: 'DINWeb';
    src: url('../fonts/DINWeb-Bold.eot');
    src: url('../fonts/DINWeb-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINWeb-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face { /* THIS WILL OVERRIDE ANY BOLD ITALICS! */
	font-family: 'DINWeb';
    src: url('../fonts/DINWeb-BoldIta.eot');
    src: url('../fonts/DINWeb-BoldIta.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINWeb-BoldIta.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

/* !Drupal - reset  */
.menu {
	padding: 0;
}
ul.menu li {
	margin: 0;
	padding: 0;
}
ul li.collapsed,
ul li.expanded,
ul li.leaf {
	list-style: none;
}
.form-item,
.form-actions{
	margin: 0;
}

/* !Drupal - Admin Items */
#tab-container { display: none; }
.admin-menu #tab-container {
	display: block;
	position: absolute;
	left: 0;
	top: 100px;
	background: rgba(0,0,0,0.8);
}
.admin-menu #tab-container ul.primary {
	border-bottom: 0;
	margin: 0;
	padding: 0;
	
}
.admin-menu #tab-container ul.primary li {
	display: block;
}
.admin-menu #tab-container ul.primary li a {
	border: 0;
	background: transparent;
	margin: 0;
	padding: 0.5em;
}
.admin-menu #tab-container ul.primary li.active a {
	color: #fff;
}

/* !Globals */

html { height: 100%;}
body.html { background-color: #fff; color: #020202; font-family: "DINWeb", sans-serif; margin: 0; min-width: 100%; overflow-y: scroll; padding: 50px 0 30px; background-size: cover; background-attachment: fixed;}
input, select, textarea { font-family: "DINWeb", sans-serif; }
a { color: #00a9a7; text-decoration: none;}
a:hover{ text-decoration: underline;}
#skip-link { height: 1px; position: absolute; visibility: hidden; width: 1px;}
hr{ background-color: #ccc; border: none; color: #ccc; height: 1px;}
em, i { font-style: italic; }
strong, b { font-weight: bold; }
table{width: 100%;}

/* !Helper classes  */
.more_button{ background-color: #00a9a7; color: #fff; font-weight: bold; font-size: 146.5%; height: 42px; line-height: 44px; padding: 0 14px; text-transform: uppercase;}
.more_button:hover{ text-decoration: none;}
.more{ background: url(../images/action_arrow_sm.png) right center no-repeat; display: inline-block; font-weight: bold; padding-right: 16px;}
.more_lrg{ background: url(../images/action_arrow.png) left bottom no-repeat; display: inline-block; font-size: 123.1%; font-weight: bold; margin: 10px 0; padding-bottom: 20px; text-transform: uppercase;}
.more_wh{ background: url(../images/action_arrow_white.png) right center no-repeat; color: #fff; display: inline-block; font-size: 123.1%; font-weight: bold; margin: 10px 0; padding-right: 25px;}
.invisible { display: none !important; margin: 0; padding: 0;}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.strong{ font-weight: bold;}
.center_content{ margin: 0 auto; text-align: center;}
.cycleContainer { height: 1000px; width: 100%; z-index: -1; opacity: 1; display: block; }
.cycleImage { background-size:cover; background-position: center;height: 100%; width: 100%; text-indent: -999em; }


/* !Helper classes - Regions */
/* ----------------------------------------------------------------------------------------
 * Region classes are set by term ID. This sets the related region background colors used in sketch
 * Northeast		= .region-1
 * MFA Annual		= .region-2
 * South			= .region-3
 * Midwest			= .region-4
 * West				= .region-5
 * Pacific Coast	= .region-6	
 * ----------------------------------------------------------------------------------------*/
.region-Northeast,
.region-1{ background-color: #e51836;}
.region-MFA,
.region-2{ background-color: #f3c64b;}
.region-South,
.region-3{ background-color: #ec088d;}
.region-Midwest,
.region-4{ background-color: #bacd48;}
.region-West,
.region-5{ background-color: #f68325;}
.region-Pacific,
.region-6{ background-color: #40b7d1;}

/* !Framework */
.nav .region,
.wrapper {
	min-height: 100%;
	margin: 0 auto;
	padding: 0 20px;
	min-width: 1075px;
	max-width: 1240px;
}
.front .wrapper{
	overflow: hidden; /*Apply this only to home page since there is no scroallable content on the front page. */
}

/* !Framework - Nav/Top region  */
.top {
	height: 40px; /*50px - padding top*/
	left: 0;
	padding-top: 10px;
	top: 0;
}
	.top a{
		font-size: 138.5%;
	}
	.top a img{
		border: 1px solid #fff; /*should apply mainly to social media icons.*/
		margin-right: 5px;
	}

.nav {
	background: #000;
	background: rgba(0,0,0,0.8);
	box-shadow: 0 4px 4px #000;
	left: 0;
	position: absolute;
	position: fixed;
	width: 100%;
	min-width: 1180px;
	z-index: 100;
	
}
	.nav .block {
		float: right; /*Apply float right to all blocks in the header.*/
		padding-top: 8px;
	}
	.nav .block-menu {
		float: left; /* …Everything except fot the menu that is. */
	}
	.nav li{
		float: left;
		border-right: 1px solid #00a9a7;
	}
	.nav li:last-child {
		border: none;
	}
	.nav .menu a {
		display: block;
		float: left;
		padding: 0 0.5em;
	}
	.nav .menu a.active-trail {
		color: #fff;
	}


.admin-menu .top {
	top: 29px;
}

#block-block-1 { /*-- Social Icons block --*/
	margin-right: 30px;
	padding-top: 0;
}
#block-block-2 { /*-- Artist Login block --*/
	margin-right: 24px;
	text-transform: uppercase;
	width: 70px;
	text-align: right;
}
.nav-user,
.user-cart { /* logged in user links to user home and logout*/
	margin-right: 24px;
}
.user-login-link {
	margin-right: 0;
}
/* loginOverlay is created in JS and interrupts the "login" link to ask whether subscriber or artist. */
#loginOverlay {
	display: none; 
	margin-top: 10px;
	width: 380px; 
	padding: 1em;
	position: absolute;
	color: #fff;
	margin-left: -300px;
	background: rgba(0,0,0,0.85);
	-webkit-box-shadow: 0 4px 4px #000;
	-moz-box-shadow: 0 4px 4px #000;
	-ms-box-shadow: 0 4px 4px #000;
	box-shadow: 0 4px 4px #000;
}
	#loginOverlay p {
		width: 45%;
		padding-right: 4%;
		float: left;
		text-align: left;
	}

.block-search { /*-- Search block --*/
	font-size: 93%;
	padding-top: 6px;
	position: relative;
}

.block-search .form-item,
.block-search .form-actions {
	float: left;
	margin: 0 !important;
}
.block-search label {
	color: #666666;
	left: 5px;
	position: absolute;
	text-transform: uppercase;
	top: 12px
}
.block-search input {  /*Search utility*/
	height: 20px;
	padding: 0;
	-webkit-appearance: none; /*Mainly for mobile devices. Let's use the styles we set on input fields.*/
}
	
	.block-search input[type="text"] {
		background-color: white;
		border: none;
		width: 165px;	
	}
	.block-search input[type="submit"] {
		background-color: #00a9a7;
		border: none;
		color: white;
		cursor: pointer;
		font-weight: bold;
		margin: 0;
		padding: 0 3px;
		text-transform: uppercase; 
	}
	.ielt8 .block-search input[type="submit"] {
		margin-top: 1px;
	}

/* !Framework - Monolith / Logo */
.monolith {
	background: #000;
	box-shadow: 7px 7px 12px #000;
	color: #fff;
	left: auto;
	position: absolute;
	position: fixed;
	width: 224px;
	overflow: visible;
	top: 79px;
}
.admin-menu .monolith {
	top: 108px; /* add 29px to the top for the admin menu. */
}
.ielt8 .monolith{
	margin-left: -279px; /*This fixes the positioning problem in ie (lt8)*/
}
	#logo{
		background: url(../images/logo.png) top no-repeat;
		display: block;
		height: 201px;
		width: 224px;
	}
	.monolith .region {
		padding: 0 0 15px 10px;
		position: relative;
	}
	.monolith a{
		color: #fff;
	}
	.monolith .more_button,
	.monolith .monolith_current_title{
		position: absolute;
		right: -55px;
		top: 0;
	}

/* !Framework - Main content region */
#main-content {
	background-color: #fff;
	margin-left: 279px;
	min-height: 100%; /* 100% = 100% of the body, whose height is determined as 100% (inherited from <html>) minus padding top and bottom (for fixed navs) */
}

/* Handles all pages outside of what panels picks up. Pages that pass through via panels have .page-node or .page-cart body classes removed in CMS. */
.page-apply #main-content,
.page-node #main-content,
.page-cart #main-content,
.page-checkout #main-content{
	padding-top: 29px; 
}
/* This strictly targets all page-nodes except those using panels. 
 * Panel pages bury collective nodes deep amungst the sea of divs panels creates.*/
#main-content .region-content>.block>.node { 
	padding: 0 25px;
}


/* !Framework - Footer/bottom region  */
.bottom {
	position: relative; /* This gets set to fixed, if js is enabled */
	bottom: 0;
	left: 0;
	min-height: 30px;
	width: 100%;
}
.no-js .bottom{ /*when js is turned off...*/
	position: relative;
}
	.bottom .copy {
		bottom: 0;
		color: #888;
		color: rgba(255,255,255,0.5);
		font-size: 0.9em;
		left: 1em;
		line-height: 1;
		min-width: 208px;
		position: absolute;
	}
	.bottom .nav {
		height: 30px;
		position: absolute; /* overrides .nav styles, which caused issues */
	}
	.bottom .menu_wrapper{
		margin: 0 auto;
		padding: 5px 10px 0 190px;
		position: relative;
		width: 976px;
	}
	.bottom .menu li {
		border-right-color: #fff;
	}
	.bottom .menu a{
		font-weight: bold;
		font-size: 138.5%;
		text-transform: uppercase;
	}
	.bottom .nav .menu a:hover,
	.bottom .nav .current{
		color: #fff;
		text-decoration: none;
	}
	.bottom .nav .current{
		margin-top: -10px;
		padding-top: 5px;
		border-top: 5px solid #00a9a7;
	}
		.open-close {
			color: #fff;
			cursor: pointer;
			height: 30px;
			padding: 0 !important;
			position: absolute;
			right: 0;
			top: 0;
			width: 30px;
		}
		.open-close.opened{
			background: url(../images/toggle_icon.gif) #909292 center no-repeat;
		}
		.open-close.closed{
			background: url(../images/toggle_icon_closed.gif) #909292 center no-repeat;
		}
	
	.region-footer {
		width: 100%;
		background: #fff;
		background: rgba(255,255,255,0.95);
	}
	.region-footer .block {
		height: 170px;
		margin: 30px auto 0;
		padding: 20px 135px 10px 210px;
		position: relative;
		width: 880px;
	}
		.region-footer-ads{
			background: none;
			position: absolute;
			left: 1070px; /* Sets the ads in the right positon but is dependent on only three ads showing at a time*/
			top: 35px;
		}
		.region-footer-ads .block{ /*Special set up for ads block*/
			height: auto;
			padding: 0;
			width: 350px;
		}
		
	.bottom .block-title {
		display: block;
	}
	.bottom .post {
		padding-bottom: 0;
	}
	
	
	
/* !Framework - Footer - Popup/toggle styles */
.post{ /*-- Post or 'posts' are blocks of content found in the footer region*/
	border-right: 1px solid #ccc;
	float: left;
	margin-right: 5px;
	min-height: 150px;
	padding: 10px 5px;
	position: relative;
	width: 335px; /*An arbitrary width based off the sketch to start with for all posts. Minus 5px padding left & right.*/
}
	
	.post img{
		float: left;
	}
	.post h3,
	.post .deadline {
		font-weight: bold;
		font-size: 116%;
	}
	.post .post_desc,
	.issue-current-footer .post p{
		font-size: 93%;
		margin: 15px 0 5px;
	}
	
	.post .more{
		color: #000;
		font-size: 123.1%;
	}
	.post .more,
	.post .more_button{
		display: inline-block;
		margin-left: 10px;
	}
	/*Arrange action buttons for first post only. default styles provided above.*/
	.post.first .more,
	.post.first .more_button{
		display: inline-block;
		margin-left: 0;
		position: absolute;
	}
	.post.first .more{
		bottom: 22px;
		right: 20px;
	}
	.post.first .more_button{
		bottom: 10px;
		left: 165px;
	}
		
		.region-footer .pane-1 .first{
			width: 470px; /*A special case post that has a larger width. Minus 5px left & right padding. */
		}
		.ielt8 .competition:first-child{
			width: 480px;
		}
		.pane-1 h3,
		.pane-1 .deadline,
		.pane-1 .post_desc,
		.pane-2 h3,
		.pane-2 .post_desc,
		.issue-current-footer .post div{ /* Since these panels have images on the left side per post, we need to set margin left to create spacing. */
			margin-left: 160px;
		}
		
		.pane-3 h3 a{ color: black;}
		
		.pane-3 .more_blog {
			background: #00a9a7;
			font-weight: bold;
			display: inline-block;
			padding: 0.5em;
			background-image: none;
			color: white;
			font-size: 123.1%;
			margin-top: 55px;
		}
		

.modal {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9001;
	top: 0 !important;
	position: absolute;
	position: fixed;
	left: 0 !important;
}
.modal .messages {
	width: 30em;
	margin: 10% auto;
	padding: 2em;
	background: #fff;
	border: none;
	font-size: 150%;
	position: relative;
}
.modal .console-close{
	position: absolute;
	right: 10px;
	top: 10px;
}

.current-issue {
	display: block;
	height: 204px;
	width: 204px;
	background: #666;
	text-indent: -999em;
}
.sub-button {
	display: block;
	position: absolute;
	z-index: 2;
	background: #00a9a7;
	margin-left: 136px;
	width: 137px;
	height: 43px;
	color: #fff;
	line-height: 44px;
	text-align: center;
}



/* !Node */

/* !Node Titles */
.page-title,
.field-name-body .field-item>h2,
.issues_artist_juror_info>h2,
.blog_event_content>h2,
.blog_panel_content>h2,
.page-search h2{ 
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
}

#main-content .form-item,
#main-content .form-actions{
	margin: 1em 0.5em 1em 0; 
}


.field-name-body .field-item>*{
	margin-bottom: 15px;
}
	.field-name-body .field-item>h2{
		font-size: 19px;
		line-height: 1.2;
	}
	.field-name-body .field-item h3{
		font-weight: bold;
		text-transform: uppercase;
	}
	.field-name-body .field-item p:first-child{
		font-size: 19px;
	}
	.page-node-6 .field-name-body .field-item p:first-child{
		font-size: 13px;
	}
	.field-name-body .field-item img{
		margin: 5px 5px 0 0;
	}



/* !Panels */
/*----------------------------------------------------------------------------------------
 * Using a custom panel layout with three regions.
 * .panel_top, .panel_middle, .panel_bottom are outer container regions.
 * .panel_top_region, .panel_middle_region, .panel_bottom_region are inner container regions
 *----------------------------------------------------------------------------------------*/
.panels-flexible-region { /*Overriding what panels provides by default to have more control of this. **Same level as .panel_(top, middle, bottom)_region*/
	float: none;
	width: auto;
}	
	.panels-flexible-row{ 
		padding: 0;
		position: relative;
	}
	.panels-flexible-region .inside{ /*Set overall padding for content. Can be overwritten by targetting the region you want, .panel_(top, middle, bottom)_region .inside*/
		padding: 0 60px;
	}
	.panels-flexible-row-clone_of_nap_custom_panel_layout-1 .panel_top_region,
	.panels-flexible-row-clone_of_nap_custom_panel_layout-1 .column_r_region{
		float: left;
	}
	.panels-flexible-row-clone_of_nap_custom_panel_layout-1 .panel_top_region{
		width: 70%;
	}
	.panels-flexible-row-clone_of_nap_custom_panel_layout-1 .column_r_region{
		width: 30%;
	}
	.panel_top_region,
	.column_r_region{
		padding: 29px 0 15px 0; /*#main-content needs to snap under #main-nav, so apply padding-top here.*/
	}
	.column_r_region .inside{
		padding: 0;
	}
	.panel_bottom_region{
		margin-bottom: 30px;
	}
	
/* !Panels - Advertisements */
/*----------------------------------------------------------------------------------------
 * For now, just static images hard coded into the panel as a custom text block.
 *----------------------------------------------------------------------------------------*/
.advertisements{
	margin: 0 auto;
	width: 720px; 
}
	.advertisements .pane-title {
		border-top: 1px solid #ccc;
		font-size: 10px !important;
		margin: 40px 0 15px;
		padding-top: 5px;
		text-align: left;
		text-transform: uppercase;
	}
	.advertisements .views-row {
		display: inline-block;
		margin-left: 16px;
	}
	.competitions-page .advertisements .views-row {
		margin-left: 2px;
	}
	.advertisements .views-row.views-row-first{
		margin-left: 0;
	}

/* !Views  */
.view-content td{
	border-top: 1px solid #d6d6d6;
	padding: 3px 0;
}
.view-empty{
	margin-top: 30px;
}
		
/* !Views - Exposed forms  */
.view-filters{
	background-color: #000;
	box-shadow: 3px 6px 9px rgba(0,0,0,0.5);
	left: 0;
	min-height: 30px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	-moz-box-shadow: 3px 6px 9px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 6px 9px rgba(0,0,0,0.5);

}
.views-exposed-widgets{
	float: right;
	padding: 0 5px 0 70px;
}
.views-exposed-widget{
	float: left;
	margin: 7px 0 0 15px;
}
.views-exposed-widget:first-child{
	position: relative;
}
.views-exposed-widget:before{
/*		border-left: 1px solid #ccc; */
		color: #00a9a7;
		content: "Filter By";
		font-weight: bold;
		left: -80px;
		line-height: 12px;
		padding-left: 7px;
		position: absolute;
		top: 2px;
		text-transform: uppercase;
	}
.views-exposed-widget.js-widget:before{
	border-left: none;
	content: "Jump To";
}

	.views-widget .form-item{
		background: url(../images/select_bg.gif) #ccc right top no-repeat;
		overflow: hidden;
		margin: 0 !important;
		padding-right: 17px;
		width: 116px; /*wrapper div for select 19px (135px original) less. Hide's default dropdown arrow and displays the custom image.*/
	}
	.views-exposed-widget label{
		display: none;
	}
	.views-exposed-widget input,
	.views-widget select{
		background-color: #ccc;
		border: none;
		border-radius: 0;
		cursor: pointer;
		display: block;
		height: 15px;
		-webkit-appearance: none;
	}
	.views-widget select{
		background: transparent;
		font-size: 13px;
		padding-left: 5px;
		width: 151px;
	}
	.views-exposed-widget input[type="submit"]{
		background: url(../images/action_arrow.png) #000 top no-repeat;
		margin: 0 !important;
		text-indent: -9999em;
		width: 19px;
	}

/* !Views - Current Issue */
/* ----------------------------------------------------------------------------------------
 * Uses .issue-current as view css class.
 * ----------------------------------------------------------------------------------------*/
.issue-current{
	position: relative;
}
.issue-current h2{
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
}
.issue-current a{
	color: #fff;
}
	.issue-row>*{ /*Create some spacing for block level elements in each row */
		margin-bottom: 5px;
	}
	.issue-row .more_wh{
		margin-top: 0;
	}
	.issue-current .purchase_form,
	.issue-row .more_button{
		position: absolute;
		right: 0;
		top: 15px;
	} 

/* !Views - Issue lists */
/* ----------------------------------------------------------------------------------------
 * Uses .issues-lists as view css class.
 * ----------------------------------------------------------------------------------------*/
.issues-lists h3{
	font-size: 15px;
	font-weight: bold;
	margin: 15px 0 5px;
}
	.list-row{
		background-color: #fff;
		box-shadow: 4px 4px 10px #555;
		margin: 0 15px 15px 0;
		display: inline-block;
		position: relative;
		-moz-box-shadow: 4px 4px 10px #555;
		-webkit-box-shadow: 4px 4px 10px #555;
	}
	.list-row a{
		display: block;
		height: 120px;
		width: 120px;
	}
		.issue-item{
			background-color: rgba(256, 256, 256, 0.7);
			bottom: 0;
			display: none;
			left: 0;
			padding: 3px 0;
			position: absolute;
			width: 100%;
		}
		.issue-item p{
			font-size: 15px;
			font-weight: bold;
			padding-left: 5px;
			text-transform: uppercase
		}
		.issue-region{ background: none !important;}
		
		/*-----------------------------------------------------------------------------------------
		 *	NOTE: Issue page view is built using the term ID appended to "region-". REGIONS ARE
		 *  NOT NAMED RIGHT, and changing would mean re-building taxonomy vocabulary list.
		 *  Will just use incorrect region names but appropriate hex values.
		 *-----------------------------------------------------------------------------------------
		 */
		
		.issue-region.region-1{ color: #e51836; /*Northeast - cherry red*/}
		.issue-region.region-2{ color: #f3c64b; /*MFA Annual - mustard yellow*/}
		.issue-region.region-3{ color: #ec088d; /*South - plum purple*/}
		.issue-region.region-4{ color: #bacd48; /*Midwest - moss green*/}
		.issue-region.region-5{ color: #f68325; /*West - terracotta orange*/}
		.issue-region.region-6{ color: #40B7D1; /*Paccoast - icy blue*/}
		
		.issue-sale{
			color: #000;
		}

/* !Views - Artists lists */
/* ----------------------------------------------------------------------------------------
 * Uses .artists-list as view css class.
 * ----------------------------------------------------------------------------------------*/
.artists-list table{ 
	width: 100%;
} 

/* !Views - Jurors lists */
/* ----------------------------------------------------------------------------------------
 * Uses .jurors-list as view css class.
 * ----------------------------------------------------------------------------------------*/
.jurors-list table{ 
	width: 100%;
} 
	.jurors-page .views-exposed-widgets:first-child{
		padding-left: 0;
	}
	.jurors-page #edit-field-region-tid-wrapper{
		display: none;
	}

/* !Views - Issues/Artist/Juror Info */
/* ----------------------------------------------------------------------------------------
 * Uses .issues-artist-juror as view css class.
 * ----------------------------------------------------------------------------------------*/
.issues_artist_juror_info{
		font-size: 15px;
		margin-bottom: 20px;
	}
	.issues_artist_juror_info p{
		margin-bottom: 4px;
	}
	.issues_artist_juror_info span{
		font-weight: bold;
	}
	
	.issues-artist-juror-page .field-name-body .field-item{
		font-size: 15px;
		line-height: 22px;
	}
	.issues-artist-juror-page .field-name-body .field-item p:first-child,
	.issues_artist_juror_body p:first-child{
		font-weight: bold;
		font-size: 15px;
	}
.issues_artist_juror_bio img{
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	height: 250px;
	margin-bottom: 30px;
	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	width: 250px;
}

.node-type-artist .field-name-field-accent-image .field-item {
    float: left;
    margin: 15px 10px 0 0;
}

/* !Views - Artists by Issue */
/* ----------------------------------------------------------------------------------------
 * Uses .artists-by-issue as view css class.
 * ----------------------------------------------------------------------------------------*/
.artists-by-issue{
	margin-bottom: 20px;
}
.artists-by-issue .views-row:after{
	content: " | ";
	color: #00A9A7;
}
.artists-by-issue .views-row-last:after{
	content: " ";
}


/* !Views - Noteworthy Entries */
/* ----------------------------------------------------------------------------------------
 * Uses .noteworthy-entries as view css class.
 * ----------------------------------------------------------------------------------------*/
.entry-item{
	display: inline-block;
	margin: 0 15px 15px 0;
	vertical-align: top;	
	max-width: 250px;
}
	.entry-item img{
		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
		height: 250px;
		margin-bottom: 15px;
		-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	}


/* !Views - Issues Slideshow */
/*----------------------------------------------------------
 * Uses .issues-slideshow as view css class.
 * ----------------------------------------------------------
 */

.slides{
	min-height: 250px;
	z-index: 0;
}
	.slides img{
		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
		height: 250px;
		-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
		width: 250px;
	}
	#slide_prev,
	#slide_next{ display: inline-block; height: 15px; margin: 15px 10px 0 0; width: 19px;}
	
	#slide_prev{ background-image: url(../images/action_arrow_left.png);}
	#slide_next{ background-image: url(../images/action_arrow.png);}
	
.issues-slideshow .view-footer{
	padding-right: 25px; text-align: right;
} 
	
/* !Views - Artist/Juror Competitions */
/* ----------------------------------------------------------------------------------------
 * Uses .comp-listing as view css class.
 * ----------------------------------------------------------------------------------------*/
.comp-listing ul li{
	margin: 0 0 7px 0;
}

/* !Views - Featured Artists */
/* ----------------------------------------------------------------------------------------
 * Uses .feat_artist as view css class.
 * ----------------------------------------------------------------------------------------*/
.feat-artist{
	overflow: hidden;
}
.feat-artist-row{
	background-color: #fff;
	box-shadow: 4px 4px 10px #555;
	margin: 0 20px 15px 0;
	display: inline-block;
	vertical-align: top;
	-moz-box-shadow: 4px 4px 10px #555;
	-webkit-box-shadow: 4px 4px 10px #555;
}
.views-row-last.feat-artist-row {
    margin-right: 0;
}
.lt-ie9 .feat-artist-row{
	display: block;
	float: left;
}
	.feat_artist_image a{
		display: block;
	}
	.feat_artist_image img{
		height: 190px;
		width: 190px;
		background: url(../images/blank.png); /* what to do if the featured artist has no images! */
	}
	.feat_artist_item{
		background-color: rgb(256, 256, 256);
		background-color: rgba(256, 256, 256, 0.7);
		bottom: 0;
		height: 20px;
		font-weight: bold;
		left: 0;
		margin-top: -75px;
		padding: 35px 0 15px 5px;
		position: relative;
		width: 185px;
	}
	.feat_artist_issue{
		color: #fff;
		font-size: 16px;
		padding: 0 3px 0 20px;
		position: absolute;
		top: 0; 
		right: 0;
	}

/* !Views - Current Juror */
/* ----------------------------------------------------------------------------------------
 * Uses .current_juror as view css class.
 * ----------------------------------------------------------------------------------------*/
.current-juror{
	font-size: 15px;
	margin-top: 20px;
	min-height: 250px;
	overflow: hidden;
	padding-bottom: 35px;
	position: relative;
}	
	.current-juror .group-left,
	.current-juror .group-right{
		width: auto;
	}
	.current-juror .group-right{
		margin-left: 25px;
	}
		.current-juror .group_jurror_info .field{
			margin-bottom: 7px;
			overflow: hidden;
		}
			.current-juror .field-name-field-head-shot{
				box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
				-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
				-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
				height: 250px;
			}
			.current-juror .group_jurror_info .field-name-title{
				font-size: 19px;
				font-weight: bold;
				margin-bottom: 20px;
				text-transform: uppercase;
			}
			.current-juror .field-name-title h2:before{
				content: "Current Juror: ";
				display: inline;
				text-transform: uppercase;
			}
			.current-juror .field-name-field-juror-user-reference>.field-label,
			.current-juror .field-name-field-full-name,
			.current-juror .field-name-field-last-name,
			.current-juror .profile h3,
			.current-juror .profile dl,
			.current-juror .field-name-field-city,
			.current-juror .field-name-field-zip-code,
			.current-juror .field-name-field-state{
				display: none;
			}
			.current-juror .profile{
				margin: 0;
			}
			.current-juror .field-name-field-juror-user-reference .field{
				margin: 0 0 7px 0;
			}
			/*Manually insert .more styles here since we can't assign more class to this element.*/
			.current-juror .field-name-node-link a{
				background: url(../images/action_arrow_sm.png) right center no-repeat;
				color: black;
				display: inline-block;
				font-weight: bold;
				padding-right: 20px;
				margin: 20px 0;
			}
			
 
/* !Views - Blog Index */
/* ----------------------------------------------------------------------------------------
 * Uses .blog-index as view css class.
 * ----------------------------------------------------------------------------------------*/ 
.blog-item{
	border-bottom: 1px solid #D6D6D6;
	margin-bottom: 30px;
	padding-bottom: 15px;
}
.blog-item.views-row-last{
	border: none;
} 
.blog-item>*{
	margin-bottom: 10px;
}
	.blog-item .posted_date,
	.blog-item h2{
		font-weight: bold;
	}
	.blog-item .posted_date{ margin-bottom: 0;}
	.blog-item h2{ font-size: 19px;}
	
	.blog-item .views-field-field-topics label,
	.blog-item .views-field-path label{
		font-weight: bold;
	}

/* !Views - Latest Entries */
/* ----------------------------------------------------------------------------------------
 * special page: doesn't use any of the rest of the site template and just displays a
 * a big crazy collage of entries. Fluid widths and max-width to the rescue.
 * ----------------------------------------------------------------------------------------*/ 
.page-competitions-latest {
	height: 100%;
	margin: 0;
	padding: 0;
}
.admin-menu.page-competitions-latest {
	margin-top: 0 !important;
}
.page-competitions-latest .view-content {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
}
.page-competitions-latest .view-content>div {
	background: #000;
	width: 20%;
	height: 25%;
	float: left;
	text-align: center;
}
.page-competitions-latest .image-background {
	width: 100%;
	height: 100%;
	background-size: 100% auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}



/* !Views - Commerce Cart */
/* ----------------------------------------------------------------------------------------
 * View dedicated to the pages generated by the commerce feature/module.
 * ----------------------------------------------------------------------------------------*/ 
.cart_contents legend,
.checkout-help,
.page-cart .block_title,
.page-checkout .block_title{
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
}
.checkout-help,
#block-block-7>*,
.cart_instructions>*{
	margin-bottom: 15px;
}
	.page-cart .cart_instructions ul{
		margin: 10px 0;
	}
	.page-cart .cart_instructions li{
		padding: 0 0 5px 5px;
	}
.cart-empty-page{
	margin-left: 5px;
	font-weight: bold;
}
	
.cart_contents .fieldset-wrapper{
	padding-top: 15px;
}
.page-checkout .form-wrapper,
.customer_profile_billing .form-wrapper{
	margin-bottom: 10px;
	margin-left: 5px;
}
.customer_profile_billing label{
	padding-top: 7px;
}

.checkout-review th,
.checkout-review td,
.view-commerce-cart-summary th,
.view-commerce-cart-summary td,
.view-commerce-line-item-table th,
.view-commerce-line-item-table td{
	padding: 1em 0 !important;
}
.view-commerce-cart-form th,
.cart_contents th,
.view-commerce-cart-summary th,
.view-commerce-line-item-table th{
	font-weight: bold;
}

.checkout-completion-message>*{
	margin-bottom: 1em;
}

.line-item-summary,
.line-item-summary .links{
	margin: 1em 0;	
}
.line-item-summary .links{
	display: block !important;
}


.commerce-add-to-cart input[type="submit"],
.commerce-line-item-actions input[type="submit"],
.view-commerce-cart-form .delete-line-item,
.checkout-continue,
.line-item-summary a{
	background-color: #00a9a7; 
	border: none; 
	color: #fff; 
	cursor: pointer;
	display: inline-block;
	font-weight: bold; 
	height: 42px; 
	line-height: 44px; 
	margin-right: 3px;
	padding: 0 15px; 
	text-transform: uppercase;
}
.issues-artist-juror-page .commerce-add-to-cart input[type="submit"]{
	margin-bottom: 15px;
}
.view-commerce-cart-form .delete-line-item,
.checkout-continue,
.line-item-summary a{
	height: 24px;
	line-height: 26px;
}


/* !Page Styles */

/* !Page Styles - Search Page(s) */
.page-search #main-content{
	padding: 29px 25px 0;
}
	.page-search .title{
		font-size: 19px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.page-search .search-advanced{
		margin: 20px 0;
	}
		.page-search .search-results li{
			border-bottom: 1px solid #D6D6D6;
			margin-bottom: 25px;
			padding-bottom: 25px;
		}
			.page-search .search-info{
				font-weight: bold;
				margin-top: 5px;
			}


/* !Page Styles - User Page(s) */
.page-user .button,
.page-user #main-content input[type="submit"]{
	background-color: #00a9a7; 
	border: none; 
	color: #fff; 
	cursor: pointer;
	display: inline-block;
	font-weight: bold; 
	height: 42px; 
	line-height: 44px; 
	margin-right: 3px;
	padding: 0 15px; 
	text-transform: uppercase;
}
.page-user #main-content{
	background-color: #fff;
	padding: 29px 60px 0;
}
.page-user p {
	margin-bottom: 10px;
}
.page-user .panel-pane{
	margin-bottom: 1em;
}
.page-user h2,
.page-user .pane-title{
	font-weight: bold;
}
.page-user .profile .field{
	margin-bottom: 10px;
}
.page-user .panel_bottom .views-row {
	margin: 5px 0;
}
.page-user .view-empty {
	margin-top: 10px;
}
.page-user #field-full-name-add-more-wrapper .description {
	color: red;
}

/* !Page Styles - Entry submission page */
.page-node-edit.node-type-entry p {
	margin: 5px 0;
}
	.page-node-edit.node-type-entry .block-system [type=submit] {
		background: #00A9A7;
		color: #fff;
		border: 0;
		font-size: 1.2em;
		margin: 0.1em 0.2em 0.2em 0;
		min-width: 10em;
	}
	.page-node-edit.node-type-entry .block-system [type=submit]:hover {
		text-decoration: underline;
	}

	.page-node-edit.node-type-entry .block-system .field-add-more-submit {
		margin-top: 1em;
	}
	.page-node-edit.node-type-entry .field-label {
		font-weight: bold;
		font-size: 1.4em;
		margin-bottom: 5px;
	}
	.page-node-edit.node-type-entry .form-item label {
		font-weight: bold;
	}
	.page-node-edit.node-type-entry tr.odd,
	.page-node-edit.node-type-entry tr.even {
		background: #f6f6f6 !important;
	}
	.page-node-edit.node-type-entry td {
		padding: 5px;
	}


/* !Page Styles - Issues Index Page */
.issues-page .panel_top_region .current-wrapper {
	color: #fff;
	padding: 29px 60px 10px;
	margin: -29px -60px -15px;
}
.issues-page .panel_middle{
	padding-top: 30px; /*Space for exposed form filters (30px).*/
}

.pane-issue-accents-slideshow ul,
.pane-issue-accents-slideshow ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* !Page Styles - Artist/Jurors Page Table Listing */
.artist-page .panel_middle,
.jurors-page .panel_middle{
	padding-top: 50px; /*Space for exposed form filters (50px).*/
}
.artist-page .panel_middle table,
.jurors-page .panel_middle table {
	margin-bottom: 20px;
}
.artist-page .panel_middle h2,
.artist-page .panel_middle caption,
.jurors-page .panel_middle h2,
.jurors-page .panel_middle caption {
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}
.artist-page .panel_middle th,
.jurors-page .panel_middle th {
	text-transform: uppercase;
	font-size: 13px;
	width: 30%;
	font-weight: bold;
}
.artist-page .panel_middle th.views-field-field-region,
.jurors-page .panel_middle th.views-field-field-region {
	width: 15%;
}
.artist-page .panel_middle th.views-field-nothing,
.jurors-page .panel_middle th.views-field-nothing {
	width: 55%;
}

/* !Page Styles - Issues/Artist/Jurors Index Page(s) */
.competitions_winners .pane-title,
.additional_comps .pane-title,
.noteworthy_entries .pane-title{
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
}

/* !Page Styles - Artist Index Page */
.feat_artist_pane h2{
	font-weight: bold;
	font-size: 19px;
	margin: 15px 0 15px;
	text-transform: uppercase;
}


/* !Page Styles - Jurors Index Page */
.jurors-page .panel_middle{
	padding-top: 50px; /*Space for exposed form filters (50px).*/
}
	

/* !Page Styles - Issues/Artist/Jurors Exposed Form */
/* ----------------------------------------------------------------------------------------
 * Only applying abs pos to these h2's since they are they sit in the exposed form area.
 * ----------------------------------------------------------------------------------------*/
.issues-page .panel_middle h2,
.artist-page .panel_middle h2,
.jurors-page .panel_middle h2 {
	color: #fff;
	font-weight: bold;
	font-size: 138.5%;
	left: 10px;
	position: absolute;
	text-transform: uppercase;
	top: 5px;
	z-index: 50;
}

/* !Page Styles - Apply Page */
.page-apply .region-content {
	margin-left: 60px;
}
	.apply-stripe h3 {
		font-size: 146.5%;
		font-weight: bold;
		color: #fff;
		height: 42px;
		line-height: 44px;
		padding: 0 14px;
		text-transform: uppercase;
		margin: 1em 0;
	}
	.apply-stripe h3.region-default {
		background-color: #00A9A7;
	}
	.apply-stripe h3.disabled {
		background-color: #999 !important;
		color: #ddd;
	}
	.apply-stripe h3 .answer {
		float: right;
	}
	.apply-stripe .comp_more p {
		font-size: 25px !important;
	}

/* !Page Styles - Competitions Index Page */
.competitions-page #main-content{
	width: 960px; /*Forces tabs not to spill over bc of float*/
}
.competitions-page .panels-flexible-region .inside{
	padding: 0;
}

/*.panel_[top, middle, bottom]*/
.js .competitions-page .panel_top,
.js .competitions-page .panel_bottom{
	/* display: none; */
}
	/*.panel_pane*/	
	.panel-pane.region-1,
	.panel-pane.region-2,
	.panel-pane.region-3,
	.panel-pane.region-4,
	.panel-pane.region-5,
	.panel-pane.region-6{ 
		background-color: #fff;
	}
	.js .competitions-page .panel_middle .panel-pane {
		float: left;
		overflow: hidden;
	}
	.no-js .competitions-page .panel-pane{ /*when js is turned off...*/
		margin-bottom: 0.5em;
	}

	/*.competions-page .titles*/
	.js .competitions-page .panel_middle .pane-title {
		cursor: pointer;
		float: left;
		height: 100%;
		width: 28px;
		font-size: 1.2em;
	}
	
	.competitions-page .panel_middle .current{
		cursor: default;
		/* margin-right: 20px; */
	}
	.region-1 .pane-title{ background: url(../images/tab_green.gif) left repeat;}
	.region-2 .pane-title{ background: url(../images/tab_orange.gif) left repeat;}
	.region-3 .pane-title{ background: url(../images/tab_blue.gif) left repeat;}
	.region-4 .pane-title{ background: url(../images/tab_red.gif) left repeat;}
	.region-5 .pane-title{ background: url(../images/tab_yellow.gif) left repeat;}
	.region-6 .pane-title{ background: url(../images/tab_purple.gif) left repeat;}
		
		/* CSS transforms for pane titles */
		/* -------------------------------------------------------------------------------------------
		 * text-shadow is for white on yellow and forces the text to render more smoothly. 
		 * NOTE: transform makes text render very, very badly in IE9 (and isn't supported in 8 or less). Replace with image.
		 * TODO: Set styles for browsers that don't support css transforms (.no-csstransforms)
		 * ------------------------------------------------------------------------------------------- */
		.csstransforms .competitions-page .vert {
			position: absolute;
			width: 140px;
			color: #fff;
			font-weight: bold;
			margin-left: -115px;
			-webkit-transform: rotate(-90deg);
			   -moz-transform: rotate(-90deg);
			    -ms-transform: rotate(-90deg);
			     -o-transform: rotate(-90deg);
			-webkit-transform-origin: 100% 100%;
			   -moz-transform-origin: 100% 100%;
			    -ms-transform-origin: 100% 100%;
			     -o-transform-origin: 100% 100%;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.5); 
			text-transform: uppercase;
			position: absolute;
		}
		
		.csstransforms .competitions-page .vert:after {
			content: ">";
			display: block;
			float: right;
			font-size: 2em;
			font-weight: normal;
			line-height: 0.5em;
			-webkit-transform: rotate(90deg);
			   -moz-transform: rotate(90deg);
			    -ms-transform: rotate(90deg);
			     -o-transform: rotate(90deg);
		}
		.csstransforms .competitions-page .current .vert:after{
			-webkit-transform: rotate(-90deg);
			   -moz-transform: rotate(-90deg);
			    -ms-transform: rotate(-90deg);
			     -o-transform: rotate(-90deg);
			     text-shadow: -1px -1px -1px rgba(0,0,0,0.5);
			     margin-right: -2px;
		}
		.no-csstransforms .competitions-page .vert {
			text-indent: -999em;
			width: 28px;
			height: 179px;
			background-image: url(../images/competitions_sprite.png);
			background-repeat: no-repeat;
			display: block;
			position: absolute;
			position: fixed;
		}
		.no-csstransforms .region-1 .vert { background-position: 0px 0px; }
		.no-csstransforms .region-2 .vert { background-position: -28px 0px; }
		.no-csstransforms .region-3 .vert { background-position: -56px 0px; }
		.no-csstransforms .region-4 .vert { background-position: -84px 0px; }
		.no-csstransforms .region-5 .vert { background-position: -112px 0px; }
		.no-csstransforms .region-6 .vert { background-position: -140px 0px; }

	/*.competions-page panel content*/
	.js .competitions-page .panel_middle .pane-content {
		display: none;
		float: left;
		padding: 0 20px;
		width: 752px; /*Original size = 792px. Contains -40px from padding left/right*/
	}
		/*Because all titles in each region need to be associated with that region color...*/
		.competitions-page .region-1 .content>h2,
		.competitions-page .region-2 .content>h2,
		.competitions-page .region-3 .content>h2,
		.competitions-page .region-4 .content>h2,
		.competitions-page .region-5 .content>h2,
		.competitions-page .region-6 .content>h2{
			font-size: 30px;
			font-weight: bold;
			margin-bottom: 10px;
		} 
		.competitions-page .region-1 .content>h2{ color: #bacd48}
		.competitions-page .region-2 .content>h2{ color: #f68325}
		.competitions-page .region-3 .content>h2{ color: #40B7D1}
		.competitions-page .region-4 .content>h2{ color: #e51836}
		.competitions-page .region-5 .content>h2{ color: #f3c64b}
		.competitions-page .region-6 .content>h2{ color: #ec088d}
		
		/* Panel Node Content */
		.competitions-page .panel_middle .pane-content .node{
			position: relative;
		}
		.competitions-page .panel_middle .pane-content .node .page-title{
			color: #bacd48;
		}
			.region_bg img{
				position: absolute;
				right: 0;
				top: 0;
			}
			.competition_info{
				font-size: 18px !important;
				margin-bottom: 50px !important;
				width: 50%;
			}
			.competition_info>*{
				margin-bottom: 10px;
			}
			.competition_info>* span{ 
				font-weight: bold;
			}
			.competition_info .region_states{
				font-weight: bold;
				margin-bottom: 15px;
			}
			.competitions-page .juror div,
			.competitions-page .deadline div,
			.competitions-page .field_competition_status div {
				display: inline;
			}
			.comp_more{
				background: url(../images/comp_cta_bg.gif) left repeat-y;
				color: white;
				display: block;
				float: left;
				margin-right: 33px;
				min-height: 105px;
				position: relative;
				padding: 15px 30px 5px 15px;
				text-transform: uppercase;
				width: 180px;
			}
			.comp_more.last{
				margin-right: 0;
			}
			.comp_more:before{
				content: url(../images/comp_cta_top.gif);
				position: absolute;
				top: 0;
				left: 0;
			}
			.comp_more:after{
				content: url(../images/comp_cta_btm.gif);
				position: absolute;
				bottom: -15px;
				left: 0;
			}
			.comp_more p{
				font-size: 14px !important;
			}
			.comp_more .phone,
			.comp_more a{
				bottom: 0;
				color: white;
				display: block;
				font-size: 25px !important;
				font-weight: bold;
				left: 15px;
				position: absolute;
				width: 180px;
				text-decoration: none;
			}
			.comp_more a{
				font-size: 30px !important;
				background: url(../images/action_arrow_white.png) right center no-repeat;
			}
		
	
	/* panel_[top, bottom]_shift */
	/* -------------------------------------------------------------------------------------------
	 * panel_[top, bottom]_shift is created via our script. Inserts the content from .panel_[top. bottom]
	 * into .panel_middle, right before the .node content. Has to be specific selectors to overwrite
	 * what's already been established above. 
	 * ------------------------------------------------------------------------------------------- */
	/*Panel top content, moved into panel middle for comps page.*/
	.panel_top_shift{
		padding-top: 29px;
	}
	.competitions-page .panel_middle .panel_top_shift .pane-content,
	.competitions-page .panel_middle .panel_bottom_shift .pane-content{
		background: none;
		display: block;
		float: none;
		padding: 0;
	}
	.competitions-page .panel_middle .panel_top_shift .pane-title{
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.competitions-page .panel_middle .panel_top_shift .pane-title,
	.competitions-page .panel_middle .panel_bottom_shift .pane-title{ 
		background: none;
		cursor: default;
		display: block;
		float: none;
		height: auto;
		min-height: 0;
		width: auto;
	}
	.competitions-page .panel_middle .panel_top_shift .node,
	.competitions-page .panel_middle .panel_bottom_shift .node{
		width: auto !important;
	}
		
	.panel_top_shift .field-name-body .field-item{
		font-size: 13px;
	}
	.panel_top_shift .field-name-body .field-item p:first-child,
	.panel_top_shift .field-name-body .field-item h3{
		font-size: 19px;
	}
	.front .advertisements,
	.competitions-page .advertisements{
		width: auto;
	}	
	
	
/* !Page Styles - Competitions Detail Page */
.competition .pane-node-title .pane-title,
.competition .pane-node-title .pane-content{
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
}
	.competition .pane-entity-field input {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.competition .line {
		margin-bottom: 1em;
	}
	.competition .line strong {
		float: left;
		font-size: 2em;
		padding: 0 0.5em 0.25em 0;
	}
	.competition .field-name-field-region-states,
	.competition .field-name-field-entry-deadline {
		font-size: 18px;
		margin-bottom: 9px;
	}

/* !Page Styles - Blog */
.blog-page .field-name-body,
.blog-page .blog-item{
	font-size: 14px;
}

/* !Page Styles - Blog - Index Page */

.term_pane_listing{
	padding-top: 25px;
	position: relative;
}
.term_pane_listing:before{
	border: none;
	color: #00a9a7;
	content: "Filter Posts";
	font-weight: bold;
	font-size: 19px;
	left: 0;
	line-height: 12px;
	padding-left: 0;
	position: absolute;
	top: 0;
	text-transform: uppercase;
}
.term_pane_listing>h2{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.term-listing-block ul{
	margin-left: 10px;
}
	
/* !Page Styles - Blog - Detail Post Page */
.blog-page .field-name-field-event-date{
	margin-bottom: 15px;
}
	.blog-page .column_r_region .inside>*,
	.page-taxonomy-term .column_r_region .inside>*{
		margin-bottom: 15px;
	}
	.blog-page #comments .title,
	.pane-recent-blog-posts .pane-title,
	.blog-page .column_r_region .field-label{
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.pane-recent-blog-posts .views-row,
	.blog-page .column_r_region .field-items{
		margin-left: 10px;
	}
	.pane-recent-blog-posts .views-row {
		margin-bottom: 1em;
	}
	.blog-page #comments .title {
		margin-top: 2em;
	}
	.blog-page .comment {
		margin-top: 1em;
		margin-bottom: 0.5em;
		padding-top: 0.5em;
		border-top: 1px solid #ccc;
	}
	.blog-page .comment h3 {
		font-weight: bold;
		width: 50%;
		float: left;
	}
	.blog-page .comment .submitted {
		font-style: italic;
		width: 50%;
		float: left;
		text-align: right;
	}
	.blog-page .commment .content {
		clear: left;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

/* !Page Styles - Blog - Detail Post Page */
.blog-page .field-name-field-event-date{
	margin-bottom: 15px;
}
	.blog-page .column_r_region .inside>*{
		margin-bottom: 15px;
	}
	
	.blog-page .column_r_region .field-label{
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.blog-page .column_r_region .field-items{
		margin-left: 10px;
	}
	.comment ul.inline li {
		padding: 0 1em 0 0;
	}


/* !Jury Tool Styles */
.page-node-edit-jury #block-system-help,
.page-node-edit-jury #site-footer,
.page-node-edit-jury .settings_form,
.page-node-edit-jury .monolith {
	display: none;
}
.view-jury-tool {
	padding-bottom: 65px;
}
.page-node-edit-jury #main-content {
	margin-left: 0;
}
.jury-tool-entry-image {
	background-repeat: no-repeat;
	width: 240px;
	height: 180px;
	float: left;
	margin-left: 1px;
	background-color: #eee;
}
.jury-tool-entry-image .imageLink {
	display: none;
	background: #000;
	background: rgba(0,0,0,0.5);
	height: 100%;
	width: 100%;
	text-decoration: none;
}
.jury-tool-entry-image:hover .imageLink {
	display: block;
}

.jury-tool-entry-image p {
	color: #fff;
	padding: 0.5em 0.5em 0;
	margin: 0;
}
.page-node-edit-jury .item-list ul,
.page-node-edit-jury .item-list li {
	margin: 0;
}
.jury_filters {
	margin: 1em 0;
}
.jury_filter {
	float: left;
	margin-right: 3px;
	font-size: 120%;
	color: #000;
	background: #00a9a7;
	padding: 3px;
	width: 11em;
	height: 2.8em;
	text-align: center;
	border: 3px solid #fff;
}
.jury_filter:hover {
	border-color: #333;
}
.page-jury-tool h1 {
	font-size: 1.5em;
	font-weight: bold;
}
.page-jury-tool h2 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
	margin-bottom: 0.5em;
}
.page-jury-tool p {
	margin-bottom: 1em;
}

.entryContainer {
	display: block;
	height: 180px;
	margin-bottom: 5px;
}
.entryContainer:before {
	content: " ";
	display: block;
	width: 5px;
	margin-right: 5px;
	float: left;
	height: 180px;
	background-color: silver; /* this color gets overridden by entry-status class */
}
.entryContainer .handle {
	text-indent: -99em;
	width: 100px;
	display: block;
	height: 100px;
	background: url(../images/handle.png); /* just making it purple to stand out until image exists */
	margin: 0 0 5px;
	cursor: pointer;
}
.entryContainer .info {
	float: left;
	height: 180px;
	width: 100px;
	margin-right: 5px;
}
.ui-draggable-dragging {
	width: 400px;
	height: 105px;
	overflow: hidden;
}

.dropzone_container {
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
	padding: 5px 0;
	width: 100%;
	background-color: rgba(255,255,255,0.8);
}
.dropzone {
	display: inline-block;
	margin: 0 20px;
	width: 10%;
	padding: 2em 1em;
	font-size: 150%;
	color: #000;
	background: #00a9a7;
	text-align: center;
	font-weight: bold;
}
.dropHover { /* hover state doesn't fire off on drag, adds class instead */
	box-shadow: 0 0 1.5em rgba(0,0,0,0.6) inset;
}

.status-6:before,
.jury-yes,
.jury_filter-yes {
	background: rgb(0,189,66);
}
.status-5:before,
.jury-strong,
.jury_filter-strong {
	background: rgb(255,247,65);
}
.status-4:before,
.jury-maybe,
.jury_filter-maybe {
	background: rgb(255,88,22);
}
.status-3:before,
.jury-no,
.jury_filter-no {
	background: rgb(255,0,16);
}
.status-2:before,
.jury-disq,
.jury_filter-disq {
	background: rgb(153,153,153);
}


/* Entry form submission */
.entry-form-artist .tabledrag-toggle-weight-wrapper {
	display: none;
}
	.entry-form-artist #field-collection-images-add-more-wrapper>.form-item>.description {
		margin-top: 10px;
	}
	.entry-form-artist .pane-title {
		font-weight: bold;
		font-size: 18px;
	}