/*
Theme Name: China Pictures
Theme URI: http://wordpress.org/extend/themes/inove/
Description: Inspired by MacZone, created by <a href="http://www.neoease.com/">mg12</a>. It is very stylish, widget supported and doesn’t require any plugin.
Version: 1.0.0
Author: gavin.zhang
Author URI: http://www.neoease.com/
Tags: two columns, fixed width, widget ready, right sidebar, white, mac, stylish, valid XHTML, valid CSS, admin options
*/

/*  Web default
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
* {margin:0; padding:0;}
body {background:#909090 url(img/bodybg.jpg) repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;font-weight:normal;}
img{border:0px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:200%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}

a:link, a:visited {color:#444;text-decoration:none;}
a:hover, a:active{color:#666;}

/*--------------------------body structure start-----------------*/
#wrap {margin:0 auto;width:966px;}
#content {padding-top:4px;background:#eeeeee url(img/diag_stripe.gif);}
#main {float:left;margin-left:2px;width:647px;}
#header {background:url(img/headerbg1.jpg) top no-repeat; padding:0px 0;}


/*-------------------------- Header -----------------*/
#catmenucontainer{float:left;height:25px;display:block;padding:0px;}
#catmenu  li {float: left;margin: 0px;padding-top:4px;background:url(img/pagebreak.gif) left no-repeat;}
#catmenu ,#catmenu ul {width:900px;padding: 0px;list-style: none;height:25px;}
#catmenu  a {color:#FFF;display: block;font-weight: normal;padding:2px 10px 4px 10px;}
#catmenu  a:hover {color: #fff;display: block;text-decoration: none;background: #909090;}
#catmenu  li li {float: left;margin: 0px 0px 0px 0px;padding: 0px;}
#catmenu  li li a, #catmenu  li li a:link, #catmenu  li li a:visited {width: 110px;float: none;margin: 0px;padding:6px 10px 4px 20px;color:#E8EBEE;background: #444444;}
#catmenu  li li a:hover, #catmenu  li li a:active {width: 110px;float: none;margin: 0px;padding:6px 10px 4px 20px;color:#fff;background: #909090;}
#catmenu  li ul {position: absolute;width: 130px;left: -999em;width: 130px;}
#catmenu  li:hover ul {left: auto;display: block;}
#catmenu  li:hover ul, #catmenu li.sfhover ul {left: auto;z-index:100;}	


/*-------------------------- Search -----------------*/
#searchbox {width:180px;float:right;margin-top:4px;margin-right:42px;}
#searchbox  input{vertical-align:middle; border: 0px solid #FFF;}



/*-------------------------- AD -----------------*/
.categryAdText{margin:5px 0 5px 0;float:center;border-bottom:1px dashed #999999;width:100%;padding:0 0 10px 0;}
.homeAdUnderFeature{background:#FFF; }
.categrayTopAd{background:#FFF; }
.singleTopAd{text-align:center;}

/*-------------------------- Index -----------------*/
.yy{float:left; margin:0 5px 5px 0;}
.yy img{padding:2px 2px 2px 2px;border:1px solid #A9A9A9;}
.yy img:hover {background-color: #A9A9A9;}
.mcon{background:#FFF;padding:13px; margin:5px 0 0 0; height:auto}
.mcon p{padding:0; margin:0;}
.til{ margin:0px;padding-bottom:10px;text-align:left;color:#999999;font-weight:bold;}
.mxx li{list-style:none;float:left; margin-bottom:5px; height:100px}
.mxx li.ppic img {width:90px; height:90px;}

.mexp{ float:left; width:178px;overflow:hidden; margin:3px 11px 10px 0;border:0px solid red;color: #666666;}
.mexp img:hover {background-color: #A9A9A9;} 
.mexp a{font-weight:none;padding:0; display: inline;}
.mexp a:hover{font-weight:none;color: #FFFFFF;background:#666;padding:0; display: inline;}
.mexp img{padding:2px 2px 2px 2px;border:1px solid #A9A9A9;}

.mexpcat{border-bottom: 2px solid #999999; margin-bottom:2px}
.mexpcat h5 {font-variant:small-caps; font-weight:bold; margin-bottom:2px; color: #999999}
.mexpcat a {color: #999999}
.catText{float:left; color:#666666; width:100%;}
.catText li{float:left; margin:0px;list-style:none; line-height:27px;}
.catText ul {margin:0px;padding:0 10px 0px 8px; list-style:none; text-align:left;width:98%;}
.catText a{font-weight:none;padding:0; display: inline;}
.catText a:hover{font-weight:none;color: #FFF;background:#666;padding:0; display: inline;}
.catText span{font-size:11px;}
.eachLine{border-bottom:1px dashed #999999;width:100%;}
.catTextCat h5 {font-variant: small-caps; font-weight:bold; margin-bottom:2px; color:#999999;}
.catTextCat a {color:#999999;}
.mcon2{background:#FFF; padding:13px; margin-top:5px; height:240px;}
.mxx2 li{list-style:none; float:left; margin:0;}
.mxx2 li.ppic img { width:90px; height:90px;}
.indexyy{float:left; margin:0 3px 4px 0;}
.indexyy img:hover {background-color: #A9A9A9;} 
.indexyy img{padding:2px;border:1px solid #A9A9A9;}.mcon3{background:#FFF; padding:13px; margin-top:5px;padding-bottom:16px;}.mcon3 li a{font-weight:bold;color:#999999;}

/*-------------------------- category -----------------*/
.catmcon{ border:0px solid #dddddd;background-color:#FFF;padding:13px; margin:0 0 0 0;}
.catmconheader{border-bottom: 3px solid #999999; padding-bottom:5px;}
.catmconheader h1{font-size:30px; font-variant: small-caps;}
.post{margin:15px 0 15px 0; border-bottom: 1px dashed #999999; padding-bottom:10px; height:110px;}
.entry h2{padding-left:7px; font-size:150%;}
.post .entry{line-height:1.4em;overflow:hidden;}
.post .entry p{padding-left:7px; margin-bottom:20px;}
.postMeta, .continue a{font-size:11px;text-align:left;margin-bottom:4px;color:#7F7F7F;padding-left:7px;}

/*-------------------------- side bar -----------------*/
#sidebar{float:right;margin:0 2px;width:305px;line-height:1.3em;overflow:hidden;border:0px solid red;}
#sidebar a{font-weight:none;color: #575757;}
#sidebar a:hover{font-weight:none;color: #FFFFFF;background:#666;}

.otherinfo {background:#FFFFFF; margin-bottom:5px;}

.tabmenu {background-color:#CCCCCC; color:#333;height:23px;}
.tabmenu ul {margin:0px; padding:0 5px 0px 8px; list-style:none; text-align:left;}
.tabmenu li {display:inline; line-height:23px;}
.tabmenu li a {color:#000000; text-decoration:none; padding:5px 5px 5px 5px;}
.tabmenu li a.tabactive {border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#CCCCCC;  position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3 {text-align:left;padding:6px 0px; font-size:12px; margin-bottom:5px;padding:0 10px 5px 15px;}
#tabcontent1 li,#tabcontent2 ul li,#tabcontent3 ul li {list-style:none;padding:3px 5px;border-bottom:1px dashed #999999;line-height:1.3em;color:#7F7F7F; font-size:11px;}
#tabcontent1 li a,#tabcontent2 ul li a,#tabcontent3 ul li  a{line-height:1.5em; font-weight:bold;font-size:12px;color:#444;}
.rightAd{background:#FFFFFF;}
.sideBarPic{margin:5px 0px 5px 0px; padding-bottom:5px;}
.sideBarPic img{padding:2px 3px 2px 2px;border:1px solid #D2D2D2;}
#hottags { text-align:left;font-size:12px; margin-bottom:15px;padding:0 10px 5px 0px;margin-top:10px;height:60px;}
#hottags li {list-style:none;padding:3px 10px 0 15px;line-height:1.3em;color:#7F7F7F; font-size:10px;float:left;}
#hottags li a{line-height:1.5em; color:#444; font-weight:bold;font-size:10px;}
#hottags a:hover{font-weight:none;color: #FFFFFF;background:#666;padding:0; display: inline;}

.catList{width:137px;margin:5px;}
.catListHeader{background-color:#CCCCCC; color:#333; border-bottom:1px solid #d7d7d7; height:23px;}
.catListHeader ul {margin:0px; padding:0 10px 0px 8px; list-style:none; text-align:left;}
.catListHeader li {display:inline; line-height:23px;}
.catListHeader li a {color:#000000; text-decoration:none; padding:5px 5px 5px 5px;}
.catListItems{ text-align:left;padding:6px 0px; font-size:12px; margin-bottom:5px;padding:0 10px 5px 0;color:#333;}
.catListItems li {list-style:none;padding:3px 5px;border-bottom:1px dashed #999999;line-height:1.3em;color:#333;font-weight:bold;}
.catListItems ul{color:#333;font-weight:bold;}
.catListItems li a {line-height:1.5em; font-size:12px; font-weight:bold; color:#333;}
.sideBarAd300250{margin:0 0 5px 0px;border:1px solid #FFF;height:254px;background:#FFFFFF; padding-left:4px;padding-top:4px;}
.sideBarAd160600{margin:0 0 5px 0px;width:160px;float:right;padding-top:5px;text-align:center;}

/*-------------------------- Post -----------------*/
.postmcon{background:#FFF; padding:13px; margin:0;}
#postpath {height:16px;line-height:15px;margin:0;padding-left:5px;padding-bottom:4px;}
.postdetail{margin:17px 0 15px 0;padding-bottom:20px; line-height:1.5;}
.postdetail h1 {display:block;padding:0 5px 5px;font-family:Arial, Helvetica, sans-serif;font-size:31px;font-weight:normal;line-height:30px;border-bottom: 1px solid #999999;}
.postinfo{font-size:11px;text-align:left;margin:0 0 5px 0;color:#7F7F7F;padding:7px 0 0 7px;}
.postinfo  span {margin-right:20px;}
.categoriepost{background:url(img/cat.png) no-repeat; padding: 4px 0 4px 25px;}
.viewpost{background:url(img/view.png) no-repeat; padding: 4px 0 4px 25px;}
.commentspost{background:url(img/comment.png) no-repeat; padding: 4px 0 4px 25px;}
.singleTopTextAd{border:1px solid #FFF; margin:5px 0 15px 0;float:right;}
.errorbox {background:#EDEFF0 url(img/messagebox.gif) no-repeat;padding:0 12px;height:27px;line-height:27px;font-size:12px;}
#relatedPost { text-align:left;font-size:12px; margin-bottom:15px;padding:0 10px 5px 0px;margin-top:10px;}
#relatedPost h2{ border-bottom:1px dashed #999999;padding-bottom:5px;}
#relatedPost li {list-style:none;padding:3px 5px 0 25px;border-bottom:0px dashed #999999;line-height:1.3em;color:#7F7F7F; font-size:11px;}
#relatedPost li a{line-height:1.5em; color:#444; font-weight:bold;font-size:12px;}
#relatedPost a:hover{font-weight:none;color: #FFFFFF;background:#666;padding:0; display: inline;}
.singleComments {background:#FFF;}
#postnavi {margin:0px 0px 3px;padding:10px 5px 3px;}
#postnavi .prev a {background:url(img/icons.gif) 0 -224px no-repeat;padding-left:22px;float:left;height:16px;line-height:16px;}
#postnavi .next a {background:url(img/icons.gif) 100% -240px no-repeat;padding-right:22px;float:right;height:16px;line-height:16px;}
.content h4{font-size:12px;}

/*-------------------------- Footer -----------------*/
#footer {font-size:12px;width:100%;padding-top:15px;padding-bottom:50px;height:130px;background:#eeeeee url(img/diag_stripe.gif);}
#footer a {color:#2A2A2A;}

.gotop{background:url(img/icons.gif) 0 -304px no-repeat;height:16px;line-height:18px;padding-left:16px;margin:5px 15px 3px 900px !important;margin:5px 8px 0 0;float:right;}
.gotop a{color:#FFF;}
.homeLinks{width:954px;margin:3px 10px 3px 2px;line-height:2;background:#FFF;}
.homeLinks ul li{list-style:none; padding:3px 15px 0 5px; float:left;}
.footermenu{}
#footercategories{background:#f6f6f6 url(img/bodybg.jpg) repeat-x 0 -94.8px;float:left;width:643px;border:0px solid #999999;padding-left:317px;}
#footercategories ul{list-style:none;padding:1px 0 0px 0;}
#footercategories li{float:left;display:block;background:url(img/pagebreak.gif) 0 6px no-repeat;height: 25px;padding-top:4px;}
#footercategories li a{color:#FFF;display:block;padding:2px 10px 4px 10px;}
#footercategories li a:hover{color:#FFF;background: #909090;}
.copyright{margin-top:20px;margin-bottom:10px;}

input.textfield, textarea {background:#FFF url(img/textfield.gif) top repeat-x;border:0px solid #999999;padding:2px 1px;}


.welInfo{margin-top:10px; margin-bottom:40px;line-height:1.5;font-size:13px;}
.linkList{list-style:none; width:100%; color:#ff7f50; margin-left:0px;}
.linkList li {color:#666666; line-height: 2; padding:3px 3px 10px 0px;margin-left:0px;}
.linkList li a {color:#ff7f50;}
.linkBox{margin-top:10px; margin-left:30px; margin-right:30px;margin-bottom:10px;color:#ff7f50;}
.fixed, .clear {clear:both;}


#featured{padding:5px 0 10px 4px;background:#FFF;}
#featured h3{margin:0px;padding-bottom:5px; text-align:left;color:#999999;font-weight:bold;font-size:12px;}
#myGallery{margin:4px;font-size:18px;background:#FFF;}
#myGallery, #myGallerySet, #flickrGallery{width: 620px;height: 240px;z-index:5;}
#flickrGallery{width: 500px;height: 334px;}
#myGallery img.thumbnail, #myGallerySet img.thumbnail{display: none;}
.jdGallery{overflow: hidden;position: relative;}
.jdGallery img{border: 0;margin: 0;}
.jdGallery .slideElement{width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: center center;}
.jdGallery .loadingElement{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000;background-repeat: no-repeat;background-position: center center;}
.jdGallery .slideInfoZone{position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 75px;background: #000;color: #fff;text-indent: 0;overflow: hidden;}
* html .jdGallery .slideInfoZone{bottom: -1px;}
.jdGallery .slideInfoZone h2{padding: 0;font-size: 85%;margin: 0;margin: 2px 5px;font-weight: bold;color: inherit;}
.jdGallery .slideInfoZone p{padding: 0;font-size: 70%;margin: 2px 5px;color: #eee;}
.jdGallery div.carouselContainer{position: absolute;height: 135px;width: 100%;z-index: 10;margin: 0px;left: 0;top: 0;}
.jdGallery a.carouselBtn{position: absolute;bottom: 0;right: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #000;color: #fff;cursor: pointer;display: none;}
.jdGallery .carousel{position: absolute;width: 100%;margin: 0px;left: 0;top: 0;height: 115px;background: #000;color: #fff;text-indent: 0;overflow: hidden;}
.jdExtCarousel{overflow: hidden;position: relative;}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper{position: absolute;width: 100%;height: 78px;top: 10px;left: 0;overflow: hidden;}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner{position: relative;}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail{cursor: pointer;background: #000;background-position: center center;float: left;border: solid 1px #fff;}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail{margin-bottom: 10px;}
.jdGallery .carousel .label, .jdExtCarousel .label{font-size: 13px;position: absolute;bottom: 5px;left: 10px;padding: 0;margin: 0;}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton{font-size: 10px;position: absolute;bottom: 5px;right: 10px;padding: 1px 2px;margin: 0;background: #222;border: 1px solid #888;cursor: pointer;}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number{color: #b5b5b5;}
.jdGallery a{font-size: 100%;text-decoration: none;color: inherit;}
.jdGallery a.right, .jdGallery a.left{position: absolute;height: 70%;width: 30%;cursor: pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;}
* html .jdGallery a.right, * html .jdGallery a.left{filter:alpha(opacity=50);}
.jdGallery a.right:hover, .jdGallery a.left:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.jdGallery a.left{left: 0;top: 0;background: url('img/fleche1.gif') no-repeat center left;}
* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }
.jdGallery a.right{right: 0;top: 0;background: url('img/fleche2.gif') no-repeat center right;}
* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }
.jdGallery a.open{left: 0;top: 0;width: 100%;height: 100%;}
.withArrows a.open{position: absolute;top: 0;left: 25%;height: 80%;width: 50%;cursor: pointer;z-index: 10;background: none;-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }
* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;filter:alpha(opacity=80); }
.jdGallery a.gallerySelectorBtn {z-index: 15;position: absolute;top: 0;left: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #000;color: #fff;cursor: pointer;opacity: .4;-moz-opacity: .4;-khtml-opacity: 0.4;filter:alpha(opacity=40);}
.jdGallery .gallerySelector {z-index: 20;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;}
.jdGallery .gallerySelector h2{margin: 0;padding: 10px 20px 10px 20px;font-size: 20px;line-height: 30px;color: #fff;}
.jdGallery .gallerySelector .gallerySelectorWrapper{overflow: hidden;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton{margin-left: 10px;margin-top: 10px;border: 1px solid #888;padding: 5px;height: 40px;color: #fff;cursor: pointer;float: left;}
.jdGallery .gallerySelector .gallerySelectorInner div.hover{background: #000;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview{background: #000;background-position: center center;float: left;border: none;width: 40px;height: 40px;margin-right: 5px;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{margin: 0;padding: 0;font-size: 12px;font-weight: normal;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info{margin: 0;padding: 0;font-size: 12px;font-weight: normal;color: #aaa;}