@CHARSET "UTF-8";

/**
 * dark green 		: #060
 * normal green 	: #690
 * dark blue		: #003153
 * gray blue		: #4d726b
 */

/* Reset CSS (http://meyerweb.com/eric/tools/css/reset/)
==================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Common CSS
==================================================== */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */ 

/*
.verticalAlign {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.verticalAlign * {
    vertical-align: middle;
}

* html .verticalAlign {
    display:block;
}
*+html .verticalAlign {
    display:block;
}
* html .verticalAlign .extra {
    display: inline-block;
    height: 100%;
	width:0;
}
*+html .verticalAlign .extra {
    display: inline-block;
    height: 100%;
	width:0;
}
* html .verticalAlign .inner {
    display:inline-block;
}
*+html .verticalAlign .inner {
    display:inline-block;
}
*/

.verticalAlignFix {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
/* for IE 6 7 */
* html .verticalAlignFix{
	display:block;
}
*+html .verticalAlignFix {
	display:block;
}
* html .verticalAlignFix .extra {
	width:0;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
*+html .verticalAlignFix .extra {
	width:0;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
* html .verticalAlignFix .inner {
	vertical-align:middle;
	display:inline-block;
}
*+html .verticalAlignFix .inner {
	vertical-align:middle;
	display:inline-block;
}

html {
	background:#F7F7F7;
}

body {
	background-color:transparent;
	margin:0 auto;
	width:984px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif, "Microsoft YaHei", "微软雅黑", "黑体";
}

.yitu a {
	color:#003153;
	text-decoration:none;
}
.yitu a:hover {
	color:#C98E00;
	text-decoration:underline;
}

.yitu .blockTitle {
	color:#476478;
	font-size:12px;
	font-weight:bold;
	border-top:2px solid #ddd;
	border-bottom:1px solid #ddd;
	display:block;
	padding:0 5px;
	height:21px;
	line-height:21px;
	background:#f1f1f1;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif, "Microsoft YaHei", "宋体";
	margin-top:10px;
	text-shadow:0 1px 0 #FFFFFF;
}

.yitu .blockTitleExtra {
	float:right;
}

.yitu h2.pageHeader {
	font-size:21px;
	font-family:'Lucida Grande', Verdana, Arial, Sans-Serif, "Microsoft YaHei", "微软雅黑", "黑体";
	text-align:center;
	margin:2px 0 5px 0;
	font-weight:normal;
	border-bottom:1px solid #ddd;
	padding:0 10px 5px 10px;
	text-shadow:0 1px 0 #FFFFFF;
	color:#003153;
	line-height:130%;
}

.yitu .recordNotFound {
	padding:5px 0 15px 0;
	font-weight:bold;
	color:#c98e00;
}

.yitu.lang_zh .artistInfo p,
.yitu.lang_zh .workDescription p {
	text-indent:2em;
}
.yitu .artistInfo p ,
.yitu.lang_zh .workDescription p  {
	margin-bottom:10px;
	line-height:150%;
	text-align:justify;
}

.yitu .formText {
	padding:3px;
	border:1px solid #003153;
	background:#fff;
	font-size:12px;
}
.yitu .formButton {
	padding:3px 8px;
	border:0;
	background:#003153;
	font-size:12px;
	color:#fff;
}

.yitu .loading {
	background:#fff url(../images/loading/3.gif) no-repeat right center;
}

.yitu .errors {
	color:red;
}

/*= pagination
------------------- */
.yitu .pager {padding:10px 0;}
.yitu .pager .perPage,
.yitu .pager label {
	float:left;
	padding:0;
	margin:0;
	margin-right:10px;
}
.yitu .pager select {
	width:auto;
	height:20px;
	font-size:10px;
}
.yitu .pager .pageLinks {
	float:right;
	width:70%;
	text-align:right;
}
.yitu .pager .pageLinks .count {
	margin-bottom:5px;
}
.yitu .pager .pageLinks ul {
	float:right;
}
.yitu .pageLinks ul,
.yitu .pageLinks li {
	list-style:none;
}
.yitu .pageLinks li {
	display:inline;
	padding-bottom: 1px; 
}
.yitu .pageLinks li a,
.yitu .pageLinks li span {
	border:1px solid #DADBD2;
	padding:0 5px;
	text-decoration: none;
	color: #2e6ab1;
	background:#F6F6F6;
}
.yitu .pageLinks li a:hover {
	border:1px solid #B6B6B6;
	color:#000;
}
.yitu .pageLinks li span {
	background:#FFF;
	color:#000;
}

/* Layout
==================================================== */
.yitu {
	width:960px;
	margin:0 auto;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif, "宋体";
	font-size:12px;
	color:#333;
}
.yitu #main {
	border-bottom:1px solid #476478;
	padding-bottom:10px;
}
.yitu #content,
.yitu #sideBar {
	float:left;
}
.yitu #content {
	width:640px;
}
.yitu #sideBar {
	width:310px;
	margin-left:10px;
}
.yitu #footer {
	border-top:5px solid #476478;
	padding:3px 0;
	margin-top:1px;
}

/* Menu
==================================================== */
.yitu .logo {
	float:left;
	margin:5px 0;
}
.yitu .logo a {
	text-indent:-9000px;
	width:312px;
	height:36px;
	background:url(../images/logo.gif) no-repeat left top;
	display:block;
}

.yitu .searchForm {
	float:right;
	padding:6px 0 2px 0;
}
.yitu .searchForm input {
	padding:1px 5px;
	border:1px solid #ddd;
}
.yitu .searchForm .formText {
	width:150px;
}
.yitu .searchForm .formButton {
	background:#f1f1f1;
	color:#999;
}

/* Menu
==================================================== */
.yitu #menu {
	clear:both;
	background:#476478;
	padding-left:10px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif, "Microsoft YaHei", "宋体";
	border-top:2px solid #476478;
}
.yitu #menu h5 {
	display:none;
}
.yitu #menu li {
	float:left;
}
.yitu #menu li a {
	display:block;
	height:20px;
	line-height:20px;
	padding-bottom:1px;
	width:80px;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
.yitu #menu li a:hover {
	color:#ddd;
}

.yitu #menu li.current a {
	background:#fff;
	color:#C98E00;
	padding-top:1px;
	padding-bottom:0;
}
.yitu #menu li.current a:hover {
	color:#690;
}

.yitu .userInfo {
	float:right;
	padding:3px 10px 0 0;
	color:#ccc;
}
.yitu .userInfo a {
	color:#fff;
	font-weight:bold;
}
.yitu .userInfo a:hover {
	color:#ccc;
}

/* nav
==================================================== */
.yitu #nav {
	border-bottom:1px solid #476478;
	padding:6px 0 7px 0;
	margin-bottom:5px;
	background:#fff;
}
.yitu #nav ul, 
.yitu #nav li {
	display:inline;
	color:#003153;
}
.yitu #nav li a {
	text-decoration:none;
}
.yitu #nav h5 {
	display:none;
}

/* footer
==================================================== */
.yitu #footer h5 {
	float:right;
	width:30%;
	text-align:right;
	color:#476478;
}
.yitu #footer p {
	float:left;
	width:60%;
	text-indent:0;
	margin:0;
}


/* books
==================================================== */
.yitu .books {
	padding:10px 0;
}
.yitu .books li {
	float:left;
	width:110px;
	text-align:center;
	line-height:150%;
}
.yitu .books li a {
	margin-bottom:5px;
}
.yitu .books a.bookImage img {
	padding:3px;
	border:1px solid #ccc;
	background:#fff;
}
.yitu .books a.bookTitle {
	display:block;
	margin-top:5px;
	height:40px;
	width:100%;
	overflow:hidden;
}

/* artist
==================================================== */
.yitu #artist {
	line-height:150%;
}

/*= artistInfo
------------------- */
.yitu .artistInfo {
	padding:0 0 10px 0;
}


/*= artistDetail
------------------- */
.yitu .artistDescription {
	width:46%;
	float:right;
}
.yitu .artistDetail {
	float:left;
	width:50%;
	margin-bottom:10px;
}
.yitu .artistImageContainer {
	padding-top:5px;
}
.yitu .artistImage {
	text-align:center;
	border:1px solid #ddd;
	background:#fff;
	padding:3px;
	vertical-align:middle;
	width:300px;
}
.yitu .artistImage img {
	max-height:98%;
	max-width:98%;
}
.yitu .artistLinks h3 a {
	padding:5px;
	text-align:center;
	margin-bottom:10px;
	display:block;
	background:#669900;
	font-size:14px;
	color:#fff;
	text-shadow:0;
}
.yitu .artistLinks h3 a:hover {
	background:#003153;
	text-decoration:none;
}
.yitu .infos {
	margin-top:5px;
}
.yitu .infos dt,
.yitu .infos dd {
	float:left;
	padding:3px 0;
}
.yitu .infos dt {
	width:25%;
}
.yitu .infos dd {
	width:65%;
	color:#003153;
}

/*= artistWorks
------------------- */
.yitu .artistWorks {
	border-bottom:1px solid #ddd;
}
.yitu .works {
	padding:10px 0;
}
.yitu .works li {
	float:left;
	width:140px;
	margin:0 0 0 16px;
	text-align:center;
}
* html .yitu .works li {
	margin:0 0 0 11px;
}
*+html .yitu .works li {
	margin:0 0 0 11px;
}
.yitu .works li a {
	margin-bottom:5px;
}
.yitu .works a.workImage {
	border:1px solid #ccc;
	padding:3px;
	background:#fff url(../images/loading/3.gif) no-repeat center center;
	width:134px;
	height:134px;
}
.yitu .works a.workImage:hover {
	border:1px solid #aaa;
	background-color:#f1f1f1;
	text-decoration:none;
}
* html .yitu .works a.workImage {
	width:130px;
	height:130px;
}
*+html .yitu .works a.workImage {
	width:130px;
	height:130px;
}
.yitu .works a.workTitle {
	display:block;
	margin-top:5px;
	height:40px;
	width:100%;
	overflow:hidden;
}
.yitu .works .infoMissing {
	height:10px;
}

.yitu #sideBar .works li {
	margin:0 0 0 10px;
}
* html .yitu #sideBar .works li {
	margin:0 0 0 6px;
}
*+html .yitu #sideBar .works li {
	margin:0 0 0 6px;
}

.yitu .duplicatePictures {
	color:#999;
	border:1px solid #ddd;
	padding:5px;
}

.yitu .quickNavigation .previous h3 a,
.yitu .quickNavigation .next h3 a {
	height:18px;
	line-height:18px;
}
.yitu .quickNavigation .previous h3 a {
	background:url(../images/icon/previous.gif) no-repeat left center;
}
.yitu .quickNavigation .next h3 a {
	background:url(../images/icon/next.gif) no-repeat right center;
}

/*= artistTags
------------------- */
.yitu .artistTags a {
	color:#003153;
}
.yitu .artistTags a:hover {
	color:#669900;
}
.yitu .tagCloud {
	padding:10px;
}
.yitu .tagCloud li { display: inline; }
.yitu .tagCloud li a { padding-right:5px; }
.yitu .tagCloud span { 
	position: absolute; left: -9999px; width: 9900px;
}
.yitu .tagCloud .notPopular { 
	font-size: 110%; 
	color:#aaa;
	line-height:1.5em;
}
.yitu .tagCloud .notVeryPopular { 
	font-size: 120%; 
	color:#777;
	line-height:1.4em;
}
.yitu .tagCloud .somewhatPopular { 
	font-size: 130%; 
	color:#666;
	line-height:1.3em;
}
.yitu .tagCloud .popular { 
	font-size: 140%; 
	color:#444;
	line-height:1.2em;
}
.yitu .tagCloud .veryPopular { 
	font-size: 150%; 
	color:#333;
	line-height:1.1em;
}
.yitu .tagCloud .ultraPopular { 
	font-size: 160%; 
	color:#111;
	line-height:1em;
}

.yitu .artistTags.workTags .notPopular,
.yitu .artistTags.workTags .notVeryPopular,
.yitu .artistTags.workTags .somewhatPopular,
.yitu .artistTags.workTags .popular,
.yitu .artistTags.workTags .veryPopular,
.yitu .artistTags.workTags .ultraPopular {
	font-size:12px;
	line-height:150%;
	display:block;
	border-bottom:1px dashed #ddd;
	color:#333;
}
.yitu .artistTags.workTags li { 
	display: inline;
	float:left;
	width:49%;
	background:url(../images/icon/arrow/01_right.gif) no-repeat 0 3px;
}
.yitu .artistTags.workTags .yitu .tagCloud {
	padding:0；
}
.yitu .artistTags.workTags .tagCloud li a { 
	margin-left:15px;
	padding:0;
}

.yitu .artistTags .blockTitleExtra {
	color: #C98E00;
	font-weight:normal;
	font-size:12px;
}

/*= artistArticles
------------------- */
.yitu .articles {
	padding:5px 0;
}
.yitu .articles li {
	padding:3px 5px;
	border-bottom:1px dashed #eee;
}

/* artistWork
==================================================== */
.yitu .artistWork {
	padding-bottom:10px;
}
.yitu .artistWork .workImage {
	text-align:center;
	margin:10px 0;
	border:1px solid #eee;
	background:#fff url(../images/loading/3.gif) no-repeat center center;
	padding:8px 5px;
	display:block;
}
.yitu .artistWork .workImage:hover {
	border:1px solid #ddd;
	background-color:#f1f1f1;
}
.yitu .artistWork .workInfo {
	margin:10px 0;
	border:1px solid #eee;
	padding:5px 10px 10px;
}

/* addTag
==================================================== */
.yitu .addTag {
	padding:5px;
	border:1px solid #eee;
	text-align:center;
	background:#fff;
}
.yitu .addTag .tagInput {
	width:130px;
}
.yitu .addTag dt {
	float:left;
	padding:8px 0 0;
	width:70px;
	text-align:right;
	clear:left;
}
.yitu .addTag dd {
	float:left;
	padding:3px 3px 3px 10px;
	width:210px;
	text-align:left;
	clear:right;
}
.yitu .addTag dd#newTag-element {
	width:140px;
}
.yitu .addTag dd#submit-element {
	float:left;
	width:50px;
	padding-left:3px;
}
.yitu .addTag #captcha-input {
	width:180px;
}
.yitu .addTag #picture_id-label,
.yitu .addTag #picture_id-element,
.yitu .addTag dt#submit-label {
	display:none;
}
.yitu .addTag dd .description {
	color:#C98E00;
	line-height:120%;
}

/* artistList
==================================================== */
.yitu .artistList .artistInfo {
	border-bottom:1px dashed #ccc;
}
.yitu .artistList .artistImage {
	width:22%;
	float:left;
}
.yitu .artistList .artistDescription {
	width:75%;
	float:left;
	margin-left:10px;
	padding:0;
	line-height:150%;
}
.yitu .artistList .artistWorkLink {
	text-align:right;
}
.yitu .artistList .artistWorkLink a {
	color:#C98E00;
}
.yitu .artistList .artistWorkLink a:hover {
	color:#690;
}
.yitu .artistList .artistInfo .pageHeader {
	text-align:left;
	margin:0 0 5px 0;
	padding:0 0 6px 0;
	font-size:17px;
}


/* promotedArtist
==================================================== */
.yitu .promotedArtist .artistInfo {
}
.yitu .promotedArtist .artistImage {
	width:25%;
	float:left;
}
.yitu .promotedArtist .artistDescription {
	width:70%;
	float:left;
	margin-left:10px;
	padding:0;
	line-height:150%;
}
.yitu .promotedArtist .artistInfo .pageHeader {
	text-align:left;
	margin:0 0 5px 0;
	padding:0 0 10px 0;
}

/* home
==================================================== */
.yitu .home {
	padding:10px 0 5px 0;
}
.yitu .home .artistDetail {
	width:310px;
	margin-bottom:0;
	padding-bottom:10px;
}
.yitu .home .image a {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	padding:3px;
	text-align:center;
	vertical-align:middle;
	width:300px;
	display:block;
}
.yitu .home .image a:hover {
	border:1px solid #aaa;
	background-color:#f1f1f1;
	text-decoration:none;
}
.yitu .home .artistDetail .pageHeader {
	font-size:14px;
	text-align:left;
	padding:5px 0;
}
.yitu .home .artistDetail .adContainer {
	text-align:left;
	padding:0;
}
.yitu .home .artistWorks .adContainer {
	border-bottom:2px solid #DDDDDD;
	margin-bottom:5px;
	padding:0 0 3px;
}
.yitu .home .artistWorks .imageAd .adContainer {
	border:0;
	border-top:1px solid #DDDDDD;
	margin-bottom:0;
}
.yitu .home .summary {
	line-height:150%;
	margin-bottom:5px;
}
.yitu .home .artistWorks {
	float:left;
	width:640px;
	margin-left:10px;
}
.yitu .home .artistWorks .works li {
	margin:0 0 4px 16px;
}

.yitu .home .artistDetail .blockTitle,
.yitu .home .artistWorks .blockTitle {
	margin:0 0 5px 0;
}

/* adBlock
==================================================== */
.yitu .adContainer {
	padding:5px 0;
	text-align:center;
}

.yitu #artist .adContainer {
	border-bottom:2px solid #ddd;
	padding:0 0 3px 0;
	margin-bottom:10px;
}

.yitu .artistList .adContainer {
	border-bottom:1px dashed #ccc;
}

.adSpots .adBlock .adContainer {
	float:left; 
	border:1px solid #ddd;
	margin-right:5px; 
	padding-bottom:8px;
	width:150px; 
	text-align: center;
}
.adSpots .adBlock .adContainer.last {
	margin-right:0; 
}
.adBlock .adContainer.bottomAd {
	border-top:2px solid #ddd;
	padding-top:10px;
	margin-top:10px;
}

/* documentBody
-----------------------------*/
.yitu .documentBody {
	line-height:150%;
}
.yitu .documentBody p {
	margin-bottom:20px;
}
.yitu .documentBody ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: outside circle;
	padding-left: 10px;
}
.yitu .documentBody li {
	margin: 7px 0 8px 10px;
}
	
/* =zend_form
-----------------------------*/
dl.zend_form { clear:both; }
dl.zend_form dt {
	width:100px;
	float:left;
	margin-rigth:10px;
	padding:8px 10px 3px 80px;
}
dl.zend_form dd {
	width:250px;
	float:left;
	padding:3px;
}

.yitu .registerForm,
.yitu .loginForm,
.yitu .captchaForm {
	width:500px;
	margin:10px auto;
	border:1px solid #eee;
	background:#fff;
	padding:0 0 10px 0;
}
.yitu .registerForm .blockTitle,
.yitu .loginForm .blockTitle,
.yitu .captchaForm .blockTitle {
	margin:0 0 20px 0;
}

/* friendLinks
==================================================== */
.yitu .friendLinks {
	padding:5px 10px;
}
.yitu .friendLinks li {
	float:left;
	margin-right:10px;
	line-height:150%;
}

.yitu .captchaMessage {
	text-align:center;
	color:#666;
	margin-bottom:5px;
	padding:10px;
	border:1px solid #ddd;
	background:#f1f1f1;
	margin:0 10px 10px;
}

.yitu .ui-state-error,
.yitu .ui-state-highlight {
	padding:10px;
	margin:3px 10px 10px;
}
.yitu .ui-icon-alert {
	float:left;
	margin-right:10px;
}

.yitu #error h3 {
	font-size:14px;
	margin:10px 0;
}
.yitu #error p {
	margin-bottom:10px;
	line-height:150%;
}
.yitu #error p a {
	color:#C98E00;
}