/*
 * TULUO CSS file
 *
 * @version   1.0.0
 * @date      08-05-18
 * @author    tuluo.com
 * @email     info@tuluo.com
 * @copyright Copyright (C) 2008 www.tuluo.com All rights reserved.
 */
 
body {
	font: 12px Tahoma;
	color: #333;
	background: #ffba00!important;
	background: #ffb200 url(/images/page_bg.png) 0 -300px repeat-x;
}

* {
	margin: 0;
	padding: 0;
}

a, table, div, p, ul, li, td, pre, dt, dd, select, input, textarea {
	font: normal 12px Tahoma;
}

input, select {
	vertical-align: middle;
}

img {
	border: 0 none;
	vertical-align: top;
}

ul, li {
	list-style: none;
}

a {
	color: #333;
}

.clear {
	clear: both;
	font-size: 0;
	width: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/* Header */

#header {
	width: 950px;
	margin: 0 auto;
	height: 140px;
}

#header h6 {
	float: left;
}

#header h6 a {
	display: block;
	width: 219px;
	height: 107px;
	margin: 20px 0 0 20px;
	background: url(/images/logo.png) 100% 0 repeat-x;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod='scale');
	_background: none;
	cursor: pointer;
}

#obs {
	float: right;
	display: inline;
	margin: 62px 20px 0 0;
}

#obs li {
	float: left;
	display: inline;
	letter-spacing: 2px;
}

#obs li a,
#obs li strong a {
	display: block;
	width: 39px;
	height: 20px;
	background: url(/images/obs_bg.png) 0 0 repeat-x;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/obs_bg.png', sizingMethod='scale');
	_background: none;
	cursor: pointer;
	margin: 0 0 0 -6px;
	color: #aeaeae;
	text-decoration: none;
	padding: 3px 0 0 26px;
	position: relative;
	outline: none;
}

#obs li a:hover,
#obs li strong a {
	background: url(/images/obs_bg_.png) 0 0 repeat-x;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/obs_bg_.png', sizingMethod='scale');
	_background: none;
	color: #ddd;
}

#obs li strong a,
#obs li strong a:hover {
	color: #fff;
}

/* Search */

#search {
	float: right;
	display: inline;
	width: 580px;
	height: 29px;
	background: url(/images/search_bg.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/search_bg.png', sizingMethod='scale');
	_background: none;
	margin: 0 20px 0 0;
	_clear: both;
}

#search #kw {
	position: relative;
	font: 12px Tahoma;
	width: 476px;
	margin: 2px 0 0 7px!important;
	margin: 4px 0 0 7px;
	border: 1px solid #fff;
}

#search #sb {
	position: relative;
	width: 83px;
	height: 21px;
	background: transparent;
	margin: 4px 0 0 4px;
	border: none;
	cursor: pointer;
	z-index: 1;
}

/* Path */

#path {
	height: 29px;
	background: url(/images/page_bg.png) 0 0 repeat-x;
}

#path div {
	width: 926px;
	margin: 0 auto;
	position: relative;
	z-index: 25;
	padding: 0 24px 0 0;
}

#path h2 {
	float: left;
	display: inline;
	padding: 7px 0 0 10px;
	font: 12px Tahoma;
	position: relative;
	z-index: 20;
}

#path h2 a {
	color: #aeaeae;
	text-decoration: none;
}

#path h2 a:hover {
	color: #ddd;
	text-decoration: none;
}

#path h2 span {
	font: 12px Arial;
	margin: 0 5px;
	cursor: default;
	color: #aeaeae;
}

#path h2 strong {
	font: 12px tahoma;
	color: #f2f2f2;
}

#path h2 cite,
#path h2 cite a {
	font: 12px Arial;
}

#path span#nav_msg {
	margin: 0;
	cursor: text;
}

#path dl {
	float: right;
	display: inline;
	margin: 5px 0 0 10px;
	position: relative;
}

#path dl a {
	outline: none;
}

#path dd {
	position: absolute;
	top: 19px;
	left: 0;
	display: none;
}

#path dt a {
	display: block;
	width: 48px;
	height: 17px;
	color: #aeaeae;
	text-decoration: none;
	background: url(/images/select_bg_1.png) 0 0 repeat-x;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/select_bg_1.png', sizingMethod='scale');
	_background: none;
	letter-spacing: 3px;
	padding: 2px 0 0 7px;
	cursor: pointer;
}

#path dt a:hover {
	color: #eee;
	background: url(/images/select_bg_2.png) 0 0 repeat-x;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/select_bg_2.png', sizingMethod='scale');
	_background: none;
}

#path dt a.active,
#path dt a:hover.active {
	color: #eee;
	background: url(/images/select_bg_3.png) 0 0 repeat-x;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/select_bg_3.png', sizingMethod='scale');
	_background: none;
}

#path dd span {
	display: block;
	width: 130px;
	margin: 3px 0 0 0;
	background: url(/images/option_bg_1.png) 0 0 no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/option_bg_1.png', sizingMethod='crop');
	_background: none;
}

#path ul {
	width: 121px;
	padding: 3px 6px 1px 3px;
}

#path dl#R05 ul {
	width: 151px;
}

#path dd li a,
#path dd li cite,
#path dd li strong,
#path dd p strong,
#path dd li dfn {
	display: block;
	width: 106px;
	padding: 2px 0 2px 14px!important;
	padding: 3px 0 1px 14px;
	color: #000;
	text-decoration: none;
	cursor: default;
	font: 12px "ËÎÌå";
	position: relative;
}

#path dl#R04 dd li a {
	padding: 2px 0 2px 14px!important;
	padding: 3px 0 3px 14px;
}

#path dd li dfn {
	width: 136px;
}

#path dd li a:hover,
#path dd li:hover cite,
#path dd li.hover cite,
#path dd li:hover strong,
#path dd li.hover strong,
#path dd p:hover strong,
#path dd p.hover strong,
#path dd li:hover dfn,
#path dd li.hover dfn {
	color: #fff;
	background: #335EA8;
}

#path dd li strong,
#path dd p strong {
	background: url(/images/button_bg.gif) -282px -155px no-repeat;
}

#path dd li:hover strong,
#path dd li.hover strong,
#path dd p:hover strong,
#path dd p.hover strong {
	background: #335EA8 url(/images/button_bg.gif) -282px -175px no-repeat;
}

#path dd li cite,
#path dd li:hover cite,
#path dd li.hover cite {
	color: #A7A6AA;
}

#path dd li.line {
	background: url(/images/line.gif) 1px 0 no-repeat;
	margin: 3px 0 ;
	height: 2px!important;
	height: auto;
	font-size: 0;
}

#path dd#M05 li.line {
	background: url(/images/line_.gif) 1px 0 no-repeat;
}

h6#rss a {
	background: url(/images/button_bg.gif) -190px -143px no-repeat;
}

h6#da a {
	background: url(/images/button_bg.gif) -170px -707px no-repeat;
}

h6#da a:hover {
	background: #335EA8 url(/images/button_bg.gif) -170px -729px no-repeat;
}

h6#db a {
	background: url(/images/button_bg.gif) -170px -753px no-repeat;
}

h6#db a:hover {
	background: #335EA8 url(/images/button_bg.gif) -170px -771px no-repeat;
}

#path li cite.da {
	background: url(/images/button_bg.gif) -170px -687px no-repeat;
}

#path li:hover cite.da,
#path li.hover cite.da {
	background: #335EA8 url(/images/button_bg.gif) -170px -687px no-repeat;
}

#path li cite.db {
	background: url(/images/button_bg.gif) -170px -788px no-repeat;
}

#path li:hover cite.db,
#path li.hover cite.db {
	background: #335EA8 url(/images/button_bg.gif) -170px -788px no-repeat;
}

#path dd em {
	display: block;
	width: 130px;
	height: 7px;
	font-size: 0;
	background: url(/images/option_bg_2.png) 0 0 no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/option_bg_2.png', sizingMethod='scale');
	_background: none;
}

/* Scroll */

#fix #path dl {
	margin: 0;
	width: 130px;
	top: 5px;
	position: absolute;
}

#fix #path dl#R01 {
	right: 14px;
	z-index: 10;
}

#fix #path dl#R02 {
	width: 160px;
	right: -81px;
	z-index: 11;
}

#path dl.scroll dd span,
#fix #path dl#R02 dd span,
#path dl#R03 dd span,
#path dl#R04 dd span,
#path dl#R05 dd span {
	width: 160px;
	margin: 3px 0 0 0;
	background: url(/images/option_bg_3.png) 0 0 no-repeat!important;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
	background: url(/images/option_bg.gif) 0 0 no-repeat;
	position: relative;
	height: 100%;
	overflow: auto;
}

#path dl.scroll ul,
#fix #path dl#R02 ul,
#path dl#R03 ul,
#path dl#R04 ul {
	width: 144px;
	margin: 27px 6px 1px 0;
	height: 449px!important;
	height: 450px;
	overflow: auto;
	scrollbar-highlight-color:#F9F8F9;
	scrollbar-3dlight-color: #F9F8F9;
	scrollbar-arrow-color: #333;
	scrollbar-darkshadow-color: #9E9DA1;
	scrollbar-face-color: #F9F8F9;
	scrollbar-shadow-color: #EBE9ED;
	scrollbar-track-color: #E8E6EB;
}

#path dl#R04 ul {
	margin: 44px 6px 1px 0;
}

#path dl.scroll li a,
#fix #path dl#R02 li a,
#path dl#R03 li a,
#path dl#R04 li a {
	position: static;
}

#path dl.scroll p,
#fix #path dl#R02 p,
#path dl#R03 p,
#path dl#R04 p {
	width: 120px;
	padding: 3px 0 5px 3px;
	background: url(/images/line.gif) 4px 100% no-repeat;
	position: absolute;
	top: 0;
}

#path dl.scroll p a,
#fix #path dl#R02 p a,
#path dl#R03 p a,
#path dl#R04 p a {
	display: block;
	width: 106px;
	color: #000;
	text-decoration: none;
	padding: 2px 0 2px 14px!important;
	padding: 3px 0 1px 14px;
	cursor: default;
	font: 12px "ËÎÌå";
}
#path dl#R04 p a {
	padding: 2px 0 2px 14px!important;
	padding: 3px 0 3px 14px;
}

#path dl.scroll p a:hover,
#fix #path dl#R02 p a:hover,
#path dl#R03 p a:hover,
#path dl#R04 p a:hover {
	color: #fff;
	background: #335EA8;
}

#path dl.scroll dd em,
#fix #path dl#R02 dd em,
#path dl#R03 dd em,
#path dl#R04 dd em,
#path dl#R05 dd em {
	width: 160px;
	background: url(/images/option_bg_4.png) 0 0 no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/option_bg_4.png', sizingMethod='scale');
	_background: none;
}

#admin #path h2 strong,
#file #path h2 strong {
	font: 12px "Courier New";
}

#admin #path dl.scroll dt a,
#file #path dl.scroll dt a {
	width: 50px;
	height: 16px!important;
	padding: 3px 0 0 5px!important;
	height: 15px;
	padding: 4px 0 0 5px;
	letter-spacing: 0;
	font: 12px "ËÎÌå";
}

#admin #path dl.scroll li cite,
#file #path dl.scroll li cite {
	position: static;
}

#admin #path dl.scroll p a,
#file #path dl.scroll p a {
	background: url(/images/button_bg.gif) -232px -14px no-repeat;
}

#admin #path dl.scroll p a:hover,
#file #path dl.scroll p a:hover {
	background: #335EA8 url(/images/button_bg.gif) -232px -34px no-repeat;
}

#path h6 {
	position: absolute;
	right: -50px;
	top: 7px;
}

#path h6 a {
	display: block;
	width: 35px;
	height: 15px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	letter-spacing: 3px;
	background: url(/images/manage_bg.png) 0 0 no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/manage_bg.png', sizingMethod='scale');
	_background: none;
	cursor: pointer;
}

/* Login */

#login {
	position: fixed!important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	color: #f2f2f2;
}

#login .line {
	height: 5px;
	width: 100%;
	background: #1E1E1E;
	font-size: 0;
}

#login td {
	height: 19px!important;
	height: 16px;
}

#login .A {
	width: 20px;
	background: url(/images/bar_l.png) 0 0 no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bar_l.png', sizingMethod='scale');
	_background: none;
}

#login .B {
	background: url(/images/bar_m.png) 0 0 repeat-x;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bar_m.png', sizingMethod='scale');
	_background: none;
	padding: 0 5px 5px 5px!important;
	padding: 0 5px 3px 5px;
	text-align: center;
	
}

#login .C {
	width: 20px;
	background: url(/images/bar_r.png) 0 0 no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bar_r.png', sizingMethod='scale');
	_background: none;
}

#login a {
	position: relative;
	text-decoration: none;
	color: #FCC900;
}

#login a:hover {
	color: #f2f2f2;
}

#login em {
	width: 1px;
	height: 9px;
	background: #454545;
	display: inline-block;
	font-size: 0;
	margin: 0 5px;
}

#login h6 {
	display: inline;
}

#login h6 a {
	font: 12px Tahoma;
	color: #f2f2f2;
}

#login strong {
	color: #f2f2f2;
	font: 12px "Courier New";
	position: relative;
	top: 0;
	padding: 0 1px;
}

#login span {
	font: 12px "Courier New";
	position: relative;
	top: -1px;
}

#login img {
	margin: 0 8px 0 0;
}

/*
#login cite a,
#login cite a:hover {
	background: url(/images/icon/arrow.gif) 50% 100% no-repeat;
}
*/

/* Footer */

#footer {
	text-align: center;
	clear: both;
	border-top: 3px solid #2b2b2b;
	background: url(/images/patterns_bg.jpg);
	color: #8f8f8f;
	padding: 0 0 1px 0!important;
	padding: 0;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#footer a {
	color: #8f8f8f;
}

#footer p.A {
	margin: 36px 0 0 0;
	position: relative;
}

#footer p.B span a {
	position: absolute;
	top: -28px;
	right: 10px;
	display: block;
	width: 31px;
	height: 13px!important;
	height: 15px;
	background: url(/images/button_bg.gif) -198px -346px no-repeat!important;
	background: url(/images/button_bg.gif) -198px -345px no-repeat;
	z-index: 10;
}

#footer p.B {
	margin: 34px 0 0 0;
	font: 10px Verdana;
	position: relative;
}

#footer p.B a,
#footer p.C span {
	font: 10px Verdana;
}

#footer p.C,
#footer p.E {
	margin: 8px 0 0 0;
}

#footer .D {
	display: none;
}

#footer p.F {
	width: 41px;
	margin: 6px auto;
}

#footer p.F a {
	display: block;
	width: 41px;
	height: 42px;
	background: url(/images/icon/feed.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon/feed.png', sizingMethod='scale');
	_background: none;
	cursor: pointer;
}

#footer p.F a:hover {
	background: url(/images/icon/feed_.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon/feed_.png', sizingMethod='scale');
	_background: none;
}

/* Album */

#album {
	width: 750px;
	margin: 40px auto;
	margin-bottom: 60px;
	border: 5px solid #2b2b2b;
	background: url(/images/patterns_bg.jpg);
	padding: 0 0 10px 0;
}

#album .warp {
	width: 730px;
	margin: 0 auto;
	margin-top: 10px;
	background: #303030;
	position: relative;
}

#album .warp h4 {
	height: 35px;
	background: url(/images/title_bg.gif);
	border-bottom: 1px solid #4a4a4a;
}

#album .warp h4 p {
	float: left;
	display: inline;
	font: 12px tahoma;
	color: #B2D103;
	margin: 10px 0 0 11px;
}

#album .warp h4 strong {
	color: #cdcdcd;
	font: 12px "Courier New";
	position: relative;
	top: 0;
	padding: 0 1px;
}

#album .warp h4 span {
	font: 12px "Courier New";
	position: relative;
	top: -1px;
}

#album .warp h4 cite {
	float: right;
	display: inline;
	color: #B2D103;
	font: 10px Verdana;
	margin: 11px 10px 0 0;
}

#album .warp ul {
	padding: 0 0 15px 0;
	height: 100%;
	overflow: auto;
}

#album .warp li {
	float: left;
	display: inline;
	margin: 18px 0 0 18px;
	width: 160px;
	text-align: center;
}

#album .warp li a {
	display: block;
	background: #4a4a4a;
	padding: 5px 0 0 0;
	text-decoration: none;
}

#album .warp li a img {
	width: 150px;
	height: 110px;
	background: #303030;
}

#album .warp li a:hover {
	background: #5d5d5d;
}

#album .warp li a strong {
	display: block;
	font: 12px tahoma;
	color: #cdcdcd;
	padding: 4px 0 5px 0;
}

#album .warp li a:hover strong {
	color: #fff;
}

#album .warp li a em {
	width: 730px;
	text-align: center;
	position: absolute;
	font: 12px tahoma;
	left: -9999em;
	bottom: 18px;
	color: #B2D103;
}

#album .warp li a:hover em {
	left: 0;
}

#album .warp li a em span {
	font: 11px tahoma;
}

#album .warp li a em img {
	position: relative;
	top: 3px;
	width: 9px;
	height: 9px;
}

#album .warp h3 {
	padding: 0 19px 30px 0;
}

#album .warp h3 p {
	float: right;
}

#album .warp h3 p a {
	display: block;
	width: 64px;
	height: 12px;
	background: url(/images/button_bg.gif) 0 -731px;
}

/* Links */

#links {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	_z-index: -1;
}

#links ul {
	width: 927px;
	margin: 0 auto;
	padding: 8px 0 0 0;
}

#links li {
	float: right;
	display: inline;
}

#links a {
	position: relative;
	color: #8f8f8f;
}

/*
#links strong a {
	font: 12px tahoma;
	color: #ccc;
}
*/

#links li span {
	width: 1px;
	height: 9px;
	background: #666;
	display: inline-block;
	font-size: 0;
	margin: 0 7px;
}

/*PAGE*/

#page {
	margin-bottom: 100px;
	cursor: default;
	text-align: center;
	clear: both;
}

#page .current,
#page .nextprev {
	border: 1px solid #141515;
	padding: 2px 5px;
	margin: 0 3px 0 0;
	display: inline-block;
}

#page .mark {
	width: 28px;
	height: 9px!important;
	height: auto;
	display: inline-block;
	background: url(/images/icon/mark.gif) 0 3px no-repeat;
	margin: 0 0 0 -3px;
}

#page a {
	padding: 2px 5px;
	margin: 0 3px 0 0;
	background: #646464;
	border: 1px solid #141515;
	color: #ddd;
	display: inline-block;
	text-decoration: none;
	hide-focus: expression(this.hideFocus=true); /* ie */
	outline: none;
}

#page a:hover {
	color: #333;
	background: none;
	text-decoration: none;
}

/*NOPIC*/

#nopic {
	width: 470px;
	margin: 40px auto;
	margin-bottom: 60px;
	background: url(/images/patterns_bg.jpg);
	border: 5px solid #2b2b2b;
}

#nopic .warp {
	width: 274px;
	margin: 30px auto;
	background: url(/images/img/nopic.png) left top no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/img/nopic.png', sizingMethod='crop');
	_background: none;
	padding: 20px 0 20px 140px;
}

#nopic .warp h3 {
	font: bold 12px tahoma;
	color: #B2D103;
}

#nopic .warp ul {
	margin: 35px 0 0 0;
	color: #cdcdcd;
}

#nopic .warp li {
	padding: 0 0 0 18px;
	margin: 0 0 15px 0;
	font: 12px "ËÎÌå";
	line-height: 18px;
	background: url(/images/button_bg.gif) 0 0 no-repeat;
}

#nopic .warp li.A {
	background-position: -200px -16px!important;
	background-position: -200px -17px;
}

#nopic .warp li.B {
	background-position: -200px -61px;
	margin: 0 0 0 0;
}

#nopic .warp li.C {
	background-position: -200px -61px;
	margin: 0 0 0 0;
}

#nopic .warp li.D {
	background-position: -200px -106px;
	margin: 15px 0 0 0;
}

#nopic .warp li.E {
	background-position: -200px -61px;
	margin: 0 0 0 0;
}

#nopic .warp li a  {
	color: #B2D103;
}