/*
THEME NAME: For Wonwolf
THEME URI: http://www.sdyle.com
DESCRIPTION: <a href="http://www.sdyle.com" target="_blank">Riant</a>基于Sandbox 1.6 for wordpress 2.7 制作
VERSION: 0.1
AUTHOR: <a href="http://andy.wordpress.com/" target="_blank">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/" target="_blank">Scott Allan Wallick</a> Edit by <a href="http://dreamcolor.net/" target="_blank">Dreamcolor</a> and <a href="http://www.sdyle.com" target="_blank">Riant</a>
AUTHOR URI: http://www.sdyle.com
TAGS: webgame
*/
body { background:#000;}

a, a:link { color: #62B4C4;}
a:focus, a:hover { color:#A2BCE3;}

#wrapper { width:960px; margin:-20px auto 20px; color:#A2BCE3;}

#header { height: 390px; position: relative; overflow: hidden;z-index: 0;}
#main { background: url(images/main.gif) no-repeat;}
.home #main { background-position: -150px 330px; position: relative;}
#container, #work-show { float:left; width:660px; margin-top: 12px; border:8px solid #2E4B6E; padding:15px 25px; background:#243955;}
#work-show { width:685px; padding-right: 0;}
#page-noside { border:8px solid #2E4B6E; padding:15px 25px; background:#243955;}
#sidebar { float: right;}
.sidebar { border:8px solid #2E4B6E; background:#243955; padding:15px;}
.normalSide { width:200px;}
.homeSide { width: 350px; color: #4D83B9; margin-top: 6px;}
#homeMain { float: left; width: 580px;}
#footer { background:url(images/logo_foot.gif) no-repeat; margin-top: 20px; padding-left:180px; padding-bottom: 25px;}
/* #header { background: url(images/banner1.jpg) no-repeat center bottom;} 
#header h1{ position:absolute; top: 15px; left: 0; z-index:5;}
#header h1 a { display:block; text-indent:-999em; background:url(images/logo.png) no-repeat; width: 221px; height: 120px; }
*/	#header h1{ display: none;}
.Nav { margin-bottom: 12px; background: url(images/nav.png) no-repeat; padding: 0 15px;}
.Nav li{ display: inline-block; vertical-align: top; position: relative; text-align: center;}
.Nav li a { display: block; margin: 0 2px; padding: 8px 10px 5px; min-width: 88px; color: #628DBF; font-weight: 600;}
.Nav li.current_page_item, .Nav li.current-cat, .Nav li.current-cat-parent, .Nav li a:hover { background: url(images/nav_now.png) no-repeat;}
.Nav li ul{ border: 1px solid #799BC6; padding: 0;
	position: absolute; top: 32px; left: 10px; z-index: 1001; width: 103px;
	background: #132843; display: none;}
.Nav li li.current_page_item, .Nav li li.current-cat { background: #4B8DBF;}
.Nav li li.current_page_item a, .Nav li li.current-cat a { color: #FFF;}
.Nav li li { text-align: left; margin: 0;}
.Nav li li a { padding: 3px 8px 0; margin: 0;}
.Nav li li a:hover { background: #4B8DBF; background-image: none; color: #FFF;}

h2.page-title { color: #6592C4; font-size: 14px; padding-bottom: 3px; margin-bottom: 15px; border-bottom: 1px solid #8CB6E4; width: 40%;}

#container .post { margin-bottom: 30px;}
#container .post h2.entry-title { margin-bottom: 8px; font-size: 14px;}
#container .post .entry-meta { border: 1px dashed #3E6290; margin: 8px 0; padding: 4px 10px; font-size: 11px; line-height: 20px;}

#container .entry-content p { margin: 3px 0 10px;}
#container .entry-content img {max-width: 600px; border: 8px solid #293E5D}

#work-show li { display: inline-block; vertical-align: top; width: 134px; margin: 0 31px 30px 0;}
#work-show li a img { display: block; width: 130px; height: 110px; overflow: hidden; border: 2px solid #2C4364}
#work-show li a:hover img { border: 2px solid #406290;}

#work-show li h3 { font-size: 12px; font-weight: 300; padding-top: 5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.navigation { border-bottom: 1px dashed #344D74; margin-bottom: 12px; height: 22px;}
.navigation div { display: inline-block; vertical-align: top; width: 49%;}
.nav-next { text-align: right;}

.language { text-align: right; margin: 4px 0 15px; padding: 0 10px 5px 0; border-bottom: 1px solid #0E3556;}
#sidebar .widget { margin-bottom: 15px;}
#sidebar .widget h3 { margin-bottom: 5px;}
#sidebar .widget span { color: #A2BCE3; padding-right: 5px}

.works-pre { margin-top: 20px;}
.works-pre li { display: inline-block; vertical-align: top; margin: 0 30px 20px 0;}
.works-pre li.p4 { margin-right: 0;}
.works-pre li a { display: block; width: 112px; height: 80px; overflow: hidden; border: 2px solid #212226;}
.works-pre li a:hover { border: 2px solid #393939;}
.works-pre li a img { max-width: 115px;}

.homeNews { border: 1px solid #25638C; padding-bottom: 8px; color: #4D83B9;}
.homeNews h1 { font-size: 13px; background: #133E69; padding: 3px 15px 0;}
.homeNews li { padding: 5px 18px 2px; border-top: 1px solid #000;}
.homeNews li:hover { background: #0D2742; border-top: 1px solid #154680;}
.homeNews li h2 { font-size: 12px;}
.homeNews li abbr { font-size: 11px; line-height: 18px; color: #5A5A5A;}

 h3#comments { display: inline-block; width: 9em;}
.main #respond { margin-top: 20px;}

.commentlist li { margin-top: 15px; position: relative;}
.commentlist li .reply { position: absolute; top: 0; right: 0; width: 100px; display: none; text-align: right;}
.commentlist li:hover .reply { display: block; width: 60px;}

.commentlist li em.waitingNotice { display: block; position: absolute; top: 2.2em; right: 0; width: 200px; text-align: right; border: 2px solid #2C4364; padding: 2px 6px 0; color: #45A1A1}

.commentlist li li { margin-left: 64px;}
.commentlist li img.avatar { display: block; float:left; border: 2px solid #2C4364; margin-right: 12px;}
.commentlist li cite { font-size: 13px; text-shadow: 1px 1px 2px #1C2E48; font-style: normal;}
.commentlist li .comment-body { border-bottom: 1px dashed #344D74; margin-top: 8px;}
.commentlist li p { padding: 2px 0 4px 64px;}

.pageNav a, .pageNav span { padding: 8px 5px 2px; margin: 0 2px;}

#commentform p { border: none; padding-top: 3px; padding-bottom: 6px;}
#commentform p input { padding: 3px 5px 2px; height: 23px;}
#commentform p input[type="text"] { width: 200px; background: #436289; border: 1px solid #1C2E43; color: #A2BCE3;}
#cancel-comment-reply-link { display: block; float: right; width: 130px; text-align: right;}

textarea#comment { height: 8em; width: 655px; background: #436289; color: #A2BCE3; padding: 5px; border: 1px solid #1C2E43;}
.commentlist li textarea#comment { width: 591px;}
.commentlist li li textarea#comment { width: 527px;}
.commentlist li li li textarea#comment { width: 463px;}

/* PageNav*/
.wp-pagenavi span.current, .wp-pagenavi a {border: 1px solid #243955; margin: 0 3px;}
.wp-pagenavi span.pages { padding-right: 20px;}
.wp-pagenavi span.current { padding: 3px 8px 1px;}
.wp-pagenavi a { padding: 3px 8px 1px;}
.wp-pagenavi a:hover { border: 1px solid #2C4364; color: #FFF;}

/* entry Style*/
.category-story h3.entry-title a { color: #d7e7ff;}
.category-story h3.entry-title a:hover { color: #FFF;}
.category-story .entry-content { color: #7db1ff;}

/* Lightbox */
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px;}
#lightbox-container-image-data{color:#666;padding:0 10px;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:700;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}