/* Theme Name:Js O3 Lite Theme URI:http://www.saywp.com/work/js-o3-lite Description:Js O3 Lite is a two column,beautiful clean WordPress theme without any plugins needed and it looks very elegant with the lovely orange color. Widgets ready,threaded comments and paginated comments. Compatible with WordPress 2.7 and Valid CSS & HTML. Version:1.0.3 Author:Jinwen CEN Author URI:http://www.saywp.com/ Tags:orange,light,fixed-width,two-columns,threaded-comments The CSS,XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ .tagicon,.dateicon,.manicon,.comicon,.caticon{background:url(imgs/allbgs.png) no-repeat;padding-left:14px;} #wrapper a:hover{background-color:#fff;color:#ff6600!important;text-decoration:none;} .gallery a img{border:1px solid #CCC !important;padding:2px;} .gallery a:hover img{border:2px solid #ffb340 !important;padding:1px;} .gallery{margin:auto;} .gallery-item{float:left;margin-top:10px;text-align:center;width:25%;} .gallery-caption{margin-left:0;} .tabs{font-size:12px;width:262px;} .ui-tabs-nav{font-size:12px;height:18px;letter-spacing:1px;list-style:none;position:absolute;text-transform:lowercase;top:-23px;} .hfeed .ui-tabs-nav{border-bottom:1px solid #CCC;font-size:12px;height:22px;letter-spacing:1px;list-style:none;margin:0;padding:0;position:absolute;text-transform:lowercase;top:180px;width:600px;} .ui-tabs-panel{margin-right:1.5em;padding:0.5em 0.5em 0 2px;width:92%;} .hfeed .ui-tabs-panel{margin:0;padding:0;width:99%;} .ui-tabs-nav li{background:url(imgs/allbgs.png) no-repeat -150px -143px;border-bottom:1px solid #ccc !important;float:left;height:18px;padding:4px 4px 0;text-align:center;width:80px;} .hfeed .ui-tabs-nav li{background:url(imgs/allbgs.png) no-repeat -136px -359px;border-bottom:none !important;float:left;height:18px;padding:4px 4px 0;text-align:center;width:100px;} .ui-tabs-nav li a{background-color:#ebedef;color:#888;display:block;} .ui-tabs-nav li a:hover{background-color:#ebedef!important;color:#f47a0e;} .ui-tabs-nav li.ui-tabs-selected{background:url(imgs/allbgs.png) no-repeat -136px -47px;border-bottom:none!important;font-weight:700;height:22px;} .hfeed .ui-tabs-nav li.ui-tabs-selected,.hfeed .ui-tabs-nav li.current_page_item{background:url(imgs/allbgs.png) no-repeat 0px -359px;border-bottom:none!important;font-weight:700;height:22px;} .hfeed .ui-tabs-nav li.current_page_item a{background-color:#fff!important;color:#555!important;} .ui-tabs-nav .ui-tabs-selected a{background-color:#FFF;background-position:100% -23px;color:#555;margin-top:0;position:relative;z-index:2;} .ui-tabs-nav li.ui-tabs-selected a:hover{background-color:#fff!important;color:#f47a0e;} .ui-tabs-nav .ui-tabs-selected a:link,.ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link,.ui-tabs-nav .ui-tabs-disabled a:visited{cursor:text;} .ui-tabs-nav a:hover,.ui-tabs-nav a:focus,.ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover,.ui-tabs-nav .ui-tabs-unselect a:focus,.ui-tabs-nav .ui-tabs-unselect a:active{cursor:pointer;} #container{ width:68%; text-align: justify; } #footer{background-color:#FFF;border-top:1px solid #CCC;clear:both;color:#888;font-size:12px;line-height:145%;} .fspace{height:20px;} #header{ margin-top: 4em; margin-bottom: 75px; margin-left: 0; padding: 0; } #header a{background-color:#fff;color:#666666;} #header h1#blog-title{ font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:400; height:50px; letter-spacing:0px; margin-left:-12px; padding-top: 14px; padding-right: 0; padding-bottom: 14px; padding-left: 245px; background-image: url(http://midm.net/blog/wp-content/plugins/dynamic-headers/header-images/header1.jpg); background-repeat: no-repeat; background-position: 0px -42px; } #primary{margin:0;padding:0;} div#wrapper{background-color:#fff;color:#555;font-family:Arial,Helvetica,sans-serif;margin:0 auto;padding:6px 2em 17px 2em;width:908px;} .hspace{height:10px;} .hfeed{clear:both;margin:0;padding:0 1em 0 0;} .sidebar{position:absolute;right:18px;top:180px;width:285px;} body{background-color:#FFFFFF;color:#333;font-size:80%;line-height:140%;margin:25px 0 10px;padding:0;} #header h2#slogon{ background-color:#FFF; color:#999; font-size:11px; font-weight:400; letter-spacing:1px; line-height:14px; overflow:hidden; position:absolute; margin-top: -62px; margin-right: 0; margin-bottom: 0; margin-left: 235px; } a,a:link{outline:none;text-decoration:none;} #footer a,#footer a:link{background-color:#fff;color:#555;} body.single .navigation{ margin:4em 0 0; } .more-link{font-size:14px;} .entry-content-home p blockquote,.entry-content blockquote,.comments ol.commentlist blockquote{ border:1px solid #ccc; margin:0 2em; padding:1em; } .message_body blockquote{background:url(imgs/allbgs.png) no-repeat -280px -311px;margin:0 1em 1em 0;padding:0.5em 0.5em 0.5em 30px;} .message_body blockquote p{ background-color:#fff; color:#999!important; } .entry-content blockquote p{ background-color:#fcfcfc; color:#222!important; font-family:"courier new",courier,monospace; margin:0; padding:0; text-indent:0; } .entry-content code,.commentlist code{background:#ebedef;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCC;color:#555;font:12px "courier new",courier,monospace;margin-left:2em;text-indent:0;} .entry-content .page-link{font-size:0.9em;font-weight:700;margin:0 0 1.5em;text-align:center;} .entry-content em,.comments ol.commentlist em{font-style:italic;font-weight:400;} .entry-content h2,.entry-content h3{font-size:1.2em;margin:1em 0;} .entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{font-weight:700;} .entry-content h4{font-size:1.4em;margin:1.5em 0 -0.3em;} .entry-content h5{font-size:1.3em;margin:1.5em 0 -0.4em 0.7em;} .entry-content h6{font-size:1.2em;margin:1.5em 0 -0.5em;} .entry-content p{background-color:#fff;color:#555!important;font-size:12px;letter-spacing:0px;line-height:165%;margin:1em 0;} body.attachment h3.entry-title{margin:-1.5em 0 0.5em;} .entry-content .entry-attachment{margin:-0.5em 0 1em;} .entry-content .entry-attachment a:hover img{border:2px solid #f47a0e;} .entry-content .entry-caption{margin-bottom:2em;} body.attachment h3.entry-title,.entry-content .entry-attachment,.entry-content .entry-caption{text-align:center;} .hentry .archive-meta{font-style:italic;margin:0.5em 0 2em 2em;} .hfeed .entry-title{background-color:#fff;color:#F47A0E;font-size:20px;letter-spacing:0px;line-height:133%;margin:1em 0 0;text-transform:capitalize;} .post-sep-line{border-top:1px solid #ccc;} .post-sep-line-2{border-top:1px solid #999;clear:both;margin:1em 0 2em 0;} .hfeed .entry-title a{background-color:#fff;color:#f47a0e;} .hfeed .entry-title a:hover{text-decoration:underline!important;} .navigation a{background-color:#fff;color:#555;} .entry-content{margin:0 0 4em;} .entry-content-home{background-color:#fff;color:#555;font-size:12px;letter-spacing:0px;line-height:165%;margin-bottom:5em;} .entry-content a,.entry-content-home a{background-color:#fff;color:#333!important;text-decoration:underline!important;} .entry-content ul li{background-color:#fff;color:#666;font-size:12px;letter-spacing:0px;line-height:165%;list-style:circle;} .entry-content ol{line-height:165%;margin:0 2em 1em 0;} .entry-content ol li{} .entry-content ul li a{background-color:#fff;color:#555;margin-right:2px;} #pinglist{margin:2em 0 4em;padding:0;} #pinglist li{background:url(imgs/allbgs.png) no-repeat -280px -361px;font-size:12px;line-height:162%;list-style:none;padding-left:16px;} #pinglist li a{background-color:#fff;color:#666;} #pinglist h4{background-color:#fff;color:red;font-size:16px;font-weight:400;letter-spacing:0px;} #gsearch{position:absolute;right:40px;top:68px;} .tabs ul li{border-bottom:1px solid #EBEDEF;display:block;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:6px 0;} .tabs ul{background-color:#fff;color:#888;} .tabs ul a{background-color:#fff;color:#555;} .sidebar ul li h3{background-color:#fff;color:#f47a0e;font-size:1.2em;font-weight:700;letter-spacing:0px;line-height:133%;margin:0 0 0.3em;text-transform:uppercase;} .avatar{margin:-28px 0 0 555px;position:absolute;} .commentlist li.depth-2 .avatar{margin:-20px 0 0 -56px;position:absolute;} .clear{clear:both;} .sca .postspermonth{list-style:none;margin:5px 0 10px;padding-left:25px;} #navcontainer{border-bottom:1px solid #CCC;height:22px;position:absolute;top:225px;width:595px;} .hfeed .hentry,.sidebar ul li#google-search div form#gsearch{text-align:left;} .entry-content ul.xoxo li ul,.formcontainer form#commentform,.sidebar ul{margin:0;padding:0;} .blank15{clear:both;height:2em;margin:0;} .me-info{background:#fff;color:#888;float:left;font-size:10px;height:100px;letter-spacing:0;line-height:120%;margin-right:16px;margin-top:-46px;text-align:right;text-transform:uppercase;width:80px;} .postmeta{left:-96px;position:absolute;text-align:right;width:80px;} .postmeta{font-size:11px;line-height:120%;margin-top:-20px;text-transform:uppercase;} .postmeta-re{font-size:11px;line-height:100%;position:absolute;right:0;text-transform:capitalize;top:12px;} .commentcount{background-color:#fff;color:#888;font-size:11px;} .newcomment{background-color:#fff;color:red;} .postmeta a,.me-info a{background-color:#fff;color:#555;font-weight:700;} #tab-comment li p{background-color:#fff;color:#555;line-height:145%;margin:0;} #tab-comment li{border-top:1px solid #ddd;clear:both;font-size:12px;letter-spacing:0px;list-style:none;padding:0.5em 0;position:relative;width:540px;} .quote a{background:url(imgs/allbgs.png) no-repeat -34px -56px;display:block;height:14px;position:absolute;right:0;text-decoration:none !important;text-indent:-999em;top:6px;width:30px;} #commentform{} .commenttext{} .entry-content img,.entry-content a img,.entry-content-home img,.entry-content-home a img{border:1px solid #ccc;padding:4px;} .entry-content a:hover img,.entry-content-home a:hover img{border:2px solid #ffb340;padding:3px;} img.wp-smiley{border:none;margin:0;padding:0;} #reco span,.me-info a,.rel-tag a{background-color:#fff;color:#999;} .rel-tag{background-color:#fff;border-left:4px solid #ebedef;clear:both;color:#ccc;font-size:12px;margin:0 0 5em 0;padding-left:5px;} .commentlist p a{background-color:#fff;color:#333;font-style:normal;} #commentload{background:url('imgs/ajax-loader.gif') no-repeat center center;display:none;height:32px;left:138px;position:absolute;width:32px;} input#author,input#email,input#url,textarea#comment,ol.forms input,ol.forms textarea{background:#fcfcfc;border:1px solid #ccc;color:#333;padding-left:3px;} input#author,input#email,input#url{font-size:14px;} textarea#comment{font-size:12px;margin:1em 0;} input#author,input#email,input#url,input#siteurl{width:180px;} #choix{background-color:#fff;border:1px solid #ccc;color:#555;width:185px;} textarea#comment{padding:5px;width:420px;} input#author:focus,input#email:focus,input#url:focus,textarea#comment:focus,ol.forms input:focus,ol.forms textarea:focus{background:#ffffcc;border:1px solid #ccc;color:#333;outline:none;} #commentblock h3{background-color:#fff;color:#555;font-size:12px;letter-spacing:0px;text-transform:uppercase;} #commentblock h3 a{background-color:#fff;color:#f47a0e;} .sidebar .me-count a{background-color:#fff;color:#999!important;} .commentlist{list-style:none;margin:0;padding:0;} .message_head{margin-bottom:5px !important;} .message_head a{text-decoration:none!important;} .message_body .timestamp{background-color:#FFF;color:#888;font-size:10px;font-style:italic;margin-top:5px;position:absolute;right:0;} .message_head cite{font-size:11px;font-weight:bold;} .message_body{padding:0 0 2em;} .nav-home{left:233px;position:relative;text-align:center;top:18px;width:120px;} .navigation{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;height:40px;margin:0 0 2em;text-transform:lowercase;} .navigation a{background-color:#fff;color:#666;font-size:11px;} .commentauthorcomment .message_head a{background-color:#fff;color:#f47a0e!important;} #tab-1 ul li{background:transparent url(imgs/allbgs.png) no-repeat 0px -245px;list-style:none;padding-left:14px;} #tab-2 ul li,.widget_recent_comments ul li{background:transparent url(imgs/allbgs.png) no-repeat -316px -390px;letter-spacing:0;list-style:none;padding-left:16px;} #tab-3 ul li{background:transparent url(imgs/allbgs.png) no-repeat -302px -199px;list-style:none;padding-left:16px;} #tab-4 ul li{background:transparent url(imgs/allbgs.png) no-repeat -287px -463px;list-style:none;padding-left:16px;} #tab-5 ul li,.widget_meta ul li{background:transparent url(imgs/allbgs.png) no-repeat -302px -282px;list-style:none;padding-left:16px;} #tab-6 ul li,.widget_pages ul li,.widget_recent_entries ul li{background:transparent url(imgs/allbgs.png) no-repeat -302px -136px;letter-spacing:0;list-style:none;padding-left:14px;} .widget_archive ul li{background:transparent url(imgs/allbgs.png) no-repeat -17px -263px;letter-spacing:0;list-style:none;padding-left:14px;} .widget_links ul li{background:transparent url(imgs/allbgs.png) no-repeat 0 -283px;letter-spacing:0;list-style:none;padding-left:14px;} .widget_categories ul li{background:transparent url(imgs/allbgs.png) no-repeat -17px -306px;letter-spacing:0;list-style:none;padding-left:14px;} .widget_tag_cloud a{color:#666;background-color:#fff;line-height:155%;} #wp-calendar{margin-bottom:2em;width:99%;} #wp-calendar caption{letter-spacing:2px;border-bottom:1px solid #ccc;font-weight:700;} #wp-calendar td{text-align:center;} #wp-calendar tbody td a{background-color:#fff;color:#333;font-weight:700;text-decoration:underline;} #wp-calendar td#prev{text-align:left;} #wp-calendar td#today{background-color:#ebedef;border:1px solid #ccc;color:#888;} #cat-ach ul,#mon-ach ul,#link-ach ul{margin:0;padding:0;} #cat-ach ul li,#mon-ach ul li,#link-ach ul li{float:left!important;font-size:10px;letter-spacing:0;line-height:200%;list-style:none!important;margin:0 16px 0 0;padding-left:14px;text-transform:capitalize;width:136px;} #cat-ach ul li{background:transparent url(imgs/allbgs.png) no-repeat -17px -312px;} #cat-ach ul li:hover{background:transparent url(imgs/allbgs.png) no-repeat 0 -228px;} #mon-ach ul li{background:transparent url(imgs/allbgs.png) no-repeat -17px -268px;} #mon-ach ul li:hover{background:transparent url(imgs/allbgs.png) no-repeat 0 -208px;} #link-ach ul li{background:transparent url(imgs/allbgs.png) no-repeat 0 -287px;} #link-ach ul li:hover{background:transparent url(imgs/allbgs.png) no-repeat 0 -250px;} #cat-ach ul li a,#mon-ach ul li a,#link-ach ul li a{background-color:#FFF;color:#555;font-size:12px;text-decoration:none;} .hfeed .page-title{background-color:#FFF;color:#555;font-size:14px;font-weight:700;letter-spacing:0px;line-height:200%;margin:0 0 1em;padding:1em 0 0;text-transform:uppercase;} .me-info-cat,h2.about-info{background:#FFFFFF none repeat scroll 0 0;border-top:2px solid #CCCCCC;color:#333;float:left;font-size:10px;font-weight:700;height:20px;letter-spacing:0;line-height:120%;margin:4px 0 0 -96px;padding-top:2px;position:absolute;text-align:right;text-transform:uppercase;width:76px;} .message_head .collapse{background:url(imgs/allbgs.png) no-repeat 0px -9px;cursor:pointer;display:block;height:9px;margin:4px 0 0;overflow:hidden;padding-left:11px;position:absolute;right:0;text-indent:-900em;} .message_head .expand{background:url(imgs/allbgs.png) no-repeat 0px 0px;} #gsearch input{background-color:#fff;border:none;color:#ccc;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-style:italic;margin:2px 0 0;outline:none;padding-left:4px;width:198px;} #gsearch input:focus{background-color:#fff;color:#555;font-style:normal;} #cse-search-box{background:url(imgs/allbgs.png) no-repeat -90px 0;padding:10px;} #wrapper .tl{background:url(imgs/allbgs.png) no-repeat -38px 0;} #wrapper .tr{background:url(imgs/allbgs.png) no-repeat -38px -9px;} #wrapper .bl{background:url(imgs/allbgs.png) no-repeat -38px -18px;} #wrapper .br{background:url(imgs/allbgs.png) no-repeat -38px -27px;} .encadre{margin:0;padding:0;position:relative;} .encadre .tl,.encadre .tr,.encadre .bl,.encadre .br{font-size:0px;height:9px;line-height:1px;overflow:hidden;position:absolute;width:9px;} .encadre .tl{background-position:left top;left:0;top:0;} .encadre .tr{background-position:right top;right:0;top:0;} .encadre .br{background-position:right top;bottom:0;right:0;} .encadre .bl{background-position:left top;bottom:0;left:0;} .postmetadata{background-color:#fff;color:#555;font-size:12px;line-height:165%;margin:0 0 2em;text-indent:2em;} .postmetadata-s{background-color:#fff;color:#555;font-size:12px;line-height:165%;margin:0 0 1em;text-indent:0;} #cat-ach,#mon-ach,#link-ach{margin:2em 0 0 7.5em;width:500px;} .homemeta{background-color:#fff;color:#888;font-size:12px;margin:2px 0 1em;} .homemeta a,.caticon a,.tagicon a{background-color:#fff;color:#888;} .homemeta a:hover{background-color:#fff;color:#f47a0e;} .tagicon,.dateicon,.manicon,.comicon,.caticon{margin-right:1em;} .tagicon{background-position:-245px -170px;} .dateicon{background-position:-17px -270px;} .manicon{background-position:-245px -247px;} .comicon{background-position:-316px -398px;} .caticon{background-position:-16px -314px;} #tab-archives,#tab-links,#tab-contact{height:750px;} .formbutton{background:url(imgs/allbgs.png) no-repeat scroll 0 -624px;border:none;cursor:pointer;display:block;height:32px;margin-bottom:2em;text-indent:-999em;width:100px;} .formbutton:hover{background:url(imgs/allbgs.png) no-repeat scroll -100px -624px;} #commenterror{background-color:#ffffcc;border:1px solid red;color:red;display:none;font-size:14px;margin:1em 0;padding:0.5em;} .imgbg{background-color:#F0F0F0!important;border:1px solid #CECFD0;color:#555;margin:1em 2em!important;padding:1em 0;text-align:center;text-indent:0 !important;} .imgbghover{background-color:#Ffffcc!important;border:1px solid #ff9900;color:#555;margin:1em 2em!important;padding:1em 0;text-align:center;text-indent:0 !important;} .screenReader{left:-9999px;position:absolute;top:-9999px;} .thanks{background:#ffffcc;border:1px solid #ff9900;color:#555;padding:10px;} ol.forms{float:left;list-style:none;margin:0;padding:0;width:100%;} ol.forms li{margin:0 0 18px;} ol.forms label{cursor:pointer;display:block;float:left;font-weight:400;padding-right:20px;text-align:right;width:100px;} ol.forms textarea{height:200px;padding:5px;width:335px;} .error{background-color:#fff;color:#f00;} ol.forms li .error{font-size:12px;margin-left:10px;} ol.forms li.textarea .error{display:block;left:500px;position:absolute;top:500px;width:120px;} ol.forms li.screenReader{margin-bottom:0;} ol.forms li.buttons button{background-color:#FFB340;border:none;color:#555;cursor:pointer;font-size:16px;margin-left:4px;padding:5px;} ol.forms li.buttons button:hover{background-color:#FF9900;color:#222;} ol.forms li.buttons,ol.forms li.inline{margin-left:116px;} ol.forms li.inline input{width:auto;} ol.forms li.inline label{display:inline;float:none;width:auto;} #sendCopy{border:none;} pre{} p.wp-caption-text{background-color:#EBEDEF;color:#666666;margin:0;text-align:center;} h2.subsection_title{background:url(imgs/allbgs.png) no-repeat -136px -47px;background-color:#fff;color:#666;display:block;font-size:12px;font-weight:700;height:23px;letter-spacing:0px;margin:0;padding:4px 0 0;text-align:center;text-transform:capitalize;width:262px;} .widget{margin:0 0 4em;} div.aligncenter{display:block;margin-left:auto;margin-right:auto;} .alignright{float:right;margin-left:1em;} .alignleft{float:left;margin-right:1em;} #nav-below{line-height:30px;margin:0 0 4em;padding:5px 0 0;} #nav-below-s{font-size:12px;line-height:30px;margin:4em 0 0;} .nav-left{float:left;text-align:left;width:350px;} .nav-right{float:right;text-align:right;width:200px;} .nav-left a{background-color:#fff!important;border:1px solid #fcfcfc!important;color:#555!important;font-size:14px;padding:5px;} .nav-left a:hover{background-color:#ffffcc!important;border:1px solid #ffb340!important;color:#f47a0e!important;} .nav-right a{background-color:#ebedef;border:1px solid #ddd;color:#888;padding:2px 4px;} #cancel-comment-reply a{background-color:#FFF;color:#888888;float:right;font-size:11px;padding:0 4px;} #cancel-comment-reply a:hover{background-color:#eee;color:#fff;} #comment-personaldetails p{margin-bottom:5px;} .commentlist li.depth-2{margin:1em 0 1em 16px;width:484px !important;} .commentlist li.depth-3{margin:1em 0 0 16px;width:428px !important;} #commentnavi{clear:both;margin:0 0 4em;}