/* Gradient Grey v.6 S3 IE7 */

body {
margin-top: 0px;
font-family: Verdana;
font-size: 14px;
}

.box {
	background-color: transparent;
}
.boxTop {
	border-bottom: solid 1px #666666;
}


.boxTop .title {text-transform: capitalize;}

.boxBottom {
	background: transparent url(/img/gradients/medium.gif) repeat-x;
    border-right: solid 1px #2d2d2d;
	border-left: solid 1px #2d2d2d;
	border-bottom: solid 1px #2d2d2d;
}
#ffBox .boxBottom {
	background: transparent url(/img/gradients/small.gif) repeat-x;
}

#ffBox a.nav {font-size: 10px;}

#categoriesBox .boxBottom, #galleriesBox .boxBottom {
	background: transparent url(/img/gradients/large.gif) repeat-x;
}
.top_border {
	border-top: solid 1px #666666;
}
.bottom_border {
    border-bottom: solid 1px #666666;
}
.right_border {
    border-right: solid 1px #666666;
}
.left_border {
    border-left: solid 1px #666666;
}

.imgBorder {
border-color: #888;
background-position: center;
}

a:hover .imgBorder, .imgBorderOn {
border-color: #f3f3f3;
background-position: center;
}

#header_wrapper {
	border-top: none;
}
#homepageTools {
    border-bottom: none;
}
#bioBox .boxBottom,
#slideshowBox .boxBottom,
#photoVideoBox .boxBottom {
    border-top: solid 1px #666666;
}
.loggedIn #bioBox .boxBottom,
.loggedIn #slideshowBox .boxBottom,
.loggedIn #photoVideoBox .boxBottom {
	border-top: 0px;
}
#comments .boxBottom {
	background: transparent url(/img/gradients/mini.gif) repeat-x;
}
.cartNav {
	position: relative;
}

#albumNav_top {
	border-bottom: 0px;
}
#albumNav_bottom {
	border-top: 0px;
}


.Large #slideshow, .Large #filmstrip, .Large #singleImage {
	width: 820px;
}

#traditional #photos, #allthumbs #photos {
	margin-top: 0px;
	padding: 10px 0px;
	width: 748px;
	border-top: solid 1px #666666;
	border-right: solid 1px #2d2d2d;
	border-left: solid 1px #2d2d2d;
	border-bottom: solid 1px #2d2d2d;
	background: transparent url(/img/gradients/large.gif) repeat-x;
}
.loggedIn #traditional #photoTools {
	border-bottom: 0px;
	border-top: solid 1px #666666;
}

#smugmug .right_border, #smugmug .left_border, #smugmug_small .right_border, #smugmug_small .left_border {
	border: 0px;
}
#smugmug_small #comment, #smugmug #comment {
	border-top: 0px;
}
#smugmug #photos, #allthumbs_stretch #photos, #smugmug_small #photos {
	margin-top: 0px;
	padding: 10px 5px;
	border-top: solid 1px #666666;
	border-right: solid 1px #2d2d2d;
	border-left: solid 1px #2d2d2d;
	border-bottom: solid 1px #2d2d2d;
	background: transparent url(/img/gradients/large.gif) repeat-x;
}
#smugmug .rightColumn, #smugmug_small .rightColumn {
	padding-left: 0px;
}

/* centering main image and caption in SmugMug Style */

#smugmug_small #mainImage,
#smugmug #mainImage {
margin: 0px auto !important;
}

#ajaxPhotoBox {
text-align: center;
} 

.smugmug #caption_bottom {text-align: center;}
#photoBy {text-align: center;}


#smugmug .rightColumn .photo a, #smugmug_small .rightColumn  .photo a {
	visibility: hidden;
}
#smugmug .rightColumn .photo a img, #smugmug_small .rightColumn .photo a img {
	visibility: visible;
}

.journal_entry {
	margin: 0px;
	padding: 10px;
	width: 728px;
	border-top: solid 1px #666666;
	border-right: solid 1px #2d2d2d;
	border-left: solid 1px #2d2d2d;
	border-bottom: 0px;
	background: transparent url(/img/gradients/small.gif) repeat-x;
}
#journal #albumNav_bottom.albumNav {
	border-top: 1px solid #2d2d2d;
}

.loggedIn #journal #photoTools {
	border-bottom: 0px;
	border-top: solid 1px #666666;
}

#filmstrip #photos {
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: solid 1px #2d2d2d;
	border-left: solid 1px #2d2d2d;
	border-bottom: solid 1px #2d2d2d;
	background: transparent url(/img/gradients/large.gif) repeat-x;
}
#filmstrip #moveContainer {
	border-top: solid 1px #666666;
	border-right: solid 1px #2d2d2d;
	border-left: solid 1px #2d2d2d;
	border-bottom: 0px;
	width: 748px;
	background: transparent url(/img/gradients/mini.gif) repeat-x;
}
#filmstrip #thumbnails {
	width: 688px;
	margin-left: 5px;
}
#moveContainer #rightMove {
	margin-right: 5px;
}
#moveContainer #leftMove {
	margin-left: 5px;
}
#filmstrip #sizePicker {
	border-bottom: solid 1px #666666;
}
.Large #filmstrip #thumbnails {
	width: 758px;
}
.Large #filmstrip #moveContainer {
	width: 818px;
}

#critique #photos {
	margin-top: 0px;
	padding: 10px;
	border-top: solid 1px #666666;
	border-right: solid 1px #2d2d2d;
	border-left: solid 1px #2d2d2d;
	border-bottom: solid 1px #2d2d2d;
	background: transparent url(/img/gradients/large.gif) repeat-x;
}
#critique #comment.top_border {
	border-top: 0px;
}
#critique .rightColumn {
	display: inline;
	float: left;	
	width: 313px;
}

#slideshow .toolsbox {
	border-top: solid 1px #666666;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 0px;
}
#slideshow #caption_top {
	display: none;
}
#slideshow #caption_bottom {
	display: block;
	border-bottom: solid 1px #666666;
}
#slideshow #photos {
	margin-top: 0px;
	padding: 10px;
	border-top: solid 1px #666666;
	border-right: solid 1px #2d2d2d;
	border-left: solid 1px #2d2d2d;
	border-bottom: solid 1px #2d2d2d;
	background: transparent url(/img/gradients/large.gif) repeat-x;
}

#singleImage #photos {
	margin-top: 0px;
	padding: 10px;
	border-top: solid 1px #666666;
	border-right: solid 1px #2d2d2d;
	border-left: solid 1px #2d2d2d;
	border-bottom: solid 1px #2d2d2d;
	background: transparent url(/img/gradients/large.gif) repeat-x;
}
#singleImage #albumNav_bottom {
	border-top: 1px solid #666666;
}
.Original #singleImage .photo {
    width: 775px;
    overflow: auto;
}


#smugmug_small #thumbnails .photo {
_margin-right: 6px;
}

#smugmug #thumbnails .photo {
_margin-right: 10px;
~margin-right: 10px;
}

#userKeywords .boxTop {
	display: block;
}

#userKeywords {text-align: justify;}

.nav, a .nav,
.keyword,
.title, a.title {color: #c2c2c2 !important;}

#lightBoxNav .title {color: #fff;}

/* footer, feeds */

#footer {text-align: center;}

.feedLine a.nav {
color: #fff;
font-size: 11px;
}

.feedLine a.nav:hover {
color: #fff;
}

.feedLine {
border: none;
}

#feeds {
text-align:center; 
}

.feedLine .note {
color: #fff;
}

#footer {color: #777 !important;}

.galleryPage .feedLine { 
float:none;
display: block;
width: 250px;
margin: 0px auto;
border: none;
}

.homepage .feedLine { 
padding-left: 23px;
border: none;
margin: 0px auto;
}

.popularGallery .feedLine { 
float:none;
display: block;
width: 250px;
margin: 0px auto;
border: none;
}

.keywordPage .feedLine {
float:none;
display: block;
width: 250px;
margin: 0px auto;
border: none;
}

/* buttons */

.buttons,
.smbuttons {
color: #f3f3f3;
background-color: #2c2c2c;
border: 1px double #c2c2c2;
height: 17px;
font-size: 11px;
padding-bottom: 2px;
}

.buttons:hover,
.smbuttons:hover {
color: #222;
background-color: #656565;
border-color: #f3f3f3;
}

/* graphics */


#homepage a .map_this {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/menuButtons.gif);
background-position: 0px -30px;
}

#homepage a:hover .map_this {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/menuButtons.gif);
background-position: 0px -45px;
}

a .add_photos {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/menuButtons.gif);
background-position: 0px -60px;
}

a:hover .add_photos {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/menuButtons.gif);
background-position: 0px -75px;
}

a #themes_button {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/themesbutton.gif);
background-position: 0px 0px;
}

a:hover #themes_button {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/themesbutton.gif);
background-position: 0px -15px;
}



.smuglogo, .smugmug-pro .smuglogo {
background-image: url(http://www.smugmug.com/photos/125390718-O.png);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.smugmug.com/photos/125390718-O.png');
_background-image: none;
width: 118px;
height: 25px;
}

.smugmug-pro #header {
padding-bottom:0px;
}

.smugmug-pro #toolbar {
    margin-top: 0px;
}

/* extraDiv2-6 are used to preload images for the feed and cartbuttons hover. Smarts from Lee. */

#extraDiv2 {  
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/feedsHover.png);
visibility: hidden;
}

#extraDiv3 {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/cartHover.png);
visibility: hidden;
}

#extraDiv4 {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/addHover.png);
visibility: hidden;
}

#extraDiv5 {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/bulkHover.png);
visibility: hidden;
}

#extraDiv6 {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/searchglassHover.png);
visibility: hidden;
}

.shoppingcart,
.cart_view {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://cdn.smugmug.com/img/themes/BlackAndWhite/cartButton.png');
}

.shoppingcart[class],
.cart_view[class] {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/cartButton.png);
}

a:hover .shoppingcart,
a:hover .cart_view {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://cdn.smugmug.com/img/themes/BlackAndWhite/cartHover.png');
}

a:hover .shoppingcart[class],
a:hover .cart_view[class],
a:hover + a .cart_view[class] {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/cartHover.png);
}

.cart_add {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://cdn.smugmug.com/img/themes/BlackAndWhite/addButton.png');
}

.cart_add[class] {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/addButton.png);
}

a:hover .cart_add {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://cdn.smugmug.com/img/themes/BlackAndWhite/addHover.png');
}

a:hover .cart_add[class],
a:hover + a .cart_add[class] {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/addHover.png);
}

.cart_bulk {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://cdn.smugmug.com/img/themes/BlackAndWhite/bulkButton.png');
}

.cart_bulk[class] {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/bulkButton.png);
}

a:hover .cart_bulk {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://cdn.smugmug.com/img/themes/BlackAndWhite/bulkHover.png');
}

a:hover .cart_bulk[class],
a:hover + a .cart_bulk[class] {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/bulkHover.png);
}

.searchglass{
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://cdn.smugmug.com/img/themes/BlackAndWhite/searchglass.png');
}

.searchglass[class] {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/searchglass.png);
}

.searchglass[class]:hover {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/searchglassHover.png);
}
/*
.feedStandard  {
background:url(http://cdn.smugmug.com/img/themes/BlackAndWhite/feeds.png); 
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://cdn.smugmug.com/img/themes/BlackAndWhite/feeds1.png');
}

.feedStandard:hover {
background:url(http://cdn.smugmug.com/img/themes/BlackAndWhite/feedsHover.png); 
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://cdn.smugmug.com/img/themes/BlackAndWhite/feedsHover1.png');
}
*/
.star {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://cdn.smugmug.com/img/themes/BlackAndWhite/star.png');
}

.star[class] {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/star.png);
}

.bigStarSolid {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://cdn.smugmug.com/img/themes/BlackAndWhite/bigStarSolid.png');
}

.bigStarSolid[class] {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/bigStarSolid.png);
}

.bigStarTrans {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://cdn.smugmug.com/img/themes/BlackAndWhite/bigStarTrans.png');
}

.bigStarTrans[class] {
background-image: url(http://cdn.smugmug.com/img/themes/BlackAndWhite/bigStarTrans.png);
}

.starTrans {   
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingmethod=image ,src='http://themes.smugmug.com/photos/107668198-O.png');
}

.starTrans[class] {
    background: url(http://themes.smugmug.com/photos/107668198-O.png) no-repeat;
}

/* page picker */
.pageNav, a.pageOn .nav {
    color: #f3f3f3;
    font-weight: bold;
    }

.pageNav .nav {
    font-weight: normal;
    }

.pickerContent a.page {
    color: #fff;
    font-weight: normal;
    }

.pickerContent a.page:hover {
    background-color: #555;
    color: #000;
    }
    
.pickerContent a.pageOn, .pickerContent a.pageOn:hover {
    background-color: #555;
    color: #ccc;
    }

.journal_caption_container {
    background-color: #999999;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 1px;
    border: 1px solid #999999;
}

.journal_caption_container a {
    color: #000000;
}

#allthumbs_stretch #albumNav_bottom #photoTools {
    border-bottom: none;
}

#lightBoxDetailsHeader {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: none;
}

#lightBoxDetails .comments_container .comments_tools,
#lightBoxDetails .comments_container .comments_add {
    border-top: none;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: none;
}

#lightBoxDetails .comments_container .comments_list,
#lightBoxKeywords,
#lightBoxExif {
    border-top: none;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

#lightBoxPhotoCaption.show_details #lightBoxImage,
#lightBoxPhotoCaption.show_details #lightBoxCaption {
    border: 1px solid #ffffff;
}

/* stretchy css */

.smugmug_ajax #smugmug, .smugmug_ajax #header, .smugmug_ajax #footer {
    margin-left: 15px;    
    margin-right: 15px;
    min-width: 755px;
    width: auto;
}
.smugmug_small #header, .smugmug_small #footer, .smugmug_small #smugmug {
    margin: 0 auto;
    width: 750px;
}

.slideshow.slideshow_stretch #slideshow, 
.slideshow.slideshow_stretch #header, 
.slideshow.slideshow_stretch #footer,
.journal_new #journal, 
.journal_new #header, 
.journal_new #footer,
.allthumbs_stretch #allthumbs_stretch, 
.allthumbs_stretch #header, 
.allthumbs_stretch #footer {
    margin-left: 15px;    
    margin-right: 15px;
    min-width: 785px;
    width: auto;
    <!--[if IE 6]>
    _width: expression(document.documentElement.clientWidth < 815? "785px" : "auto");    
    <![endif]-->
}

.slideshow.slideshow_stretch #footer, 
.slideshow.slideshow_stretch #feeds,
.journal_new #footer, 
.journal_new #feeds,
.allthumbs_stretch #footer, 
.allthumbs_stretch #feeds {
    text-align: center;
}

.slideshow.slideshow_stretch .feedLine,
.journal_new .feedLine,
.allthumbs_stretch .feedLine {
    float: none;
    border: 0 !important;
}