/*
Theme Name: Xinple Life
Theme URI: http://xinple.org/
Description: Don't be evil!
Version: 2.0
Author: Xinple
Author URI: http://xinple.org/
*/

/* --------reset-------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td,legend{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,abbr,acronym{border:0;}input,select,textarea,button{font-size:100%;font-family:sans-serif;}address,caption,cite,code,dfn,em,strong,th,var,legend{font-style:normal;font-weight:400;}ol,ul{list-style:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

/* --------base-------- */
html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true);}(this));}body,legend{font:12px/1.5 tahoma,arial,sans-serif;color:#333;}h1{font-size:18px;}h2{font-size:16px;}h3{font-size:14px;}h4,h5,h6{font-size:12px;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,caption,th{font-weight:700;}abbr,acronym{border-bottom:1px dotted #aaa;cursor:help;}em{font-style:italic;}p{margin-bottom:1em;}input,textarea{padding:2px;}textarea{line-height:1.5;}small{font-size:12px;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}

/* --------global-------- */
.clearfix:after{content:"\20";display:block;height:0;clear:both;}.clearfix{zoom:1;}.red{color:#F00;}.yellow{color:#FF0;}.white{color:#FFF;}.blue{color:#00F;}.black{color:#000;}.green{color:#008000;}.brown{color:#A52A2A;}.gray{color:#CCC;}.fl{float:left;}.fr{float:right;}.w950{width:950px;margin:auto;}

/* --------current-------- */
/* html5 reset */
header, section, article, aside, nav, footer { display: block; }
/* end of html5 reset  */

body { color: #000; font-family: Georgia,Lucida,"Lucida Grande",sans-serif; background: #5B211A url(images/body_bg.gif) repeat-x; }
a { color: #5B211A; text-decoration: none; }
a:hover { text-decoration: underline; }
#site-name a:hover, article h2 a:hover, .navigation a:hover, .entry-info a:hover { text-decoration: none; background: #5B211A; color: #fff; }
header, #container, footer { width: 790px; margin: 0 auto; border-width: 0 10px; border-color: #411213; border-style: solid; background: #F2E1C3 url(images/mainbox_bg.gif) -260px repeat-y; }
#rss, #header-line, .separate, blockquote, .external a, .blogroll a, .reply a, .talk a { background: url(images/bg.gif) no-repeat; }

/* header */
header { border-top: 10px solid #411213; }
    #logo { float: left; margin: 32px 0 0 32px; _margin-left: 16px; width: 76px; height: 76px; background: url(images/logo.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="/wp-content/themes/Xinple/images/logo.png"); }
    #blog-info { float: left; margin: 44px 0 0 8px; text-shadow: 0 1px 0 #F8F7E3; }
        #site-name { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: 5px; }
        #site-name a:hover { text-shadow: 0 0 0; }
    #blog-info span { color: #76675A; font-size: 14px; letter-spacing: 3px; }
        #rss { float: right; display: block; width: 100px; height: 100px; text-indent: -9999px; background-position: 0 -140px; }
        #rss:hover { background-position: 0 -40px; }
        #header-line { clear: both; padding-top: 22px; height: 18px; background-position: center 0; }

/* container */
#container-line { background: url(images/mainbox_bg.gif) 580px repeat-y; }

    /* main */
    #main { float: left; width: 546px; padding: 0 14px 0 20px; }
    #single { width: 600px; margin: auto; }
        article { padding-top: 40px; }
        article h2, article h1 { color: #5B211A; font-size: 22px; text-align: center; margin: 0; }
        article small { text-align: center; font-size: 12px; display: block; color: #999; margin-bottom: 30px; }
            .entry { font-size: 14px; line-height: 1.7; }
            .entry a { color: #C00909; border-bottom: 1px solid #F8F7E3; }
            .entry a:hover { color: red; text-decoration: none; border-bottom: 1px solid red; }
            .entry-info { margin-top: 12px; color: #000; border: 1px solid #BBA18C; border-left: 0; border-right: 0; padding: 3px; }
            .entry code { font-family: Consolas,Monaco,"Courier New",Courier,monospace; background: #F4ECD2; padding: 0 3px; }
            .entry del { color: #666; }
                blockquote { margin: 0 auto 1em; width: 85%; padding: 20px 20px 1px; border-left: 5px solid #C48981; background-color: #F7EDDE; background-position: -763px -278px; font-size: 12px; color: #5B211A; }
                .pages { font: 12px Verdana; font-weight: 700; margin-top: 20px; }
                .pages a { padding: 2px 4px 2px; border: 1px solid; border-color: #fff #CBB293 #CBB293 #fff; background-color: #F8F7E3; }
                .pages a:hover { text-decoration: none; border: 1px solid; border-color: #CBB293 #fff #fff #CBB293; }
                .pages a:active { font-weight: 400; color: #000; }
                img.alignleft { margin-right: 10px; }
                img.alignright { margin-left: 10px; }
            #postmetadata { margin-top: 30px; background: #F4ECD2; padding: 10px; border: 1px solid; border-color: #5B211A #fff #fff #5B211A; font-size: 12px; color: #333; line-height: 2; font-family: Verdana; }
            #postmetadata a { border-bottom: 1px dashed #555; color: #555; }
            #postmetadata a:hover { text-decoration: none; color: #222; border-bottom: 1px solid #222; }
            .separate { height: 27px; background-position: center -300px; }
        .navigation { margin-top: 10px; font-weight: 700; }
            .alignleft { float: left; }
            .alignright { float: right; }

        .commentlist { margin-top: 10px; font-family: Verdana, sans-serif; }
            .comment, .pingback, .trackback { margin-top: 10px; padding: 10px; background: #F8F7E3; border-top: 1px solid #CBB293; border-bottom: 1px solid #CBB293; }
				.comment-author img { float: right; }
                .commentmetadata { font-size: 10px; margin-bottom: 10px; }
                .commentmetadata a { color: #999; }
                .reply a { font-size: 10px; padding-right: 12px; background-position: right -250px; }
            ul.children li.comment { background: #F4ECD2; }
        #respond { background: #F4ECD2; margin-top: 10px; padding: 1px 10px; }
        .nocomments { margin: 1em 0; border-top: 1px solid #CBB293; border-bottom: 1px solid #CBB293; padding: 5px 10px; background: #F8F7E3; }

    h2.p404 { width: 600px; margin: 0 auto; padding: 1em 0; }

    /* right */
    aside { float: right; width: 192px; padding: 0 9px; }
    aside h3 { border-top: 1px solid #BBA18C; font-size: 12px; margin: 8px 0 0; padding: 8px 0 6px; }
    aside ul li { margin-bottom: 3px; }
        #searchform div { position: relative; width: 188px; height: 18px; }
            .screen-reader-text { display: none; }
            input#s { position: absolute; width: 140px; height: 14px; left: 0; background: #fff; border: none; }
            input#searchsubmit { position: absolute; right: 0; width: 44px; height: 18px; background: #5b211a; border: none; color: #fff; font: 700 9px Verdana; }
        .cat-item { color: #666; font-size: 10px; }
        .cat-item a { font-size: 12px; }
        .external a, .blogroll a { padding-left: 12px; background-position: 0 -256px; }
        .talk a { padding-left: 13px; background-position: 0 -315px; }

/* footer */
footer { border-bottom: 10px solid #411213; padding: 20px 0; text-align: center; }
    #codeispoetry { padding: 20px 0; border-top: 1px solid #BBA18C; text-transform: uppercase; letter-spacing: 5px; color: #999; }
    #random_quotes_c { width: 750px; margin: 0 auto 10px; }
    #copyright { font: 10px Verdana; margin-bottom: 10px; }
    #Google { color: red; }


/* hack for codebox*/
.wp_codebox td.line_numbers { background-color: #F4ECD2; }
.wp_codebox th,.wp_codebox td { border: 0; }

/* hack for recent comments */
.rc-clearfix:after { content: "\20"; display: block; height: 0; clear: both; }
.rc-clearfix { zoom: 1; }

.rc-item { position: relative; }
    .rc-collapse, .rc-expand { position: absolute; top: 20px; right: 0; display: block; width: 10px; height: 10px; cursor: pointer; }
    .talk .rc-collapse { padding: 0; background-position: -791px -57px; }
    .talk .rc-expand { padding: 0; background-position: -791px -41px; }
    .rc-content p { margin: 0; }

.rc-navi a { cursor: pointer; background: none; padding: 0; }
    .rc-newer { float: left; }
    .rc-older { float: right; }
    .rc-newest { float: left; margin-right: 10px; }

/* wp_easyarchives */
#easy-archives .ea-closed{display:none}
#easy-archives .ea-open-button,#easy-archives .ea-closed-button{display:block;float:left;width:16px;height:16px;cursor:pointer}
#easy-archives .ea-open-button{background:url(/wp-content/plugins/wp-easyarchives/img/icons.png) 0 -100px no-repeat}
#easy-archives .ea-closed-button{background:url(/wp-content/plugins/wp-easyarchives/img/icons.png) 0 0 no-repeat}
#easy-archives .ea-detail{font-weight:bolder}
#easy-archives .ea-month{padding-bottom:5px}
#easy-archives .ea-month li{list-style:none}
#easy-archives em{margin-left:5px;font-size:90%;font-style:normal;color:#999}
#easy-archives .ea-filter{font-size:11px;height:24px;padding-bottom:10px}
#easy-archives .ea-filter input {padding:0}
#easy-archives .ea-year,#easy-archives .ea-author{font-weight:bolder}
#easy-archives .ea-loader{background:url(/wp-content/plugins/wp-easyarchives/img/ajax-loader.gif) left no-repeat;padding-left:24px;height:16px;line-height:16px;margin-left:10px}
#easy-archives .ea-filter select,#easy-archives .ea-filter input{margin-right:10px}
#easy-archives ul{padding:0 0 10px 20px}
#easy-archives li{line-height:2}
#easy-archives .ea-title{margin-bottom:5px}