html{font-size:100.01%;background:#F8E088 url(/images/stripe2.png);}
body{min-width:800px; margin:7px 40px 15px 40px;text-align:center;font-size:small;font-family:"Lucida Grande", Tahoma, Arial, sans-serif;}
.chrome *{-webkit-box-shadow: none !important;}

* {margin:0px; padding:0px;}
img {border:none}
a{text-decoration:none}
a:hover{text-decoration:underline}

div#top,div#bottom{
  width:100%;
  text-align:left;
  height:10px;
  overflow:hidden;
}

div#top table,div#bottom table {
  height:10px;
  width:100%;
  table-layout:fixed;
}

div#top td.left{
  width:100px;
  background-image: url("/images/top-left.png")!important;/* FF IE7 */
  background-repeat: no-repeat;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/top-left.png'); /* IE6 */
  _background-image: none; /* IE6 */
}

div#top td.right{
  width:100px;
  background-image: url("/images/top-right.png")!important;/* FF IE7 */
  background-repeat: no-repeat;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/top-right.png'); /* IE6 */
  _background-image: none; /* IE6 */
}

div#top td.middle{
  background-image: url("/images/top-middle.png") !important;/* FF IE7 */
  background-repeat: repeat-x;
  background-position: top left;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/top-middle.png', sizingMethod='scale'); /* IE6 */
  _background-image: none; /* IE6 */
}



div#bottom td.left{
  width:100px;
  background-image: url("/images/bottom-left.png")!important;/* FF IE7 */
  background-repeat: no-repeat;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bottom-left.png'); /* IE6 */
  _background-image: none; /* IE6 */
}

div#bottom td.right{
  width:100px;
  background-image: url("/images/bottom-right.png")!important;/* FF IE7 */
  background-repeat: no-repeat;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bottom-right.png'); /* IE6 */
  _background-image: none; /* IE6 */
}

div#bottom td.middle{
  background-image: url("/images/bottom-middle.png") !important;/* FF IE7 */
  background-repeat: repeat-x;
  background-position: top left;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bottom-middle.png', sizingMethod='scale'); /* IE6 */
  _background-image: none; /* IE6 */
}


div#container {
  background:#BC3A1B url(/images/bg.png) repeat-y left;
  border:1px solid #b5351b;
  padding:0px 10px;
  width:auto;
}

#stage{
  margin:0;padding:14px 0 10px 0;border:none;overflow:hidden;
}

.clearfix {
  clear:both;
}

/* Header */
#header{
  position:absolute;
  z-index:100;
  left: 30px;
  top: 20px !important;/* FF IE7 */
  _top: 30px;
}
#header .logo{background:url(/images/logo-small.png) no-repeat -3px -4px;width:59px;height:24px;text-indent:-9000px;display:block;float:left;}
#header li{color:#fff; list-style:none;}
#header li strong, #header li a, #header li a:hover{color:#facd64;}

#main{height:369px;overflow:hidden;color:#fff;width:100%; background:url(/images/img-home.jpg) no-repeat;}

#juice{background:#fff;border:none;margin:0 4px;}

/* stage top */
div#stage_top{
  width:100%;
  height:48px;
  overflow:hidden;
}

div#stage_top table {
  height:48px;
  width:100%;
  table-layout:fixed;
}

div#stage_top td.left{
  width:30px;
  background: url("/images/stage_top-left.png")  no-repeat;
}

div#stage_top td.right{
  width:30px;
  background: url("/images/stage_top-right.png") no-repeat;
}

div#stage_top td.middle{
  background: url("/images/stage_top-middle.png") repeat-x;
}


/* stage middle */
div#stage_middle{
  width:100%;
}

div#stage_middle table {
  width:100%;
  table-layout:fixed;
}

div#stage_middle td.left{
  width:4px;
  background: url("/images/stage_middle-left.png")  repeat-y;
}

div#stage_middle td.right{
  width:4px;
  background: url("/images/stage_middle-right.png") repeat-y;
}

div#stage_middle td.middle{
  vertical-align:top;
  background:#fff;
  text-align:left;
}

div#stage_middle td.middle table{
  table-layout:fixed;
}

div#stage_middle td.slide{
  vertical-align:top;
  width: 160px;
  background:#fff;
  text-align:left;
}

div#stage_middle td.main{
  vertical-align:top;
  background:#fff;
  text-align:left;
}

/* stage bottom */
div#stage_bottom{
  width:100%;
  height:53px;
  overflow:hidden;
}

div#stage_bottom table {
  height:53px;
  width:100%;
  table-layout:fixed;
}

div#stage_bottom td.left{
  width:30px;
  background-image: url("/images/stage_bottom-left.png")!important;/* FF IE7 */
  background-repeat: no-repeat;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/stage_bottom-left.png'); /* IE6 */
  _background-image: none; /* IE6 */
}

div#stage_bottom td.right{
  width:30px;
  background-image: url("/images/stage_bottom-right.png")!important;/* FF IE7 */
  background-repeat: no-repeat;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/stage_bottom-right.png'); /* IE6 */
  _background-image: none; /* IE6 */
}

div1#stage_bottom td.middle{
  background-image: url("/images/stage_bottom-middle.png");
  background-repeat: repeat-x;
  background-position: center top;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/stage_bottom-middle.png', sizingMethod='scale'); /* IE6 */
  _background-image: none; /* IE6 */
}


/* footer */
.footer{text-align:left;width:auto;margin:0 28px 0 28px;clear:left;line-height:1.3em;padding:15px 0 15px 0;}.footer h1{float:right;margin:-4px 0px 0 0;}.footer p{margin:0 5px;font-weight:bold;color:#facd64;}.footer p a{font-size:85%;color:#f9e5bd;}.footer p a:hover{color:#fff;}#footer{text-align:left;padding:7px 0 10px 0;}#footer h1{float:right;margin:-3px 5px 0 0;}#footer p{margin:0 10px;font-weight:bold;color:#B6381F;}#footer a, #footer span{font-size:85%;color:#333;text-decoration:none;}#footer a:hover{}

h1.logo{font-size:100%;text-indent:-9000px;text-decoration:none;}
h1.logo a{height:3em;display:block;background:url(/images/wflogo.png) no-repeat left top;overflow:hidden;width:100px;height:40px;}
* html h1.logo a{_background-image: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wflogo.png", sizingMethod="crop");}

/* category */
div#category {
  background:#358bbc;
  width:100%;
  color:#fff;
  float:left;
}

div#category div.topcat {padding:0px; background:#358bbc;}

div#category div.topcat h3{padding:4px 0px 6px 10px; margin:0px; font-size:14px; font-weight:normal;cursor:pointer;}

div#category div.odd {background:#4aa2d4;}

div#category a{color:#fff; }

div#category div.topcat ul {color:#fff; list-style:none; padding: 0px 0px 6px 16px; margin:0px}

div#category div.topcat li a {padding-left: 16px; background:url("/images/leaf.gif") no-repeat left center;}

div#category div.topcat li a.selected {color:#c3ea71;font-weight:bold;}

/* pagecontent */

div.block{
  margin-bottom:10px;
}

div.nomargin{
  margin:0px;
}

div.block div.header{
  height: 30px;
  background:#c53b1c;
  font-size:14px;
  line-height: 30px;
  padding-left:10px;
  color:#fff;
}

div.block div.header a{ 
  color:#fff;
  font-size:14px;
}

div.block div.content{
  padding:4px;
  border:1px solid #bbb;
}

div.block td.content{
  padding:4px;
  border:1px solid #bbb;
}

div.block div.red{
  background:#188487;
  border-left:5px solid #8bb12f;
}

div.block div.blue{
  background:#348abc;
  border-left:5px solid #c53b1c;
}

div.block div.orange{
  background:#e7760a;
  border-left:5px solid #348abc;
}

div.block div.green{
  background:#8bb12f;
  border-left:5px solid #e7760a;
}

div.block div.purple {
  background:#7a68a6;
  border-left:5px solid #8bb12f;
}

div.block div.darkgreen {
  background:#188487;
  border-left:5px solid #7a68a6;
}

/* thumbnail */
.thumbnail {
  margin:2px;
  float:left;
  border:1px solid #f0f0f0;
  width: 172px;
  text-align:center;
}

.thumbnail .content{
  padding:6px;
}

.hover {
  background:#dbdbdb;
}

.current {
  border:2px solid #edef6a;
  padding:5px 6px 6px 5px;
}

.thumbnail img{
  width:160px;
}

.fixed {
  min-height: 196px;
}

.thumbnail div.line{
  height:18px;
  line-height:18px;
  overflow:hidden;
  font-size:12px;
}

.thumbnail div.line a{
  color:#000;
  font-size:12px;
}

.thumbnail .name {
  text-align:center;
  font-weight:bold;
  width:160px;
  white-space:nowrap;
}

.thumbnail .resolution {
  text-align:center;
  width:160px;
}

.thumbnail .seq {
  text-align:center;
  width:160px;
}

.thumbnail .count {
  text-align:center;
  width:160px;
}

.thumbnail .publish_date {
  text-align:center;
  width:160px;
}

#page_header .name a{
  color:#fff;
}

#header_container {padding:14px 30px 0px 10px;}

#album_header{text-align:left; height:175px;overflow:hidden;color:#fff;width:100%; background:url(/images/img-album_bk.png) repeat-x;}
#album_header div.right {float:right;height:100%; width:22px; background:url(/images/img-album_right.png) no-repeat;}
#album_header #header_container {background:url(/images/img-album.jpg) no-repeat;height:240px;}

#category_header{text-align:left; height:175px;overflow:hidden;color:#fff;width:100%; background:url(/images/img-album_bk.png) repeat-x;}
#category_header div.right {float:right;height:100%; width:22px; background:url(/images/img-album_right.png) no-repeat;}
#category_header #header_container {background:url(/images/img-album.jpg) no-repeat;height:240px;}

#page_header{text-align:left;height:175px;overflow:hidden;color:#fff;width:100%; background:url(/images/img_wallpaper_bk.png) repeat-x;}
#page_header div.right {float:right;height:100%; width:22px; background:url(/images/img_wallpaper_right.png) no-repeat;}
#page_header #header_container {background:url(/images/img-wallpaper.jpg) no-repeat; height:240px;}
#page_header #page_header_right {padding-right:22px; background:url(/images/img_wallpaper_right.png) right top no-repeat;}
#page_header .thumbnail:hover {background:#84ac2f;}

#home_header{text-align:left;height:175px;overflow:hidden;color:#fff;width:100%; background:url(/images/img-home_bk.png) repeat-x;}
#home_header div.right {float:right;height:100%; width:22px; background:url(/images/img-home_right.png) no-repeat;}
#home_header #header_container {height:240px; background:url(/images/img-home_left.png) no-repeat;}

#download {float:right;padding:0px 10px;}
#download a{color:#fff}
#download a{color:#fff}

#nav {margin-bottom:10px;font-size:14px;}
#nav a{color:#fff;font-size:14px;}

/* paging */
div.paging {
  height: 34px;
  line-height: 34px;
  _height: 40px;
  _line-height: 40px;
  width:100%;
  display:block;
  text-align:right;
  vertical-align:middle;
  clear:both;
}

div.top {
  border-bottom:1px solid #eee;
}

div.bottom {
  border-top:1px solid #eee;
}

div.paging a {
  background:#ccc;
  padding: 5px 8px 5px 8px;
  margin:5px 2px 2px 2px;
  background: #fbe868;
  color:#4b505a;
  border:1px solid #4b505a;
}

div.paging a.current {
  background:#b4e765;
}


table.slide {
	width:100%;
	table-layout:fixed
}

table.slide td.xleft, table.slide td.xright{
	width:20px;
}

.arrow {
	table-layout:fixed;
	min-height:180px;
	height: 180px;
	font-size:1px;
}

.arrow td, .arrow div{
	background:url("/images/arrow.png") !important;
	_background:url("/images/arrow1.png");
	width:20px;
}

.aleft .top {
	height: 10px;
}

.aleft .bottom {
	background-position:0px -46px !important;
	_background-position:0px -46px;
	height: 10px;
}

.arrow .middle {
	background-position:-20px 0px !important;
	_background-position:-20px 0px;
	height: 160px;
}

.aleft .middle div{
	height: 30px;
	widht: 20px;
	overflow:hidden;
	background-position:0px -13px  !important;
	_background-position:0px -13px;
}


.aright .top {
	height: 10px;
	background-position:-40px 0px !important;
	_background-position:-40px 0px;
}

.aright .bottom {
	background-position:-40px -46px !important;
	background-position:-40px -46px;
	height: 10px;
}

.aright .middle div{
	height: 30px;
	background-position:-40px -13px !important;
	background-position:-40px -13px;
}

#imgs0 {
	position:relative;
}

div.img {
	height:120px;
	overflow:hidden;
}


.commonbg {
	background:url("/images/bk.png");
}
.logo {
	width:160px;
	height:135px;
}

#logo {
	width:160px;
}
#category_header #logo div, #album_header  #logo div{
	background-position: 0px -135px;
}
#page_header #logo div{
	background-position: 0px -270px;
}
#search {
	padding-left:20px;
}

#description {
	height:70px;
}

#query {
	width:350px;
	height:41px;
	text-align:center;
	line-height:41px;
	float:left;
	display:block;
}

#home_header #query {
	background:url("/images/bk.png") -160px -0px;
}

#category_header #query, #album_header #query {
	background:url("/images/bk.png") -160px -135px;
}

#page_header #query {
	background:url("/images/bk.png") -160px -270px;
}

#query #q {
	width:336px;
	border:none;
	font-size:16px;
	padding:4px 0px;
	margin-top:8px;
}

#searchform #sbb {
	width:100px;
	height:41px;
	border:none;
	margin-left:8px;
	text-indent:-100000px;
}

#home_header #sbb {
	background:url("/images/bk.png") -510px -0px;
}

#category_header #sbb, #album_header #sbb {
	background:url("/images/bk.png") -510px -135px;
}

#page_header #sbb {
	background:url("/images/bk.png") -510px -270px;
}

#navbar div {
	float:right;
}

#navbar a{
	float:left;
	background:#b69111;
	padding:5px 10px;
	margin:0px 4px;
	text-decoration: none;
	color:#222;
}

#navbar a:hover, #navbar a.selected{
	background:#fff;
}

ul.statistics {list-style:none; padding: 4px; margin:0px}
ul.statistics li {padding-left: 8px;}
ul.statistics li.title {font-weight:bold;}
ul.statistics li.value {padding-left: 12px;margin-bottom:6px}

.block_header {
	font-weight: bold;
	color:#d6a600;
	margin:10px 0px 4px 0px;
}

.big_score {
	background:url("/images/bstar.jpg") 0px -30px;
	height:30px;
	width:155px;
	overflow:hidden;
	text-align:left;
}

.big_score span{
	background:url("/images/bstar.jpg");
	height:30px;
	width:0%;
	display:block;
	overflow:hidden;
}

p {
	margin:4px 0px;
}


.vote_table {
	table-layout:fixed;
}
.vote_table td.t {
	width:40px;
	text-align:right;
}
.vote_table td.v {
	width:140px;
}
.vote_table td.v .vote_pct{
	width:100%;
	text-align:left;
	border: 1px solid orange;
}
.vote_table td.v .good span{
	background:#f00;
	height:20px;
	display:block;
}
.vote_table td.v .bad span{
	background:#000;
	height:20px;
	display:block;
}
.vote_table td.n {
	width:40px;
}

#user_body .avatar {float:left;border:1px solid #bbb;width:100px; height:100px; margin:0 5px;}
#user_body a.link {margin:2px 0 2px 4px; color:#fff;}

a#btn_add_fav {display:block;width:226px;height:44px;background:url('/images/fav.png')}
a#btn_add_fav.my_fav {background-position:0 -44px;}

a#btn_download {display:block;width:226px;height:44px;background:url('/images/download.gif'); margin-top:6px;}