/*
Theme Name: baby_oz
Theme URI: http://www.baby-oz.com/
Description: Customized themes by baby-oz
Version: 1.0
Author: nungqee
Author URI: 
Credits: 
*/
/* 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: #E1EED6 /*url(images/background_new.png)*/ no-repeat center; /*#bffd52 ;*/
margin: 0;
padding: 0px 0 0 0px; /* 2em 2em; */
/*opacity: .999;*/
color: #000;
}
.container {  /*NUNUNG : ini background container */
background: url('images/layout-baru1_06.gif')repeat-y center;
/*width:964px;
height:450px;*/
position:relative;
top:0px;
left:0px;
margin: 0px auto;
}
.container-bg {
background:;
margin: 0 auto;
}
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: #be23f7;
text-decoration: none;
font-weight: bold;
}
a:active, h2 a:active, h3 a:active {
color: #81cf12;
text-decoration: none;
}
a:hover, h2 a:hover, h3 a:hover {
color: #81cf12;
font-weight: bold;
text-decoration: none;
}
.chrome {
color: #ff0000;
}
blockquote p {
padding: 0 20px 0 30px;
}
hr {
background: #000;
height: 0px;
}
img {
margin: 0;
}
.photo_align_left {
float: left;
border: 1px;
background: none;
margin: 0 0 1em 0;
}
.photo_align_left_single {
float: left;
padding: .5em;
border: 1px;
background: none;
margin: 0 0 1em 0;
}
.post .photo_align_left, .photo_align_left_single {
margin: 0 1.5em 1.5em 0;
}
.logo img{
background:/*url('images/head_2.png') no-repeat*/;
}

.branding{
background:;
margin : 0 auto;
}

#logo {
background:/*url(images/head.png) no-repeat*/;
width:1040px;
height:267px;
left:30px;
margin: 0px 0px 0px 30px;
}
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: #ff0000;
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: /*6px ridge #339900*/;
margin-bottom: 15px;
font:23px verdana bold ;
color:#339900;
padding:7px 20px;
}
.post-search h2 {
border-bottom: 4px ridge #339900; /* NUNUNG garis dibawah judul hasil search*/
font:18px verdana bold ;
}
h2.category_page {
background: /*#ecfed7*/; /*NUNUNG Judul category*/
margin-bottom: 10px;
color: #000;
text-transform: uppercase;
text-align: center;
padding: 15px;
font:18px verdana bold ;
}
.post h2 a {
font:23px verdana bold ;
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 {
background: url(images/content_bg.png) no-repeat;
padding: 0 19px 0 19px;
margin: 0 0 1em 10px; /*NUNUNG : ini buat ngatur content tulisan*/
font:11px verdana;
}
.content-full {
	background: url(images/bg_featured.png) repeat-x #fdffd5;
	padding:15px;
	border: 5px solid #fdc418;
	}

.content-search {
background: url(images/content_bg.png) no-repeat;
padding: 0 19px 0 19px;
margin: 0 0 1em 10px; /*NUNUNG : ini buat ngatur content tulisan*/
font:11px verdana;
position:relative;
left:0px;
}
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;
padding:0 10px 25px 20px;
display: block;
	float: none;
	clear: both;
}
#header {
height: 50px;
padding: 4px 0 0 0;
width: 969px;
}
#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 {
width:969px;
position:relative;
font-size: .9em;
text-align: left;
color : #50720d;
font-weight: bold;
}
#footer a {
text-decoration: none;
}
#search {
float: right;
padding:10px 20px 5px 0px; /*NUNUNG letak search form*/
margin-right:20px;
}
#search #s {
background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
color: #5d5c5c;
font-size: 1.1em;
margin-right: 0px;
margin-top: 0.5px;
padding: 2px 0 2px 17px;
width: 300px;
}
#search #s:hover {
color: #000;
}
.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: 969px;
}
#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-copy.png') no-repeat bottom left;*/
padding: 40px 40px 38px 40px;
}
.news h3 {
text-transform: uppercase;
}
/* SECOND TIER PAGE NAVIGATION */
/* Root = Horizontal, Secondary = Vertical */
#navmenu-h {
background: ;
position:absolute;
left:450px;
top:-75px;
z-index: 30;
}
#navmenu-home {
background:;/* url(images/head.png) top left no-repeat; /*#0f42b4 /* NUNUNG : ini buat nampilin list page menu di atas*/
position:absolute;
left:340px;
top:-75px;
z-index: 40;
}
#navmenu-h-r {
background:;/* #e5e313; /* NUNUNG : ini buat nampilin list categori menu di atas, backgroundnya */
position:absolute;
top:0px;
left:0px;
}
#navmenu-h li.alignright {
float: right;
}
ul#navmenu-h {
margin: 0px 0 0 0;
border: 0 none;
padding: 0;
width: 969px;
	/*For KHTML*/
list-style: none;
height: 70px;
}
#navmenu-h-r {
margin: 0 0 0 0;
border: 0 none;
padding: 0;
width: 1040px; /* NUNUNG untuk mengubah list category susunan vertikal ganti dengan angka 160px */
	/*For KHTML*/
	list-style: none;
height: 24px;
}
ul#navmenu-h li { /*POSISI MENU UTAMA*/
margin-top: 0px ;
border: 0 none;
padding: 10px 10px;
float: left;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
left:-30px;
height: 15px;
border-right: /*1px #222 solid*/;
}
#navmenu-h-r li { /* NUNUNG pengaturan list category per item*/
margin-top: 0px ;
border: 10px none;
padding: 0px 100px 0px 100px;
float: right;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
left:0px;
height: 24px;
border-left: 2px #979206 solid;
}
ul#navmenu-h ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 30px;
left: 0px;
}

ul#navmenu-h-r ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 24px;
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: 0;
visibility: hidden;
}
ul#navmenu-h ul li, ul#navmenu-h-r ul li {
width: 160px;
float: left;
	/*For IE 7 lack of compliance*/
	display: block !important;
	/*For IE*/
}
/* Root Menu */
ul#navmenu-h a 
{
padding: 10px 10px 5px 0px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background:  ;/*#0f42b4  url('images/tombol_awan.png') no-repeat; /* NUNUNG : ini buat nampilin list page menu di atas*/
background-position: 50% 50%;
color: #346702;
font: 12px verdana;
font-weight: 900;
text-decoration: none;
text-transform: uppercase;
height: auto !important;
	/*For IE*/
}
ul#navmenu-home a {
padding: 2px 45px 30px 10px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background:url('images/home.png') no-repeat;
background-position: 50% 50%;;
color: #c341f2;
font: 12px/24px Helvetica;
font-weight: 900;
text-decoration: none;
text-transform: uppercase;
height: auto !important;
	/*For IE*/
}

ul#navmenu-h-r a {
padding: 0px 45px 0px 10px;
float: left !important;
	/*For Opera*/
	/*For IE*/
display: block;
background: ;/*#f9f9b4 url('images/tombol_kuning.png') left no-repeat; /* NUNUNG : ini buat nampilin list categori menu di atas, tulisannya*/
color: #000;
font: 12px/24px Helvetica;
font-weight: 900;
text-decoration: none;
height: auto !important;
	/*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu-h-r a:hover,
ul#navmenu-h-r li:hover a,
ul#navmenu-h-r li.iehover a {
background:#f8fba1;	
color: #555;
}
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
background-position: 50% 50%;
color: #7D9368;
}
ul#navmenu-home a:hover,
ul#navmenu-home li:hover a,
ul#navmenu-home li.iehover a {
background:  url('images/home_hover.png') no-repeat;
background-position: 50% 50%;
color : #c341f2;
}

/* 2nd Menu */
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 {
background: #98EA40 repeat;/*url('images/tombol_awan.png') no-repeat;*/
width : 200px;
margin-top : 15px;
color: #346702;
font: 13px verdana;
padding : 10px 20px 10px;
	
z-index : 3 ;

/*float: none;
background: #000;
color: #ccc;*/
}
/* 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: #5FB404 ; /*url('images/tombol_awan_hover.png') no-repeat; */
color: #fff;
padding : 10px 20px 10px;
	
/*background: #333;
color: #FFF;*/
}
/* 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: 400px;
width: 550px; /*NUNUNG ini buat lebar container slide show */
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: #d0f581; /*ini background buat slideshow NUNUNG EDIT #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: #8fcd0a; /* ini warna buat info nunung edit #333 */
bottom: 0;
color: #fff;
height: 80px;
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: 2em;
font-weight: bold;
margin: 2px 5px;
padding: 0;
}
.jdGallery .slideInfoZone h3 {
color: #fff;
font-size: 2em;
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;
}