html, body { height: 100%; color:#43434b; }
body {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    /*background: #ffffff url("/static/header-bg.png") repeat-x left top;*/
    line-height: 120%;
}
body { font-family: "Verdana", Arial, sans-serif, Helvetica; background-color: #f0f0f9; }
td { font-size: 90%; }
ul { margin: 0; padding: 0; }
h4 { margin: 0; }
a {
    text-decoration: none;
}
a:link {
    /*color: #109010;*/
    color: #0060ff;
}
a:visited {
    /*color: #109010;*/
    color: #0060ff;
}
div.page-navi a:hover {
    color: #f0fff0;
    /*background-color: #10a010;*/
    background-color: #0060ff;
    /*background-color: #ffffff;*/
    /*text-decoration: underline;*/
}
#main {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
#contentbody {
    margin: 0 auto; /* FF */
    width: 1000px;
    text-align: left;
}
.all_photos {
    margin: 0.5em 0 0 0;
    color: #aaaaaa;
    font-size: 90%;
}
img {
    border-width: 0px;
    border-color: #ffffff;
}
img.pickup {
    border: 2px solid #b3b3ab;
    padding: 3px;
}

td.photo_line {
    border-bottom: 1px #b0b0a7 dashed;
    /*-moz-border-radius: 7px 7px;*/
}
td.photo_x {
    vertical-align: bottom;
    width: 100px;
    height: 100px;
}
td.photo_x a:visited {
    color: #ffffff;
    background-color: transparent;
}
.video_box {
    width: 600px;
}
.video_box video {
    width: 600px;
    /*width: 100%;
    height: 100%;*/
}
img.movie_icon {
    position: relative;
    width: 20px;
    top: 95px;
    left: 5px;
}

#recent {
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: #faf6f9;
    /*border: 15px solid #faf6f9;*/
    -moz-border-radius: 0 0 12px 12px ;
}

table.userphotos {
    margin: 0 75px;
}
table.photo_info {
    height: 100px;
    margin-left: .5em;
}
td.photo_info {
    vertical-align: top;
}
td.photo_date {
    vertical-align: bottom;
}
hr {
    height: 0px;
    border: 0px;
    border-top: 1px solid #cccccc;
}
.title a:link {
    color: #ffffff;
    background-color: transparent;
}
table {
    width: 840px;
}
th {
    padding: 0.2em 0.2em;
}
.id {
    text-align: center;
}
#header {
    height: 70px;
    width: 990px;
    position: relative;
    margin: 0 auto;
}
.header a:link {
    color: #ffffff;
}
.header a:visited {
    color: #ffffff;
}
.header-on a:link {
    /*color: #10cc10;*/
    color: #0060ff;
    background: #ccffcc;
}
.header-on a:visited {
    color: #10cc10;
    background: #f0fff0;
}
.status-opened a:visited {
    color: #000000;
    background-color: transparent;
}
.status-opened a:link {
    color: #000000;
    background-color: transparent;
}
.status-closed a:visited {
    color: #000000;
    background-color: transparent;
}
.status-closed a:link {
    color: #000000;
    background-color: transparent;
}
.many_photos {
    clear: both;
    float: left;
    width: 640px;
    margin: 50px 0 50px 0;
}

.photo-image {
    clear: both;
    float: left;
    width: 645px;
    margin: 15px 5px 15px 25px;
}
.photo-image img {
    border: 1px solid #b3b3ab;
    padding: 3px;
}
.sidebar {
    float: right;
    position: relative;
    width: 280px;
    font-size: 80%;
    margin: 55px 20px 20px 5px;
}
.userinfo {
    margin-bottom: 0.5em;
}
.sidebar li {
    list-style: none outside none;
}
.sidebar ul a {
    display: block;
    padding: 2px 2px 1px 2px;
}
.sidebar ul a:hover {
    color: #f0fff0;
    background-color: #0060ff;
}
.photo-navigation {
    text-align: center;
    margin: 1em 0 1em;
}
.photo-navigation a {
    background-color: #ffffff;
}
.photo-navigation img {
    border-width: 3px;
    /*border-style: double;*/
}
.photo-navigation a:hover img {
    border-color: #0060ff;
}
span.center-photo img {
    border-color: #0060ff;
}
span.small {
    font-size: 85%;
}
span.italic {
    font-family: Georgia, 'Times New Roman', Verdana, Arial, "Gill Sans", sans-serif, Helvetica;
    font-style: italic;
}

.photo_data {
    margin: 1em 0 1em;
    background-color: #ffffff;
}
.photo-sizenavi {
    margin: 0 0.2em 0;
}

.photo_edit input[type="text"] {
    border-left-width: 1px;
    margin: 0.1em;
    background:#f3f3f3;
}
.photo_edit input[type="text"]:hover,
.photo_edit input[type="text"]:focus {
    border-color:#ffffff;
    background:#c1f1c1;
}

.title {
    top: 15px;
    left: 0px;
    padding: 0 0 0 20px;
    position: absolute;
}
.title img {
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}
.title a:visited {
    color: #ffffff;
    background-color: transparent;
}
.title a:hover {
  color: #ffffff;
  background-color: transparent;
}
.header-navi {
    top: 15px;
    right: 0;
    font-size: 80%;
    position: absolute;
    text-align: right;
    z-index: 1;
    margin: 0 0;
    padding: 10px 15px;
    margin-bottom: -1em;
    background-color: #ffffff;
    -moz-border-radius: 12px 12px ;
}
.header-navi li {
    border-right: 1px solid #d4d4d4;
    position: relative;
    display: inline;
    margin-left: 0.5em;
    padding-right: 0.7em;
}
.header-navi li.last {
    border-right: 0 none;
    padding-right: 0;
}
.header-navi a {
    font-weight: bold;
}
.footer {
    /*background: url("/static/header-bg.png") repeat-x scroll left top #ffffff;*/
    clear: both;
    font-size: 80%;
    text-align: center;
    margin: 0;
    padding: 20px;
    /*background-color: #ffffff;*/
    background-color: #f0f0f9;
    border-top: 0px;
    border-bottom: 0px;
}
.footer-space {
    clear: both;
    height: 80px;
}
#copyright {
    color: #767676;
    padding: 1em;
}
.footer-navi {
    padding-top: 10px;
    font-size: 80%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 1;
}
.footer-navi li {
    border-right: 1px solid #d4d4d4;
    position: relative;
    display: inline;
    margin-left: 0.5em;
    padding-right: 0.7em;
}
.footer-navi li.last {
    border-right: 0 none;
    padding-right: 0;
}

span.description {
    color: #707070;
}
.container {
    /*padding: 10px 10px 0px 10px;*/
    padding: 10px 0 0 0;
    margin: 15px 5px;
    margin-bottom: 0;
    background-color: #ffffff;
    border: 0px solid #ffffff;
    -moz-border-radius: 12px 12px ;
}
.round-top {
    -moz-border-radius: 10px 10px 0px 0px;
}
.round-bottom {
    -moz-border-radius: 0px 0px 10px 10px;
}
.round {
    -moz-border-radius: 10px 10px 10px 10px;
}
.user-photo-title {
    width: 250px;
}
.user-photo-title {
    width: 250px;
}
.index-photo-description {
    line-height: 120%;
    width: 240px;
    font-size: 80%;
    color: #666666;
    margin-bottom: 2em;
    margin-top: 5px;
    margin-left: 0.2em;
}
.index-photo-description span {
    font-style: italic;
    font-weight: bold;
}
.userpage_topinfo {
    margin: 0em 0em 0.5em 0em;
}

#signin_info_invalid {
    background-color: #ffcccc;
}
#signin_info_valid {
    background-color: #ccffcc;
}

.photo-detail-title {
    font-weight: bold;
    font-size: 120%;
    margin: 0em 0 0.5em;
}

.photo-detail-link {
    width: 500px;
    margin: 0.2em;
}

.page-navi {
    clear: both;
    font-size: 90%;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}
.page-navi span {
    padding: 0.4em 0.6em 0.3em 0.6em;
    border: 1px solid #0060ff;
    color: #ffffff;
    background: #0060ff;
    -moz-border-radius: 4px;
}
.page-navi a {
    border: 1px solid #dddddd;
    padding: 0.4em 0.6em 0.3em 0.6em;
    -moz-border-radius: 4px;
}

input { font-size: 150%; }
form {
    padding: 5px 20px 1px;
}
input {
    font-size: 120%;
    padding: 2px;
}
input[type="submit"] {
    cursor: pointer;
    border: 1px solid #999999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background:#dddddd;
    color: #393939;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
    color: #101010;
}
input[type="submit"]:active {
    margin-top:1px;
}
.signin-input {
    margin-bottom: 0.5em;
}
.service-info h4 {
    color: #dd8c00;
}
.service-info p {
    margin: 0.3em 0;
}
.service-info {
    padding: 0.5em;
    background-color: #f0f0f9;
    color: #333333;
    border: 5px solid #f0f0f9;
    -moz-border-radius: 7px;
    font-weight: bold;
    font-size: 80%;
}
.top-input {
    padding: 0.5em;
    background-color: #333333;
    color: #f7f7f0;
    border: 5px solid #dd8c00;
    -moz-border-radius: 7px;
    font-weight: bold;
}
.demo {
    margin: 0.5em;
}
.demo-pic {
    margin: 0;
    float: left;
    background: url("/static/preview.jpg") no-repeat 10px top;
    width: 360px;
    height: 330px;
}
.demo-underline {
    clear: both;
    background: url("/static/underline-long.png") no-repeat center;
    height: 40px;
}
#signin-button {
    text-align: -moz-center; /* FF */
    #text-align: center; /* IE */
    top: 50px;
    position: relative;
    font-weight: bold;
}
#signin-button a {
    color: #ffffff;
    /*background-color: #99aa99;*/
    background-color: #10a010;
    display: block;
    padding: 0.8em 0.2em 0.8em 0.2em;
    -moz-border-radius: 10px 10px 10px 10px;
    width: 10em;
}
.login {
    font-size: 90%;
}
.login-button {
}
.login-button a {
    text-align: center;
    color: #ffffff;
    /*background-color: #99aa99;*/
    background-color: #10a010;
    display: block;
    -moz-border-radius: 10px 10px 10px 10px;
    width: 10em;
}
.login-button a:hover {
    border: thick 1px #ff00ff;
    color: #ffffff;
    background-color: #10a010;
    display: block;
    -moz-border-radius: 10px 10px 10px 10px;
    width: 10em;
}

.top-first {
    height: 450px;
    margin: 0;
    padding: 20px 25px 0px 25px;
}

.top-photostream {
    float: left;
    margin: 25px 10px 15px 25px;
}
.top-photostream table {
    width: 240px;
    padding: 0;
}
.random-photostream {
    width: 545px;
    float: right;
    margin: 25px 25px 15px 10px;
}
.random-photostream img {
    border: 4px solid #faf6f9;
    border-right: 1px;
}
div.pickup-image {
    width: 520px;
    float: left;
}
div.information-area {
    width: 400px;
    float: right;
}

span.size_fill {
    background: #0060ff;
}
span.size_notfill {
    background: #dddddd;
}

/* slideshow */
#slideshow { position:relative; width:320px; height:240px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }

/* colorbox */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url("/static/colorbox/overlay.png") 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/static/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/static/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/static/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/static/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/static/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/static/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/static/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/static/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/static/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/static/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/static/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/static/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/static/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}