/*
  Webshare Album Project
  CSS file
  @21-5-08
*/

/*=page common*/
body{ margin:0px;  text-align:center; background-color:#000000; height:100%; }
body, td, input, textarea, select, button { color: #EEE; font: 12px/1.6em Arial,Helvetica,sans-serif; }
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0px; padding: 0px; text-align:left; }
ul{ list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
a { color:#FF6600; text-decoration: none; }
	a:hover { text-decoration: underline; }
	a img { border: none; }
a.a1{ padding:3px; text-decoration:none; }
a.a1:hover { background-color:#0065CA; color:#FFF; }
em, cite, strong, th { font-style: normal; font-weight: normal; }
label{ color:#333; font-size:12px; font-weight:bold; }
html body * span.clearbox, html body * div.clearbox, html body * li.clearbox, html body * dd.clearbox {
  background:transparent none repeat scroll 0%;
  border:0pt none;
  clear:both;
  display:block;
  float:none;
  font-size:0pt;
  height:0pt;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  overflow:hidden;
  padding:0pt;
  visibility:hidden;
  width:0pt;
}

#all{ width:100%; padding-top:5px; }
#wrap{ width:780px; background:#222; padding:10px 0px; margin:0px auto; }
#main{ margin:0px 10px; min-height:100%; }
.box{ margin:15px 0px; }
.img_thumb{ max-height:100px; max-width:100px; }

#nav_left{ float:left; text-align:left; }
#nav_right{ float:right; text-align:right; }
#header{ background:#333; color:#FFF; font-size:16px; font-weight:bold; text-align:left; padding:20px;}
#header h1{ font-size:18px; font-weight:bold; line-height:25px; }
#header span.album_desc{ font-size:15px; }
#location,#member_album{ text-align:left; }
.no_content{ padding:50px; background:transparent; margin:10px; }

#slide_show{clear:both; overflow:hidden; width:730px; text-align:center; margin:10px auto; background:#333; }
#slide_show .box_title{ padding:5px; font-weight:bold; font-size:13px; }
#slide_show .bn_pre{ float:left; width:50px; color:#FFF; font-weight:bold; text-align:center; }
#slide_show .bn_next{ float:right; width:50px; color:#FFF; font-weight:bold; text-align:center; }
#slide_frame {clear:both; padding:0; width:1210px; overflow:hidden; height:120px;  }
#slide_frame table{ margin:10px; display:inline; width:100px; float:left; }
#slide_frame table td.img_td{ text-align:center; width:100px; height:100px; }
#slide_frame a {display:block;  }

#album_list{ padding-left:5px; }

.pnum_div{ }
.pnum_div b{ position:relative; top:-3px; }

.pageDiv{ text-align:center; margin:10px 0px;}
.pageDiv span.multi_info{ padding:1px 7px; border:1px solid #FFF; font-weight:bold; }
.pageDiv span.current{ padding:1px 5px; border:1px solid #999; }
.pageDiv a{ border:1px solid #FFF; padding:1px 5px; }
.pageDiv a:hover{ border:1px solid #FF6600; text-decoration:none; background:#FFF; }

.list_div{ float:left; width:130px; margin:10px; border:0px solid #333; text-align:center; height:200px; overflow:hidden; }
.list_div .img_td{ width:130px; height:130px; text-align:center; background:#666; }
.img_td a img{ filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.img_td a:hover img{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.list_div .img_title{ padding:5px; text-align:center; overflow:hidden; width:130px;}
.list_div .img_title .title_div{overflow:hidden; width:120px;}
.list_div .photo_num{ text-align:center; }

#comment_success{ padding:5px; font-size:13px; display:none; }
#comment_div #comment_header{ padding:3px; background:#333; }
#comment_div #comment_list .avatar_td{ width:70px; text-align:center; }
#comment_div #comment_list table td{ padding:10px; border-bottom:1px solid #333; }
#comment_div #comment_list .avatar_img{ width:65px; height:65px; }

#photo_action{ text-align:right; }
#show_photo{ text-align:center; padding:10px; }
#show_photo h3{ text-align:center; font-size:15px; padding:10px; }
#show_photo .photo_desc{ text-align:center; font-size:13px; }
#thumb_list{ background:#666; padding:10px; }
#thumb_list .current{ background:#FF6600; }
#thumb_list .current img{ filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#photo_info{ display:none; }
#photo_info table{ background:#FFF; }
#photo_info table td{ background:#222; text-align:center;}

#password_div{ margin:20px; text-align:center; color:#0058B0; font-weight:bold; font-size:14px; }
#password_div .psw_title{ text-align:center; padding:10px; }
#password_div input { color:#333; }

#counter, #comment{ text-align:center; }
#footer{ text-align:center; padding:20px; }

input, textarea, button{ color:#000; }