/* $Id: local-sample.css,v 1.2 2010/09/17 21:36:06 eternalistic Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */


html {
  background: #343434;
  overflow-y: scroll; /* Fixes page shift when vertical scroll bar appears */
}

body {
  background: #333333; !important
}

/* Links*/
a:link,
a:visited {
  color: #AEAEAE;
}

a:hover,
a:focus,
a:active {
color: #F508C1;
}

/* Reduce layout width */ 
.grid16-16 {width:960px;}
.grid16-13  {width: 680px;}

.header-primary-menu-wrapper {
background: #333333;
border-bottom: 0px;
}

#main-wrapper {
padding: 20px 0;
background-color: #333333;
}

body {
color: #FFF;
}

body {
    background: none repeat scroll 0 0 #333333;
}

/* Remove (make invisible) line below Gallery teaser view*/
.teaser {
border-bottom: 2px solid #333333;
}

/* Limit width of page title on type 'page'. php template used to describe type page-page */
.page-title {
width: 450px;
}

/* Remove page title on these pages */
#pid-home .page-title, 
#pid-about .page-title, 
#pid-shop h1.title, 
#pid-contact .page-title, 
#pid-press-gallery h1.title, 
#pid-education .page-title, 
#pid-comments h1.title,
#pid-images h1.title {display: none;}


/* Remove title on front */
.page-no-title {
display: none;
}

#node-2 .inner, #node-3 .inner {
color: #FFF;
width: 450px;
line-height: 1.3em;
float: left;
margin-top: 0px;
}

#block-block-6, #block-block-7, #block-block-8, #block-block-9 {
width: 450px;
float: right;
}

div.node {
margin-bottom: 0px;
}

h1, h1.title {
    color: #999999;
    font-size: 1.3em;
}

/* Remove title on gallery view pages */
#pid-film-gallery h1.title, #pid-image-gallery h1.title {
display: none;
}

h2, h2.title {
    color: #AEAEAE;
    font-size: 1.3em;
}

h3 {
    font-size: 1.2em;
	 color: #999999;
}


/* styles for standard and Superfish primary menu */
.header-primary-menu-inner ul.menu li {
    font-size: 1.1em;
	text-transform:lowercase;
	letter-spacing:1.5px;
}

.primary-menu-inner ul.menu li a:focus,
.primary-menu-inner ul.menu li a:hover,
.primary-menu-inner ul.menu li:hover a,
.primary-menu-inner ul.menu li.hover a,
.primary-menu-inner ul.menu li.active-trail a,
.primary-menu-inner ul.sf-menu li a:hover,
.primary-menu-inner ul.sf-menu li:hover a,
.primary-menu-inner ul.sf-menu li.hover a {
  background: #333333;
  color: #F508C1;
}


/* Styles colour of 'shop' link to Blue */
.primary-menu-inner ul li.last a, .primary-menu-inner ul.sf-menu li.last a {
color: #3CF;
}

/* styles colour of 'shop' link hover to Pink */
.primary-menu-inner ul.menu li.last a:focus,
.primary-menu-inner ul.menu li.last a:hover {
  color: #F508C1;
}


.primary-menu-inner ul.menu li.active-trail a.active {
color: #FFF;
}


.primary-menu-inner ul.menu li a:link, .primary-menu-inner ul.menu li a:visited {
display: block;
float: left;
padding: 2px 10px;
}

/* styles for breadcrumbs */
.breadcrumbs .inner {
    background: none repeat scroll 0 0 #333333;
    border: none;
    color: #8E8E8E;
}

/*------------------------------------ Front page-------------------- */
a.rollover_front {
	display: inline-block;
	width: 443px;
	height: 440px; 
	background: url(../images/logo1.gif);
	}
	

a:hover.rollover_front {
	background-position: -443px 0;
	}

.displace_menu {
	position: absolute;
	left: -5000px;
	}
	
#front_wrapper {
text-align: center; 
}

/*------ Previous exhibitions and quote blocks--------- */
#block-block-18 {
float: left;
width: 330px; 
}

#block-block-19 {
float: right; 
width: 450px;
}


/*------ Changing female body image block--------------- */
#block-block-13 {
width: 500px;
float: right;
margin-top: 20px;
margin-bottom: 0px;
}

/*----------Shop styling----------*/
img.category {
    margin: 0px 0 10px 10px;
    padding: 0;
}

.category-grid-products td {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #EDEDED;
}


/*------------------------------------ Styles for product page------------------- */
#product-details {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #EDEDED;
    color: #8E8E8E;
}

#product-group .product-body {
	color: #FFF;
	font-size: 1em;
	line-height: 1.3em; 
}
	
/* Ubercart - product node width: 30%; */
.product-group .images {
  float: left;
  width: 40%;
}

.product-group .uc-price {
font-weight:bold;
font-size: 1.5em;
	color: #FFF;
}

.product-group #price-group {
    margin-right: 20px;
	width: 200px;
}

.product-group .content {
padding-left: 10px;
}

.product-group .images .views_slideshow_singleframe_main {
	margin-left: 9px;
}

.product-group .images .imagecache-product_page {
	 border: 1px solid #EDEDED;
}

#node-1 .uc-price {
	display: none;
}	
	
.views_slideshow_singleframe_pager div a img {
    height: 56px;
    width: 75px;
background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #EDEDED;
    color: #8E8E8E;
}

.view-product-slideshow .imagecache-Product_page_350x250 {
	border: 1px solid #FFF;
}

.view-product-slideshow-book .imagecache-Book_slideshow_350x208 {
	border: 1px solid #FFF;
}


/*------------------------------------ Styles for product checkout ------------------- */
#cart-form-products, #uc-cart-checkout-form {
color: #535353;
}

#cart-form-products a:link, #uc-cart-checkout-form a:link { 
color: #F508C1;
}

#cart-form-products a {
color: #F508C1;
}

.order-review-table td {
    color: #535353;
}

/*------------------------------------ Film gallery lightbox styling ------------------- 
n.b Body and HTML background color commented out in Gray.css as these affect lightbox backfground colors
*/

#pid-film-gallery #outerImageContainer {
padding: 0 20px;
}

/*Remove Lightbox Navigation*/
#pid-film-gallery #imageData {
display: none;
}

#pid-film-gallery #lightboxFrame {
min-width: 435px;
min-height: 360px;
padding: 0px;
border: none;
background-color: #FFF;
overflow:hidden;
}

.view-films-view .views-field-body {
width: 200px;
font-style:italic;
text-align:left;
}

.view-films-view .views-field-title { 
width: 200px;
color: #999999;
font-size: 1.0em;
margin-bottom: 5px;
}

.view-films-view {
margin-top: 20px;
}

.view-films-view td {
vertical-align: top;
padding-right: 20px;
}

#pid-film-gallery .imagecache-film_gallery_thumbnail {
border: solid medium #FFF;
}
/*------------------------------------ Image Galleries styling ---------------*/


#pid-galleries .imagecache-film_gallery_thumbnail {
border: solid medium #FFF;
}

.node-type-photo-gallery img.imagecache-film_gallery_thumbnail {
border: solid medium #FFF;
}

.view-photo-gallery .views-field-title { 
color: #999999;
font-size: 1em;
}

#pid-galleries h2.title {
color: #999999;
font-size: 1em;
}


/*------------------------------------ Image gallery lightbox styling---------------*/


.view-photo-gallery img { 
border: solid medium #FFF;
}

.view-photo-gallery-teaser h2.title { 
font-size: 1.1em;
}

/*Remove Lightbox Navigation*/
#pid-image-gallery #imageData {
display: none;
}

.view-image-gallery-view .views-field-body {
width: 200px;
font-style:italic;
text-align:left;
}

.view-photo-gallery h2.title { 
width: 200px;
color: #F508C1;
font-size: 1.1em;
margin-bottom: 5px;
}

.view-image-gallery-view {
margin-top: 20px;
}

.view-image-gallery-view td {
vertical-align: top;
padding-right: 20px;
}

#pid-image-gallery #outerImageContainer {
padding: 0 20px;
}

/*------------------------------------ Press gallery lightbox styling---------------*/


.view-press-gallery img { 
border: solid medium #FFF;
}

/*Remove Lightbox Navigation*/
#pid-press-gallery #imageData {
display: none;
}

.view-press-gallery .views-field-body {
width: 200px;
font-style:italic;
text-align:left;
}

.view-press-gallery .views-field-title { 
width: 200px;
color: #999999;
font-size: 1.1em;
margin-bottom: 5px;
}

.view-press-gallery {
margin-top: 20px;
}

.view-press-gallery td {
vertical-align: top;
padding-right: 20px;
}

#pid-press-gallery #outerImageContainer {
padding: 0 40px;
}


/*------------------------------------ Align all gallery description text left ---------------*/
.view-press-gallery .views-field-body p, .view-image-gallery-view .views-field-body p, .view-films-view .views-field-body p  {
text-align: left;
}

/*------------------------------------ Home page slideshow 960px wide ---------------*/


#block-views-home_page_slideshow-block_1 {
	width: 960px;
	height: 340px;
	background-color:#aba6a8;
	margin-bottom: 0px;
}

#block-block-4 {
width: 960px;
margin-top: -12px;
}

/*
 Twitter and Facebook feeds
*/
#block-block-5 .inner {
float: right;
}

/*
Body copy links styling
*/
.node-type-page #content-region-inner a:link,
.node-type-page #content-region-inner a:visited {
  color: #3CF;
}

.node-type-page #content-region-inner a:hover,
.node-type-page #content-region-inner a:focus,
.node-type-page #content-region-inner a:active {
color: #F508C1;
}

/*
Reduce header height
*/
.header-group-inner {
padding: 15px 0 35px 0;
}

/*
Opportunities page styling
*/

/* Hide the title on the Opportunities page*/
.page-opportunities .title {
display: none;
}

#opportunities-wrapper {
overflow:auto;
margin-bottom: 20px;
}

.opportunities-body {
color: #FFF;
width: 450px;
line-height: 1.3em;
float: left;
}

.opportunities-img {
float: right;
width: 450px;
}

.opportunities-title {
color: #AEAEAE;
font-size: 1.3em;
}

#pid-comments #content-top-inner a:link,
#pid-comments #content-top-inner a:visited,
.page-opportunities #content-region-inner a:link,
.page-opportunities #content-region-inner a:visited {
  color: #3CF;
}

#pid-comments #content-top-inner a:hover,
#pid-comments #content-top-inner a:focus,
#pid-comments #content-top-inner a:active,
.page-opportunities #content-region-inner a:hover,
.page-opportunities #content-region-inner a:focus,
.page-opportunities #content-region-inner a:active {
color: #F508C1;
}

/* Make table WOB header visible*/
#content-content th, #content-content thead th {
    background: none repeat scroll 0 0 #333333;
    border-bottom: 1px solid #CFCFCF;
}


/* Mailchimp subs form*/

#mc_embed_signup form {display:block; position:relative; text-align:left; padding:0 background-color: #333333;}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:38%; min-width:130px;}
#mc_embed_signup input.button {display:block; width:20%; margin:0 0 10px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}


/* Comments form styling*/
.view-form-comments .views-field-field-country-value {
font-style: italic;
margin-bottom: 15px;
border-bottom: 1px #FFF dotted;
}

#block-block-16, #block-views-form_comments-block_1 {
width: 960px;
}

.node-type-comments-form .node-unpublished {
    background-color: #333333;
}

/* Google translate styling */
.goog-te-gadget-simple .goog-te-menu-value span {
    text-decoration: none;
    color: #CFCFCF;
}

#google_translate_element .goog-te-gadget-simple {
    background-color: #333333;
}

/* Twitter, Newsletter and Google translate block styling */

/* Twitter, Newsletter block 5, Google translate and quote Block 22*/ 
#block-block-5, #block-block-21 {
float: right;
width: 720px;
}

#block-block-5 p, #block-block-21 p {
margin: 1em 0 0 0;
text-align: right;
}

#homepagequote {
margin-top: 12px;
height: 22px;
text-align: right;
}

.goog-te-gadget-simple .goog-te-menu-value span {
color: #CFCFCF;
}

#google_translate_element {
line-height: 0px;
margin-top: 10px;
height: 24px;
text-align: right;
}

#google_translate_element .goog-te-gadget-simple {
background-color: #333333;
}

#prodcontain img {max-width: 200px;}