/* ========================= */

/* ==== Black and White ==== */

/* === By Andy Williams ==== */

/* ==== version 1.15 S3 - IE7 ==== */

/* ========================= */

div.yuimenu li a, div.yuimenubar li a {
font-size: 100%;
}



/*=============*/

/*== Generic ==*/

/*=============*/



body {

font-family: "American Typewriter" Georgia/*Trebuchet MS*/, sans-serif;

font-size: 14px;

font-color: #f3f3f3;

}



a, a.nav {

color: #f3f3f3;

font-size: 14px;

}



a.nav:hover {

color: #f3f3f3;

}



.title, a.title, .photoNav {

color: #f3f3f3;

font-weight: normal;

}



#imageInfo .title {

font-size: 14px;

}



a img.imgBorder, .imgBorder {

padding: 1px;

background-color: #000;

border-color: #f3f3f3;

}



a:hover img.imgBorder, .imgBorderOn {

padding: 1px;

background-color: #f3f3f3;

border-color: #f3f3f3;

}



.top_border, .bottom_border,

.left_border, .right_border {

border: none;

}



#breadcrumb .nav, #breadcrumb a .nav, 

#breadcrumb .title {

color: #f3f3f3;

font-size: 16px;

}



#caption_bottom, #caption_top, #albumDescription {

color: #f3f3f3;

}



/*===========================*/

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

/*===========================*/



.box, .boxTop {

background-color: #000;

border: none;

}



.boxBottom {

background-color: #000;

border-left: 1px solid #f3f3f3;

border-top: 1px solid #f3f3f3;

}



#bioBox .boxTop {

display: block;

border-left: 1px solid #f3f3f3;

}



#bioBox  {

border-top: 1px solid #f3f3f3;

}



#smugmug_small, #smugmug, #traditional,

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

#filmstrip, 

#singleImage {

padding-left: 5px;

padding-right: 5px;

border-left: 1px solid #f3f3f3;

border-top: 1px solid #f3f3f3;

}



/*=============*/

/*== Buttons ==*/

/*=============*/

.buttons,

.smbuttons {

color: #f3f3f3;

background-color: #2c2c2c;

border: 1px double #c2c2c2;

height: 17px;

font-size: 11px;

font-family: American Typewriter;

padding-bottom: 2px;

}



.buttons:hover,

.smbuttons:hover {

color: #222;

background-color: #656565;

border-color: #f3f3f3;

}



#comment_header .smbuttons {

height: 17px;}



/*===============*/

/*== ExtraDivs ==*/

/*===============*/



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



#extraDiv2 {  

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/feedsHover.png*/);

  visibility: hidden;

  }



#extraDiv3 {

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/cartHover.png*/);

  visibility: hidden;

  }

  

#extraDiv4 {

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/addHover.png*/);

  visibility: hidden;

  }

  

#extraDiv5 {

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/bulkHover.png*/);

  visibility: hidden;

  }



#extraDiv6 {

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/searchglassHover.png*/);

  visibility: hidden;

  }



/*==============*/

/*== Graphics ==*/

/*==============*/




#fsSlideShowSWF {
    top: 4px;
    _margin-top: 0px;
    ~margin-top: 0px;
}






#homepage a .map_this {

 background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/menuButtons.gif*/);

 background-position: 0px -30px;

  }



#homepage a:hover .map_this {

 background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/menuButtons.gif*/);

 background-position: 0px -45px;

  }



a .add_photos {

 background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/menuButtons.gif*/);

 background-position: 0px -60px;

  }



a:hover .add_photos {

 background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/menuButtons.gif*/);

 background-position: 0px -75px;

  }





.smuglogo {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://www.mestaphotos.com/img/themes/BlackAndWhite/logo.png');

width: 123px;

height: 25px;
}



.smuglogo[class] {

background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/logo.png*/);

}



.locked {

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

  background-image: none;

  }



.locked[class] {

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/lock.png*/);

  }



/****  Lee's Shopping Carts ****/



.shoppingcart,

.cart_view {

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

  }



.shoppingcart[class],

.cart_view[class] {

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/cartButton.png*/);

  }



a:hover .shoppingcart,

a:hover .cart_view {

  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.mestaphotos.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://www.mestaphotos.com/img/themes/BlackAndWhite/cartHover.png*/);

  }



.cart_add {

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

  }



.cart_add[class] {

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/addButton.png*/);

  }



a:hover .cart_add {

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

  }



a:hover .cart_add[class],

a:hover + a .cart_add[class] {

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/addHover.png*/);

  }



.cart_bulk {

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

  }



.cart_bulk[class] {

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/bulkButton.png*/);

  }



a:hover .cart_bulk {

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

  }



a:hover .cart_bulk[class],

a:hover + a .cart_bulk[class] {

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/bulkHover.png*/);

  }



/*** Lee's Search Glass ***/

.searchglass{

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

  }



.searchglass[class] {

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/searchglass.png*/);

  }



.searchglass[class]:hover {

  background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/searchglassHover.png*/);

  }

.feedStandard  {

background:url('http://www.mestaphotos.com/img/themes/BlackAndWhite/feeds.png*/); 

_background: none;

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://www.mestaphotos.com/img/themes/BlackAndWhite/feeds1.png');

}

.feedStandard:hover {

background:url('http://www.mestaphotos.com/img/themes/BlackAndWhite/feedsHover.png*/); 

_background: none;

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://www.mestaphotos.com/img/themes/BlackAndWhite/feedsHover1.png');

}



.star {

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.mestaphotos.com/img/themes/BlackAndWhite/star.png');

}



.star[class] {

background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/star.png*/);

}



.bigStarSolid {

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

}



.bigStarSolid[class] {

background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/bigStarSolid.png*/);

}



.bigStarTrans {

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

}



.bigStarTrans[class] {

background-image: url('http://www.mestaphotos.com/img/themes/BlackAndWhite/bigStarTrans.png*/);

}



/*==============*/

/*== Homepage ==*/

/*==============*/



#map {

border: 2px inset #776655 !important;

margin-bottom: 5px;

}



#userBio {

text-align: justify;

}





#bioTitle {

display: none;

}

.loggedIn #bioTitle {

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

}



/* hack the separators for IE */



.journal_entry {

    width: 750px;

}



/*=================*/

/*== Traditional ==*/

/*=================*/

.traditional #photos .photo {

_margin-right: 11px;

}

/*===============*/

/*== Slideshow ==*/

/*===============*/

#slideshow .toolsbox {

border: none;

}



#slideshow {

width: 810px;

}



/*==================*/

/*== Critique     ==*/

/*==================*/



.loupeTool {

border: 1px solid #776655;}





/*======================*/

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

/*======================*/



#category .boxTop {

background-color: transparent;

background-image: none;

}

#category .boxBottom {

background-color: transparent;

background-image: none;

}



/*==============*/

/*== Comments ==*/

/*==============*/

#comments .boxTop {

border: none;

}



#comments .boxBottom {

border: none;

border-top: 1px solid #fff;

}



/*==============*/

/*== Lightbox ==*/

/*==============*/

#lightBoxBG,

#cartBG {

background-color: #000;

opacity: 0.9;

filter: alpha(opacity=90);

}



#lightBoxNav {

border-bottom: none;

background-image: none;

background: transparent;

}



#lightBoxNav,

#lightBoxNav .nav,

#lightBoxNav .foreground {

color: #f3f3f3;

font-weight: bold;

}



#lightBoxNav a:hover {

color: #f3f3f3;

text-decoration: underline;

}



#lightBoxNav .title {

color: #f3f3f3;

font-weight: bold;

font-size: 14px;

}



#lightBoxCaption {

border: 1px solid #f3f3f3;

color: #f3f3f3;

font-weight: bold;

}



#lightBoxImage {

border: 1px solid #f3f3f3;

}



/*==========*/

/*== 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;

}



#cartStatus .buttons {

width: 100px;

}



#cartStatus .title {

color: #f3f3f3 !important;

}



/*===================*/

/*== 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;

}



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

}



/*============*/

/*== Helpie ==*/

/*============*/

#helper {

background-color: #000;

border: 1px solid #f3f3f3;

font-size: 12px;

}



#helper h3 {

font-size: 16px;

}



.helpie {

color: #f3f3f3;

font-weight: bold;

}





/*==========*/

/*== Misc ==*/

/*==========*/



#ajaxWorking {

background-color: #000;

color: #f3f3f3;

border: 1px solid #f3f3f3;

font-weight: bold;

}





.passwordPage {

border-left: 1px solid #f3f3f3;

border-top: 1px solid #f3f3f3;

}

.passwordPage .title {

padding: 0px 10px;



}



.nophotos .buttons {

width: 100px;

}



#imageInfo .title {

font-size: 14px;

}



/* fix the IE header / footer jitter */



* html .smugmug #header_wrapper {

    width: 970px;

    margin: 0px auto;

}



* html .smugmug #footer_wrapper {

    width: 970px;

    margin: 0px auto;

}



* html .critique #header_wrapper {

    width: 970px;

    margin: 0px auto;

}



* html .critique #footer_wrapper {

    width: 970px;

    margin: 0px auto;

}




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

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

.allthumbs #photos .photo {
_margin-right: 7px;
}


.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 crap */
.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: #ccc;
    color: #000;
    }
    
.pickerContent a.pageOn, .pickerContent a.pageOn:hover {
    background-color: #333;
    color: #ccc;
    }

#filmstrip #thumbnails  {height: 104px;}

#altViews {
font-size: 13px !important;
}