/*

Theme Name: Monochrome Gallery

Theme URI: http://www.graphpaperpress.com/

Description: A Wordpress magazine theme.

Version: 1.0

Author: Thad Allender for Graph Paper Press

Author URI: http://www.graphpaperpress.com/

Credits: http://code.google.com/p/blueprintcss/

*/

/* IMPORTANT - PLEASE READ

This theme uses the Blueprint CSS framework for

default positioning, typography, form styling, etc.

The styles below are specific for this theme

only.  Feel free to edit them as necessary.  Generally

speaking, you will will likely never need to edit

the Blueprint CSS stylesheets, which are located in:

wp-content/themes/name-of-this-theme/css/

*/

body {

background: #eee url(images/bg.png) repeat-x top;

margin: 0;

padding: 5px 0;

opacity: .999;

color: #000;

}

.container {

background: #fff;

padding: 2px 20px;

}

.container-bg {

background: #fff;

}

blockquote {

background: url('images/quote.png') .5em top no-repeat;

color: #000;

font-style: normal;

padding: 0 0 0 0;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

color: #000;

}

a {

color: #ff0000;

text-decoration: none;

}

a:active, h2 a:active, h3 a:active {

color: #444130;

text-decoration: none;

}

a:hover, h2 a:hover, h3 a:hover {

color: #444130;

text-decoration: none;

}

.chrome {

color: #ff0000;

}

blockquote p {

padding: 0 20px 0 30px;

}

hr {

background: #000;

height: 1px;

}

img {

margin: 0;

}

.photo_align_left {

float: left;

padding: .8em;

border: 1px solid #ccc;

background: #eee;

margin: 0 0 1em 0;

}

.photo_align_left_single {

float: left;

padding: .5em;

border: 1px solid #ccc;

background: #eee;

margin: 0 0 1em 0;

}

.post .photo_align_left, .photo_align_left_single {

margin: 0 1.5em 1.5em 0;

}

.logo img {

margin: 0 0 .5em 0;

}

.logo h1 {

font-weight: bold;

font-size: 50%;

margin: 2px 0 2px 0;

}

.logo span {

font-size: 60%;

}

input {

border: 1px solid #CCCCCC;

padding-left: 0;

}

ol {

margin-left: 35px;

}

label {

font-weight: normal;

}

textarea {

height: 200px;

width: 500px;

}

.small {

font-size: .9em;

}

.nomargin {

margin: 0;

}

a.button, button {

font-weight: normal;

}

dl.small dd {

font-size: .9em;

}

.linkcat {

list-style: none;

}

.post_first {

background: #e5e5e5;

padding: 1em;

}

.post_alt {

background: #eee;

padding: 1em;

}

span.meta_align_right {

color: #ccc;

float: right;

font-size: .6em;

}

span.meta_align_right a {

color: #ccc;

}

span.meta_align_right a:hover {

color: #000;

}

.meta {

color: #666;

font-size: .8em;

line-height: 1.875em;

}

.meta a {

color: #666;

}

.meta a:hover {

color: #000;

}

.byline {

color: #666;

font-size: .8em;

line-height: 1.875em;

}

.byline a {

color: #666;

line-height: 1.875em;

text-decoration: none;

}

.byline a:hover {

color: #000;

}

.meta_list, .meta_list a, ul.meta_list {

color: #000;

list-style-image: none;

}

.meta_list li {

border-bottom: 1px dotted #000;

list-style-image: none;

}

h2.widgettitle {

color: #000;

text-transform: uppercase;

border-bottom: 1px solid #000;

}

.five_posts h3 {

margin-bottom: 0;

padding: .5em 0 .5em 0;

}

.five_posts h3 a {

text-transform: uppercase;

}

.five_posts h4, h6.category_head {

margin: 0 0 1em;

padding: 0;

text-transform: uppercase;

color: #000000;

font-size: .9em;

font-weight: normal;

border-bottom: 1px solid #000;

}

.five_posts h4 a, h6.category_head a {

text-transform: uppercase;

color: #ff0000;

}

.five_posts h4 a:hover, h6.category_head a:hover {

color: #fff;

background: #ff0000;

}

h6.category_more a {

color: #000;

background: #eee;

padding: .3em;

font-size: .9em;

text-transform: uppercase;

border: none;

}

h6.category_more a:hover {

background: #333;

color: #fff;

}

#gray_bg {

background: #ddd;

padding: 2em;

margin: 0 -2em 0 -2em;

float: left;

position: relative;

}

#dark_bg {

background: #000;

padding: 2em;

margin: 0 -2em 0 -2em;

color: #666;

float: left;

position: relative;

}

#dark_bg ul li {

list-style-image: none;

border-bottom: 1px solid #666;

}

#dark_bg a {

color: #ff0000;

}

#dark_bg a:hover {

color: #fff;

}

#dark_bg h2.widgettitle {

margin: 0 0 1em;

padding: 0;

text-transform: uppercase;

color: #666;

border-bottom: 1px solid #666;

font-weight: normal;

}

.five_posts ul {

margin: 1em;

}

.five_posts ul li {

color: #000;

font-size: .9em;

line-height: 1.8em;

border-bottom: 1px #000 solid;

list-style-image: none;

margin: 0 0 0 -1em;

}

.five_posts ul li a {

color: #000;

}

.five_posts ul li a:hover {

color: #ff0000;

}

.post h2 {

border-bottom: 1px solid #000;

margin-bottom: 15px;

}

h2.category_page {

background: #000;

margin-bottom: 15px;

color: #fff;

text-transform: uppercase;

text-align: center;

padding: 10px;

}

.post h2 a {

color: #000;

text-decoration: none;

}

#maincontent .post h2 {

margin-bottom: 5px;

}

#maincontent .content {

padding: 5px 47px 20px 48px;

}

#maincontent h2.pagetitle {

border: none;

text-transform: uppercase;

}

#feature h3 {

margin-bottom: 0;

padding: 0;

}

#feature p img {

margin: 7px 0 2em 0;

}

.feature_text {

margin-top: 2em;

}

#home_right .entry {

padding: 0 0 2em 0;

}

.news h3 {

text-transform: uppercase;

}

.content {

margin: 0 0 1em 0;

}

ul#featurenav {

margin-left: 0;

padding-left: 0;

white-space: nowrap;

}

#featurenav li {

display: inline;

list-style-type: none;

}

#featurenav a {

padding: 1px 5px;

}

#featurenav a:link, #featurenav a:visited {

background-color: #eee;

border: 1px solid #000;

color: #000;

text-decoration: none;

}

#featurenav a:hover {

background-color: #444;

color: #fff;

text-decoration: none;

}

.author {

background: #eee;

margin-bottom: 1.5em;

padding: 1.5em;

}

.author img {

float: left;

padding: 0 1em 1em 0;

}

.author p {

margin-left: 8em;

}

.author h6 {

border-bottom: 1px #000 dotted;

margin-left: 7em;

}

.navigation, 

.navigation a {

color: #AAA;

}

.alignright {

float: right;

}

.alignleft {

float: left;

}

.post {

margin-bottom: 25px;

display: block;

	float: none;

	clear: both;

}

.entry {

padding-bottom: 25px;

display: block;

	float: none;

	clear: both;

}

#header {

height: 50px;

padding: 4px 0 0 0;

width: 950px;

}

#header h1, #header .description {

line-height: 1em;

margin: 0;

padding: 0;

}

h1 a.logo {

text-transform: uppercase;

}

.entry #nav .content {

margin: auto;

padding: 0;

}

.entry #nav {

background: #FFF;

margin-bottom: 15px;

}

.entry #nav li a {

background: #666;

border-right: 1px solid #000;

color: #FFF;

}

.entry #nav li.last a {

border-right: none;

}

.entry #nav li a:hover {

background: #333;

color: #FFF;

}

#footer {

font-size: .9em;

margin: 0;

text-align: center;

}

#footer a {

text-decoration: none;

}

.floatright {

float: right;

}

#search {

float: right;

}

#search #s {

background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;

color: #333;

font-size: 0.75em;

margin-right: 2px;

margin-top: 3px;

padding: 2px 0 2px 17px;

width: 135px;

}

#search #s:hover {

color: #333;

}

.search-excerpt {

margin: 0;

}

.commentlist li {

padding: 8px 15px;

}

.comments-alt {

background: #EEE;

}

.bottombar {

}

.bottombar h2 {

font-size: 1em;

font-weight: bold;

line-height: 1em;

margin: 1em 0 1em;

}

ul {

list-style-type: none;

margin-left: 1em;

padding: 0;

}

ul li {

background-repeat: no-repeat;

line-height: 2em;

list-style-image: url('images/icons/li.png');

margin: 0;

padding: 0;

}

#top {

margin: 0 auto;

width: 950px;

}

#title {

float: left;

}

#title h1 {

margin: 0;

}

#title h1 a {

color: #fff;

font-weight: bold;

letter-spacing: -.1em;

line-height: 1.3em;

text-transform: uppercase;

}

#title h1 a:hover {

color: #eee;

}

#contents {

background: #fff;

border: 1px solid #ccc;

border-top: none;

clear: both;

margin: 0px;

padding: 15px;

}

.topright {

background: url('images/sidebg.jpg') no-repeat top left;

padding: 40px;

padding-top: 20px;

}

.news h3 {

text-transform: uppercase;

}

/* SECOND TIER PAGE NAVIGATION */

/* Root = Horizontal, Secondary = Vertical */

#navmenu-h {

background-image: url('../../../grafika/buttonb.png');

background-repeat: no-repeat;

z-index: 13;

}

#navmenu-h-r {

background: #eee;

z-index: 14;

}

#navmenu-h li.alignright {

float: right;

}

ul#navmenu-h {

margin: 0 0 0 0;

border: 0 none;

padding: 0;

padding-left: 15px;

width: 950px;

	/*For KHTML*/

	list-style: none;

height: 62px;

border-top: 0px #222 solid;

margin-left: -8px;

}

#navmenu-h-r {

margin: 0 0 0 0;

border: 0 none;

padding: 0;

width: 950px;

	/*For KHTML*/

	list-style: none;

height: 62px;

}

ul#navmenu-h li {

margin: 0;

border: 0 none;

padding: 0;

float: left;

	/*For Gecko*/

	display: inline;

list-style: none;

position: relative;

height: 62px;

border-right: 0px #222 solid;

}

#navmenu-h-r li {

margin: 0;

border: 0 none;

padding: 0;

float: right;

	/*For Gecko*/

	display: inline;

list-style: none;

position: relative;

height: 62px;

}

ul#navmenu-h ul {

margin: 0;

border: 0 none;

padding: 0;

width: 100%;

list-style: none;

display: none;

position: absolute;

top: 45px;

left: 0;

z-index: 10;

}

ul#navmenu-h-r ul {

margin: 0;

border: 0 none;

padding: 0;

width: 100%;

list-style: none;

display: none;

position: absolute;

top: 45px;

left: 0;

z-index: 10;

}

ul#navmenu-h ul:after,ul#navmenu-h-r ul:after /*From IE 7 lack of compliance*/ {

clear: both;

display: block;

font: 1px/0px serif;

content: ".";

height: auto;

visibility: hidden;

}

ul#navmenu-h ul li, ul#navmenu-h-r ul li {

width: 100%;

height: auto;

margin-bottom: -1px;

/*background-image: url('images/menu_whc.png');

background-repeat: repeat-x;

background-position: 5px 11px;*/

float: left;

	/*For IE 7 lack of compliance*/

	display: block !important;

	/*For IE*/

}

/* Root Menu */

ul#navmenu-h a {

padding: 1px 0px 0px 0px;

float: none !important;

	/*For Opera*/

	/*For IE*/

	display: block;

background: transparent;

color: #ffffff;

font: 15px/50px Tahoma;

font-weight: bold;

text-decoration: none;

margin-left: 10px;

margin-right: 10px;



height: 62px;

	/*For IE*/

}

ul#navmenu-h-r a {

padding: 2px 20px 0 20px;

float: none !important;

	/*For Opera*/

	/*For IE*/

	display: block;

background: #eee;

color: #000;

font: 11px/22px Helvetica;

text-decoration: none;

height: auto !important;

	/*For IE*/

}

ul#navmenu-h div.first,

ul#navmenu-h-r div.first {

width: 100%;

height: auto;

}

ul#navmenu-h div.second,

ul#navmenu-h-r div.second {

margin-left: 10px;

margin-right: 10px;

/*height: 62px;*/

}

/* Root Menu Hover Persistence */

ul#navmenu-h li:hover,

ul#navmenu-h-r li:hover,

ul#navmenu-h li.iehover,

ul#navmenu-h-r li.iehover {

background-image: url('images/menu_whl.png');

background-repeat: no-repeat;

background-position: 5px 8px;

}

ul#navmenu-h a:hover,

ul#navmenu-h-r a:hover,

ul#navmenu-h li:hover a,

ul#navmenu-h-r li:hover a,

ul#navmenu-h li.iehover a,

ul#navmenu-h-r li.iehover a {

/*background-image: url('images/menu_whc.png');

background-repeat: repeat-x;

background-position: 5px 11px;*/

color: #000000;

}

ul#navmenu-h li:hover div.first,

ul#navmenu-h-r li:hover div.first {

background-image: url('images/menu_whr.png');

background-repeat: no-repeat;

background-position: right 8px;

}

ul#navmenu-h li:hover div.second,

ul#navmenu-h-r li:hover div.second {

background-image: url('images/menu_whc.png');

background-repeat: repeat-x;

background-position: 5px 11px;

}



ul#navmenu-h li:hover li ,

ul#navmenu-h-r li:hover li{

/*background-image: url('images/menu_whc.png');

background-repeat: repeat-x;

background-position: 5px 11px;*/

background: none;

}

ul#navmenu-h li:hover li div.first,

ul#navmenu-h-r li:hover li div.first {

width: 100%;

white-space: nowrap;

size: .8em;

height: 20px;

/*background-image: url('images/menu_whc.png');

background-repeat: repeat-x;

background-position: 5px 11px;*/

}

ul#navmenu-h li:hover li div.second,

ul#navmenu-h-r li:hover li div.second {

margin-left: 0px;

margin-right: 0px;

text-align: center;

height: 20px;

background: none;

}

ul#navmenu-h li:hover li div.first,

ul#navmenu-h-r li:hover li div.first {

/*background-image: none;

background-repeat: no-repeat;

background-position: right 8px;*/

background: none;

}

ul#navmenu-h li:hover li div.second,

ul#navmenu-h-r li:hover li div.second {

/*background-image: url('images/menu_whc.png');

background-repeat: repeat-x;

background-position: 5px 11px;*/

background: none;

}

/* 2nd Menu */

ul#navmenu-h li:hover li a {

padding-left: 3px;

float: none !important;

	/*For Opera*/

	/*For IE*/

	display: block;

font: 11px Tahoma;

font-weight: bold;

text-decoration: none;

margin-left: 5px;

margin-right: 0px;

height: 20px;

background: none;

background-image: url('images/menu_whc.png');

background-repeat: repeat-x;

background-position: 5px 0px;

	/*For IE*/

}

ul#navmenu-h li:hover li a,

ul#navmenu-h li.iehover li a,

ul#navmenu-h-r li:hover li a,

ul#navmenu-h-r li.iehover li a {

float: none;

/*background: #fff;*/

color: #000;

}

/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a:hover,

ul#navmenu-h li:hover li:hover a,

ul#navmenu-h li.iehover li a:hover,

ul#navmenu-h li.iehover li.iehover a,

ul#navmenu-h-r li:hover li a:hover,

ul#navmenu-h-r li:hover li:hover a,

ul#navmenu-h-r li.iehover li a:hover,

ul#navmenu-h-r li.iehover li.iehover a {

/*background: #fff;*/

color: #555;

}

/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a,

ul#navmenu-h li.iehover li.iehover li a,

ul#navmenu-h-r li:hover li:hover li a,

ul#navmenu-h-r li.iehover li.iehover li a {

background: #000;

color: #ccc;

}

/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a:hover,

ul#navmenu-h li:hover li:hover li:hover a,

ul#navmenu-h li.iehover li.iehover li a:hover,

ul#navmenu-h li.iehover li.iehover li.iehover a,

ul#navmenu-h-r li:hover li:hover li a:hover,

ul#navmenu-h-r li:hover li:hover li:hover a,

ul#navmenu-h-r li.iehover li.iehover li a:hover,

ul#navmenu-h-r li.iehover li.iehover li.iehover a {

background: #CCC;

color: #FFF;

}

/* 4th Menu */

ul#navmenu-h li:hover li:hover li:hover li a,

ul#navmenu-h li.iehover li.iehover li.iehover li a,

ul#navmenu-h-r li:hover li:hover li:hover li a,

ul#navmenu-h-r li.iehover li.iehover li.iehover li a {

background: #EEE;

color: #666;

}

/* 4th Menu Hover */

ul#navmenu-h li:hover li:hover li:hover li a:hover,

ul#navmenu-h li.iehover li.iehover li.iehover li a:hover,

ul#navmenu-h-r li:hover li:hover li:hover li a:hover,

ul#navmenu-h-r li.iehover li.iehover li.iehover li a:hover {

background: #CCC;

color: #FFF;

}

ul#navmenu-h ul ul,

ul#navmenu-h ul ul ul,

ul#navmenu-h-r ul ul,

ul#navmenu-h-r ul ul ul {

display: none;

position: absolute;

top: 0;

left: 160px;

}

/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu-h li:hover ul ul,

ul#navmenu-h li:hover ul ul ul,

ul#navmenu-h li.iehover ul ul,

ul#navmenu-h li.iehover ul ul ul,

ul#navmenu-h-r li:hover ul ul,

ul#navmenu-h-r li:hover ul ul ul,

ul#navmenu-h-r li.iehover ul ul,

ul#navmenu-h-r li.iehover ul ul ul {

display: none;

}

ul#navmenu-h li:hover ul,

ul#navmenu-h ul li:hover ul,

ul#navmenu-h ul ul li:hover ul,

ul#navmenu-h li.iehover ul,

ul#navmenu-h ul li.iehover ul,

ul#navmenu-h ul ul li.iehover ul,

ul#navmenu-h-r li:hover ul,

ul#navmenu-h-r ul li:hover ul,

ul#navmenu-h-r ul ul li:hover ul,

ul#navmenu-h-r li.iehover ul,

ul#navmenu-h-r ul li.iehover ul,

ul#navmenu-h-r ul ul li.iehover ul {

display: block;

}

#myGallery, #myGallerySet, #flickrGallery {

height: 350px;

width: 580px;

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%;

}

.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: #333;

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: #fff;

font-size: 1.5em;

font-weight: bold;

margin: 2px 5px;

padding: 0;

}

.jdGallery .slideInfoZone h3 {

color: #fff;

font-size: 1.5em;

font-weight: bold;

margin: 2px 5px;

padding: 0;

}

.jdGallery .slideInfoZone p {

color: #eee;

font-size: 1em;

margin: 2px 5px;

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;

}