* {
padding : 0;
margin : 0;
}
a img {
border : 0 solid white;
}
#main_frame {
top : 50px;
width : 50%;
min-width : 736px;
margin : auto;
}
h1 {
display : none;
}
#bg_image {
z-index : -10;
position : absolute;
top : 0;
left : 0;
bottom : auto;
right : 0;
width : 100%;
height : 820px;
background : url('imgs/bg.png');
background-repeat : repeat;
}
body {
font-size : 11px;
font-family : Calibri;
background : #bcbcbc;
text-align : center;
width : 100%;
}
#footer {
text-align : right;
font-size : 10px;
width : 100%;
float : left;
}
.album {
width : 100%;
height : 140px;
border : 1px dashed rgb(96, 96, 96);
margin-top : 8px;
}
.album_hover {
background : rgb(32, 192, 255);
width : 100%;
height : 140px;
border : 1px solid rgb(96, 96, 96);
margin-top : 8px;
}
a.album_name {
display : block;
text-decoration : none;
font-size : 30px;
height : 30%;
color : black;
margin-left : 10px;
}
a.album_name:hover {
text-decoration : underline;
}
a.transp {
text-decoration : none;
border-width : 0;
color : black;
}
a.transp:hover {
text-decoration : underline;
}
.album_thumb {
width : 30%;
height : 100%;
float : right;
}
.album_thumb_pic {
height : 100%;
float : right;
}
.album_title {
float : left;
width : 68%;
height : 100%;
text-align : left;
}
.album_info {
width : 100%;
height : 70%;
}
.button {
height : 25px;
float : left;
border : 1px solid rgb(80, 80, 80);
}
.album_desc {
margin-left : 30px;
font-size : 14px;
font-style : italic;
width : 100%;
height : 30px;
}
.album_date {
margin-left : 30px;
font-size : 14px;
width : 100%;
}
.album_place {
margin-left : 30px;
font-size : 14px;
width : 100%;
}
.album_author {
margin-left : 30px;
font-size : 14px;
width : 100%;
}
.blue_bold {
color : black;
font-weight : bold;
}
.login_input {
width : 100px;
height : 20px;
font-size : 9px;
background-color : white;
border-color : rgb(164, 164, 164);
border-width : 1px;
margin-bottom : 3px;
font-size:10px;
background-color:#ededed;
}
.edit_icon {
position : relative;
float : right;
}
.form_warning {
color : red;
font-weight : bold;
}
.photo_thumb {
text-align : center;
padding-top : 10px;
padding-bottom : 10px;
float : left;
width : 23%;
min-height : 140px;
height : 140px;
margin : 4px;
border : 1px solid black;
background-color : #00a0ff;
}
.photo_thumb_pic {
margin : auto;
width : 90%;
max-width : 90%;
max-height : 80%;
border : 2px solid white;
}
.photo_thumb_edit_pic {
width : 200px;
height : auto;
border : 2px solid white;
float : left;
}
.photo_name {
font-weight : bold;
font-size : 12px;
color : white;
}
.photo_desc {
font-size : 9px;
color : white;
}
.photo_big {
width : 750px;
max-width : 95%;
border : 5px solid white;
margin : auto;
}
.photo_small_l {
position : absolute;
height : 100px;
top : 300px;
left : 0;
border : 3px solid #00a0ff;
border-left : 0 solid white;
display:block;

}
.photo_small_r {
position : absolute;
height : 100px;
right : 0;
top : 300px;
border : 3px solid #00a0ff;
border-right : 0 solid #00a0ff; 
display:block;
}
.photo_big_name {
font-size : 25px;
font-weight : bold;
color : white;
}
.photo_big_desc {
font-size : 15px;
font-style : italic;
color : rgb(239, 239, 239);
}
.photo {
width : 800px;
max-width : 80%;
margin : auto;
background : #00a0ff;
border : 1px solid black;
margin-top : 10px;
}
.photo_info {
width : 750px;
max-width : 95%;
margin : auto;
margin-top:10px;text-align:left;border-top:0px solid white;border-bottom:0px solid white;
}
#facebook {
background : rgb(208, 208, 208);
width : 500px;
margin : auto;
margin-top : 30px;
padding : 10px;
border : 1px solid white;
}
#submit_photo {
background : rgb(208, 208, 208);
width : 500px;
margin : auto;
margin-top : 20px;
padding : 10px;
height : 100px;
border : 1px solid black;
}
.input_file {
float : right;
margin-bottom : 10px;
border : 1px solid black;
background : white;
width : 50%;
vertical-align : middle;
display:block;
}
.photo_thumb_edit {
width : 100%;
float : left;
margin : 10px;
height : 150px;
}
#menu {
width : 100%;
height : 30px;
text-align : right;
font-size : 25px;
}
.menu_item {
text-decoration : none;
color : #454545;
}
.menu_item:hover {
text-decoration : underline;
color : rgb(21, 21, 21);
}
.menu_spacer {
color : rgb(0, 160, 255);
}
.upload_thumb {
display : none;
border : 1px solid black;
margin : 10px;
float : left;
}
#footer_line {
margin-right : 0;
margin-left : auto;
width : 30%;
margin-top : 30px;
margin-bottom : 8px;
}
#header {
display:block;
width:100%;
height:100px;
background-image:url('imgs/logo.png');
background-repeat:no-repeat;
}
#login_div {
z-index:10;position:absolute;left:0;top:200px;right:auto;bottom:auto;width:150px;height:80px;background-color:#00A0FF;}
#login_but {
cursor:hand;width:18px;height:100%;float:left;background-image:url('imgs/login2.png');background-repeat:no-repeat;}
#login{
display:block;float:right;}
#login_form {
margin:8px;}
.form_part {
width:100%;float:left}
.form_label {
float:left;margin:5px;font-size:15px;vertical-align:center;}
#url_input{
width:150px;border:none;}
#url_button{
float:right;display:block;width:80px;}
#progressAnimation {
display:none; vertical-align: middle; margin-right: 3px;}
#upload_status {
margin-top:30px;font-size:13px; font-weight:bold; text-align: center; color: black; padding-bottom: 10px;}
#upload_iframe {
display:none;width: 400px; height: 100px;}
#delete_iframe {
display:none;width: 400px; height: 100px;}
#admin_menu{
float:left;height:25px;width:100%;}
#admin_menu2{
float:left;height:25px;width:100%;width:auto}
#zip_link {
display:block;width:100%;float:left;color:#00a0ff;font-size:15px;font-weight:bold;}
#war {
color:red;}
#logo_mini{
position:absolute;top:10;left:10;z-index:-10;}
#close{
float:right;position:relative;right:0px;top:0;left:auto;}
#photo1 {
border-width:0;}
#right{
width:50px;}
#left{
width:50px;}
.invisible {
display:none;}