/* Theme Name:KnowFood Pro Author URI:http://blog.add-one.cn/ Version:1.0_Beta Author:Cigar Description:KnowFood Design by Mickey Edit the DiV&css by Cigar */ @import url("css/style-green.css"); img, div, input{_behavior: url("iepngfix.htc");} body { font:12px tahoma,arial; margin:0px 0px 0px 0px; } body * { margin:0px; padding:0px; } hr { height:5px; margin:10px 0px; border:none; } ul{ list-style:none; margin:0px; padding:0px;} blockquote { margin:0px 0px 0px 5px; padding:8px 25px 5px 40px; font-size:15px; font-style:italic; font-family:Georgia, Times New Roman, Serif; } blockquote p { margin:0px 0px 10px 0px; padding:0px; } strong{ color:#666;} .clearboth{ clear:both; } .alignleft { float:left } .alignright { float:right } img{ border:none;} .imgleft { float:left; margin:0 12px 12px 0; padding:2px; border:3px solid #ccc; } .imgright { float:right; margin:0 0 12px 12px; padding:2px; border:3px solid #ccc; } .imgright_n { float:right; margin:0 0 12px 12px; } .img_center { width:98%; background:#ccc; padding:5px; margin:10px 0; } code { font-size:12px; } #content h2,#content h3, #content h4,#content h5, #content h6{ font-weight:bold; font-family:tahoma, arial;} #content h2{ width:495px; padding-top: 15px; padding-right: 0; padding-left: 90px; color: #69C336; margin:20px 0 15px; background: #EAF9DC url(images/h2bj.jpg) left bottom no-repeat; height: 30px; clear:both; float:left; display:inline; font-size: 14px; border: 1px solid #999999; } #content h3{ border-left:5px solid #69C336; color:#69C336; clear:both; font-size:14px; margin:20px 0 15px; padding:2px 0 2px 15px; width:565px; } #content h4{ width:495px; padding-top: 15px; padding-right: 0; padding-left: 90px; color: #18a795; margin:10px 0 15px; background:#E3FCF9 url(images/h4.jpg) -2px top no-repeat; height: 30px; font-size: 14px; border: 1px solid #999999; } #content h5{ width:490px; padding-top: 15px; padding-right: 0; padding-left: 90px; color: #ffc720; margin:10px 0 15px; background: #FDFAE7 url(images/h2_bj.jpg) left top no-repeat; height: 30px; font-size: 14px; border: 1px solid #999999; } #content h6{ width:565px; border-left: 5px solid #69c336; padding:5px 0 5px 15px; color: #69C336; margin:20px 0 0 ; font-size: 14px; } #content h7{ width:565px; border-left: 5px solid #18A795; padding:2px 0 2px 15px; color: #18A795; margin:20px 0 0; font-size: 14px; } /* -------------------------------------------------- Structure -------------------------------------------------- */ #header { overflow:hidden; position:relative } #header-in { width:1000px; padding:0px; height:132px; position:relative; margin:0px auto; } #container { width:941px; text-align:left; margin:0 auto; clear:both; overflow:hidden; } .container-top { clear:both; height:19px; width:941px; display:block; margin:0 auto!important;margin:-3px auto 0;} .container-bottom { clear:both; height:19px; width:941px; display:block; margin:0px auto; } #content { width:585px; float:right; padding:0 20px 20px 15px; display:block; overflow:hidden; } #sidebar { float:left; display:inline; width:270px; padding:0px 3px 0px 20px; } #l_sidebar, #r_sidebar { float:left; display:block; width:130px; margin:0px; padding:0px 0px 0px 10px; } #footer { padding:10px 0px 20px 0px; text-align:center; height:25px; clear:both; font-size:11px; } #footer-wrap { width:900px; margin:0px auto; } /************************************* Links **************************************/ a { text-decoration:none; outline:none; } a:hover { text-decoration:underline; } /************************************* Headings **************************************/ h1 { font-size:26px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0px; padding:0px; } h3.h1 { /*make homepage h3's for the first 2 stories look like H1 */ font-size:22px; margin-bottom:20px; text-decoration:none; } h1 a, h3 a, h1 a:visited, h3 a:visited { text-decoration:none; } h1 a:hover, h3 a:hover { text-decoration:none; } /*h2 { font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:10px 0px; line-height:150%; margin:0px; }*/ h2 a, h2 a:visited { color:#666; text-decoration:underline; } h2 a:hover { text-decoration:none; } h3 { font-size:22px; font-weight:normal; font-family:tahoma,arial; } #sidebar h2 { margin:0px 0 5px 0; padding:5px 0px 0px 0; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; } #sidebar .popular h2 { font-size:18px; } #l_sidebar h2, #r_sidebar h2 { font-size:16px; } #sidebar h3 { font-size:14px; margin-bottom:8px; } h3 a, h3 a:visited { text-decoration:none; } h4 { font-size:18px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; } h5 { font-size:16px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; } h6 { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; padding:0px 0 10px 0px; line-height:150%; margin:0px; } /************************************* Header **************************************/ #header-in .title { margin:0px; padding:15px 10px 5px 10px; width:590px; float:left; } #header-in .title a { text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:33px; font-weight:normal; margin:0px; padding:0px; } #header-in .description { clear:both; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; font-weight:bold; margin:0px; padding:0px 10px 4px 15px; width:850px; } #header-in img { border:none; } /************************************* Subscribe form **************************************/ .subscribe { width:298px; height:60px; float:right; position:absolute; top:0px; right:0px; } .subscribeform { float:right; padding:5px 0 0 18px; overflow:hidden; width:215px; position:relative;} .subscribeform p { margin:0; padding:0; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; } .subscribeform .textfield { width:165px; height:18px; padding:0 5px 0 5px; margin-top:11px; margin-bottom:8px; border:none; background:none; } .sbutton { width:8px; height:10px; line-height:26px; display:block; text-align:center; cursor:pointer; border:none; position:absolute; right:22px; top:35px; } /************************************* RSS Feed **************************************/ .rss { float:left; padding:8px 0 0 19px; margin:0px; } /*Search box Rounded Corner End */ ul.tablist { margin:5px 0px; padding:0; list-style:none; color:#333; } ul.tablist li { margin:0 5px; padding:2px 0 3px 10px; list-style:none; border-bottom:1px dotted #959595; text-align:left; } ul.tablist li a { text-decoration:none; line-height:18px; } ul.tablist li a:hover { text-decoration:underline; } .searchform { padding:5px; height:100%; overflow:hidden; position:relative; } .searchform .s { color:#333; padding:4px 3px 4px 3px; line-height:16px; width:208px; } * html .button { top:6px; } *+html .button { top:6px; } #ul { display:block; width:880px; margin:0px; padding:0px 0px 0px 10px; } /************************************* Content **************************************/ #content ol { list-style-type:decimal; line-height:18px; margin:0; font-size:12px; padding:0 0 10px 0; } #content ol li ol { margin:8px 0 5px 18px; padding:0 0 0 0; } #content ol li { margin:0 0 5px 0; padding:0; background:none; } #content h1.btmspace { margin-bottom:15px; } #content p { margin:0px; line-height:18px; padding:0px 0px 10px 0px; } #content p img{ margin:3px 10px 10px; clear:both} #content ol { list-style-type:decimal; line-height:18px; margin:0px; padding:0px 0px 10px 35px; } #content .post-bottom { margin:10px 0px 15px; clear:both; float:left; overflow:hidden; height:100%; font-size:11px; width:100%; } .addthis_container{ clear:both; display:block; margin-top:15px;} #content .post-bottom #bookmark{ width:171px; height:16px; margin-top:12px; display:block; float:left;} #content .post-bottom .actions{display:inline; float:right; margin-right:6px; margin-top:5px; margin-bottom:1px; width:79px;} #content .post-bottom .actions span a{ background-position:center center; background-repeat:no-repeat; display:inline; float:right; height:35px; padding:0 7px; width:25px; height:35px;} #content .post-bottom .actions span.print a{ background: url(images/shareit-print_new.gif) no-repeat; display:block; text-indent:-9999px; } #content .post-bottom .actions span.email_this a{ background: url(images/shareit-email_new.gif) no-repeat ; display:block; text-indent:-9999px;} #content .post-bottom .commentCount{ float:left; width:100px; height:25px; margin-top:12px; margin-left:20px; display:inline;} #content .post-bottom .commentCount span a{ background:transparent url(images/talkBubble.gif) no-repeat scroll left center; margin-left:0; padding:1px 0 0 17px; } .addtoany_share_save_container{ display:block; clear:both; float: left;} .addtoany_share_save_container ul{ margin-top:15px;} #content .post-bottom h3{ display: inline; margin:5px 0px; float:left} #content .social { margin:0; padding:0; width:100%; list-style:none; float: left; display:block; } * html #content .social { width:580px; } #content .social { margin:0; padding:0; width:413px; list-style:none; float:right; } * html #content .social { width:420px; } #content .social li { margin:3px 0 0 11px; list-style:none; float:left; } #content .social li a img { border:none 0px;} /*Page navigatoin 2 ----------------------------- */ #content .wp-pagenavi { text-align:center; height:25px; font:bold 11px Arial, Helvetica, sans-serif; line-height:24px; } #content .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active { padding:3px 8px 3px 8px; margin:2px; text-decoration:none; color:#333; line-height:24px; background-color:#e7e7e7; } #content .wp-pagenavi a:hover { color:#fff; background-color:#666; } #content .wp-pagenavi span.pages { padding:3px 8px 3px 8px; margin:2px 2px 2px 2px; } #content .wp-pagenavi span.current { padding:3px 8px 3px 8px; margin:2px; line-height:25px; font-weight:bold; color:#fff; background:#de2225; } #content .wp-pagenavi span.extend { padding:3px 8px 3px 8px; margin:2px; color:#fff; line-height:25px; background-color:#314332; } #content .trackbacklist { margin:8px 0 0 0; padding:0; list-style:none; } #content .trackbacklist li { margin:0 0 8px 0; padding:0 0 5px 12px; list-style:none; border-bottom:1px solid #ccc; } .post-ratings { font-size:12px; font-style:normal; padding-left:8px; display:block; margin:8px 0; } /************************************************ * Comments * ************************************************/ #content .commentlist li .avatar { background: #FFFFFF; float: right; background:#fff url(images/gravtar.png) no-repeat center; border: 1px solid #EEEEEE; padding:5px; margin-left:10px; } #commentform input { width: 210px; padding: 2px; margin: 5px 5px 1px 0px; border:1px solid #ccc; } #commentform { margin: 5px 10px 0px 0px; height:100%; overflow:hidden; } #commentform label { font-weight:bold; } .cancel-comment-reply a { font-size:12px; } #commentform textarea { width:500px; padding: 2px; border:1px solid #ccc; } #respond:after { content: "."; display: block; height:0px; clear: both; visibility: hidden; } #content .commentlist p { font-weight: normal; text-transform: none; } #content .commentmetadata { font-weight: normal; font-size:11px; } #commentform p { margin: 5px 0px 5px 0px; } #commentform #submit { margin:0; float:left; width:100px; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; cursor:pointer; background:#69C336 ; border:none; } .alt { margin: 0px; padding: 10px; } #content .commentlist { margin: 10px 0 10px 0; padding: 0px; height:100%; overflow:hidden; } #content .commentlist ol { margin: 0px; padding: 10px; } #content .commentlist li { margin: 15px 0px 10px; padding: 10px 8px 10px 10px; list-style: none; background:none; } #content .commentlist li ul li { margin-right:5px; } #content .commentlist cite { font-size:12px; font-weight:bold; font-style:normal; } #content .commentlist li a { font-weight:bold;} #content .commentlist li a:hover { color:#000; } .commentlist p { margin: 10px 5px 10px 0px; padding: 0px; } .children { margin:0px; padding:0px; } .nocomments { text-align: center; margin:0px; padding:0px; } .commentmetadata { font-size: 11px; margin: 0px; display: block; } .navigation { display: block; text-align: center; margin-top:10px; margin-bottom:10px; } .alignright { float: right; } .alignleft { float: left; } .thread-alt { background:#eee; margin: 0px; padding: 0px; } .thread-even { background:#fff; } .depth-1 { border: 1px dotted #bbb; } .even { border:1px dotted #bbb; background:#eee !important; } .alt { border:1px dotted #bbb; background:#fff !important; margin:0px; padding:0px; } .gravatar { float:right; border:2px solid #999; margin:0px 0 10px 15px; width:40px; height:40px; background:url(images/gravtar.png) no-repeat; } .commetmainauthor { background:#eee; overflow:hidden; height:100%; margin-bottom:15px; border-bottom:1px solid #ccc; } .commetmain { background:#f8f8f8; border-bottom:1px solid #ccc; overflow:hidden; height:100%; margin-bottom:15px; } #content .post-meta-top { margin:0px 0px 15px 0px; clear:both; padding:5px 0px; overflow:hidden; height:100%; } #content .post-bottom p{ clear:both} .comm { float:right; width:38px; height:39px; font-size:22px; line-height:27px; text-align:center; } .comm span { text-align:center; padding:5px 0 0 0; } .comm a { text-decoration:none; } .date { float:left; text-align:left; font-size:11px; padding:0 0px 0 15px; background:url(images/i_calendar.png) no-repeat 0 1px; } #content .search404 { margin:4px 8px 0 0; padding:5px 0 0 0px; width:298px; } #content .category { float:left; width:290px; border-right:1px solid #ccc; } #content .category ul{ margin-left:15px;} #content .category h2{ width:200px } #content .tags { float:right; width:48%; } #content .search_category{border-right: 1px solid #CCC;} #content .search_tags{ margin-left:10px; display:inline;} #content .search_category,#content .search_tags{ width:285px; float:left; } #content .search_category ul,#content .search_tags ul{ margin-top:10px;} #content .search_category p,#content .search_tags p{ width:254px; text-align:center; background:#EAF9DC url(images/h2bj.jpg) no-repeat scroll left bottom; border:1px solid #999999; clear:both; color:#69C336; font-size:14px; padding:15px 10px; } /* Previous/Next Page Navigation *********************************************/ .page-nav { clear:both; margin:15px 0px; padding:2px 0px; height:22px; font-weight:bold; font-size:15px; } .nav-previous { width:249px; float:left; text-align:left; margin:2px 0px; } .nav-next { width:249px; float:right; text-align:right; margin:2px 0px; } .page-nav a { text-decoration:none; } .nav-previous a { padding-left:13px; } .nav-next a { padding-right:13px; } /* Contact form --------------------------------- */ .contactform { position: static; overflow: hidden; } #content .contactleft { width:18%; text-align: left; clear: both; float: left; display: inline; margin: 5px 0; height:25px; font-weight: bold; } #content .contactright { width: 79%; text-align: left; float: right; display: inline; padding: 4px; margin: 5px 0; font-size:11px; } .contactright input, textarea { width:220px; padding:3px; font:12px Arial, Helvetica, sans-serif; } #contactsubmit { width:120px; font:bold 12px Arial, Helvetica, sans-serif; border:none; cursor:pointer; } /************************************* Sidebar **************************************/ #sidebar .sidebar-bot { display:block; height:20px; clear:both; } #sidebar ul { list-style-type:none; } #sidebar .advertise { text-align:left; padding:0; margin-left:3px; } #sidebar .advertise img { margin:5px 5px; border:none; } #sidebarwrap { padding:15px 0px 0px 0px; margin:0px; border:none; } #sidebar .aktt_tweets p { display:none; } /************************************* Posts **************************************/ /*popular box Rounded Corner start */ #pxsnazzy { margin:0 0 10px 0; } .pxtop, .pxbottom { display:block; font-size:1px; } .pxb1, .pxb2, .pxb3, .pxb4 { display:block; overflow:hidden; } .pxb1, .pxb2, .pxb3 { height:1px; } .pxb1 { margin:0 5px; } .pxb2 { margin:0 3px; } .pxb3 { margin:0 2px; } .pxb4 { height:2px; margin:0 1px; } .pxboxcontent { display:block; padding:2px; } /*popular box Rounded Corner End */ .popular ul { margin:0px; padding:0px 10px 15px 10px; } .popular ul li { margin:0px; padding:0px; } .popular ul li ul { padding:0px; } .popular ul li ul li { margin:0px; padding:5px 10px; } .popular ul li ul li a, #popular ul li ul li a:visited { padding:0; margin:0px; text-decoration:none; } .popular ul li ul li a:hover { text-decoration:underline; } /************************************* Popular Posts Section **************************************/ #sidebar #sidebarwrap #popular { margin:0px; padding:0px;} /*popular box Rounded Corner start */ #pxsnazzy { margin:0 0 10px 0; } .pxtop, .pxbottom { display:block; font-size:1px; } .pxb1, .pxb2, .pxb3, .pxb4 { display:block; overflow:hidden; } .pxb1, .pxb2, .pxb3 { height:1px; } .pxb1 { margin:0 5px; } .pxb2 { margin:0 3px; } .pxb3 { margin:0 2px; } .pxb4 { height:2px; margin:0 1px; } .pxboxcontent { display:block; padding:2px; } /*widget calendar css =================================================== */ #wp-calendar { width:90%; margin:0 auto; color:#2a271c; } #sidebar .widget_calendar h2, widgettitle { display:none; } #sidebar #calendar_wrap caption { margin:8px 0 3px 0; padding:5px 0 5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:url(images/sheadbg.png) no-repeat; width:100%; } /************************************* Left Sidebar **************************************/ #l_sidebar ul, #l_sidebar ul li, #r_sidebar ul, #r_sidebar ul li { margin:0px 0 15px 0; padding:0px; } #l_sidebar ul li ul li, #r_sidebar ul li ul li { margin:0px; padding:5px 3px 7px 8px; } #l_sidebar ul li ul li a, #l_sidebar ul li ul li a:visited, #r_sidebar ul li ul li a, #r_sidebar ul li ul li a:visited { margin:0px; text-decoration:none; } #l_sidebar ul li ul li a:hover, #r_sidebar ul li ul li a:hover { text-decoration:underline; } #l_sidebar ul li ul li ul li, #r_sidebar ul li ul li ul li { margin:0px; padding:0px; } #l_sidebar ul li ul li ul li a, #l_sidebar ul li ul li ul li a:visited, #r_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a:visited { padding:5px 3px 7px 8px; margin:0px; text-decoration:none; } #l_sidebar ul li ul li ul, #r_sidebar ul li ul li ul { border:none; padding:0px; margin:0px; } #l_sidebar ul li ul li ul li a:hover, #r_sidebar ul li ul li ul li a:hover { text-decoration:underline; } .about { overflow:hidden; height:100%; margin-bottom:15px; } #sidebar p { margin:0px; line-height:18px; padding:0px 0px 10px 0px; } /************************************* Footer **************************************/ #text-link-advertise { padding:15px; text-align:left; clear:both; } #footer .copyright { float:left; text-align:left; color:#FFF; } .copyright a { text-decoration:none; } .copyright a:hover { text-decoration:none; } ul#nav-footer { margin:0; padding:0; float:right; font-size:11px; text-align:right; text-transform:uppercase; } ul#nav-footer li { padding:5px 8px 5px 12px; list-style:none; float:left; } ul#nav-footer li.nobg { padding:5px 8px 0px 12px; } ul#nav-footer li a { text-decoration:none; } /* Tabber Style start -------------------- */ .tabberlive .tabbertabhide { display:none; } .tabberlive { margin:0 5px; } ul.tabbernav { margin:0; padding:3px 0; font:bold 12px Arial, Helvetica, sans-serif; } ul.tabbernav li { list-style:none; margin:0; display:inline; } ul.tabbernav li a { padding:3px 0.5em; margin-left:3px; text-decoration:none; } /*---- tabbertab = the tab content---------------------*/ .tabberlive .tabbertab { padding:5px; } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } /* instruction elements -------------------------------------- */ address { font-style:italic; } .post_box{ clear:both; float:left; display:block; margin:0 0 20px;} #content p.alert, #content p.download, #content p.info, p.note { margin:10px 0 10px 0; padding:9px 10px 9px 36px; } #content p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/alert.png) no-repeat 12px 13px; } #content p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/download.png) no-repeat 10px 13px; } #content p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/info.png) no-repeat 12px 13px; } #content p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/note.png) no-repeat 14px 13px; margin:10px 0 10px 0; padding:9px 10px 9px 36px; } .cartlink { background:url(images/i_cart2.png) no-repeat 0 3px; padding-left:20px; } .red { color:#c00; font-size:11px; padding-left:5px; }