/* Cappuccino by Andy Williams */
/* ==== version 1.05 S3 - IE7 ==== */

/*== Generic ==*/

.Small #header, .Medium #header, .Small #footer, .Medium #footer, .Small #feeds, .Medium #feeds {
_width: 750px !important;
}

body {

margin-top: 10px;

font-family: "Myriad Pro", arial, sans-serif;

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/background.gif);

background-repeat: repeat;

background-position: center;

background-attachment: fixed;

}



a, a.nav, #themeChoice {

color: #d6c7b7;

}



a.nav:hover {

color: #c2c2c2;

}



.title, a.title, .photoNav, #imageInfo {

color: #d6c7b7;

font-weight: normal;

}



a img.imgBorder, .imgBorder {

padding: 1px;

border-color: #C0C0B9;

border-color: #8F8F84;

background-position: center;

}



a:hover img.imgBorder, .imgBorderOn {

background-color: #958c82;

border-color: #776655;

padding: 1px;

}



.top_border, .bottom_border,

.left_border, .right_border {

border: none;

}



#breadcrumb, #breadcrumb .nav, #breadcrumb a .nav, 

#breadcrumb .title {

color: #d6c7b7;

}



#caption_bottom, #caption_top, #albumDescription {

color: #2c2c2c;

}



/*== Box & General Gallery ==*/

.box {

background: transparent;

border: none;



}

.boxTop {

background-color: transparent;

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/commentHeader.gif);

background-repeat: no-repeat;

border: none;

}



.boxBottom {

background-color: #958c82;

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/commentFooter.gif);

background-repeat: no-repeat;

background-position: bottom center;

border: none;

}



#bioBox .boxTop,
#slideshowBox .boxTop,
#photoVideoBox .boxTop {

display: block;

}



#map {

border: 2px inset #776655 !important;

margin-bottom: 5px;

}



#smugmug_small, #smugmug, #traditional, #allthumbs_stretch,

#critique, #allthumbs, #slideshow, #journal,

#filmstrip, .userKeywords, #category, 

#singleImage {

padding-left: 5px;

padding-right: 5px;

background-color: #776655;

border: none;

}

/*== Buttons ==*/


.buttons,

.smbuttons {

color: #000;

background-color: #776655;

border: 1px double #000;

}



.buttons:hover,

.smbuttons:hover {

color: #000;

background-color: #958c82;

border-color: #000;

}

/*== ExtraDivs ==*/


/* extraDiv3-6 are used to preload images for the cartbuttons hover.  Hi JT! */

#extraDiv3 {

  background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/cartHover.png);

  visibility: hidden;

  }

  

#extraDiv4 {

  background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/addHover.png);

  visibility: hidden;

  }

  

#extraDiv5 {

  background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/bulkHover.png);

  visibility: hidden;

  }



#extraDiv6 {

  background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/searchglassHover.png);

  visibility: hidden;

  }


/*== Graphics ==*/





#homepage a .map_this {

 background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/navButtons.gif);

 background-position: 0px -30px;

  }



#homepage a:hover .map_this {

 background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/navButtons.gif);

 background-position: 0px -45px;

  }



a .add_photos {

 background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/navButtons.gif);

 background-position: 0px -60px;

  }



a:hover .add_photos {

 background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/navButtons.gif);

 background-position: 0px -75px;

  }



.smuglogo, .smugmug-pro .smuglogo {

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://cdn.smugmug.com/img/themes/Cappuccino/logo.png');

width: 119px;

height: 26px;

}

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



.smuglogo, .smugmug-pro .smuglogo {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/logo.png);

}


.locked {

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

background-image: none;

}



.locked[class] {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/lock.png);

}



#filmstrip #leftMove {

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

}



#filmstrip #rightMove {

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

}



#filmstrip #leftMove[id] {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/filmstripLeftArrow.png);

}



#filmstrip #rightMove[id] {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/filmstripRightArrow.png);

}

.shoppingcart,

.cart_view {

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

}



.shoppingcart[class],

.cart_view[class] {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/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/Cappuccino/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/Cappuccino/cartHover.png);

}



.cart_add {

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

}



.cart_add[class] {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/addButton.png);

}



a:hover .cart_add {

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

}



a:hover .cart_add[class],

a:hover + a .cart_add[class] {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/addHover.png);

}



.cart_bulk {

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

}



.cart_bulk[class] {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/bulkButton.png);

}



a:hover .cart_bulk {

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

}



a:hover .cart_bulk[class],

a:hover + a .cart_bulk[class] {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/bulkHover.png);

}


.searchglass{

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

}



.searchglass[class] {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/searchglass.png);

}



.searchglass[class]:hover {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/searchglassHover.png);

}

/*== Header - Footer ==*/

.smugmug #header_wrapper,
.allthumbs_stretch #header_wrapper,
.critique #header_wrapper {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/commentHeaderBig.gif);

background-color: #958c82;

background-repeat: no-repeat;

margin: 0px auto;

width: 970px;

}



.smugmug #footer_wrapper,
.allthumbs_stretch #footer_wrapper,
.critique #footer_wrapper {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/commentFooterBig.gif);

background-color: #958c82;

background-position: bottom left;

background-repeat: no-repeat;

margin: 0px auto;

width: 970px;

}



.Large #header_wrapper, .Original #header_wrapper {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/commentHeaderLarge.gif);

background-color: #958c82;

background-position: top left;

background-repeat: no-repeat;

margin: 0px auto;

width: 810px;

}



.Large #footer_wrapper, .Original #footer_wrapper {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/commentFooterLarge.gif);

background-color: #958c82;

background-position: bottom left;

background-repeat: no-repeat;

margin: 0px auto;

width: 810px;

}



#header_wrapper {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/header.gif);

background-color: #958c82;

background-position: top left;

background-repeat: no-repeat;

margin: 0px auto;

width: 760px;



}



#footer_wrapper {

background-image: url(http://cdn.smugmug.com/img/themes/Cappuccino/footer.gif);

background-color: #958c82;

background-position: bottom left;

background-repeat: no-repeat;

margin: 0px auto;

width: 760px;
}



.homepage #header_wrapper,

.homepage #footer_wrapper {

background: none;

}

/*== Homepage ==*/

#userBio, p.hint a {

color: #2c2c2c;

}



#datesBox .title, #datesBox .nav,

#datesBox p, #datesBox a {

color: #2c2c2c;

}



#keywordsBox .title, #keywordsBox .nav,

#keywordsBox a {

color: #2c2c2c;

}



.miniBox .albumTitle a.nav {

font-size: 14px;

text-decoration: none;

color: #2c2c2c;

}



.boxBottom p.updated  {

font-style: italic;

font-size: 12px;

color: #2c2c2c;

}

.boxBottom p.description {

font-size: 12px;

color: #2c2c2c;

}



#bioTitle,
#slideshowBoxTitle,
#photoVideoBoxTitle {

display: none;

}



.loggedIn #bioTitle,
.loggedIn #slideshowBoxTitle,
.loggedIn #photoVideoBoxTitle {

display: block;

margin-bottom: -2px;

}

#bioBox .boxNote,
#slideshowBox .boxNote,
#photoVideoBox .boxNote {

display: none;

}



.loggedIn #bioBox .boxNote,
.loggedIn #slideshowBox .boxNote,
.loggedIn #photoVideoBox .boxNote {

display: block;

}


/*== Smugmug/Smugmug small ==*/


#smugmug_small #thumbnails .photo {

_margin-right: 6px;

}



#smugmug #thumbnails .photo {

_margin-right: 10px;

}


#smugmug #displayPhoto .photo,

#smugmug_small #displayPhoto .photo {

text-align: center;

}



/*== Journal  ==*/

.journal_entry, .journal #albumNav_top {

border-bottom: 1px solid #958c82;

}


.journal_entry {

    width: 750px;

}


/*== Filmstrip ==*/


.Large #filmstrip {

width: 800px;

padding-bottom: 20px;

}

.Large #filmstrip #thumbnails {

width: 743px;

}

.Large #filmstrip #moveContainer {

width: 800px;

}



.Medium #filmstrip #thumbnails {

width: 694px;

}



.Medium #filmstrip #moveContainer {

width: 750px;

}



.Small #filmstrip #thumbnails {

width: 694px;

}



.Small #filmstrip #moveContainer {

width: 750px;

}



.filmstrip a img.imgBorder, .filmstrip .imgBorder {

padding: 0px;

}


/*== Traditional ==*/


.traditional #photos .photo {

_margin-right: 11px;

}

/*== All Thumbs  ==*/

.allthumbs #photos .photo {

  _margin-right: 7px;

  }

/*== Slideshow ==*/

#slideshow .toolsbox {

border: 1px solid #2c2c2c;

background-color: #958c82;

}

/*== Single Image ==*/

.Original #singleImage {

width: 800px;

}



.Large #singleImage {

width: 800px;

_padding-left: 3px;

_padding-right: 3px;

}



.Medium #singleImage {

width: 750px;

}



.Small #singleImage {

width: 750px;

}


/*== Critique     ==*/

.loupeTool {

border: 1px solid #776655;}

/*== Keyword Page ==*/


#userKeywords a {

color: #2c2c2c;

}



#userKeywords .boxBottom {

background-image: none;

background-color: #776655;

}



.keywordPage #content {

background-color: #776655;

width: 760px;

}

/*== Date Page =====*/

#todayKeywords .title, #todayKeywords .nav,

#todayKeywords p {

color: #2c2c2c;

}


.datePage #content {

background-color: #776655;

width: 760px;

}



#todayKeywords .boxBottom {

background-color: transparent;

background-image: none;

}



#todayKeywords .boxTop {

background-color: transparent;

background-image: none;

}

/*== Search Page =====*/


.searchResults #content {

background-color: #776655;

padding: 5px;

}



.searchResults .boxTop, 

.searchResults .boxBottom {

background-image: none;

}


/*== Category Pages=====*/


#category .boxTop {

background-color: transparent;

background-image: none;

}

#category .boxBottom {

background-color: transparent;

background-image: none;

}

/*== Comments ==*/

#comments .boxTop {

background-image: none;

border: 1px solid #958c82;

}



#comments .boxBottom {

background-image: none;

_margin-top: -1px;

}



#galleryCommentRating {

color: #d6c7b7;

font-weight: normal;

}

#photoCommentRating {

color: #d6c7b7;

font-weight: normal;

}



#comment_nav  {

color: #d6b7b7;

}



#comments .foreground {

color: #2c2c2c;

}



#comments p {

color: #2c2c2c;

}

/*== Lightbox ==*/

#lightBoxBG,

#cartBG {

background-image: url();

background-repeat: repeat-x;

background-color: #2c2c2c;

opacity: 0.9;

filter: alpha(opacity=90);

}



#lightBoxNav {

border-bottom: none;

background-image: none;

background: transparent;

}



#lightBoxNav,

#lightBoxNav .nav,

#lightBoxNav .foreground {

color: #d6c7b7;

font-weight: bold;

}



#lightBoxNav a:hover {

color: #776655;

text-decoration: underline;

}



#lightBoxNav .title {

color: #d6c7b7;

font-weight: bold;

}



#lightBoxCaption {

background: transparent;

border: none;

color: #d6c7b7;

font-weight: bold;

}

#lightBoxDetails .comments_container {
    color: #d6c7b7;
    font-weight: bold;
}

#lightBoxDetailsHeader {
    background-color: #776655;
    border: 1px solid #776655;
}

#lightBoxDetailsHeader .title {
    color: #D6C7B7;
}

#lightBoxDetails .comments_container .comments_tools,
#lightBoxDetails .comments_container .comments_add {
    background-color: #958C82;
    border-top: none;
    border-left: 1px solid #776655;
    border-right: 1px solid #776655;
    border-bottom: none;
}

#lightBoxDetails .comments_container .comments_list,
#lightBoxKeywords,
#lightBoxExif {
    background-color: #958C82;
    border-top: none;
    border-left: 1px solid #776655;
    border-right: 1px solid #776655;
    border-bottom: 1px solid #776655; 
}

#lightBoxDetails .comments_container .box,
#lightBoxDetails .comments_container .box .boxTop,
#lightBoxDetails .comments_container .box .boxBottom {
    border: none;
    background-color: transparent;
    background-image: none;
}

#lightBoxDetails .comments_container .box .boxTop {
    border-bottom: 1px solid #333333;
}

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

#lightBoxPhotoCaption.show_details #lightBoxCaption {
    background-color: #958C82;
}

#lightBoxDetails .comments_container .box {
    border: 1px solid #958C82;
}

#lightBoxDetails .comments_container .nav,
#lightBoxDetails .comments_container .comments_tools .nav {
    color: #D6C7B7;
}

#lightBoxDetails .comments_container .boxTop {
    background-image: none;
    background-color: #776655;
}

#lightBoxDetails .comments_container .boxBottom {
    background-color: #958C82;
}

#lightBoxDetailsHeader.nav {
    color: #D6C7B7;
}

#lightBoxDetails .lightbox_details_link {
    font-weight: bold;
    text-decoration: none;
    color: #D6C7B7;
}

#lightBoxDetails .lightbox_details_link.title {
    color: #ffffff;
}

#lightBoxExif .exif_basic {
    background-color: #776655;
    border: 1px solid #776655;
}

#lightBoxImage {

border: 5px solid #776655;

}


/*== Cart ==*/

#cartBG {

background-image: url();

background-repeat: repeat-x;

background-color: #000;

opacity: 0.9;

filter: alpha(opacity=90);

}



#cartFG .box {

background-color: #272724;

border: 1px solid #fff;

padding-top: 15px;

}



#cartFG .box .title {

color: red;

}

/*== Footer, Feeds ==*/

#footer {

text-align: center;

}

.feedLine a.nav {

color: #d6c7b7;

font-size: 11px;

}



.feedLine a.nav:hover {

color: #2c2c2c;

}

.feedLine {

border: none;

}



#feeds {

text-align:center; 

}



.feedLine .note {

color: #d6c7b7;

}



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

}


/*== User Interface ==*/


/* these are a bit darker */

#imageCommentName, #imageCommentLink,

#editCaption_bottom textarea,



#editBio textarea,

.inputText,

.editCaption textarea,

#filmstrip select,

#toolbar select,

#toolbar select,

#photoTools select,

#AlbumCaptcha,

#addImageComment textarea,

#addAlbumComment textarea,

#editKeywords textarea,

#editDescription textarea,

input#newTitle,

#imageCommentRating,

#ImageCaptcha,

#addAlbumComment select,

.journal #photoTools select,

.homepage #searchWords,

#ThemeID {

background: #958c82;

color: #000;

}

/* make these a bit lighter */



.slideshow input#showing,

.slideshow input#duration,

.slideshow #imageTitle,

#slideshow select,

#searchWords, 

#searchWordsShort,

#datesBox select,

#stylebar select,

.datePage select,

.miniBox .editTitle input,

.editDescription textarea {

background: #b0a08f;

color: #000;

}


/*== Helpie ==*/

#helper {

background-color: #776655;

border: 1px solid #000;

font-size: 12px;

-moz-border-radius: 5px;

}



#helper h3 {

font-size: 14px;

}

/*== Misc ==*/

#ajaxWorking {

background-color: #776655;

color: #000;

border: 1px solid #000;

-moz-border-radius: 10px;

font-weight: bold;

}



/* miscellaneous */

#imageInfo .foreground {

color: #2c2c2c;

}



.galleryPassword {

background-color: #776655;

width: 760px !important;

}

#featuredBox .boxSettings {

color: #d6c7b7;

}



#categoriesBox .boxBottom .boxSettings { 

color: #fff; !important; }



#categoriesBox .boxNote {

color: #fff;

}

#galleriesBox .note {

color: #fff;

}



.userKeywords #breadcrumb, .datePage #breadcrumb {

padding-left: 5px;

}



.boxSettings {font-size: 12px;}

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

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


#subcategoriesBox {
border-bottom: 1px solid #958c82;}




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

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

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

.pickerContent a.page:hover {
    background-color: #958C82;
    color: #000;
    }
    
.pickerContent a.pageOn, .pickerContent a.pageOn:hover {
    background-color: #3F3933;
    color: #DFD9D1;
    } 





.sm-button {
    border-top: solid 1px #958c82;
    border-bottom: solid 1px #958c82;
    background: #776655 url(http://cdn.smugmug.com/img/buttons/bg/lttan_ltbrown-3.gif) 0 0 repeat-x;
}
.glyphButton .first-child, .yui-menu-button button {
    background-image: url(http://cdn.smugmug.com/img/buttons/bg/lttan_ltbrown-3.gif);
}
.sm-button button, .sm-button a {
    color: #000000;
}
.sm-button {
    border-left: solid 1px #958c82;
    border-right: solid 1px #958c82;
    _border-left: none;
    _border-right: none;
    ~border-left: none;
    ~border-right: none;
}
.sm-button .first-child {
    border: none;
    _border-left: solid 1px #958c82;
    ~border-left: solid 1px #958c82;
    _border-right: solid 1px #958c82;
    ~border-right: solid 1px #958c82;
}

#photoTools {
color: #2C2C2C;
}


.shareHomepage #albumDescription {color: #d6c7b7;}

.journal_caption_container {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 1px;
    border: none;
}

#allthumbs_stretch {
    width: 960px;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
}

#allthumbs_stretch #photos {
    margin-top: 10px;
    margin-bottom: 0px;
}

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