/*=======================================*/
/*== Black Arts Theme by Andy Williams ==*/
/*=========== version .099r S3 ==========*/
/*=======================================*/

/*=============*/
/*== Generic ==*/
/*=============*/

body {
margin-top: 0px;
bakground-color: #000;
background-image: url(http://www.steveriderphotos.com/img/themes/BlackArts/background.gif);
background-attachment: fixed;
_background-attachment: scroll;
font-family: Verdana;
}

.top_border, .bottom_border, .left_border, .right_border {
border: none;
}

#toolbar select, #toolbar input {
font-family: Verdana;
font-size: 10pt;
font-weight: normal;
color: #000;
}

/* all nav links */
a.nav {color: #c2c2c2;}

/* toolbar nav homepage */
#toolbar .nav {color: #c2c2c2;}

/* toolbar nav gallery page */
#toolbar .down {color: #c2c2c2;}

/* gallery comments nav */
#comment .nav {color: #c2c2c2;}

#ThemeID {
font-family: Verdana; 
font-weight: normal;
background-color: #c2c2c2;
color: #000;
}

.title, a.title {
color: #d5d6d4;
}

#albumTitle {
font-size: 10pt;
color: #d5d6d4;
}

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

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

.protected {
background-repeat: no-repeat !important;
background-position: center !important;
background-color: #000 !important;
}

.caption {
font-family: Verdana; 
color: #c0c1c1;
}


.nophotos {margin-bottom:15px;}

/*=============*/
/*== Buttons ==*/
/*=============*/
.buttons, .smbuttons { 
color: #c2c2c2;
border: 3px #555 double;
border-color: #444;
}

.play_slideshow {
width: 80px;
height: 15px;
vertical-align:	bottom;
background: url(http://www.steveriderphotos.com/img/themes/BlackArts/playSlideshow.gif) no-repeat;
margin: 2px 0px 0px 10px;
border: 3px double;
border-color: #444;
}

.map_this {
width: 80px;
height: 15px;
vertical-align:	bottom;
background: url(http://www.steveriderphotos.com/img/themes/BlackArts/mapThis.gif) no-repeat;
margin: 2px 0px 0px 10px;
border: 3px double;
border-color: #444;
}
.add_photos {
width: 80px;
height: 15px;
vertical-align:	bottom;
background: url(http://www.steveriderphotos.com/img/themes/BlackArts/addPhotos.gif) no-repeat;
margin: 2px 0px 0px 10px;
border: 3px double;
border-color: #444;
}

/* main feed button */
.feedStandard 
{
width: 16px;
height: 16px;
vertical-align:	bottom;

/* select all the normal state buttons */
background:url(http://www.steveriderphotos.com/img/themes/BlackArts/feeds.png) 
top no-repeat;
_background:transparent;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/img/themes/BlackArts/feeds.png'); /* make IE able to handle the png transparency */
border:0; /* we don't want a border for this example */
height:16px; /* Set the button height to be the same as the height of one of your buttons */
width:16px; /* Set the button width to be the same as the width of your buttons */
color:#000; /* set a text color that is readable on that button */
padding-bottom:3px;
}


/*==============*/
/*== Graphics ==*/
/*==============*/

.smuglogo[class] {
background-image: url(http://www.steveriderphotos.com/img/themes/BlackArts/logo.png);
}

/* IE Logo Hack */

.smuglogo {
width: 22px;
height: 126px;
margin-top: 7px;
background:url(http://www.steveriderphotos.com/img/themes/BlackArts/logo.png) 
background:transparent;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/img/themes/BlackArts/logo.png'); /* make IE able to handle the png transparency */
height:22px; 
width:126px;
}

/*
.cart_add {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/img/themes/BlackArts/addButton.png');
width: 25px;
height: 22px;
}

.cart_add[class] {
background-image: url(http://www.steveriderphotos.com/img/themes/BlackArts/addButton.png);
width: 25px;
height: 22px;
}

.cart_bulk {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/img/themes/BlackArts/bulkButton.png');
width: 25px;
height: 22px;
}

.cart_bulk[class] {
background-image: url(http://www.steveriderphotos.com/img/themes/BlackArts/bulkButton.png);
width: 25px;
height: 22px;
}
*/
.star {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/themes/BlackArts/star.png');
}

.star[class] {
background-image: url(http://www.steveriderphotos.com/img/themes/BlackArts/star.png);
}

#comments .star {
background-image: url(http://www.steveriderphotos.com/img/themes/BlackArts/commentStar.png);
}

#comments .star {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/themes/BlackArts/commentStar.png');
_background:transparent;
}

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

.bigStarSolid[class] {
background-image: url(http://www.steveriderphotos.com/img/themes/BlackArts/bigStarSolid.png);
}

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

.bigStarTrans[class] {
background-image: url(http://www.steveriderphotos.com/img/themes/BlackArts/bigStarTrans.png);
opacity: .5;
}

#filmstrip #leftMove {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/themes/BlackArts/filmstripLeftArrow.png');
}

#filmstrip #leftMove[id] {
background-image: url(http://www.steveriderphotos.com/img/themes/BlackArts/filmstripLeftArrow.png);
}

#filmstrip #rightMove {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/themes/BlackArts/filmstripRightArrow.png');
}

#filmstrip #rightMove[id] {
background-image: url(http://www.steveriderphotos.com/img/themes/BlackArts/filmstripRightArrow.png);
}

/*================*/
/*== Breadcrumb ==*/
/*================*/
#breadcrumb, #breadcrumb .nav {
font-size: 10pt;
font-weight: bold;}

#breadcrumb .nav {
color: #989898;
}

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

.box {
background-repeat: no-repeat;
background-position: bottom;
background-color: #000;
padding-bottom: 30px;
}

.boxTop {
height: 20px;
padding: 15px;
_padding: 14px;
background-repeat: no-repeat;
border-bottom: none;
}

.boxBottom {
padding: 1px 15px;
background-repeat: repeat-y;
}

#category, #smugmug, #smugmug_small, #traditional, #allthumbs, #journal, #slideshow, #filmstrip, #critique, #singleImage, #content.passwordPage, .datePage table, .keywordPage table {
padding: 1px 20px;
background-color: #000;
border: 4px double; 
border-color: #444; 
padding-bottom: 1px;
margin-bottom: 0px;
}

/* keyword & date pages */
.datePage table, .keywordPage table {
border: 4px double; 
border-color: #444; 
width: 790px;
}

.datePage table td, .keywordPage table td {
_padding: 0px 20px;
}

.smugmug.keywordPage table, .critique.keywordPage table, .Large.keywordPage table {
margin-top: 5px;
width: 1000px;
}

.datePage .box {
border: 4px double; 
border-color: #444; 
}

.keywordPage .box {
border: 4px double; 
border-color: #444; 
}

/* lose the pink on the date page */
.datePage .pink {
color: #c1c2c2;
}

/* lose the blue on the search results page */
.searchResults .blue {
color: #c1c2c2;
}

/* make it so the password page isn't under the smuglogo */

#content.passwordPage {
margin-top: 50px;
}

.searchResults .box {
border: 4px double #444;
}

/*==============*/
/*== AlbumNav ==*/
/*==============*/

#albumNav_top {
margin-top: 20px;
}

.pageNav {
margin-left: 10px;
}

.pageNav.leftColumn {
text-align: center;
margin: 0px;
}

.photoNav {
margin-left: 10px;
}

.photoNav.rightColumn {
text-align: center;
margin: 0px;
}

.cartbuttons {position: relative;}

.cartbuttons {
margin-right: 10px;
}

.photoNav.rightColumn .cartbuttons {
margin-right: 50px;
}

.smugmug .photoNav.rightColumn .cartbuttons {
margin-right: 80px;
}


/*==============*/
/*== Homepage ==*/
/*==============*/

/* allow the owner to see the bio edit link */
.loggedIn #homepage #bioBox #bioTitle {
display: block;
}

/* a little dropcap trick easter-egg */
.dropcap
{
float: left;
width: 1.2em;
font-size: 4em;
line-height: 90%;
}

.loggedIn #homepageTools {
margin-top: 10px;
}

.homepage #header_wrapper, .homepage #footer_wrapper, .homepage #cobrand_footer {
background: none;
}

.homepage #breadcrumb {
margin-top: 10px;
}

.homepage #header {
height: 25px;
padding-bottom:10px;
}

#header_wrapper {
width: 790px;
margin: 0px auto;
margin-bottom: 10px;
}
/* 

.smugmug #header_wrapper, .critique #header_wrapper, .Large #header_wrapper {
width: 1000px;
}

#footer_wrapper, #cobrand_footer {
padding: 10px 20px 0px 20px;
margin: 0px auto;
}

.smugmug #footer_wrapper, .critique #footer_wrapper, .Large #footer_wrapper, .smugmug #cobrand_footer, .critique #cobrand_footer, .Large #cobrand_footer {
width: 960px;
}

*/

/* smuglogo */

#header .smuglogo {
width: 126px;
height: 22px;
margin-top: 15px;
}

#header #toolbar {
margin-top: 15px;
}
#header {
margin-top: -5px;
}

#homepage #bioBox .boxTop {
height: 0px;
}

.homepage #userBio {
text-align: justify;}

#userBio {
color: #c2c2c2;}

.homepage #bioBox .boxTop {
display: block;
_padding-bottom: 6px;
}

#homepage #bioBox #bioTitle {
display: none;
}

.homepage .boxTop .title {
color: #d5d6d4;
font-size: 12pt;
}

#homepage #popularPhotosList .photo {
width: 113px;
}

/* the colors of the gallery titles on homepage */

.miniBox .albumTitle a.nav {
font-size: 14px;
text-decoration: none;
color: #c2c2c2;
}
.boxBottom p.updated  {
font-style: italic;
font-size: 10px;
color: #c2c2c2;
}
.boxBottom p.description {
font-size: 10px;
color: #c2c2c2;
}

#homepage .box {background-color: #090909;
}

.homepage .box {border: 4px double; 
border-color: #444; 
}

/*===========================*/
/*== Smugmug/Smugmug small ==*/
/*===========================*/
#smugmug_small #thumbnails .photo {
_margin-right: 6px;
}

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

#smugmug .cartbuttons {
margin: -8px 2px 0px 0px;
}

#smugmug_small .cartbuttons {
margin: -8px 0px 0px 0px;
}

/*=================*/
/*== Traditional ==*/
/*=================*/
.traditional #photos .photo {
_margin-right: 11px;
}

.traditional .caption {
font-weight: normal;
}

/*===============*/
/*== Allthumbs ==*/
/*===============*/
.allthumbs #photos .photo {
_margin-right: 7px;
}

/*=============*/
/*== Journal ==*/
/*=============*/
.journal_entry, .journal #albumNav_top {
border-bottom: 6px double #444;
}

/* hack the separators for IE */

.journal_entry {
    width: 750px;
}

/*===============*/
/*== Filmstrip ==*/
/*===============*/

#filmstrip select {
font-family: Verdana; 
font-weight: normal;
background-color: #c2c2c2;
color: #000;
}

/*==============*/
/*== Critique ==*/
/*==============*/

.critique .rightColumn {
border: 4px double; 
border-color: #444;
padding: 2px;
}

/*===============*/
/*== Slideshow ==*/
/*===============*/

.Large #slideshow {
width: 800px;
}
.Medium #slideshow {
width: 800px;
}
.Small #slideshow {
width: 800px;
}

#slideshow #photos {
margin: 0px 0px 20px 0px;
}
#slideshow #caption_top {
margin-bottom: 10px;
display: block;
}

#slideshow #caption_bottom {
margin: -10px 0px 10px 0px;
display: none;
}

#slideshow .toolsbox {
border: 4px double; 
border-color: #444; 
}

#slideshow .buttons {
width: 53px;
padding: 0px;
font-size: 9px;
}

#slideshow #showing, #imageTitle, #captions, 
#fades, #duration {
font-family: Verdana; 
font-weight: normal;
background-color: #c2c2c2;
color: #000;
}

#slideshow select {
font-family: Verdana; 
font-weight: normal;
background-color: #c2c2c2;
color: #000;
}

/*=================*/
/*== SingleImage ==*/
/*=================*/

.Original #singleImage {
width: 750px;
}

.Original #singleImage .photo {
width: 750px;
overflow: auto;
}

/*==============*/
/*== Keywords ==*/
/*==============*/

#relatedKeyword.nav, #relatedKeyword .title {
font-size: 9pt;
font-weight: normal;
}
.keyword {color: #c0c1c1;}

/*==============*/
/*== Comments ==*/
/*==============*/

#comments .box {
border:1px solid #555; 
}

#comments .boxTop {
line-height:19px; 
padding:0 10px; 
margin:0; 
background:url(http://www.steveriderphotos.com/img/themes/BlackArts/commentHeader.gif) 
top left repeat-x; 
color:#000; 
border:0; opacity: .6;
border:1px solid #555; 
}

#comments .boxTop .title {color:#000;}
#comments .boxTop a {color:#000;}
#comments .foreground {color: #fff;}

/* make the text area in adding comments taller */
#addAlbumComment textarea {
height: 150px;
}

#addImageComment textarea {
height: 150px;
}

/*==============*/
/*== Lightbox ==*/
/*==============*/

/* fix the Safari pointer problem? */
.nav #lbNav a:link {cursor:pointer;}

#lightBoxNav {
background-color: #000;
margin: 10px 0px;
margin-top: 3px;
padding: 5px;
border-top: 3px solid #c0c1c1;
border-bottom: 3px solid #c0c1c1;
}

#lightBoxBG, #cartBG {
 background-color: #000;
 opacity: .7;
 _filter: alpha(opacity=70);
}

#lightBoxNav, 
#lightBoxNav a, 
#lightBoxNav .nav, 
#lightBoxNav a.nav, 
#lightBoxNav .foreground {
color: #c0c1c1;
cursor: pointer;
}

#lightBoxNav .title {
color: #c0c1c1;
font-weight: normal;
}

#lightBoxCaption {
background-color: transparent;
border: none;
color: #c0c1c1; 
font-weight: bold;
font-size: 16px;
position: relative;
top: 0px ;
border: 4px double; 
border-color: #444; 
}

#lightBoxImage {
background-position: center !important;
background-repeat: no-repeat !important;
}

#lightBoxImage {
border:4px inset grey; 
vertical-align: top; }

/* Thanks to Ivar on Dgrin for the padding hack! */

#lightBoxPhoto {
border-top: 20px solid #191b1c; 
border-right: 20px solid #3c3f38; 
border-bottom: 20px solid #2d2e2c; 
border-left: 20px solid #101010; 
height: auto; 
display: table; 
_display: block;
padding: 50px; 
margin: 0 auto; 
background: #fbf9f0;
~border: none;
~padding: 0px !important;
~display: block;
~background: none;
}

/* IE6 hack */

#lightBoxPhoto {_display:inline-block; _width:1px;}

/*============*/
/*== Helpie ==*/
/*============*/

#helper {
background: #555;
color: #000000;
border: 4px double; 
border-color: #444; 
}

/*====================*/
/*== User Interface ==*/
/*====================*/

#imageCommentName, #imageCommentLink,
input#stylebar select,
#toolbar select,
#photoTools select,
#searchWords, 
#searchWordsShort,
#datesBox select,
.datePage select,
#AlbumCaptcha,
#addImageComment textarea,
#addAlbumComment textarea,
#editKeywords textarea,
#editDescription textarea,
input#newTitle,
#imageCommentRating,
#ImageCaptcha,
#addAlbumComment select {
background: #c2c2c2;
}

#editKeywords {
padding:5px 10px; 
background:#000; 
border:1px solid #555; 
}

/*===================*/
/*== Footer, Feeds ==*/
/*===================*/


#footer {
text-align: center;
}

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

.feedLine {
border: none;
}

.feedName  {
color: #c2c2c2;
}

#feeds {
text-align:center; 
}

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


/* fix IE header jitter */


* html .smugmug #header_wrapper, * html .critique #header_wrapper {
    width: 1008px;
}


#ffBox .boxNote, #ffBox .title {
font-size: 12px;
}

#ffBox .note {margin-left: -20px;}


.toolsbox .buttons {
_width: 75px !important;}

a #themes_button {
    background-image: url(http://www.steveriderphotos.com/img/themes/BlackArts/themesbutton.gif);
    background-position: 0px 0px;
margin: 2px 0px 0px 10px;
border: 3px double;
border-color: #444;
}


.userKeywords .boxTop {
display: none;}

#subcategoriesBox {
border-bottom: 6px double #444;
}

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

.starTrans[class] {
    background: url(../../photos/107668718-O.png) no-repeat;
}

/* Share button */
a .share_button {
    background-image: url(../../photos/107682145-O.gif);
    background-position: 0px 0px;
margin: 2px 0px 0px 10px;
border: 3px double;
border-color: #444
}


/* page picker crap */
.pageNav, a.pageOn .nav {
    color: #ccc;
    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;
    }