@charset "utf-8";
/*
Theme Name: Sophie 2009
Theme URL: http://sophieworld.net
Description: Theme designed by SophieBian and coded by MattWang.
Version: 1.0
Author: MattWang
Author URL: http://www.uiland.com/

(c)2007~2009 sophieworld.net
Last Edit: 2010-05-28 21:49
*/

/* Random HTML Styles */
body{margin:0;padding:0;color:#000;background:#fff url(images/page_bg.jpg) top repeat-x;text-align:left;font:normal 12px/1.8em "Microsoft YaHei","微软雅黑",Verdana,Arial,sans-serif,"宋体";}
p{margin:10px 0;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:bold;}
h1,h2{font-size:16px;}
h3,h4{font-size:14px;}
h5,h6{font-size:12px;}
ol,ul,li{margin:0;padding:0;}
dl,dt,dd{margin:0;padding:0;list-style:none;}
blockquote{margin:5px 10px 10px;padding:0 10px 0;border:1px solid #ddd;border-width:1px 2px 2px 1px;background:#f9f9f9;color:#666;}
cite{font-style:normal;font-weight:bold;}
small{color:#999;font-size:12px;}
img{border:0 none;}
hr{display:none;}

/* General Class */
.left{float:left;}
.right{float:right;}
.more{padding:5px 10px;text-align:right;}
.forFF{>display:none;}
*>.forIE{display:none;}

/* Forms */
#commentform input{
border:1px solid #ccc;
}
#author,
#email,
#url{
width:260px;
height:18px;
}
#comment{
width:400px;
height:200px;
border:1px solid #ccc;
}
#submit{
display:block;
width:100px;
height:22px;
border:0 none !important;
background:url(images/btn_submitComment.gif) no-repeat;
text-indent:-9999px;
cursor:pointer;
}

/* Links style */
a{color:#000;text-decoration:none;}
a:hover{color:#fe0000;text-decoration:underline;}
a:focus{-moz-outline-style:none;}

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

/* General Structure */
#wrapper{
width:auto !important;
width:960px;
min-width:960px;
max-width:1080px;
margin:0 20px;
text-align:left;
}

#header{
padding:10px;
}
#headerLogo {}
h1{
overflow:hidden;
margin:0;
text-indent:-9999px;
}
h1 a{
width:120px;
height:52px;
display:block;
background:transparent url(images/logo.jpg) center no-repeat;
}
#headerLogo .description{
width:0;
height:0;
display:block;
overflow:hidden;
}

#navBar{
overflow:visible;
height:30px;
}
#navBar li{
display:inline;
float:left;
position:relative;
padding-right:12px;
background:url(images/nav.gif) 100% 0 no-repeat;
}
#navBar li a{
height:30px;
display:block;
float:left;
background-image:url(images/nav.gif);
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
overflow:hidden;
}
#navBar li em{
display:block;
float:left;
position:absolute;
top:-13px;
left:3px;
width:64px;
height:12px;
color:#f00;
font:normal 12px/1em Tahoma,Arial,Helvetica,sans-serif;
}

#blog a{width:65px;background-position:0 -40px;}
#artWork a{width:120px;background-position:0 -80px;}
#store a{width:72px;background-position:0 -120px;}
#coolStuff a{width:139px;background-position:0 -160px;}
#music a{width:73px;background-position:0 -200px;}
#aboutMe a{width:118px;background-position:0 -240px;}
#link a{width:54px;background-position:0 -280px;}
#travel a{width:85px;background-position:0 -320px;}
#image a{width:76px;background-position:0 -360px;}

#blog a:hover,
#blog.current a{background-position:-150px -40px;}
#artWork a:hover,
#artWork.current a{background-position:-150px -80px;}
#store a:hover,
#store.current a{background-position:-150px -120px;}
#coolStuff a:hover,
#coolStuff.current a{background-position:-150px -160px;}
#music a:hover,
#music.current a{background-position:-150px -200px;}
#aboutMe a:hover,
#aboutMe.current a{background-position:-150px -240px;}
#link a:hover,
#link.current a{background-position:-150px -280px;}
#travel a:hover,
#travel.current a{background-position:-150px -320px;}
#image a:hover,
#image.current a{background-position:-150px -360px;}

#content{
padding:0 0 45px;
_padding:0;
background:#fff;
}
#innerContent{
padding:0 220px 0 0;
background:#f3f3f3;
zoom:1;
}
#innerContent:after{
content:'\0020';
display:block;
clear:both;
height:0;
}

#mainBox{
float:left;
width:100%;
margin:0 0 -45px;
_margin:0;
background:#fff;
}
#innerMainBox{
margin:0 20px 0 0;
padding:10px;
background:url(images/contentTop_bg.gif) top repeat-x;
}
h2.pageTitle{
font:bold 18px/2em "Microsoft YaHei","微软雅黑",Verdana, Arial,sans-serif,"宋体";
}
h2.pageTitle small{
padding-left:10px;
font-size:12px;
font-weight:normal;
}
.post{
padding:10px 0;
background:url(images/borderDot.gif) top repeat-x;
zoom:1;
}
.post:after{
content:'\0020';
display:block;
clear:both;
height:0;
}
.post .left{
position:relative;
width:100px;
padding-bottom:20px;
}
.post .right{
width:100%;
margin-left:-115px;
}
.post .innerRight{
margin-left:115px;
}
.category-image .left{
display:none;
}
.category-image .right,
.category-image .innerRight{
margin:0;
}

/* archive */
.post .left span{
display:block;
padding:5px 10px;
background:url(images/borderDot.gif) bottom repeat-x;
font:11px/1.6em Tahoma,Arial,Helvetica,sans-serif;
}
.post .left span.time{
color:#f00;
}
.post h2，
.post h3{
font:bold 18px/1.4em "Microsoft YaHei","微软雅黑",Verdana, Arial,sans-serif,"宋体";
}
.post .entry{
overflow:hidden;
}
.post .entry p a,
.post .entry div a{
font-weight:bold;
/*
margin:0 4px 0 2px;
padding-right:12px;
background:url(images/ico_link.gif) right no-repeat;
*/
}
.post .entry p a img,
.post .entry div a img{
padding:2px;
border:1px solid #ccc;
}
.post .entry p small a,
.post .entry div small a{
font-weight:normal;
}
.post .entry img{
border-top:5px;
border-bottom:5px;
}
.post .entry ul,
.post .entry ol{
margin:1.2em 0 1.2em 2em;
}
.post a.more-link{
}
.post .postmetadata{
clear:both;
margin:20px 0 0;
padding:0 5px 2px;
color:#999;
}
.post .postmetadata a{
margin:0;
padding:0;
background:none;
color:#999;
font-weight:bold;
}

/* about */
.post .myPhoto img{
padding:4px;
border:3px solid #e4e4e4;
}
.post .myInfo h3{
margin:5px 0;
font:bold 14px/1.4em "Microsoft YaHei","微软雅黑",Verdana, Arial,sans-serif,"宋体";
}

/* link */
ul.linkList{
margin:-5px 0 0 !important;
}
ul.linkList a{
margin:0 !important;
padding:0 !important;
background:none !important;
}
ul.linkList li{
list-style:none;
padding-bottom:5px;
background:url(images/borderDot.gif) bottom repeat-x;
}
ul.linkList li a{
font-weight:normal;
}
ul.linkList .linkLogo{
position:relative;
padding-top:10px;
overflow:auto;
text-indent:10px;
}
ul.linkList h3{
margin:5px 0;
font:bold 16px/1.4em "Microsoft YaHei","微软雅黑",Verdana, Arial,sans-serif,"宋体";
}
ul.linkList h3 a{
font-weight:bold;
}
ul.linkList small{
display:block;
}
ul.linkList small a{
margin:10px 0 0;
color:#999;
}

#comments{
margin-top:20px;
color:#D4454B;
font:normal 14px/1.8em "Microsoft YaHei","微软雅黑",Tahoma,Arial,Helvetica,sans-serif;
}
.commentlist{
padding:10px;
background:#f3f3f3 url(images/contentTop_bg.gif) top repeat-x;
}
.commentlist ol{
list-style:none;
margin:10px;
}
.commentlist li{
list-style:none;
margin:10px;
padding-left:70px;
background:url(images/comment_icon.jpg) 10px 5px no-repeat;
}
.commentlist p{
margin:5px 0;
line-height:1.6em;
}
.commentlist blockquote{
color:#999;
}
.commentlist a{
/*
margin:0 2px 0 0;
padding-right:12px;
background:url(images/ico_link.gif) right no-repeat;
*/
}
.commentlist small a{
margin:0;
padding:0;
background:none;
}

#respond{
padding-top:10px;
background:url(images/borderDot.gif) bottom repeat-x;
font:normal 14px/2em "Microsoft YaHei","微软雅黑",Tahoma,Arial,Helvetica,sans-serif;
text-transform:uppercase;
}
#commentform{
color:#999;
}
#commentform small{
margin:5px 0 0 5px;
font-size:10px;
}

.pageNav{
padding:5px 0;
line-height:25px;
}
.pageNav h2.pageTitle{
display:inline;
margin-right:10px;
font-size:12px;
font-weight:bold;
}

#sideBar{
_display:inline;
float:right;
margin-right:-220px;
width:190px;
padding:15px 15px 10px;
background:url(images/contentTop_bg.gif) top repeat-x;
}
#sideBar ul{
list-style:none;
}
#sideBar li{
margin:5px 0;
}
#sideBar h2{
padding-left:12px;
background:url(images/ico_arrow.gif) left center no-repeat;
font-size:14px;
font-weight:bold;
}
#sideBar #search,
#sideBar p,
#sideBar .textwidget{
padding-left:12px;
}
#sideBar #search{
padding-bottom:10px;
}
#sideBar #search #s{
width:160px;
}
#sideBar ul li ul{
margin:5px 5px 10px 12px;
}
#sideBar ul li ul li{
overflow:hidden;
width:100%;
margin:0;
padding:0;
white-space:nowrap;
>text-overflow:ellipsis;
-o-text-overflow:ellipsis;
}

#footer{
margin:10px 0;
padding-top:18px;
background:url(images/footLogo.gif) center top no-repeat;
font-size:11px;
text-align:center;
}


/* wp-pagenavi reset */
.wp-pagenavi,
.wp-pagenavi a,
.wp-pagenavi span{
margin:0 !important;
padding:0 !important;
border:0 !important;
background:none !important;
color:#000 !important;
}
.wp-pagenavi a:hover{
text-decoration:underline !important;
}

/* wp-pagenavi style */
.wp-pagenavi{
display:inline !important;
margin-left:5px !important;
}
.wp-pagenavi a,
.wp-pagenavi span{
padding:3px !important;
}
.wp-pagenavi span.pages {
}
.wp-pagenavi span.current{
color:#fe0000 !important;
}
.wp-pagenavi span.extend{
}