/* v1 JT -IE7 stretchy */


*.title {
color: #A1A5A9;
}
.box {
background-color: #1B1B1B;
}
.boxTop {
border: 0px;
color: #ffffff;
}
.boxTop *.title {
color: #ffffff;
}
.boxTop a, .boxSettings a {
text-decoration: underline;
}
.journal_entry {
	border-bottom: solid;
}
.top_border {
	border-top: 0px;
}
.bottom_border {
    border-bottom: 0px;
}
.right_border {
    border-right:  0px;
}
.left_border {
    border-left: 0px;
}
#footer, #feeds {
text-align: center;
}
strong, b {
color: #6699CC;
}
#toolbar .title {
color: #6699CC;
}
#toolbar {
font-size: 11px;
border: solid 1px #999999;
background-color: #666666;
padding: 3px 5px;
float: right;
display: inline;
color: #333333;
}
a:hover .imgBorder, .imgBorderOn {
border: 1px solid #FFFFFF;
}
.imgBorder {
border: 1px solid #999999;
}
.miniBox .albumTitle a.nav {
	font-size: 14px;
     text-decoration: underline;
color: #A1A5A9;
}
.boxBottom p.updated  {
	font-style: italic;
	font-size: 10px;
	color: #ffffff;
}
.boxBottom p.description {
	color: #A1A5A9;
	font-size: 14px;
}


/* page picker crap */
.pageNav, a.pageOn {
   color: #999;  /* this is the color for the Page N of N text */
   font-weight: bold; /* match the photonav text, you may delete this if it's not bold */
   }

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

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

.pickerContent a.page:hover {
   background-color: #ccc; /* this is the background hover color for the non-selected page, pick a light color from the theme */
   color: #XXXXXX; /* this is the text color, pick a dark color from the theme or use black */
   }
  .pickerContent a.pageOn, .pickerContent a.pageOn:hover {
   background-color: #666; /* this is the background for the selected page, pick a medium dark color from the theme */
   color: #fff; /*text color for the selected page, light color or white */
   } 


#visitorMessage strong {color: #fff;}

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

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

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

#lightBoxDetails .comments_container .comments_nav.nav {
    color: #A1A5A9;
}

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

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

#lightBoxDetails .comments_container .boxTop,
#lightBoxDetails .comments_container .boxBottom {
    padding-left: 0px;
    padding-right: 0px;
}

/* stretchy css */

.smugmug_ajax #smugmug, .smugmug_ajax #header, .smugmug_ajax #footer {
    margin-left: 15px;    
    margin-right: 15px;
    min-width: 755px;
    width: auto;
   }
.smugmug_ajax #smugmug #photos {
    _width: 99%;
}
.smugmug_ajax #footer {
    text-align: center;
}
.smugmug_ajax .feedLine {
    float: none;
    border: 0 !important;
}
.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;
}