/* Theme Name: Imagine Version: 0.1 Theme URI: http://paranimage.com/ Description: Just Another A Wordpress Theme, released under Creative Commons 3.0 BY. Author: Paran Author URI: http://paranimage.com/ Copyright (c) PARANIMAGE. */ /*********************************************************************************************************** RESET, GENERIC & LAYOUTS ************************************************************************************************************/ *{margin:0;padding:0;border:0;} body{background:#FFF;color:#4F5569;font:12px Arial, Helvetica, Verdana, sans-serif;} table {border-collapse: collapse;border-spacing: 0;} address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;} ol,ul {list-style: none;} h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;} a{text-decoration:none;color:#2299BB;} a:hover{color:#0077AA;} :focus{outline:none;} a:focus,input:focus{-moz-outline-style: none;outline:none; } /* FF */ .inner{width:960px;margin:0 auto;} .clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfloat {display: inline-block;} .clearfloat {display: block;} * html .clearfix {height:1%;} .left-column{width:120px;float:left;margin-right:34px;} .center-column{width:513px;float:left;margin-right:33px;} .right-column{width:260px;float:right;} .left-wide-column{width:667px;float:left;} .right-wide-column{width:806px;float:right;} div#wrapper{margin:0 auto;} div#content{float:left;width:667px;min-height:700px; height:auto !important; height:700px;overflow:visible;} div#sidebar{float:right;width:260px;overflow:hidden;} /*********************************************************************************************************** HEADBAR ************************************************************************************************************/ div#headbar{height:63px;position:fixed;top:0;left:0;background:#F7F7F7 url(images/hbg.png) repeat-x center top;width:100%;z-index:300;} #headbar .logo,#headbar .logo a{float:left;width:400px;height:63px;display:block;text-indent:-5555em;overflow:hidden;} #headbar .logo a:hover{background:url(images/hbg.png) no-repeat -270px -263px;} #headbar ul{float:right;} #headbar ul li{float:left;display:block;text-indent:-5555em;overflow:hidden;} #headbar ul li a{display:block;width:65px;height:50px;} #headbar ul li.about a:hover{background:url(images/hbg.png) no-repeat -970px -263px;} #headbar ul li.ads a:hover{background:url(images/hbg.png) no-repeat -1035px -263px;} #headbar ul li.submit a:hover{background:url(images/hbg.png) no-repeat -1100px -263px;} #headbar ul li.rss a:hover{background:url(images/hbg.png) no-repeat -1165px -263px;} /*********************************************************************************************************** WALLBAR ************************************************************************************************************/ div#wallbar{background:url(images/hbg.png) repeat-x center top;height:195px;padding-top:63px;margin-bottom:15px;overflow:hidden;} * html div#wallbar{padding-top:0;background:url(images/hbg.png) repeat-x center -63px;} #pavatar a{text-indent:-5555em;overflow:hidden;display:block;width:120px;height:170px;} #pavatar a:hover{background:url(images/hbg.png.png) no-repeat -270px -326px;} UL.catnavi LI { DISPLAY: block; FONT-WEIGHT: bold; POSITION: relative; HEIGHT: 21px } UL.catnavi LI A { PADDING-LEFT: 16px; COLOR: #000 } UL.catnavi LI A:hover {/* BACKGROUND: url(images/nonius.gif) no-repeat left -28px;*/ COLOR: #c00909 }/* UL.catnavi LI.current-cat A { BACKGROUND: url(images/nonius.gif) no-repeat left 2px } UL.catnavi LI.current-cat-parent A { BACKGROUND: url(images/nonius.gif) no-repeat left 2px }*/ UL.catnavi UL { LEFT: 60px; MARGIN-LEFT: 30px; POSITION: absolute; TOP: 0px } UL.catnavi LI LI { FONT-WEIGHT: normal; FLOAT: left; MARGIN-RIGHT: 10px } UL.catnavi LI LI A { PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #aaa } UL.catnavi LI LI A:hover { BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #c00909 } UL.catnavi LI.current-cat LI A { BACKGROUND: none transparent scroll repeat 0% 0% } UL.catnavi LI.current-cat-parent LI A { BACKGROUND: none transparent scroll repeat 0% 0% } UL.catnavi LI LI.current-cat A { COLOR: #ddd } /* #gridbox{text-align:center;height:180px;width:513px;} #gridbox a, #gridbox span{width:32px;height:32px;display:block;margin:0 5px 5px 0;float:left;text-align:center;background:#00A4EE url(images/rcorner.png) no-repeat left top;font-size:2em;line-height:32px;color:#EDF2F8;} * html #gridbox a, * html #gridbox span{background:#00A4EE url(images/rcorner.gif) no-repeat left top;} #gridbox a img{width:26px;height:26px;padding-top:3px;} #gridbox a:hover img{width:32px !important;height:32px !important;background:#FFF;padding:0;} #gridbox a.ci{background:url(images/gbg.png) no-repeat -3px -38px;text-indent:-5555em;overflow:hidden;} #gridbox span.nd{color:#00A4EE;text-indent:-5555em;} #gridbox a#wordpress{background-position: -3px -38px;} #gridbox a#air{background-position: -39px -38px;} #gridbox a#apple{background-position: -75px -38px;} #gridbox a#google{background-position: -111px -38px;} #gridbox a#ps{background-position: -146px -38px;} #gridbox a#jquery{background-position: -183px -38px;} #gridbox a#toolbox{background-position: -219px -38px;} #gridbox a#twitter{background-position: -254px -38px;} #gridbox a#ubuntu{background-position: -291px -38px;} #gridbox a#chrome{background-position: -327px -38px;} #gridbox a#dollar{background-position: -363px -38px;} #gridbox a#firefox{background-position: -399px -38px;} #gridbox a#seo{background-position: -434px -38px;} #gridbox a#blackberry{background-position: -471px -38px;} #gridbox a#wordpress:hover{background-position: -2px -2px;} #gridbox a#air:hover{background-position: -38px -2px;} #gridbox a#apple:hover{background-position: -74px -2px;} #gridbox a#google:hover{background-position: -110px -2px;} #gridbox a#ps:hover{background-position: -146px -2px;} #gridbox a#jquery:hover{background-position: -182px -2px;} #gridbox a#toolbox:hover{background-position: -218px -2px;} #gridbox a#twitter:hover{background-position: -254px -2px;} #gridbox a#ubuntu:hover{background-position: -290px -2px;} #gridbox a#chrome:hover{background-position: -326px -2px;} #gridbox a#dollar:hover{background-position: -362px -2px;} #gridbox a#firefox:hover{background-position: -398px -2px;} #gridbox a#seo:hover{background-position: -433px -2px;} #gridbox a#blackberry:hover{background-position: -470px -2px;} #gridbox .nb{font-size:1em;text-align:center;background-color:#DBECFD;color:#9E9E9E;} #gridbox .nb:hover{color:#000;} */ #network li{margin-bottom:7px;line-height:150%;padding-left:25px;color:#7E7E7E;text-align:justify;background:url(images/network.gif) no-repeat left top;} #network li.na5{background-position:left top;} #network li.na7{background-position:left -80px;} #network li.na9{background-position:left -160px;} #network li.na5:hover{background-position:-300px top;} #network li.na7:hover{background-position:-300px -80px;} #network li.na9:hover{background-position:-300px -160px;} #network li a{font-weight:bold;display:block;margin-bottom:2px;} /*********************************************************************************************************** TOOLBAR ************************************************************************************************************/ #toolbar{position:fixed;bottom:0;background:#F7F7F7 url(images/fbg.png) repeat-x left top;height:24px;padding:13px 0 7px 0;width:100%;left:0;z-index:100;} * html #toolbar{background:none;padding:0 0 15px 0;} .btn { display:inline-block; background:none;margin:0;padding:3px 0;border-width:0;overflow:visible;text-decoration:none;color:#333;font-size:13px;} html button.btn {padding-bottom:1px;} /*html:not([lang*=""]) button.btn {margin:0 -3px;}*/ .btn span {background:#DDD url(images/bg-button.gif) repeat-x 0 0;margin:0;padding:3px 0;border-left:1px solid #BBB;border-right:1px solid #AAA;} * html .btn span {padding-top:0;} .btn span span ,.btn span a{position:relative;padding:3px 8px;border-width:0;border-top:1px solid #BBB;border-bottom:1px solid #AAA;color:#000;} /* button.pill-l span {border-right-width:0;} button.pill-l span span {border-right:1px solid #BBB;} button.pill-c span {border-right-style:none;border-left-color:#FFF;} button.pill-c span span {border-right:1px solid #BBB;} button.pill-r span {border-left-color:#FFF;} */ .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span a {cursor:pointer;border-color:#9CF;color:#000;} .btn:active span {background-position:0 -400px;outline:none;} .btn:focus, .btn:active {outline:none;} .primary {font-weight:bold;color:#000;} .ltn{margin:0 -1px 0 0;} .ctn{margin:0 -1px;} .ctn span {border-left:1px solid #FFF;border-right:1px solid #FFF;} .ctn span a{border-left:1px solid #BBB;border-right:1px solid #BBB;} .rtn span {border-left:1px solid #FFF;border-right:1px solid #BBB;} .rtn span a{border-left:1px solid #BBB;} .rtn{margin:0 0 0 -1px;} .ctn span:hover ,.ctn span:focus,.ctn span:active{border-left:1px solid #FFF;border-right:1px solid #FFF;} .ctn span a:hover,.ctn span a:focus,.ctn span a:active{border:1px solid #9CF;} .ltn span a:hover,.ltn span a:focus,.ltn span a:active{border-top:1px solid #9CF;border-bottom:1px solid #9CF;} .rtn span:hover ,.rtn span:focus,.rtn span:active{border-left:1px solid #FFF;} .rtn span a:hover,.rtn span a:focus,.rtn span a:active{border-top:1px solid #9CF;border-bottom:1px solid #9CF;} #catnavi{width:511px;margin:0 1px 10px;} #catnavi li.btn{float:left;position:relative;z-index:500;} #catnavi li a{background:url(images/arrow_hold.gif) no-repeat 38px center;padding-right:20px;} #catnavi li a:hover{text-decoration:none;} #catnavi ul.sub{display:none;} #catnavi li:hover ul.sub{width:130px;height:240px;position:absolute;padding:0;bottom:23px;display:block;left:-4px;bottom:24px\9;} * html #catnavi li:hover ul.sub{bottom:23px;} #catnavi li.ltn:hover ul.sub{right:0;left:-5px;} #catnavi li.rtn:hover ul.sub{right:-5px;left:auto;} #catnavi li.ftn:hover ul.sub{right:-5px;left:auto;} #catnavi ul.sub li{position:absolute;bottom:0;border:0;background:transparent url(images/bg-sub.png) no-repeat center top;width:120px;padding:15px 5px 5px 5px;padding-bottom:0\9;} * html #catnavi ul.sub li{background:transparent url(images/bg-sub.gif) no-repeat center top;} #catnavi ul.sub li a{background:none;border:0;padding:4px 5px 3px 10px;margin:0;position:static;display:block;} #catnavi ul.sub li a:hover{background:#3399FE;color:#FFF;} #nhpnavi{background:url(images/nhpnavi.gif) no-repeat left top;height:24px;text-align:center;position:relative;top:-1px;top:-2px\9;} * html #nhpnavi{top:0;} #nhpnavi a, #nhpnavi span{text-indent:-5555em;overflow:hidden;float:left;width:48px;height:24px;display:block;} #nhpnavi a.home{width:24px;height:24px;;} #nhpnavi span.noprev,#nhpnavi span.single-prev{background:url(images/nhpnavi.gif) no-repeat left -48px;} #nhpnavi span.nonext,#nhpnavi span.next-prev{background:url(images/nhpnavi.gif) no-repeat right -48px;} #nhpnavi span.single-prev a{background:url(images/nhpnavi.gif) no-repeat left top;} #nhpnavi span.single-next a{background:url(images/nhpnavi.gif) no-repeat right top;} #nhpnavi .prev:hover,#nhpnavi span.single-prev a:hover{background:url(images/nhpnavi.gif) no-repeat left -24px;} #nhpnavi .next:hover,#nhpnavi span.single-next a:hover{background:url(images/nhpnavi.gif) no-repeat right -24px;} #nhpnavi .home:hover{background:url(images/nhpnavi.gif) no-repeat center -24px;} #search{height:20px;padding-top:2px;} #search form{background:url(images/gsearch.gif) no-repeat 0 0!important;height:16px;width:244px;padding:2px 8px;} #search #s{float:left;border:none !important;width:224px;height:16px;overflow:hidden !important;margin:0 !important;padding:0 !important;} #search label{display:none;} #search #searchsubmit{float:left;border:none;background:url(images/btn-gsearch.gif) no-repeat center center !important;text-indent:-5555em;width:20px;height:16px;cursor:pointer;color:#FFF;} /*********************************************************************************************************** NAVIBAR ************************************************************************************************************/ div#navibar{margin-bottom:15px;} #bookmarker{text-align:right;position:relative;z-index:200;} #bookmarker a{background:url(images/bookmark.gif) no-repeat -1px top;padding-left:20px;} #bookmarker ul{display:none;} #bookmarker:hover ul{display:block;position:absolute;top:-10px;left:-5px;background:url(images/bg-sub-2.png) no-repeat center top;height:198px;width:105px;padding:40px 15px 10px 10px;} #bookmarker:hover ul li{margin:0 0 9px 0;} #bookmarker ul li a{background:url(images/bookmark.png) no-repeat left top;height:16px;line-height:16px;padding:2px 0 0 24px;} #bookmarker ul li.bskx a{background-position:left top;} #bookmarker ul li.bstw a{background-position:left -20px;} #bookmarker ul li.bsdb a{background-position:left -40px;} #bookmarker ul li.bsfb a{background-position:left -60px;} #bookmarker ul li.bsff a{background-position:left -80px;} #bookmarker ul li.bsgr a{background-position:left -100px;} #bookmarker ul li.bsds a{background-position:left -120px;} #breadcrumb li{float:left;background:url(images/arrow_crumb.gif) no-repeat 10px center;padding-left:20px;} #breadcrumb li.home{background:none;padding-left:0;} #subscriber li{float:left;width:65px;} #subscriber li a{height:16px;line-height:16px;padding:0 0 0 20px;display:block;} #subscriber li.rss a{background:url(images/sub.png) no-repeat left top;} #subscriber li.email a{background:url(images/sub.png) no-repeat -70px top;} #subscriber li.mobile a{background:url(images/sub.png) no-repeat -140px top;} #subscriber li.twitter a{background:url(images/sub.png) no-repeat -210px top;} #subscriber li.rss a:hover{background:url(images/sub.png) no-repeat left -16px;} #subscriber li.email a:hover{background:url(images/sub.png) no-repeat -70px -16px;} #subscriber li.mobile a:hover{background:url(images/sub.png) no-repeat -140px -16px;} #subscriber li.twitter a:hover{background:url(images/sub.png) no-repeat -210px -16px;} /*********************************************************************************************************** CONTENT ************************************************************************************************************/ .post{padding:0 0 30px 0;color:#7E7E7E;width:665px;} .post-content{float:right;width:513px;} .post-content h2.title {margin-bottom:7px;} .post-content h2.title a{font-size:15px;font-weight:normal;font-weight:bold;} .post-content h2.title a:hover{text-decoration:none;} .post-content p{line-height:150%;margin-bottom:10px;font-size:1em;text-align:justify;} span.more{display:block;background:url(images/arrow_more.gif) no-repeat left center;padding-left:10px;} .post-meta{float:left;width:120px;color:#9E9E9E;text-align:center;height:50px;padding-top:25px;text-align:right;} #single-post-meta{padding-top:35px;} .post-meta span{line-height:150%;} .post-meta span abbr{cursor:help;} .post-meta span.pd{display:block;text-align:right;color:#000;letter-spacing:0.05em;color:#4F5569;} .post-meta span.pv{background:url(images/vbg.gif) no-repeat left center;padding-left:20px;} .post-meta span.pc{background:url(images/cbg.gif) no-repeat 15px center;padding-left:30px;padding-right:2px;} #pagenavi{padding-left:153px;padding-top:10px;} #pagenavi span{font-weight:bold;padding-right:20px;color:#000;} #pagenavi a{padding:0 9px;} #pagenavi a.current,#pagenavi a:hover{color:#4F5569;font-weight:bold;} /*********************************************************************************************************** SIDEBAR ************************************************************************************************************/ .widget{margin-bottom:20px;} .widget h3{font-size:14px;color:#000;font-weight:bold;margin-bottom:7px;} .widget li{padding:3px 0 3px 0;color:#9E9E9E;line-height:150%;background:url(images/disc.png) no-repeat left 8px;padding-left:18px;} .widget li:hover{background:url(images/disc2.png) no-repeat left 8px;} .widget li a{display:block;} .widget li span.wd{padding-right:10px;} /*********************************************************************************************************** FOOTBAR ************************************************************************************************************/ #footbar{height:78px;padding-top:30px;} * html #footer{height:44px;} #ee{position:relative;left:-2px;} #ee ul li{float:left;padding:0 10px 0 0;} /*********************************************************************************************************** WIDEBAR ************************************************************************************************************/ #widebar{text-align:center;background:#F5F7F7 url(images/bottom_stripe.gif);} #widebar .inner{width:950px;margin:0 auto;height:90px;overflow:hidden;} #widebar .inner img{float:left;} /*********************************************************************************************************** PAGE ************************************************************************************************************/ #page-post-meta{padding-top:0;} #page-post-meta ul li{text-align:left;padding:4px 5px;border-top:1px solid #EEE;} #page-post-meta ul li a{background:url(images/arrow_crumb.gif) no-repeat left 5px;padding-left:10px;} #page-post-meta ul li a:hover{color:#DC4E22;} #page-post-meta ul li.current_page_item a{color:#000;} h1.title{font-size:1.5em;margin-bottom:13px;} h1.title a{color:#000;font-weight:bold;} .entry {color:#4F5569;width:510px;overflow:hidden;} br{margin:5px 0 5px 0;} /* Typograpy */ .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{margin:10px 0 10px 0;font-weight:bold;color:#222;} .entry h2,.entry h1{font-size:1.25em;} .entry h3,.entry h4{font-size:1.167em;} .entry h5,.entry h6{font-size:1.083em;} .entry strong{font-weight:bold;} .entry hr{clear:both;border:none;height:1px;display:inline-block;display:block;padding:15px 0;} .entry p{margin:0 0 20px 0;line-height:150%;text-align:left;} .entry a:hover{color:#0077AA;} /* Images */ p img {padding: 0;max-width: 100%;} img.centered ,img.aligncenter{display: block;margin-left: auto;margin-right: auto;} img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;} img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;} .alignright {float: right;} .alignleft {float: left} /* Lists */ .entry ul{margin:10px 0 20px 0;} .entry ul li {background:url(images/disc3.png) no-repeat left 4px;padding-left:15px;} .entry ol{margin:10px 0 20px 0;padding:0;list-style-type:decimal;} .entry li{margin:7px 0 7px 35px;} /* Various Tags & Classes */ acronym, abbr, span.caps {cursor: help;} blockquote {margin: 15px 30px 20px 10px;padding:10px 20px 2px 20px;border-left: 5px solid #DBECFD;background:#F7F7F7;} blockquote cite {margin: 5px 0 0;display: block;} .center {text-align: center;} .hidden {display: none;} hr {display: none;} /* Captions */ .aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;} .wp-caption {text-align:center;background:#F5F7F7;padding-top: 4px;margin: 10px;} .wp-caption img {margin: 0;padding: 0;border: 0 none;border:1px solid #DBECFD;} .wp-caption p.wp-caption-text {text-align:center;color:#000;font-size: 1em;line-height: 17px;padding: 0 4px 5px;margin: 0;} /*-------------code-----------------*/ /*-------------code-----------------*/ .entry pre{margin:16px 0; border:1px solid #EEE;overflow:auto;background:#F5F7F7;padding:0 10px 10px 10px;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word; } .entry pre code{display:block;background:#F5F7F7;} .entry pre>code{padding-top:15px;background:#F5F7F7 url(images/pxl_code.gif) 0 0 no-repeat;} .entry pre>code.html{background:url(images/pxl_html.gif) 0 0 no-repeat;} .entry pre>code.javascript{background:url(images/pxl_javascript.gif) 0 0 no-repeat;} .entry pre>code.ruby{background:url(images/pxl_ruby.gif) 0 0 no-repeat;} .entry pre>code.php{background:url(images/pxl_php.gif) 0 0 no-repeat;} .entry code{font-family:"Courier New", Courier, sans-serif;font-size:13px;color:#000;background:#F5F7F7;display:block;} .entry code span.global{ color:#3388DD;} .entry code span.brackets{color:#777777;} .entry code span.string {color:blue;} .entry code span.symbol, code span.selectors{color:#1199EE;} .entry code span.properties{color:#BB4411;} .entry code span.keywords{ color:#44BB22;} .entry code span.comment{color:#999;} .entry code span.shell{background:#f1f1f1;} .entry code.html span.tag, code.xaml span.tag{color:#BB4411;} .entry code.html span.attribute, code.xaml span.attribute{color:#44BB22;} .entry code.html span.string, code.xaml span.string{color:blue;} .entry code.html span.comment, code.xaml span.comment{color:#999999;} .entry code.html span.doctype{color:#D7FF80;}.left{float:left;}.right{float:right}.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}.clearfloat {display:inline-block}.clearfloat {display:block} .copy{background:#DBECFD url(images/libg2.png) no-repeat left top;width:510px;overflow:hidden;padding-top:5px;} .copy p{display:block;margin-bottom:0;padding:0 15px 5px 15px;} .copy pre{width:480px;font-size:1em;background:#DBECFD url(images/libg2.png) no-repeat -510px bottom;padding:0 15px 10px 15px;overflow:auto; white-space: pre-wrap;white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;} .copy pre code{background:#FFF;width:470px;font-size:1.087em;padding:5px;margin:0;line-height:150%;color:#7E7E7E;display:block;} /*********************************************************************************************************** MESSBAR ************************************************************************************************************/ #messbar{padding-top:20px;} h3#insocial,h3#comments,#respond h3{font-size:1.167em;color:#000;font-weight:bold;margin-bottom:7px;} .commentlist{width:510px;padding:0 3px 0 0;} .commentlist li{margin: 10px 0 20px 0;padding-top:5px;position:relative;line-height:150%;word-wrap: break-word;} .commentlist li p{padding:5px 15px 15px 15px;min-height:30px; height:auto !important; height:30px;overflow:visible;} .commentlist li span.comcount,.pinglist span.pingicon{background:url(images/cli.gif) no-repeat left top;width:16px;height:16px;display:block;font-size:0.75em;text-align:center;line-height:16px;color:#555;font-weight:bold;position:absolute;left:-29px;top:5px;z-index:20;color:#000;} .commentlist li.even span.comcount{background:none;color:#000;} .commentlist li span.comauthor{padding:0 4px 0 15px;font-weight:bold;} .commentlist li span.comdate{padding:0 0 0 4px;font-weight:bold;} .commentlist li.even{background:#F5F7F7 url(images/libg.png) no-repeat left top;} .commentlist li.even p{background:#F5F7F7 url(images/libg.png) no-repeat -510px bottom;} .commentlist li.bypostauthor{background:#DBECFD url(images/libg2.png) no-repeat left top;} .commentlist li.bypostauthor p{background:#DBECFD url(images/libg2.png) no-repeat -510px bottom;color:#000;} .commentlist li a.reply{position:absolute;top:6px;right:10px;;height:16px;padding-right:20px;display:block;text-indent:-5555em;overflow:hidden;background:url(images/reply.png) no-repeat right top;cursor:pointer;} .commentlist li a.reply:hover{background:url(images/reply.png) no-repeat right -17px;text-indent:0;} * html .commentlist li a.reply{background:url(images/reply.gif) no-repeat right top;} * html.commentlist li a.reply:hover{background:url(images/reply.gif) no-repeat right -17px;} h4#pingback{font-size:1em;margin: 10px 0 20px 0;font-weight:bold;} h4#pingback span{font-weight:normal;color:#7E7E7E;padding-left:10px;} .pinglist{position:relative;padding:0 15px 15px 15px;} .pinglist ul li{margin:10px 0 10px 0;} #commentform .input{background:url(images/inputbg.png) no-repeat left top;margin:10px 0 10px 0;width:216px;height:13px;overflow:hidden;padding:4px 5px 5px;} #commentform .input:hover,#commentform .input:focus, #commentform .input:active{background:url(images/inputbg.png) no-repeat left -22px;color:#FFF;} #commentform input{border:none;background:none;float:left;height:15px;padding:1px 3px 0 3px;width:165px;} #commentform label{float:left;vertical-align:middle;padding:0 7px 0 4px;height:17px;} #commentform .textarea{background:url(images/textareabg.png) no-repeat left top;width:506px;height:128px;overflow:hidden;border:none;padding:2px 2px 4px 2px;margin:10px 0 10px 0;} #commentform .textarea:hover{background:url(images/textareabg.png) no-repeat left -136px;} #commentform textarea{width:496px;height:118px;border:none;overflow:auto;background:none;padding:5px;font-size:1.333em;} #commentform input#submit{background:url(images/submitbg.png) no-repeat left top;text-indent:-5555em;height:21px;cursor:pointer;} #commentform input#submit:hover{background:url(images/submitbg.png) no-repeat left -21px;} #commentform p.tips{line-height:150%;} .wp_smilies{float:right;width:270px;} .wp_smilies p,.wp_smilies_admin p{line-height:150%;margin-bottom:10px;color:#7E7E7E;} .wp_smilies p strong{color:#000;} .wp_smilies div a img{float:left;padding:0 3px 3px 0;width:16px;height:16px;display:block;} #widget-rc{} #widget-rc li a{display:inline;} #widget-rc li span, #widget-rc li span a{color:#4F5569;font-weight:bold;} #widget-rc li cite{display:block;word-wrap: break-word;overflow:hidden;}