@import "theme.css";

/* =GALLERY
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.gallery #main {
background: url(http://www.blogsmithmedia.com/www.walletpop.com/media/gallery-photo-body2.gif) repeat-y right;
position: relative;
padding: 0;
}
/* =LAYOUT */
.gallery #header {
margin-bottom: 0;
}
.gallery #col-1 {
background: url(http://www.blogsmithmedia.com/www.walletpop.com/media/gallery-photo-body.gif) repeat-y right;
width: 820px;
float: right;
position: relative;
}
.gallery #col-2 {
float: left;
width: 160px;
padding: 0; margin-left: 0;
}
.gallery #content h2 {
color: #4a423b;
font-size: 1.2em;
text-transform: uppercase;
padding: .7em 0 .3em;
margin-bottom: 0;
letter-spacing: 0;
}
.gallery #main #content {
margin-left: 15px;
padding-top: 10px;
width: 445px !important;
_padding: 20px 0;
_overflow:visible;
}
.gallery #subcontent {
background:#fff;
width: 314px;
float:right;
margin-top: 220px;
padding-top: 0;
position: relative;
margin-right:0;
padding: 4px;
border: 1px solid #ecebeb;
border-right: none;
border-bottom: none;
}
.gallery #sidebar {
margin-left: 0 !important;
}
/* =PHOTO */
.photoviewer {
position: relative;
display: block;
height: 380px;
padding: 0;
width: 457px;
}
.gallery #photo {
background: url(http://www.blogsmithmedia.com/www.walletpop.com/media/gallery-photo-matte.gif) no-repeat 0 0;
height: 382px;
width: 457px;
text-align: center;
padding: 4px 4px 0;
}
.gallery .photo-body {
padding: 0;
}
.gallery .photo-body img {
position: relative;
margin: auto auto;
max-height: 355px;
max-width: 456px;
-ms-interpolation-mode: bicubic;
}
.gallery .gallery-nav {
position: absolute;
width: 245px;
top: 0;
left: 560px;
z-index: 10;
}
.gallery-nav a {
background: url(http://www.blogsmithmedia.com/www.walletpop.com/media/gallery-nav-divider.gif) no-repeat left top;
font-size: 12px;
text-transform: uppercase;
line-height: 30px;
padding: 0 13px;
height: 30px;
display: block;
float: left;
text-align: center;
}
.gallery-nav a.first { background: none; }
.gallery .photo-meta {
background: url(http://www.blogsmithmedia.com/www.walletpop.com/media/gallery-photo-body.gif) repeat-y right;
width: 320px;
height: 137px;
padding: 23px 0 0 0;
position: relative;
line-height: 1.3em;
z-index:9;
position:absolute;
left: 485px;
top: 0;
}
.gallery .photo-mini-nav {
background: url(http://www.blogsmithmedia.com/www.walletpop.com/media/gallery-mininav-bg.gif) no-repeat 0 0;
position: absolute;
height: 35px;
width: 68px;
overflow: hidden;
top: 0px;
left: -1px;
}
.photo-mini-nav a {
display: block;
height: 31px;
width: 31px;
position: relative;
overflow: hidden;
text-indent: -9000px;
}
.photo-mini-nav .previous-arrow {
position: absolute;
top: 2px;
left: 2px;
}
.photo-mini-nav .next-arrow {
position: absolute;
top: 2px;
right: 2px;
}
.gallery #main .photo-meta h2 {
color: #693707;
font-size: 1.5em;
font-weight: normal;
text-transform:none;
margin-bottom:.2em;
}
.gallery .photo-meta .credit {
color: #222;
text-transform:uppercase;
font: bold 10px/1.3em arial;
margin: 0 0 .6em;

}
.gallery .photo-meta .credit i {
font: italic 11px/1.3em georgia;
text-transform:none;
}
.gallery .photo-meta p { 
color: #693707; 
padding-right: 10px;
}
.gallery .photo-meta .credits { color: #99a094; }

.photo-meta h2 em { font-style: normal; }
/* =THUMBSTRIP */
.gallery .thumbstrip {
background: url(http://www.blogsmithmedia.com/www.walletpop.com/media/gallery-photo-matte.gif) no-repeat 0 -1px;
clear: both;
padding: 0 0 13px 11px;
_padding-bottom: 16px;
margin: 0 0 2em 0;
width: 454px;
position: relative;
overflow: hidden;
border-bottom:1px solid #c6c3c4;
}

.gallery .thumbstrip * {margin: 0; padding: 0;}
.gallery .thumbstrip-inner {
padding: 0 0 0 10px !important;
_margin-top: -20px;
_position: relative;
}
.gallery .thumbstrip .thumb {
background: transparent;
border: 0;
width: 75px;
height: 75px;
_height: 75px;
margin: 0 10px 10px 0;
float: left;
}
.gallery .thumbstrip .thumb a:hover { background: transparent; }
.gallery .thumbstrip .thumb img {
float:  left;
border: 1px solid #f99845;
height: 75px;
width: 75px;
}
.gallery .thumbstrip .thumb:hover img {
border-color: #7b532f;
}
.gallery .thumbstrip .previous-arrow a {
position: absolute;
background: url(http://www.blogsmithmedia.com/www.parentdish.com/media/gallery-previous-btn.gif);
width: 17px;
height: 0 !important; 
height /**/: 27px;
padding-top: 27px;
overflow: hidden;
top: 36px; 

left: 13px;
z-index: 9;
display: none;
}
.gallery .thumbstrip .next-arrow a {
position: absolute;
background: url(http://www.blogsmithmedia.com/www.parentdish.com/media/gallery-next-btn.gif);
width: 17px;
height: 0 !important; 
height /**/: 27px;
padding-top: 27px;
overflow: hidden;
top: 36px; 
right: 15px;
_right: 4px;
z-index: 9;
display: none;
}