* {
    margin:0;
    padding:0;
    border:none;
}
body {
    margin:50px 5px 5px 5px;
    background:#141414;
    font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
}
a {
    text-decoration:none;
    color:#cccccc;
}
a:hover {
    text-decoration:underline;
    color:#cccccc;
}
ol, ul, li {
    list-style-type:none;
}
.f_left, .f_middle {
    float:left;
}
.f_right {
    float:right;
}
.clear {
    clear:both;
}

input.text {
    margin-right:4px;
    padding:3px 3px;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #565656;
    border-bottom:1px solid #565656;
    background:#323233;
    font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#cccccc;
}
input.file {
    margin-right:4px;
    padding:3px 3px;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #565656;
    border-bottom:1px solid #565656;
    background:#ffffff;
    font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#444444;
}
textarea {
    margin-right:4px;
    padding:3px 3px;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #565656;
    border-bottom:1px solid #565656;
    background:#323233;
    font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#cccccc;
    overflow:auto;
}
input.button {
    margin-right:4px;
    padding:1px 3px;
    border-top:1px solid #f70000;
    border-left:1px solid #f70000;
    border-right:1px solid #890000;
    border-bottom:1px solid #890000;
    background:#cc0000;
    font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    cursor:pointer;
}
input.button:active {
    margin-right:4px;
    padding:1px 3px;
    border-top:1px solid #890000;
    border-left:1px solid #890000;
    border-right:1px solid #f70000;
    border-bottom:1px solid #f70000;
    background:#cc0000;
    font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#cccccc;
    cursor:pointer;
}
select {
    margin-right:4px;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #565656;
    border-bottom:1px solid #565656;
    background:#323233;
    font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#cccccc;
}
select option {
    padding:0 2px;
}

table.std {
    margin:5px 0;
    width:100%;
}
table.std td {
    padding:2px;
}

#container {
    margin:auto;
    width:904px;
}
#header {
    height:77px;
}
#header .f_left {
    padding-left:2px;
    width:284px;
    height:77px;
}
#header .f_left a {
    display:block;
    width:284px;
    height:77px;
    background:transparent url(images/logo.png) no-repeat;
}
#header .f_right {
    padding-top:60px;
    width:400px;
    height:17px;
    text-align:right;
    color:#686868;
}
#header .f_right a {
    color:#686868;
}
#top {
    padding:2px 2px 0 2px;
    width:900px;
    height:40px;
    background:transparent url(images/top.png) no-repeat;
}
#top_container {
    width:902px;
    height:39px;
}
#top .f_left {
    width:670px;
    background:transparent url(images/menu.png) repeat-x;
}
#top .f_left ul li {
    float:left;
    display:block;
    height:39px;
}
#top .f_left ul li a {
    float:left;
    display:block;
    padding:13px 18px;
    border-right:1px solid #000000;
    height:13px;
    font-weight:bold;
    color:#ffffff;
}
#top .f_left ul li a {
    float:left;
    display:block;
    padding:13px 18px;
    border-right:1px solid #000000;
    height:13px;
    font-weight:bold;
    color:#ffffff;
}
#top .f_left ul li a:hover {
    background:transparent url(images/menu.png) 0 -39px repeat-x;
}
#top .f_left ul li a.active {
    background:transparent url(images/menu.png) 0 -39px repeat-x;
}
#top .f_left ul li a.first {
    padding:0;
    height:39px;
    padding-left:5px;
    background:transparent url(images/menu_first.png) no-repeat;
}
#top .f_left ul li a.first.factive {
    padding:0;
    height:39px;
    padding-left:5px;
    background:transparent url(images/menu_first.png) 0 -39px no-repeat;
}
#top .f_left ul li a.first span {
    float:left;
    display:block;
    padding:13px 23px 13px 18px;
    height:13px;
}
#top .f_left ul li a.first:hover span {
    background:transparent url(images/menu.png) 0 -39px repeat-x;
    cursor:pointer;
}
#top .f_left ul li a.first.factive span {
    background:transparent url(images/menu.png) 0 -39px repeat-x;
}
#top .f_left ul li a.first:hover {
    background:transparent url(images/menu_first.png) 0 -39px no-repeat;
}
#top .f_left ul li {
    display:inline;
}
#top .f_right {
    padding-right:2px;
    width:230px;
    height:39px;
}
#top_right_container {
    width:230px;
    height:39px;
    background:transparent url(images/menu.png) repeat-x;
}

#top_right_container form {
    padding:9px 0 0 20px;
    width:210px;
    height:30px;
    background:transparent url(images/top_right.png) right no-repeat;
}
#top_right_container form input.text {
    padding-left:18px;
    background-image:url(images/search_icon.png);
    background-repeat:no-repeat;
    background-position:3px 3px;
}

#middle {
    padding:5px 8px;
    background:transparent url(images/middle.png) repeat-y;
}
#middle h3 {
    margin-bottom:5px;
    padding:3px 6px;
    background:#000000;
    border-bottom:1px solid #444444;
    font:bold 13px Arial, Helvetica, sans-serif;
    color:#eeeeee;
}
#middle ul li {
    display:block;
    float:none;
    margin:8px 0;
}
#middle ul li a {
    padding:3px 3px 3px 20px;
    background:transparent url(images/arrow_right.gif) 0 2px no-repeat;
}
#gallery {
    padding-left:5px;
}
#gallery a.image {
    float:left;
    margin:2px;
    width:170px;
    height:128px;
    border:1px solid #444444;
}
#gallery a.image:hover {
    border-color:#000000;
}
#photo_detail .f_left {
    width:505px;
}
#photo_detail .f_left img {
    width:500px;
    height:375px;
}
#photo_detail .f_right {
    padding-left:10px;
    width:360px;
}
#photo_detail .f_right h3 {
    padding:3px 8px;
    margin-bottom:5px;
    background:#444444;
    border-bottom:1px solid #999999;
    font:bold italic 14px Arial, Helvetica, sans-serif;
}
#photo_detail .f_right p.detail {
    padding:3px 6px;
    margin-bottom:5px;
    background:#181818;
    border:1px solid #101010;
}
#photo_detail .f_right .tags {
    padding:3px 6px;
    margin-bottom:5px;
    border:1px solid #101010;
}
#photo_detail .f_right .tags h3 {
    padding:3px 0;
    background:none;
    border-color:#666666;
    font-size:12px;
}
#photo_detail .f_right .buttons {
    margin-top:5px;
    padding:6px 0 3px 0;
}
#photo_detail .f_right .buttons a {
    margin:0;
}
#photo_detail .f_right .buttons a.next {
    float:right;
    padding:3px 18px 3px 3px;
    background:transparent url(images/arrow_right.gif) 100% 2px no-repeat;
}
#photo_detail .f_right .buttons a.previous {
    float:left;
    padding:3px 3px 3px 18px;
    background:transparent url(images/arrow_left.gif) 0 2px no-repeat;
}
#comments {
    padding:3px 6px;
    background:#444444;
    border:1px solid #000000;
}
#comments h1 {
    margin-bottom:5px;
    padding:3px 0;
    font:bold italic 13px Arial, Helvetica, sans-serif;
}
#comments .comment {
    padding:3px 0;
    border-top:1px solid #999999;
}
#comments .comment h2 {
    font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#comment_form h2 {
    padding:6px 0 3px 0;
    font:bold italic 13px Arial, Helvetica, sans-serif;
}
#comment_form label {
    float:left;
    width:70px;
    padding:6px 5px 2px 1px;
    font-weight:bold;
    text-align:right;
}
#comment_form p {
    margin-top:4px;
}
#comment_form p input.button {
    margin-left:1px;
}
#comment_form_buttons {
    padding-left:76px;
}
#index_images {
    padding:10px 2px 10px 2px;
}
#index_images .image {
    float:left;
    padding:0 8px;
}
#index_images .image img.reflected {
    float:left;
    margin-bottom:2px;
    cursor:pointer;
}

#bottom {
    padding:5px 12px;
    height:59px;
    background:transparent url(images/bottom.png) no-repeat;
}
#bottom_t {
    height:40px;
}
#bottom_t .f_left {
    padding-top:7px;
    color:#535353;
}
#bottom_t .f_right {
    padding-top:4px;
}
#bottom_t .f_right a {
    display:block;
    width:23px;
    height:20px;
    background:transparent url(images/v3.png) no-repeat;
}
#bottom_b {
    height:15px;
    text-align:right;
}
#bottom_b .f_left {
    color:#333333;
}
#bottom_b .f_right a {
    float:right;
    margin-left:5px;
    width:16px;
    height:15px;
}
#bottom_b .f_right a.xhtml {
    background:transparent url(images/xhtml.gif) no-repeat;
}
#bottom_b .f_right a.css {
    background:transparent url(images/css.gif) no-repeat;
}

#admin {
    margin:auto;
    width:600px;
    border:3px solid #0c0c0c;
}
#admin h1 {
    padding:3px;
    background:#000000;
    border-bottom:3px solid #0c0c0c;
    font:bold 14px Arial, Helvetica, sans-serif;
    text-align:center;
    color:#ffffff;
}
#admin h3 {
    padding:5px 0;
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#cccccc;
}
#admin h3 a {
    color:#cccccc;
    text-decoration:underline;
}
#admin h3 a:hover {
    text-decoration:none;
}
#admin_content {
    padding:5px;
}
#admin_content label {
    display:block;
    padding:3px 0;
    font-weight:bold;
}
#admin_content p {
    margin-bottom:6px;
}
#images .image {
    float:left;
    margin:12px;
    width:120px;
    height:120px;
    text-align:center;
}
#images .image a {
    color:#ffffff;
}
#images .image a:hover {
    color:#666666;
}
#images .image span {
    display:block;
    padding:3px;
    text-align:center;
}
.filter {
    padding:5px 0;
    border-top:1px solid #0c0c0c;
    text-align:center;
}
#login_form {
    margin:auto;
    width:237px;
}
#login_form label {
    float:left;
    padding:5px 2px 2px 1px;
    width:100px;
    font-weight:bold;
}
#login_form p {
    padding:2px 2px 2px 1px;
    text-align:right;
}
#login_form p.btn {
    float:none;
    display:block;
    padding-left:190px;
}

.buttons {
    padding-top:6px;
    border-top:1px solid #444444;
}
.buttons a {
    margin-right:10px;
    padding:1px 1px 1px 20px;
    height:16px;
    color:#cccccc;
}
.buttons a.back {
    background:transparent url(images/arrow_left.gif) 0 0 no-repeat;
}
.buttons a.edit {
    background:transparent url(images/edit.gif) 0 0 no-repeat;
}
.buttons a.delete {
    background:transparent url(images/delete.gif) 0 0 no-repeat;
}
#start {
    padding:50px 5px;
    text-align:center;
}
#start a {
    margin:2px;
    padding:5px 16px;
    border:1px solid #444444;
}
#start a:hover {
    background:#000000;
}

.not_found {
    padding:10px;
    text-align:center;
}
#pager {
    margin-top:4px;
    padding:6px 3px 6px 3px;
    border-top:1px solid #0c0c0c;
}
#pager a { text-decoration:none; color:#ffffff; border:1px solid #e0e0e0; padding:1px 4px 1px 4px; margin:2px; font:italic bold 14px Georgia, sans-serif; }
#pager a:hover { text-decoration:none; color:#f2f2f2;  border:1px solid #3399ff; padding:1px 4px 1px 4px; margin:2px; }
#current_page { border:1px solid #333333; padding:1px 4px 1px 4px; margin:2px; color:#eeeeee; font:italic bold 14px Georgia, sans-serif; }

#thickbox {
    text-align:center;
}
#thickbox a {
    font-weight:bold;
}
#admin_content #comments {
    padding:0;
    background:none;
    border:none;
    border-top:1px solid #000000;
}
#admin_content #comments .comment {
    padding:5px;
    border-top:none;
    border-bottom:1px solid #000000;
}
#admin_content #comments .comment .actions a {
    margin-right:10px;
}
#admin_content #comments .nonapproved {
    background:#000000;
}