/*  
Theme Name: Custom Theme Name
Theme URI: http://customtheme.com/
Description: A Custom Theme by Periscope Creative
Version: 1.0a
Author: Andrew Barden
Author URI: http://periscopecreative.com 
Tags: 
*/

/* 
TABLE OF CONTENTS

  HTML Elements / Reset
  Spacing
  Page Structure
  Navigation
  Headings
  Content Styles
  Forms
  Clear
  Footer
  Utility Classes
  Font Sizes (reference)
 
Colors
PRIMARY
	
SECONDARY
	
	
*/

	/* `HTML Elements / Reset
----------------------------------------------------------------------------------------------------*/


/* 
html5doctor.com Reset Stylesheet
v1.4 
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html { background: #fff fixed url(img/bg.jpg) repeat}
body {
    font-family: "Franklin Gothic Book", "Helvetica Neue", Arial,  sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0; padding: 0;	
	color: #9a9a9a;
	background: transparent url(img/dots.png) repeat-x top left;;

}
div { position: relative; }
article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
    display:block;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

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

input, select {
    vertical-align:middle;
}





/*basic link structure*/
a{border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;margin:0;padding:0}
a:active{color:#fff}
a:hover{color:#fff;text-decoration:none}
a:focus{outline:none}
a:link,a:visited{color:#666}

	/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol 			{ list-style: decimal;}
ul 			{ list-style: square;}
li 			{ margin: 0;}
img 		{ border: 0;	}
ol, ul, li	{ list-style: none;	}
strong, b 	{ font-weight: bold;	}

h1, h2, h3, h4, h5, h6{color: #fff;}

h1 {
	margin: 0;
	font-size: 1.6666666666666667em;
	line-height: 0.9em;
	margin-bottom: 0.9em;
}
h2 {
	margin: 0;
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 1em;
}
h3 {
	margin: 0;
	font-size: 1.3333333333333333em;
	line-height: 1.125em;
	margin-bottom: 1.125em;
}
h4 {
	margin: 0;
	font-size: 1.1666666666666667em;
	line-height: 1.2857142857142858em;
	margin-bottom: 1.2857142857142858em;
}
p, ul, blockquote, pre, td, th, label {
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
p.small {
	margin: 0;
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
	margin-bottom: 1.8em;
}
table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
}
	/* `Page Structure
----------------------------------------------------------------------------------------------------*/

header{ height: 48px;padding-top: 36px;max-width: 960px}
#wrapper{ z-index: 1;  }
header, #content, footer{margin: 0 30px;}
#content{ min-height: 400px;}
	body.page #content{max-width: 1260px;}
body.archive #content{ margin: 0 20px; }
#inset{ height: 66px; border-bottom: 2px solid white; margin:0 30px 32px;}


	/* `Navigation
----------------------------------------------------------------------------------------------------*/

nav ul 		{list-style:none; margin:0; padding:0;}
nav ul li	{ float: left;margin:0;padding:0;}
nav.topnav{ margin: 0; float: left; }
nav.topnav li a{ color: white;padding:0 9px 9px;}

	/* `Headings
----------------------------------------------------------------------------------------------------*/
.logo{ margin: 1px 9px 0 0; padding: 0;float: left;}
.logo a{ background: url(img/logo.png) no-repeat top left; display: block; height: 13px; width: 95px; margin:0; font-size: 12px;}
#inset h1, #inset h2{ float: left; font-size: 28px; color: white;margin: 14px 0 0;}
body.page-template-page-contact-php h1{color: #fff}



	/* `Content Styles
----------------------------------------------------------------------------------------------------*/
/*
	Global
*/

body.page #content a:link,
body.error404 #content a:link,
body.page #content a:visited,
body.error404 #content a:visited{ color: #A4AFA9; padding-bottom: 2px; border-bottom: 1px solid #CC6633}
body.page #content a:hover,
body.error404 #content a:hover{ color: #fff; border-bottom: 2px solid #CC6633}


/*
	Home
*/

div#gallerynav { height: 447px;margin-left: 30px }
#gallerynav h2{margin:0;padding:0;}
#gallerynav h2 a{ font-size: 12px;font-weight: normal; text-transform: uppercase; color: #fff; float: right; margin-bottom: 1.5em}

#byline{ margin: -1px 0 0; }
#byline .artist{ color: white; font-size: 14px;font-weight: bold;letter-spacing: -.04em;margin-right: 10px;}

/*
	Post
*/
.galpost { 
	width: 210px; 
	height: 210px; 
	float: left; 
	margin: 0 10px 20px 10px;
	overflow: hidden;
	}
.galpost a{ 
	display: block;
	}

/*
	Page-template-creme
*/
html.page-template-page-light-php{ background:none;}
body.page-template-page-light-php #inset{ border-color:#000}
body.page-template-page-light-php{ background: #f3f0da url(img/dots.png) repeat-x top left; color: #000;}
body.page-template-page-light-php #inset h1,body.page-template-page-light-php #inset h2{ color: #000;}
body.page-template-page-light-php #content a:link, body.page-template-page-light-php #content a:visited{ color: #000;} 
body.page-template-page-light-php #content a:hover{ color: #000; border-bottom: 2px solid #CC6633}
h1, h2, h3, h4, h5, h6{color: #000;}

/*
	Event Styles
*/
.event{margin-bottom: 4em;}
.paypalmessage{color: #BF3B3B}
.events-form input, #registration_payment_button,button#submit{padding: 5px; width: 364px; font: inherit; border: 1px solid #ccc;}
.events-form input:focus{border-color:#CC6633}

.events-form #submit, #registration_payment_button,
button#submit{width: 200px; border: none; -moz-border-radius: 30px; border-radius: 30px; -webkit-border-radius: 30px;margin-bottom: 8px; background:#333;color: #fff;}
.events-form #submit:hover, #registration_payment_button:hover,button#submit:hover{background: #CC6633;cursor: pointer;}
.events-form #submit:active, #registration_payment_button:active,button#submit:active{position: relative; top: 1px;}

body.page-id-811 .post div{ margin-bottom: 2em;}

/*
	404
*/
body.error404 h3{color: #fff}

	/* `Footer
----------------------------------------------------------------------------------------------------*/

footer{ margin: 1.5em;position: relative; }
#footertext{margin: 0 0 0 18px; width: 863px; height: 11px; width: 863px; background: url(img/footertext.png) no-repeat; text-indent: -9999px; }
body.page-template-page-light-php #footertext{background: url(img/footertext-black.png) no-repeat;}
#credit{margin-left: 18px}
#credit, #credit a,#credit a:hover,#credit a:active{color: #998579;text-transform: uppercase;font-size: 8px}
	/* `Forms
----------------------------------------------------------------------------------------------------*/
.btnclear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
ol.forms 						{ float: left; list-style: none; margin: 0; }
ol.forms li 					{ clear: both; float: left; margin-bottom: 18px; position: relative;}
ol.forms label 					{cursor: pointer;display: block;float: left;padding-right: 20px;width: 40px;}
ol.forms input, 
ol.forms textarea				{ padding: 5px; width: 364px; font: inherit; border: 1px solid #ccc;}
ol.forms textarea 					{ height: 300px; width: 364px; }
.error 								{ color: #f00; }
ol.forms li .error 					{ font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error 		{display: block;position: absolute;right: 0;top: 0;width: 100px;padding: 5px;}
ol.forms li.screenReader 			{ margin-bottom: 0; }
ol.forms li.inline input 			{ width: auto; }
ol.forms li.inline label 			{ display: inline; float: none; width: auto; }
ol.forms input#sendCopy				{ margin-right: 10px;}

li.inline, li.submit{ margin-left: 60px;}


.screenReader 					{ left: -9999px; position: absolute; top: -9999px; }




	/* `Clear
----------------------------------------------------------------------------------------------------*/

.clear					{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix 				{ display:inline-block;}
.clearfix:after 		{ clear: both; height: 0;display: block; visibility: hidden;content: "."; }


	/* `Utility Classes
----------------------------------------------------------------------------------------------------*/

.a 						{ position: absolute; left: -9999px; }
.alignleft				{ float:left; margin: 0 1em 0 0; }
.alignright				{ float:right; margin: 0 0 0 1em;}
.bold					{ font-weight: bold;}
br.clear			 	{ clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
.callout				{ color: #B1600F }
.i						{ font-style: italic;}
.italic					{ font-style: italic;}
.left					{ float: left }
.sold					{ position: absolute; bottom:1em; right: 1em;}
.right					{ float: right !important}
.wp-caption-text		{ font-size: 0.75em; /* 12px */ line-height: 2em; font-style: italic;}

.alpha					{ margin-left: 0 !important;}
.omega					{ margin-right: 0 !important;}

.col_1 { float: left; width: 210px; margin: 0 10px;}
.col_2 { float: left; width: 440px; margin: 0 10px;}
.col_3 { float: left; width: 670px; margin: 0 10px;}

#top{position: relative;margin-top: 18px}
#top a{display:block;height: 20px;width:90px;margin:0 auto;background: url(img/top.png) top left no-repeat;}
#top a:hover{background-position: bottom left}

button,a.button, a.button:visited, input#searchsubmit{
	color: #fff !important;
	background: #333333;
	border-bottom: none !important;
	cursor: pointer;
	padding: .5em 1em !important;
	margin-right: 1em !important;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	}

button:hover,a.button:hover, input#searchsubmit:hover{background:#CC6633;border-bottom:none !important;}
button:active, a.button:active, input#searchsubmit:active{position: relative;top:1px;}


	/* `Shadowbox
----------------------------------------------------------------------------------------------------*/
/**
 * The default CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * You should have received a license with this distribution explaining the terms
 * under which Shadowbox may be used. If you did not, you may obtain a copy of the
 * license at http://shadowbox-js.com/LICENSE
 *
 * @author      Michael J. I. Jackson <michael@mjijackson.com>
 * @copyright   2007-2009 Michael J. I. Jackson
 */

/*_____________________________________________  container, overlay, & wrapper  */
#sb-container, #sb-wrapper {
  text-align: left; /* reset left alignment */
}
#sb-container, #sb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#sb-container {
  height: 100%;
  display: none;
  visibility: hidden;
  z-index: 999;
}
body > #sb-container {
  /* use position:fixed in modern browsers */
  position: fixed;
}
#sb-overlay {
  /* needed in IE6 where sb-container uses position:absolute */
  height: expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay {
  /* use for sb-container position:fixed */
  height: 100%;
}

/*_________________________________________________________________  wrapper  */
#sb-wrapper {
  position: relative;
}
#sb-wrapper img {
  border: none;
}

/*____________________________________________________________________  body  */
#sb-body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #303030;
}
#sb-body-inner {
  position: relative;
  height: 100%;
}
#sb-content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#sb-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 10px;
}
#sb-body, #sb-loading {
  background-color: #060606; /* should match loading image background color */
}

/*____________________________________________________________  title & info & caption  */
#sb-title, #sb-caption, #sb-info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#sb-title-inner, #sb-caption-inner, #sb-info-inner {
  position: relative;
  font-family: Georgia, Times, serif;
  font-style: italic;
  line-height: 16px;
}
#sb-title, #sb-title-inner {
  height: 26px;
  font-size: 16px;
  color: white;
  padding-left: 1em;
}
#sb-caption{ padding-top: 1em;}
#sb-caption, #sb-caption-inner {
  height: 6em;
  font-size: 14px;
  color: #fff;
}
#sb-title-inner, {
  font-size: 18px;
  padding: 5px 0;
  color: #fff;
}
#sb-info, #sb-info-inner {
  height: 20px;
}
#sb-info-inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */

#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav-close {
  background-image: url(lib/shadowbox/resources/close.png);
  background-repeat: no-repeat;
}
#sb-nav-next {
  background-image: url(lib/shadowbox/resources/next.png);
  background-repeat: no-repeat;
}
#sb-nav-previous {
  background-image: url(lib/shadowbox/resources/previous.png);
  background-repeat: no-repeat;
}
#sb-nav-play {
  background-image: url(lib/shadowbox/resources/play.png);
  background-repeat: no-repeat;
}
#sb-nav-pause {
  background-image: url(lib/shadowbox/resources/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#sb-counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline;
}

/*________________________________________________________________  messages  */
div.sb-message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}