body {
    background-color: #303030;
    padding: 0px;
    margin: 0px;
}

#logo {
    border-width: 0px;
    width: 403px;
    height: 60px;
 	float: left;
}

.thumbnail {
    float: left;
    width: 75px;
    height: 75px;
    border: solid 5px #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 5px;
}

#container {
    margin: auto;
    width: 950px;
}

#header {
    padding: 15px 0px 15px 5px;
}

#blackout {
    width: 100%;
    height: 100%;
    background: url('img/black_60.png'); 
    left: 0px;
    top: 0px;
    z-index: 100;
}

#photo_container {
    z-index: 110;
    position: absolute;
    left: 50%;
    top: 0px;
}

    #photo_container table#photo_column{
        height: 550px;
        padding-bottom: 25px;
        width: 520px;
        position: absolute;
        top: 50px;
        left: -260px;
    }
    
    #photo_container #next_button {
        width: 47px;
        height: 47px;
        position: absolute;
        top: 300px;
        right: -314px;
        border-width: 0px;
    }
    
        #photo_container #next_button:active {
            top: 300px;
        }
    
    #photo_container #prev_button {
        width: 47px;
        height: 47px;
        position: absolute;
        top: 300px;
        left: -314px;
        border-width: 0px;
    }
    
        #photo_container #prev_button:active {
            top: 300px;
        }
    
#photo_card {
    padding: 10px 10px 9px 10px;
    background-color: #fff;
    position: relative;
}

    #photo_card #zoomed_photo {
        background: url('img/photos_loading_indicator.gif') no-repeat center;
    }
    
    #photo_card #reblog_button {
        position: absolute;
        top: 17px;
        left: 17px;
        border-width: 0px;
        display: none;
    }

        #photo_card:hover #reblog_button {
            display: inline;
        }
    
#caption {
    /*width: 420px;*/
    font: normal 12px 'Lucida Grande', Verdana;
    color: #444;
    margin-top: 10px;
}

    #caption a {
        color: #444;
    }

	#caption a.permalink {
	 	color: #0056a2;
	}

    #caption p {
        margin: 10px 0px 0px 0px;
    }
    
        #caption p:last-child {
            margin-bottom: 0px;
        }
    
    #caption blockquote {
        margin: 10px 0px 0px 0px;
        border-left: solid 3px #ddd;
        margin-left: 10px;
        padding-left: 10px;
    }
    
#avatar {
    width: 64px;
    height: 64px;
    margin-top: 10px;
    float: right;
    background-color: #444;
    border-width: 0px;
}

#photo_link_container {
    font: normal 9px 'Lucida Grande', Verdana;
    margin-top: 5px;
    color: #aaa;
}

    #photo_link {
        color: #aaa;
    }



#userselect {
	float: right;
	width: 300px;
    text-align: right;
    font: normal 14px Helvetica, Arial, sans-serif;
	color: #00c0ff;
}

#userselect form {
  background-color: #444;
  padding: 8px;
}

#userselect form label {
  margin: 0 6px 0 0;
}

#userselect form input.userinput {
  width: 80px;
  margin: 0 6px 0 0;
}


#footer {
    padding: 22px 5px 20px 0px;
    text-align: right;
    font: normal 14px Helvetica, Arial, sans-serif;
    clear: both;
}

    #footer a {
        color: #eee;
        text-decoration: none;
        background-color: #444;
        padding: 5px 8px;
        margin: 0 5px;
        white-space: nowrap;
    }

        #footer a:hover {
            color: #fff;
        }