/*
Theme Name: s_pgy
Theme URI: http://steachs.com/
Description: 
Version: 1.0
Author: Scorpio
Author URI: http://steachs.com/
Tags:
*/
/* Body */
body{
background:#F2FDFF url(img/nav.gif) repeat-x;
padding:0;
margin:0;
font-family:verdana,TrebuchetMS,Arial,Helvetica,sans-serif;
}
img {
border:none;
}
/* Header */
#nav{
width:970px;
margin:3px auto;
height:35px;
margin-bottom:30px;
}
#nav a{
color:#DDD;
text-decoration:none;
padding:0 7px;
border-right:1px solid #DDD;
font-size:13px;
font-weight:bold;
}
#nav a:hover{
color:#FFF;
}
#nav li{
float:left;
list-style-type:none;
}
#page{
width:970px;
margin:0 auto;
}
#header{
width:970px;
background: url(img/header.gif) no-repeat;
height:100px;
display:inline-block;
}
#titledesc{
float:left;
margin:0;
padding-left:20px;
}
#titledesc h1 ,#titledesc a,#titledesc a:hover{
font-weight:bold;
margin:0;
padding:0;
font-size:36px;
color:#444;
font-family:"Microsoft JhengHei","Lucida Grande","Arial","Arial Narrow";
text-decoration:none;
text-shadow:0 0 10px #A6A6A6;
}
#titledesc h2 {
margin:0;
padding:0;
font-size:15px;
color:#666;
}
#notice{
float:right;
padding:0;
width:540px;
margin:0;
}
#notice p{
margin:0;
}
#ntword{
background:#F7D214 url(img/notice.gif) no-repeat right center;
color:#558608;
float:right;
opacity: 0.5;filter:alpha(opacity=50);zoom:1;
width:300px;padding:5px 19px 5px 5px;
}
#adminava{
display:inline;
float:right;
height:auto;
margin:7px 10px 0 0;
}
#adminava img{ 
padding:3px;
background:#FFF;
border:1px solid #DDD;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
-moz-box-sizing:content-box;}
/* Wrap */
#wrap{
background:url(img/bg.gif) repeat-y;
width:100%;
display:inline-block;
}
/* Content */
#lct{
width:570px;
margin:0;
float:left;
}
.content{
width:570px;
padding:10px 10px 10px 25px;
margin:0;
}
.content p{
margin-bottom:5px;
}
.content a{
color:#444;
text-decoration:none;
}
.content img{
max-width:560px;  width: expression( this.scrollWidth > 560 ? "560px" : "auto" );-webkit-max-width: 560px;
padding:2px;
border:1px solid #DDD;
}
.cttop{
width:100%;
display:inline-block;
margin:0;
}
.titleleft{
width:520px;
float:left;
margin:0;
padding:0;
}
.titleleft h2 {
margin:0 0 5px 0;
}
.titleleft h2 a{
clear:both;
color:#1E73D5;
font-size:18px;
text-decoration:none;
}
.ctmeta{
margin:0;
color:#666;
display:inline;
float:left;
font-size:13px;
}
.ctmeta a{
color:#444;
font-size:13px;
text-decoration:none;
}
.adminright{
float:right;
margin:0;
}
.adminright img{
padding:2px;
border:1px solid #DDD;
}
.postct{
margin:0;
font-size:13px;
color:#333;
line-height:22px;
}
.postct blockquote{
border:1px dotted #DDD;
background:#F3F3F3;
margin-left:20px;
padding:0 5px;
}
.postct .more-link{
float:left;
margin:0;
text-decoration:none;
color:#0054B3;
}
.metags{
background:#F3F3F3;
padding:5px;
float:left;
font-size:13px;
width:550px;
margin:0 5px 10px 5px;
}
.metags a{
color:#444;
font-size:13px;
text-decoration:none;
}
.metagsin{
background:#F3F3F3;
padding:5px;
float:left;
font-size:13px;
width:550px;
margin:10px 5px;
}
.metagsin a{
color:#444;
font-size:13px;
text-decoration:none;
}
/* sidebar */
#search{
margin:10px;
}
#rsidebar {
float:right;
padding:0 20px;
margin:0;
width:315px;
}
.sidebar{
margin:0 0 10px 0;
width:310px;
font-size:13px;
color:#777;
}
.sidebar h3{
margin:0 0 5px 0;
border-bottom:2px solid #E3DEC5;
color:#656C4A;
font-size:15px;
padding:5px;
}
.sidebar a{
font-size:13px;
color:#777;
text-decoration:none;
}
.sidebar li{
background: url(img/list.png) no-repeat;
list-style-type:none;
background-position:0 3px;
padding-left:18px;
line-height:21px;
margin:0;
}
.sidebar li:hover{
background:#F3F3F3 url(img/list.png) no-repeat;
list-style-type:none;
background-position:0 3px;
padding-left:18px;
line-height:21px;
}
.sidebar ul{
list-style-type: none;
overflow:hidden;
padding:0;
margin:0;
}
/* Footer */
#footer{
width:970px;
height:85px;
background:url(img/footer.gif) no-repeat;
}
/* pagebar	*/
#paviinfo{
border: 3px double #bfbfbf;
padding:2px 5px;
margin:0 2px;
float:left;
text-align:center;
}
#spagenavi{
float:right;
font-size:13px;
font-family:Arial;
display:inline-block;
margin:0 0 10px 0;
}
#spagenavi a{
color: #333;
float:left;
padding:2px 5px;
border: 3px double #bfbfbf;
margin:0 2px;
text-decoration:none;
}
#spagenavi a:hover{
border-color: #BA0000;
}
#spagenavi a.current{
border-color: #0075b8;
}
.pagenav{
padding:5px;
margin:0 0 10px 0;
font-size:13px;
color:#4C4C4C;
border-bottom:2px solid #E3DEC5;
}
.pagenav a{
color:#00A2F6;
}
/* related & random post */
#rrp{
display:inline-block;
border:1px solid #DDD;
margin-bottom:10px;
}
.rare{
width:47%;
float:left;
display:block;
font-size:13px;
padding:5px;
line-height:21px;
}
.rare h3{
color:#0099CC;
font-size:15px;
font-weight:bold;
font-family:Arial,sans-serif;
margin:0;
padding:0 0 10px 0;
}
.rare a{
color:#666633;
text-decoration:none;
}
.rare a:hover{
color:#666633;
text-decoration:none;
}
.rare li{
background: url(img/list.png) no-repeat;
list-style-type:none;
background-position:0 2px;
padding-left:18px;
line-height:21px;
text-decoration:none;
}
.rare li:hover{
background:#F3F3F3 url(img/list.png) no-repeat;
list-style-type:none;
background-position:0 2px;
padding-left:18px;
line-height:21px;
text-decoration:none;
}
.rare ul{
list-style-type: none;
overflow:hidden;
padding:0;
margin:0;
}

/* Comments */
#respond h3,#comments h3,h3#post_comment{
color:#1E73D5;
font-size:14px;
margin:10px 0;
border-bottom:1px solid #CCCCCC;
}
#comments {
margin:0;
}

ol.commentlist{
clear:both;
display:block;
list-style-type:none;
padding:0 10px;
margin:0;
}
ol.commentlist li{
margin:35px 0 0 0;
list-style-type:none;
border-top:3px solid #5EA6EE;
}
ol.commentlist p{
margin:10px 0;
color:#666;
font-size:15px;
}
.comment-author{
padding:5px;
font-size:13px;
color:#666;
margin:0;
}
.children .comment-author {
padding:2px;
font-size:13px;
color:#666;
margin:0;
border-left:1px dashed #A8D3E4;
}
.children .comment-author img {
width:32px;
height:32px;
}
.comment-author a{
color:#1E73D5;
font-weight:bold;
}
.comment-meta{
font-size:13px;
color:#666;
margin:0;
}
ul.children li{
border-top:1px dashed #A8D3E4;
margin-top:35px;
}
.reply{
float:right;
}
.reply a{
font-size:13px;
color:#1E73D5;
font-weight:bold;
}
#commentform input#author {
background:url(img/name.png) no-repeat left center;
border:1px solid #A8D3E4;
padding:3px 5px 3px 40px;
}
#commentform input#email {
background:url(img/email.png) no-repeat left center;
border:1px solid #A8D3E4;
padding:3px 5px 3px 40px;
}
#commentform input#url {
background:url(img/url.png) no-repeat left center;
border:1px solid #A8D3E4;
padding:3px 5px 3px 40px;
}
#commentform textarea {
border:1px solid #A8D3E4;
margin:5px 0;
padding:4px;
width:97%;
}
#commentform input {
margin:5px 3px 0 0;
}
#commentform #submit {
margin:0
}
#commentform .button {
background:url(img/comsubmit.png) no-repeat left center;
border:1px solid #A8D3E4;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding:2px 6px 2px 38px;
width:auto;
margin:0;
}
#cancel_comment_reply{
margin:10px 0 5px 0;
}
#cancel_comment_reply a{
font-size:13px;
color:#FF3333;
font-weight:bold;
}
/* RSS */
#rssfeed{
width:300px;
height:128px;
float:left;
display:inline-block;
margin:16px 20px 15px 0;
padding-bottom:10px;
border-bottom:3px solid #5EA6EE;
}
#rss{
float:left;
}
#rss a{
background:url(img/rssfeed.png) no-repeat;
width:128px;
height:128px;
display:block;
opacity:0.8;filter:alpha(opacity=80);zoom:1;
}
#rss a:hover{
background:url(img/rssfeed.png) no-repeat;
width:128px;
height:128px;
display:block;
opacity: 1;filter:alpha(opacity=100);zoom:1;
}
#emailfeed{
float:right;
}
#emailfeed a{
background:url(img/emailfeed.png) no-repeat;
width:128px;
height:128px;
display:block;
opacity:0.8;filter:alpha(opacity=80);zoom:1;
}
#emailfeed a:hover{
background:url(img/emailfeed.png) no-repeat;
width:128px;
height:128px;
display:block;
opacity: 1;filter:alpha(opacity=100);zoom:1;
}
/* Footer */
#footer{
text-align:center; 
font-size:13px;
padding-top:20px;
color:#666;
}
#footer a{
font-size:13px;
color:#1E73D5;
font-weight:bold;
}
/* Footer */
.linkpage{
display:inline-block;
}
.linkpage li{
float:left;
list-style-type:none;
width:48%;
margin:5px;
}
.linkpage a{
font-size:13px;
color:#666;
padding:3px 10px;
border:1px solid #DDD;
}
.linkpage a:hover{
background:#EEE;
}