/* -----------------------------------------------
Master Style Sheet

site:     galleryjoe.com
version:  1.5
author:   Darian Scatton
email:    darian@punkave.com
----------------------------------------------- */

/* =common
----------------------------------------------- */

body
{
  margin: 0;
  padding: 0;
	font: small/1.4 Trebuchet, Arial, sans-serif; 
  background: #f6f6f6 url(/images/gj-body-bg.gif) repeat-x;
	color: #666;
}

a {
	color: #999;
	text-decoration: none;
}

a:hover {
	color: #444;
}

h1 { 
	font-size: 160%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	white-space: normal;
}

h2 {
	font-size: 145%;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h3 {
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#press_release h3 {
	font-size: 130%;
	margin: 0 0 10px 0;
}

h4 {
	font-size: 110%;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
}

h5 {
	font-size: 85%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

ul, li, p, div {
	padding: 0;
	margin: 0;
}

li {
	margin-bottom: 10px;
	list-style: none;
	background-image: none;
	line-height: normal;
}

.clear {
	clear: both;
}

#hamburger {
  font-family: FontAwesome;
}

/*#wrapper {
	width: 760px;
	margin: 0 auto;
}*/

#wrapper {
  position: relative;
  top: 100px;
}

/* =masthead
----------------------------------------------- */

#printhead{
	display: none;
	width: 760px;
	margin: 0 auto;
}

#printhead img{
	margin-top: 25px;
}

#masthead{
	/*background: #f6f6f6 url(/images/gj-mast-gradient.gif) bottom repeat-x;*/
  background-color: #f6f6f6;
  height: 70px;
  width: 100%;
  padding-bottom: 10px;
  -webkit-box-shadow: 8px 8px 6px -6px rgba(171,171,171,0.3);
  -moz-box-shadow: 8px 8px 6px -6px rgba(171,171,171,0.3);
  box-shadow: 8px 8px 6px -6px rgba(171,171,171,0.3);
  position: absolute;
  z-index: 9999;
}

/*#masthead div{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 10px;
}*/

.masthead a {
	background: transparent url(/images/gj-logo-small.png) no-repeat 0pt 13px;
	display: block;
	float: left;
	height: 34px;
	padding: 15px 0;
	text-indent: -9999px;
	width: 150px;
  margin-top: 8px;
}

#masthead #address{
	float: right;
	margin-top: 2.5em;
	font-size: 90%;
	color: #999;
	text-align: right;
}

#hamburger {
  float: right;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  font-size: 25px;
}

/* =nav
----------------------------------------------- */

#nav_wrap {
	float: left;
	width: 100%;
	margin: 10px 0 20px 0;
	padding: 0;
}

#nav {
	float: left;
	font-size: 95%;
	padding: 10px 0 0 0;
}

#nav ul {
	white-space: nowrap;
	padding: 0;
}

#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav ul a {
	background: none;
	display: block;
	float: left;
	height: auto;
	margin-right: 1px;
	padding: 5px 26px 5px 0;
	white-space: nowrap;
}

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

#mobile-nav ul li, 
#mobile-nav a {
  padding: 20px;
}

#index #nav #home_link,
#exhibitions #nav #exhibitions_link,
#artists #nav #artists_link,
#flatfiles #nav #flatfiles_link,
#contact #nav #contact_link,
#news #nav #news_link,
#artists #subnav #artists_sub_link,
#other-artists #nav #artists_link,
#other-artists #subnav #other_sub_link,
#nav a:hover {
	color: #444;
}

/* =subnav
----------------------------------------------- */


#subnav {
	float: left;
	clear: left;
	font-size: 85%;
	margin: 0;
	padding: 0;
}

#subnav ul {
	white-space: nowrap;
}

#subnav ul li {
	/*float: left;*/
  display: inline;
	padding: 0 16px 0 0;
}

#exhibitions .previous #previous_link,
#exhibitions .upcoming #upcoming_link,
#exhibitions .current_front #current_front_link,
#exhibitions .current_vault #current_vault_link,
#subnav a:hover {
	color: #444;
}

/* =content
----------------------------------------------- */


#content {
	margin-bottom: 35px;
}


/* =structure
----------------------------------------------- */


.col_wrapper {
	position: relative;
	/*float: left;*/
	margin-bottom: 10px;
}

.leftcol{
	float: left;
	width: 600px;
}

.rightcol{
	float: right;
	text-align: left;
	width: 150px;
}

#exhibitions .leftcol{
	width: 450px;
}

#exhibitions .rightcol,
#index .rightcol{
	float: left;
}

#news .col_wrapper{
	text-align: left;
}

#news .leftcol{
	width: 590px;
	margin-right: 10px;
}


/* =index
----------------------------------------------- */


.cur_exhibit li {
	margin-bottom: 14px;
}

#index .col_wrapper{
	margin-top: 25px;
}

.double .leftcol {
	width: 373px;
	text-align: left;
}

.single .leftcol{
	width: 450px;
}

.exhibition_meta {
  display: block;
  margin-top: 50px;
}

/* =exhibitions & artists & flatfiles default page
----------------------------------------------- */


.exhibition_list {
	margin: 10px 0 20px 10px;
	font-size: 95%;
}

.exhibition_list .exhibition_date {
	font-size: 90%;
}

.artist_column {
	/*text-align: left;*/
	float: left;
	/*width: 225px;*/
}

.artist_column ul {
	margin-right: 45px;
}


/* =exhibitions & artists & flatfiles detail page
----------------------------------------------- */


#caption_title {
	font-size: 85%;
	padding-top: 10px;
}

#artists #caption_title,
#flatfiles #caption_title {
	display: none;
}

#caption_details {
	padding-top: 5px;
	font-size: 85%;
	text-align: left;
}

#image_nav {
	font-size: 85%;
}

#image_nav a {
	font-size: 95%;
}

#image_nav a,
#image_nav #img_number{
	padding-right: 8px;
}

#image_nav .arrow {
	font-size: 170%;
}

#artist_list {
	padding-top: 25px;
}

#artist_list li {
	margin-bottom: 3px;
}

.solo {
	padding-bottom: 5px;
}

#bottom {
	padding-top: 25px;
	font-size: 85%;
}

#bottom li {
	margin: 0 0 0 -7px;
}

#bottom li a{
	padding-left: 10px;
}

#bottom li .active{
	color: #444;
	background: url(/images/gj-active-arrow-l.gif) left 2px no-repeat;
}

#bottom #artwork_link_tag {
	color: #444;
}

/*#press_release,
#bio,
#articles_and_press{
	float: left;
	width: 420px;
}*/

#press_release p,
#bio p,
#articles_and_press p {
	margin-top: 10px;
}

.resume-contact {
  color: grey;
  font-style: italic;
}

#articles_and_press p {
	font-size: 95%;
}

#artwork {
	/*float: left;
	margin: 0;
	width: 420px;
	text-align: center;*/
}

#press_release, #articles_and_press, #bio {
	display: none;
}

#artist_choose {
	font-size: 85%;
	margin-top: 20px;
}

#artist_detail{
	/*float: right;*/
	/*width: 150px;*/
}

#artist_detail h3{
	font-size: 115%;
}

#artist_select{
	/*float: left;*/
	font-size: 80%;
	/*width: 150px;*/
	text-align: right;
}

#artist_select li{
	margin: 0;
	padding: 0 10px 0 0;
	line-height: 125%;
}

#artist_select li a{
	padding-right: 10px;
}

#artist_select li a.active{
	color: #444;
	background: url(/images/gj-artist-active.gif) right no-repeat;
}

#exhibitions h5{
	margin: 15px 0;
}

#bio ul{
	margin: 1em 0 0 1em;
}

#bio li{
	list-style: disc;
}

/* =contact
----------------------------------------------- */


#contact p {
	font-size: 0.85em;
	line-height: 1.5em;
  margin: 1em 0;
}

#contact h3 {
  margin-bottom: 1.5em;
}

#contact .contact-info {
  margin-top: 2em;
}


/* =news
----------------------------------------------- */


#news p {
	font-size: 95%;
}

#news .post_date {
	font-size: 85%;
	margin-bottom: 10px;
}

#news .leftcol img {
	height: 216px;
}

#news .rightcol ul {
	font-size: 95%;
	margin-top: 5px;
	white-space: nowrap;
}

#news .rightcol ul li .active{
	color: #444;
	padding-left: 10px;
	background: url(/images/gj-active-arrow-l.gif) left no-repeat;
}

.news_links li {
	float: left;
	padding-right: 15px;
}


/* =error
----------------------------------------------- */

#error p {
	padding-bottom: 10px;
}


/* =image dropshadows courtesy of CSS Mastery by Andy Budd
----------------------------------------------- */

.img_wrapper {
	background: url(/images/shadow.gif) no-repeat right bottom;
	position: relative;
}

.img_wrapper div {
	background: url(/images/mask.png) no-repeat left top !important;
	background: url(/images/mask.gif) no-repeat left top;
	padding: 0 5px 5px 0;
	float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
  width: 100%;
}

.img_wrapper img {
	background-color: #e7e7e8;
	border: none;
	position: relative;
  max-width: 100%;
  max-height: 400px;
  width: auto;
}

#main-footer {
  display: none;
}

#main-footer p {
  text-align: center;
  margin: 10px 0 20px 0;
  font-style: italic;
  color: #999;
}

#contact #main-footer {
  display: block;
}