/* @override 
	https://216.70.127.61:8443/sitepreview/http/clintroenisch.com/css/core.css
	http://clintroenisch.com/css/core.css
*/

@font-face {
	font-family: 'RoenischRegular';
	src: url('roenischregular2_webfont.eot');
	src: local('Roenisch Regular'), local('Roenisch'), url('roenischregular2_webfont.woff') format('woff'), url('roenischregular2_webfont.ttf') format('truetype'), url('roenischregular2_webfont.svg#Roenisch') format('svg');
}

/* @group Core */

body {}

.grid {
}

div#super_container {
	margin: auto;
	padding: 32px 176px 50px 16px;
	width: 956px;
}

div.content {
	display: block;
	min-height: 360px;
	margin: 76px 0px 0px 0px;
	padding: 0px 0px 86px 0px;
}

div.panel-container {
	
}

div#container {
	display: block;
	float: left;
	width: 795px;
}

div.column {
	display: block;
	float: left;
}

div#c-left.column {
	margin: 0px 15px 0px 0px;
	width: 390px;
}

div#c-right.column {
	margin: 0px 0px 0px 0px;
	width: 380px;
}


#last {
	margin:0px;
}

p.related-press {
	
}

p.related-press a {
	text-decoration: none;
}

#index h3, #index ul {
	float:left
}

#index ul {
	width: 700px;
}

/* @group Masthead */

#masthead {
	padding: 48px 0px 0px 0px;
}

ul#masthead {
	
}

ul#masthead li {
	float: left;
}



/* @end */

/* @group Main */

#main {
	position: relative;
	min-height: 400px;
}
		
.ex-poster {
	width: 225px;
	height: 300px;
	position: absolute;
	cursor: move;
}

div.poster-border {
	margin: 10px;
	height: 256px;
	padding: 10px;
}

div#ex-current {
	display: block;
	float: right;
	width: 470px;
	padding-top: 25px;
}

/* @end */

/* @group Exhibitions (Landing) */

#exhibitions h3, #exhibitions ul {
	float: left;
}

/* @end */

/* @group Exhibition (Content) */

div.ex-container.clearfix {
	padding: 20px 0px 0px 0px;
}

div.ex-img, .ex-body {
	display: block;
	float: left;
}

div.ex-img {
}

div.ex-sample_img {
	width: 309px;
}

div.ex-sample_img img {
	width: 309px;
}

div.ex-body {
	width: 293px;
	margin-right: 112px;
}

p.ex-img_caption {
	color: #000;
	margin-top: 15px;
}

div.ex-body p {
	color: #000;
	margin-bottom: 16px;
	line-height: 16px;
}

div.ex-body p.ex-dates {
	padding: 6px 0px 0px 0px;
	margin-bottom: 16px;
}

div.ex-body p.ex-artists{
	margin-bottom: 16px;
}

div#exhibition h3.title {
	margin-bottom: 11px;
}

/* @end */

/* @group Installation view */

div.installation_img-wrapper {
	float: left;
	/*width: 552px;
	margin-right: 15px;*/
}

div.installation_img-wrapper img {
	width: 552px;
	margin-right: 15px;
}

div.installation-detail {
	padding-top: 5px;
	float: left;
	width: 227px;
	color:#000;
	font-size: 12px;
}

div.installation-detail p {
	margin-bottom: 16px;
}

#installation h3.title {
	margin-bottom: 12px;
}

#installation h3.title em a {
	color: #000;
	text-decoration: none;
}

#installation h3.title em a:hover {
	color: #2b2bfb;
}

/* @end */



/* @group Artists */

div.artist-container.clearfix {
	padding: 20px 0px 0px 0px;
}

div.artist-entry, div.artist-img, .artist-body, div.artist-next {
	display: block;
	float: left;
}

div.artist-entry div.artist-img {
	margin: 0px 15px 0px 0px;
}

div.artist-img {
}

div.artist-img a img {
	display: block;
	float: left;
	height: 100px;
	margin: 0px 16px 16px 0px
}

div.artist-entry .artist-body {
	padding: 2px 0px 0px 0px;
	width: 305px;
}

div.artist-body p {
	color: #000;
	margin-bottom: 16px;
	line-height: 16px;
}

p.artist-url a {
	text-decoration: none;
}

p.artist-url a:hover {
	color: #000;
}

div.artist-next {
	margin: 0px 0px 0px 0px;
	width: 65px;
	height: 295px;
}

#artists h3, #artists ul {
	float: left;
}

#artists ul {
}

#artist #c-left h3.title {
	margin-bottom: 14px;
}

#artist #c-right h3.title {
	margin-bottom: 12px;
}

#artists ul li a:hover {
	color: #2b2bfb;
}


/* @end */

/* @group Works */


div.work_img-wrapper {
	float: left;
	/*width: 552px;
	margin-right: 15px;*/
}

div.work_img-wrapper img {
}

img.work-sample {
	float: left;
	max-height: 398px;
	max-width: 552px;
	margin-right: 15px;
}

p.work-detail {
	padding-top: 4px;
	float: left;
	width: 227px;
	color:#000;
	font-size: 12px;
}

div.work-sample.last {
	margin: 0px;
}

#works h3.title {
	margin-bottom: 12px;
}

#works h3.title em a {
	color: #000;
	text-decoration: none;
}

#works h3.title em a:hover {
	color: #2b2bfb;
}

/* @end */

/* @group Press */

#press h3, #press ul {
	padding: 0px 0px 0px 0px;
}

ul.press-entries li {
	clear: both;
}

#press ul.press-entries li a span{
	font: 12px/16px "Courier New";
	text-transform: none;
}

span.date, span.title {
	display: block;
	float: left;
}

#press ul.press-entries li a:hover span.title {
	color: #2b2bfb;
}

span.date {
	margin-right: 15px;
	width: 66px;
}

span.title {
	width: 298px;
}

span.title.pdf {
	width: 228px;
	background: url(images/pdf-sprite.gif) no-repeat 100% -18px;
	padding-right: 28px;
	
}

#press ul.press-entries li a:hover {
	color: #2b2bfb;
}

#press ul.press-entries li a:hover span.title.pdf {
	background: url(images/pdf-sprite.gif) no-repeat 100% 0px;
}

/* @end */

/* @group Info */

#info h3, #info div.info_column {
	display: block;
	float: left;
	margin-right: 15px;
}

#info h3 {
	width: 67px;
}

#info div.info_column {
	padding: 4px 0px 0px 0px;
	color: #000;
	width: 227px;
}

#info div#last {
	margin: 0px;
}

#info div.info_column p {
	margin-bottom: 16px;
}

img.gallery_img {
	width: 551px;
}

#info ul {
	display: block;
	padding: 4px 0px 0px 0px;
	float: left;
	margin-right: 15px;
}

#info ul#info-links {
	width: 226px;
}

#info ul li a {
	line-height: 16px;
	text-decoration: none;
	color: #000;
}

#info ul li a:hover {
	color:#2b2bfb;
}


/* @end */

/* @group Footer */

#footer {
	padding: 5px 0px 0px 0px;
	border-top: 2px solid #2b2bfb;
}

/* @end */



/* @end */

/* @group Grid */

.column {
	display: block;
	float: left;
}

.c5 {
	width: 385px;
	margin-right: 15px;
}

.nested {
	margin-right: 0px;
}

.nested {
	margin-right: 0px;
}

/* @end */

/* @group Typography */

body {
	color: #2b2bfb;
	font: 12px/16px "Courier New";
}

a {
	text-decoration: none;
}

a:active {
	color: #2b2bfb;
}

a:visited {
	color: #2b2bfb;
}

h1 {
	display: block;
	float: left;
	width: 146px;
	height: 120px;
	margin-right: 15px;
	background: url(images/clint-roenisch.gif) no-repeat;
	text-indent: -9999em;
}

h2.announcement, ul#masthead li, ul#masthead li a {
	text-transform: uppercase;
	font: normal normal 20px/20px RoenischRegular, "Courier New";
}

h3 {
	text-transform: uppercase;
	font: normal normal 20px/20px RoenischRegular, "Courier New";
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

h3 em {
	color: #000;
	font-weight: normal;
	font-style: normal;
}

h4.title-terms {
	
}

#exhibitions h3 {
	margin-bottom: 50px;
}

ul#masthead li {
}

ul#masthead li a {
	text-decoration: none;
}

ul#masthead li a:hover {
	/*border-bottom: 2px solid #2b2bfb;*/
	color:#000;
}

.ex-poster a {
	text-transform: uppercase;
	font: normal normal 32px/27px RoenischRegular, "Courier New";
	text-decoration: none;
	display: inline;
	text-align: left;
}

#exhibitions ul li a, #artists ul li a, #press ul li a, #press ul li span, #index ul li a {
	text-transform: uppercase;
	font: normal normal 20px/20px RoenischRegular, "Courier New";
	text-decoration: none;
	color: #000;
}

#exhibitions a:hover, #artists a:hover {
	color: #2b2bfb;
}

div#ex-current p {
	text-transform: uppercase;
	font: normal normal 32px/27px RoenischRegular, "Courier New";
	color: #000;
}

p#ex-feature_show {
	padding-left: 80px;
}

p#ex-feature_show a {
	color: #000;
	text-decoration: none;
}

p#ex-feature_show a:hover {
	color: #2b2bfb;
}

div#ex-current p#ex-feature_title {
	color: #2b2bfb;
}

p#ex-feature_artists {
}

p#ex-feature_dates {
	padding-left: 80px;
}

div#ex-current p#ex-feature_reception {
	color: #2b2bfb;	
}

p#ex-feature_reception-date {
	padding-left: 80px;
	
}

p#ex-feature_reception-time {
	padding-left: 80px;	
}

a#login {
	color: #f00;
	padding:0px 0px 0px 120px;
}

#footer address {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group Slider */

/* Most common stuff you'll need to change */

.coda-slider-wrapper {}
.coda-slider {}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { 
	height: 200px; 
	overflow: auto !important; 
	padding-right: 20px 
}
	
	/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
	width: 795px 
} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
	width: 795px;
}

	.coda-slider-wrapper.arrows .coda-slider {}
	
	/* Arrow styling */
.coda-nav-left a, .coda-nav-right a {
	display: block;
	float: left;
	background: #000; 
	color: #fff; 
	padding: 0px; 
	width: 49px;
	z-index: 9999;
}
	
	/* Panel padding */
.coda-slider .panel-wrapper {}
	
	/* Preloader */
.coda-slider p.loading { 
	padding: 20px; 
	text-align: center; 
}

/* Don't change anything below here unless you know what you're doing */
	
	/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left; min-height:300px;}
.coda-slider .panel-container { position: relative; }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a {
	display: block; 
	text-align: center; 
	text-decoration: none;
	width: 30px;
	height: 20px;}

.coda-nav-left a {
	font: normal normal 32px/27px RoenischRegular, "Courier New";
	background: none;
	color: #2b2bfb;
	position: absolute;
	top: 173px;
	left: 50%;
	margin-left: 413px;
	background: url(images/cr-arrows.gif) no-repeat -30px -28px;
	text-indent: -9999em;
}

.coda-nav-right a {
	font: normal normal 32px/27px RoenischRegular, "Courier New";
	background: none;
	color: #2b2bfb;
	position: absolute;
	top: 173px;
	left: 50%;
	margin-left: 450px;
	background: url(images/cr-arrows.gif) no-repeat 0px -28px;
	text-indent: -9999em;
}

.coda-nav-left a:hover {
	background: url(images/cr-arrows.gif) no-repeat -30px 2px;
	text-indent: -9999em;
	
}

.coda-nav-right a:hover {
	background: url(images/cr-arrows.gif) no-repeat 0px 2px;
	text-indent: -9999em;
	
}

/* @end */

img#fullImage {
	position: absolute;
	left: 50%;
	margin-left: -640px;
	top: 50%;
	margin-top: -480px;
}