/* @override http://greta/wp-content/themes/gretanorthfield/style.css */

/* @override http://greta/wp-content/themes/gretanorthfield/style.css */

/*  
Theme Name: GretaNorthfield
Theme URI: http://pitlessmango.com
Description: Specifically for my lovely wife!
Version: 1.0
Author: Jason Bell
Author URI: http://pitlessmango.com
*/

/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

body {
	line-height: 1;}

ol, ul {
	list-style: none;}

blockquote, q {
	quotes: none;}

 remember to define focus styles! 

:focus {
	outline: 0;}

 remember to highlight inserts somehow! 

ins {
	text-decoration: none;}

del {
	text-decoration: line-through;}

 tables still need 'cellspacing="0"' in the markup 

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

caption, th {
	text-align: left;}

a img {
	border: none;
	outline: none;
	background: none;
	display: block;}

a:hover img {
	background: none;}
	
/* @end */

html {
	background: #20204B;
	text-align: center;}

body {
	text-align: left;
	background: #20204b;
	font: 62.5%/1.5 Geneva, Tahoma, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;}

/* @group Base Typography */

@font-face {
  font-family: 'Diavlo Book';
  src: url(fonts/diavlo/Diavlo_BOOK_II_37.otf) format("opentype");
}

@font-face {
  font-family: 'Diavlo Black';
  src: url(fonts/diavlo/Diavlo_BLACK_II_37.otf) format("opentype");
}

@font-face {
  font-family: 'Diavlo Bold';
  src: url(fonts/diavlo/Diavlo_BOLD_II_37.otf) format("opentype");
}

@font-face {
  font-family: 'Diavlo Light';
  src: url(fonts/diavlo/Diavlo_LIGHT_II_37.otf) format("opentype");
}

@font-face {
  font-family: 'Diavlo Medium';
  src: url(fonts/diavlo/Diavlo_MEDIUM_II_37.otf) format("opentype");
}

h2, h3, h4, h5, h6 {
	color: #000033;
	height: auto;
	font-family: 'Diavlo Medium', Georgia, serif;}
	
h2 {
	font-size: 4.5em;
	font-weight: 800;
	line-height: 1;
	border-bottom: 4px solid #000033;
	margin-bottom: .5em;}
	
h3 {
	font-size: 2.5em;
	font-weight: 60000;
	margin: 0 0 .5em 0;}

h4 {
	font-size: 1.4em;
	font-weight: bold;}

h5 {
	font-size: 1.4em;
	font-style: italic;}

h6 {
	font-size: 1.4em;
	color: #333;
	margin: 0 0 .5em 0;}

h6.news-date {
	font-family: Geneva, Tahoma, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;}

p {
	font-size: 1.2em;
	margin: 0 0 1.5em 0;}

pre {
	font-size: 1.5em;}

/* @group Links */

/*
a[href^="http:"] {
	padding: 0px 15px 5px 0;
	background: url(http://exhibitors.heiexpo.com/global-images/icons/icon_external.gif) no-repeat right top;}

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 15px 5px 0;
	background: transparent url(http://exhibitors.heiexpo.com/global-images/icons/icon_doc.gif) no-repeat center right;}

a[href$='.xls'] {
	padding: 5px 15px 5px 0;
	background: transparent url(http://exhibitors.heiexpo.com/global-images/icons/icon_xls.gif) no-repeat center right;}

a[href$='.pdf'] {
	padding: 5px 15px 5px 0;
	background: transparent url(http://exhibitors.heiexpo.com/global-images/icons/icon_pdf.gif) no-repeat center right;}

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] {
	padding: 5px 15px 5px 0;
	background: transparent url(http://exhibitors.heiexpo.com/global-images/icons/icon_pic.gif) no-repeat center right;}

a[href ^="mailto:"] {
	padding: 5px 15px 5px 0;
	background: transparent url(http://exhibitors.heiexpo.com/global-images/icons/icon_mailto.gif) no-repeat center right;}

a[href^="http://greta/"],
.imageLink {
	padding: 0px !important;
	background-image: none;}
*/

a {
	color: #20204b;
	text-decoration: underline;}

a:hover {
	text-decoration: none;
	background: #20204B;
	color: #DFA930;}
	
/* @end */

/* @group Lists */

li ul, li ol {
	margin: 0 1.5em;
	font-size: inherit;}

ul, ol {
	margin: 0 1.5em 1.5em 1.5em;
	font-size: 1.2em;}

ul {
	list-style-type: square;}

ol {
	list-style-type: decimal;}

dl {
	margin: 0 0 1.5em 0;}

dl dt {
	font-weight: bold;}

dd {
	margin-left: 1.5em;}

/* @end */



/* @group Table */

table {
	margin-bottom: 1.5em;
	width: auto;
	font-size: 1.2em;}

th {
	font-family: 'Diavlo Bold', Georgia, serif;
	font-size: 1.4em;
	border-top: 1px solid;
	border-bottom: 1px solid;}

th, td {
	padding: .5em;}

tfoot {
	font-style: italic;}

caption {
	font-weight: bold;}

/* @end */
/* @end */



/* @group General Classes */

.float_right {
	float: right;
	display: inline;
	margin: 0 0 1.5em 1.5em;}

.hide {
	display: none;}

.float_left {
	float: left;
	display: inline;
	margin: 0 1.5em 1.5em 0;}

.clear {
	clear: both;}
	
/* @end */

#page_wrapper {
	margin: 3em auto 1em auto;
	background: url(images/body_bg.png);
	border: 2px solid #000033;
	width: 100em;
	text-align: left;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}

img#initials {
	position: absolute;
	left: -35px;
	top: -20px;}

#header {
	position: relative;
	overflow: hidden;}

div.identity {
	float: left;
	display: inline;
	margin: 1em 0 0 2em;
	padding: 0;
	height: 57px;}

div.identity a {
	display: block;
	text-decoration: none;
	color: #000033;}

div.identity a span {
	font-family: 'Diavlo Black', 'Palatino Linotype';
	font-size: 6.5em;
	line-height: 1;}

div.identity a:hover {
	background: none;
	color: #DFA930;}

/* @group Search */

#search_container {
	float: right;
	display: inline;
	margin: 2em 2.5em 1em 0;}

#search_container label {
	display: none;}

#s {
	border: 1px solid #000033;
	line-height: 1.5em;
	width: 17em;
	background: #eee url(images/loupe.png) no-repeat right;
	text-indent: .5em;
	padding: .5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}

#s:focus {
	border: 1px solid #DFA930;
	text-shadow: none;}

div.inline_search {
	margin: 1.5em 0;}

/* @end */

/* @group Navigation */

#menu {
	clear: both;
	margin: 0 2em 2em 2em;
	background: url(images/trans_blue2.png) repeat;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}

#menu li {
	font-family: 'Diavlo Light', Georgia, serif;
	font-size: 1.3em;
	float: right;
	display: inline;
	text-align: center;
	list-style: none;
	margin: 0;
	line-height: 2.5em;
	letter-spacing: 1px;}

#menu li a {
	color: #DFA930;
	display: block;
	padding: 0 1em;
	margin: 0;
	text-decoration: none;
	text-align: ;}

#menu li a:hover {
	background: #DFA930;
	color: #000033;}

#menu #rss-feed {
	background: url(images/icon_rss.png) no-repeat center center;
	text-indent: -9999px;
	width: 3em;}

#menu #rss-feed a:hover {
	background: #DFA930 url(images/icon_rss_hover.png) no-repeat center center;}

/* @end */

#content {
	width: 96em;
	margin: 0 2em 2em 2em;
	overflow: hidden;}

#left_column {
	float: left;
	display: inline;
	width: 36em;
	margin: 0 2em 0 0;}

#right_column {
	display: inline;
	float: left;}

#left_column .parchment {
	clear: both;
	overflow: hidden;
	background: url(images/bg_paper2.png) no-repeat;
	min-height: 35em;
	padding: 3em;}

/* @group Home Page Category */

#left_column .category {
	background: url(images/trans_white.png);
	overflow: hidden;
	border: 1px solid #000033;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1em 0;
	padding: .5em;}

#left_column .category h4 {
	font-size: 2em;}

#left_column .category .image_thumb {
	width: 14em;
	float: left;
	margin: 0 1em 0 2em;}
	
/* @end */

/* @group Right Column News */

#right_column .headlines {
	clear: both;
	width: 57.5em;
	background: url(images/trans_white.png);
	overflow: hidden;
	border: 1px solid #000033;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}

#right_column div.news h4 {
	clear: both;
	color: #003;
	font-size: 2em;
	font-family: 'Diavlo Medium', Georgia, serif;
	line-height: 1;
	margin: 0 0 .25em 0}

#right_column div.news {
	margin: 1em;
	overflow: hidden;}
	
#right_column div.news div {
	overflow: hidden;}

#right_column div.news p {
	margin: 0;}
	
#right_column div.news p+p {
	float: right;
	display: inline;
	margin: 0 0 .5em 0;
	font-size: 1em;}

/* @end */

#right_column div.post a.imageLink {
	float: left;
	display: inline;
	line-height: 0;}
	
#slideshow {
	float: right;
	display: inline;
	margin: 0 0 1em 0;
	border: 1px solid #000033;
	padding: 1px;
	background: #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}

#slideshow div.slideElement img {
	margin: 0;
	padding: 2px;
	background: #999;
	border: 1px solid #000033;}

/* @group Category Footer */

#content_sub {
	clear: both;
	margin: 0;
	background: url(images/trans_white.png);
	overflow: hidden;
	border: 1px solid #000033;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}

#content_sub img#greta {
	position: absolute;
	bottom: 0;
	right: 0;}

#content_sub div.category {
	float: left;
	display: inline;
	width: 16em;
	margin: .5em 2em 1em 1em;}

#content_sub div.category-last {
	float: left;
	display: inline;
	width: 17.5em;
	margin: .5em 0 1em 1em;}

#content_sub div.category h4,
#content_sub div.category-last h4 {
	font-size: 2em;
	margin: 0 0 .5em 0;
	border-bottom: 1px solid #000;
	text-align: left;}
	
#content_sub h3 {
	margin: .5em;
	border-bottom: 1px solid #000;
	text-align: left;}

#content_sub h3 a {
	text-decoration: none;}
	
#content_sub h5 {
	color: #003;
	font-size: 1.5em;
	margin: .5em 0;
	text-align: left;
	font-style: normal;}

#content_sub h4 a {
	text-decoration: none;}

#content_sub p {
	float: left;
	display: inline;
	text-align: left;}

#content_sub div.news {
	float: left;
	display: inline;
	width: 38em;}

#content_sub div.news h3 {
	height: 2em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #000;}

#content_sub div.news h4 {
	clear: both;
	color: #003;
	font-size: 1.5em;
	margin: .5em 0;}

#content_sub div.news h4 a {
	color: #003;}

#content_sub div.news p {
	margin: 0 0 1.5em 0;}

/* @end */

/* @group Footer */

#footer {
	clear: both;
	margin: 0 2em 2em;
	background: url(images/trans_blue2.png) repeat;
	color: #fff;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}

#footer h5 {
	float: left;
	display: inline;
	margin: .5em 0 0 1em;
	font-size: 2em;
	font-weight: 100;
	font-style: normal;
	line-height: 1;
	color: #ccc;}

#footer p {
	float: right;
	display: inline;
	margin: 1em;
	color: #ccc;}

/* @end */

img.image_box {
	padding: .1em;
	border: 1px solid #000033;
	background: #e5e5e5;
	}

img.photo_align_left {
	float: left;
	display: inline;
	margin: 0 1em 1em 0;}
	
/* @group Post */

div.post {
	border: 1px solid #000033;
	padding: 1px;
	background: #ccc;
	margin: 0;
	overflow: hidden;}

p.dimensions,
p.availability {
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;}

p.dimensions span,
p.availability span {
	font-size: 1.1em;
	font-weight: normal;}
	
p.post-edit-link {
	text-align: right;}
	
/* @group Sidebar */

div.sidebar {
	float: right;
	display: inline;
	width: 20em;
	background: url(images/trans_white.png);
	border: 1px solid #000033;
	margin: 0 0 2em 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}

div.sidebar div.random_post {
	margin: 0 1em 2em 1em;
	text-align: center;}

div.random_post img.image_box {
	margin: 0 auto;}

div.sidebar ul {
	list-style: none;
	margin: 1em;
	padding: 0;}

div.sidebar li {
	}

div.sidebar h3 {
	font-size: 2em;
	line-height: 2em;
	margin: .75em .25em 1em .25em;
	border-bottom: 4px solid;}
	
.random_post h4 {
	margin: .5em 0;}

.random_post h4 img {
	margin: 0 auto;}

.past_news {
	overflow: hidden;}
	
.past_news h4,
.past_news p {
	margin: 0 .75em .5em;}

.past_news h6 {
	margin: 0 1em .5em;
	font-size: 1.2em;}
		
li.widget {
	margin: 1em;
	padding: 0;}

li.widget h4 {
	font-size: 1.5em;
	font-weight: bold;}

li.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;}

li.widget ul li {}

/* @end */

#related_posts {
	clear: both;
	margin: 0 0 2em 0;
	background: url(images/trans_white.png);
	overflow: hidden;
	padding: 1em;
	border: 1px solid #000033;
	position: relative;}

div.post_details {
	height: 330px;}

#left_column div.post_details h4 {
	clear: both;
	color: #003;
	font-size: 3em;
	font-weight: bold;
	margin: 0 0 .25em 0}

#left_column div.post_details div.painting-description {
	overflow: hidden;
	min-height: 150px;}

#left_column div.post_details div.painting-meta {
	overflow: hidden;
	height: 100px;}

#left_column div.post_details hr {
	border: none;
	background: #000033;
	height: 1px;
	margin: 1em 0;}
	
/* @end */

div.entry {
	margin: 1em;}

div.page-post img {
	float: left;
	margin: 0 1em 1em 0;}

div.content_container {
	background: url(images/trans_white.png);
	border: 1px solid #000033;
	padding: 1em;
	margin: 0 1em 2em 0;
	float: left;
	display: inline;
	width: 72em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
	
div.content_container div.sidebar {
	margin: 0 0 1em 0;
	width: 31em;}	
	
div.post-archive {
	width: 30em;
	height: 25em;
	margin: 0 6em 0 0;
	float: left;
	display: inline;}

div.category-archive {
	overflow: hidden;
	margin: 0 0 3em 0;}

div.category-archive h3 {
	float: left;
	display: inline;}

div.category-archive h3 a {
	text-decoration: none;}
	
div.category-archive p {
	float: right;
	display: inline;}

.category-header {
	clear: both;
	overflow: hidden;
	border-bottom: 2px solid #000033;
	margin-bottom: 1em;
	height: 1%;}

.category-header h3,
.category-header p {
	margin: 0;}
	
div.category-post {
	float: left;
	display: inline;
	width: 160px;
	height: 180px;
	margin: 0 2em 1em 0;}

div.category-post h4 {
	margin: .5em 0;}
	
#search_results {
	overflow: hidden;}
	
div.post-search-result {
	margin: 0 0 2em 0;
	float: left;
	display: inline;}

div.post-search-result h3 {
	line-height: 1;
	margin: 0 0 .25em 0;}

div.post-search-result img {
	float: left;
	margin: 0 1em 1em 0;}
	
div.navigation {
	overflow: hidden;
	margin: 2em 0 0;
	border-top: 1px solid #000033;}

div.navigation p {
	margin: 1em 0;
	font-weight: bold;}

div.navigation p  a{
	text-decoration: none;}	
	
div.content_container div.entry {
	margin: 0;}
	
div.content_container div.entry p {
	margin: 0;}
	
div.content_container div.entry p+p,
.past_news p+p {
	float: right;
	display: inline;
	margin: 0 1em 1em 0;
	font-size: 1em;}

	
/* @group Site Meta  */

#site_meta {
	color: #ccc;
	margin: 1em auto 1em auto;
	width: 100em;
	position: relative;
	overflow: hidden;}
	
#site_credit {
	float: left;
	display: inline;
	text-align: left;}

#site_admin {
	float: right;
	display: inline;
	text-align: right;}

#site_credit p,
#site_admin p {
	font-size: .9em;}
	
#site_credit ul,
#site_admin ul {
	list-style: none;
	margin: 0;
	font-size: .9em;}

#site_credit p a,
#site_credit ul a,
#site_admin p a,
#site_admin ul a {
	color: #DFA930;}

#site_credit p a:hover,
#site_credit ul a:hover,
#site_admin p a:hover,
#site_admin ul a:hover {
	color: #DFA930;
	background-color: none;
	background-image: inherit;
	text-decoration: none;}


/* @end */

#IE6 {
	margin: 2em;
	width: 100%;}

/* @group Gallery Slideshow */

#myGallery, #myGallerySet, #flickrGallery {
	height: 39.5em;
	width: 57.5em;
	z-index: 5;}

#flickrGallery {
	height: 334px;
	width: 500px;}

#myGallery img.thumbnail, #myGallerySet img.thumbnail {
	display: none;}

.jdGallery {
	overflow: hidden;
	position: relative;}

.jdGallery img {
	border: 0;
	margin: 0;}

.jdGallery .slideElement {
	background-color: #000;
	background-image: url('ajax/loading-bar-black.gif');
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}

.jdGallery .loadingElement {
	background-color: #000;
	background-image: url('ajax/loading-bar-black.gif');
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;}

.jdGallery .slideInfoZone {
	background: #20204B;
	bottom: 0;
	color: #fff;
	height: 65px;
	left: 0;
	margin: 0px;
	overflow: hidden;
	position: absolute;
	text-indent: 0;
	width: 100%;
	z-index: 10;}

* html .jdGallery .slideInfoZone {
	bottom: -1px;}

.jdGallery .slideInfoZone h2 {
	color: #DFA930;
	font-size: 3em;
	line-height: 2;
	font-weight: bold;
	margin: 0 1em;
	padding: 0;}

.jdGallery .slideInfoZone h3 {
	color: #DFA930;
	font-size: 3em;
	line-height: 2.5;
	font-weight: bold;
	margin: 0 0 0 1em;
	padding: 0;}

.jdGallery .slideInfoZone p {
	color: #eee;
	font-size: 1em;
	margin: .25em 1em;
	padding: 0;}

.jdGallery div.carouselContainer {
	height: 75px;
	left: 0;
	margin: 0px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;}

.jdGallery a.carouselBtn {
	background: #333;
	bottom: 0;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	height: 20px;
	padding: 0 10px;
	position: absolute;
	right: 30px;
	text-align: center;}

.jdGallery .carousel {
	background: #333;
	color: #fff;
	height: 115px;
	left: 0;
	margin: 0px;
	overflow: hidden;
	position: absolute;
	text-indent: 0;
	top: 0;
	width: 100%;}

.jdExtCarousel {
	overflow: hidden;
	position: relative;}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
	height: 78px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 10px;
	width: 100%;}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {
	position: relative;}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {
	background: #000;
	background-position: center center;
	border: solid 1px #fff;
	cursor: pointer;
	float: left;}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {
	margin-bottom: 10px;}

.jdGallery .carousel .label, .jdExtCarousel .label {
	bottom: 5px;
	font-size: 13px;
	left: 10px;
	margin: 0;
	padding: 0;
	position: absolute;}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
	background: #222;
	border: 1px solid #888;
	bottom: 5px;
	cursor: pointer;
	font-size: 10px;
	margin: 0;
	padding: 1px 2px;
	position: absolute;
	right: 10px;}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number {
	color: #b5b5b5;}

.jdGallery a {
	color: inherit;
	font-size: 100%;
	text-decoration: none;}

.jdGallery a.right, .jdGallery a.left {
	cursor: pointer;
	filter: alpha(opacity=20);
	height: 99%;
	khtml-opacity: 0.2;
	moz-opacity: 0.2;
	opacity: 0.2;
	position: absolute;
	width: 25%;
	z-index: 10;}

* html .jdGallery a.right, * html .jdGallery a.left {
	filter: alpha(opacity=50);}

.jdGallery a.right:hover, .jdGallery a.left:hover {
	filter: alpha(opacity=80);
	khtml-opacity: 0.8;
	moz-opacity: 0.8;
	opacity: 0.8;}

.jdGallery a.left {
	background: url('ajax/fleche1.png') no-repeat center left;
	left: 0;
	top: 0;}

* html .jdGallery a.left {
	background: url('ajax/fleche1.gif') no-repeat center left;}

.jdGallery a.right {
	background: url('ajax/fleche2.png') no-repeat center right;
	right: 0;
	top: 0;}

* html .jdGallery a.right {
	background: url('ajax/fleche2.gif') no-repeat center right;}

.jdGallery a.open {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;}

.withArrows a.open {
	background: none;
	cursor: pointer;
	height: 99%;
	khtml-opacity: 0.8;
	left: 25%;
	moz-opacity: 0.8;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 10;}

.withArrows a.open:hover {
	background: url('ajax/open.png') no-repeat center center;}

* html .withArrows a.open:hover {
	background: url('ajax/open.gif') no-repeat center center;
	filter: alpha(opacity=80);}

.jdGallery a.gallerySelectorBtn {
	background: #333;
	color: #fff;
	cursor: pointer;
	filter: alpha(opacity=40);
	font-size: 13px;
	height: 20px;
	khtml-opacity: 0.4;
	left: 30px;
	moz-opacity: .4;
	opacity: .4;
	padding: 0 10px;
	position: absolute;
	text-align: center;
	top: 0;
	z-index: 15;}

.jdGallery .gallerySelector {
	background: #000;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20;}

.jdGallery .gallerySelector h2 {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	margin: 0;
	padding: 10px 20px 10px 20px;}

.jdGallery .gallerySelector .gallerySelectorWrapper {
	overflow: hidden;}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
	border: 1px solid #888;
	color: #fff;
	cursor: pointer;
	float: left;
	height: 40px;
	margin-left: 10px;
	margin-top: 10px;
	padding: 5px;}

.jdGallery .gallerySelector .gallerySelectorInner div.hover {
	background: #333;}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
	background: #000;
	background-position: center center;
	border: none;
	float: left;
	height: 40px;
	margin-right: 5px;
	width: 40px;}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
	color: #aaa;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;}

/* @end */