/* Theme Name: Blogspreneur Themes Theme URI: http://www.blogspreneur.com/blogspreneur-themes-a-free-wordpress-theme/ Description: A green elegant theme. This theme has right sidebar. It supports threaded comments, widget ready and adsense. Version: 1.2 Tags: two-columns, green, white, silver, right-sidebar, fixed-width, threaded-comments Author: Wikan Pribadi Author URI: http://www.blogspreneur.com The CSS/XHTML is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /*** Layout ***/ body { background: #e6e6e6 url(images/bodybg2.png) repeat-x top left; color: #151515; font-family: Arial, verdana; font-size: 72.5%; line-height: 1.4; margin: 0; padding: 0; } #wrap { width: 1004px; margin: 0 auto; } #wrapbody { margin: 40px auto 0; padding-top: 0px; text-align: left; position: relative; } #breadcrumb{ height: 20px; margin-bottom: 15px; } #header { background: url(images/blogspreneur-logo.png) no-repeat; padding-left: 86px; text-align: left; margin: 30px 0 5px 10px; width: 330px; float: left; min-height: 100px; } .desc { color: #002B00; } #content { font-size: 1.1em; width: 613px; padding: 10px 30px 20px; float: left; background: #fff; border-right: 1px solid #E6E6E6; } #sidebar { float: right; font-size: 1.1em; padding: 25px 25px; width: 279px; background: #F7F7F7; } #footer { clear: both; background: url(images/footer.png) repeat-x; height: 60px; color: #333; font-size: 1.2em; padding-top: 10px; text-align: center; color: #524406; margin-top: 50px; border-top: 1px solid #DEDEDE; } #adsheader { position: relative; top: 5px; left: 10px; height: 20px; } /*** Search form ***/ #search_area { width: 206px; height: 27px; background: url(images/search.png) no-repeat left top; margin: 50px 20px 0; float: right; } #search_input { float: left; margin: 5px 0 0 10px; border: 0px; height: 15px; display: inline; width: 150px; font-size: 12px; color: #999; background: transparent; } #search_button { float: right; } /*** oth ***/ a { color: #6B8137; text-decoration: none; } a:hover { color: #13ad23; } h1, h2, h3, h4 { font-weight: 400; margin: 0; padding: 0; } #header h1 a { font-size: 1.5em; color: #fff; } .entrytitle_wrap, .entrybody, .postinfo { padding-right: 40px; } .entrytitle_wrap { padding-bottom: 1.8em; } .entrytitle { text-align: left; } .entrytitle h3 { font-size: 1.5em; color: #6F6F6F; } .entrytitle h1 a, .entrytitle h2 a { color: #3C4C16; } .entrytitle h1 a:hover, .entrytitle h2 a:hover { color: #13ad23; } .entrytitle h1, .entrytitle h2 { font-size: 2em; text-align: left; font-weight: 600; } .entrydate { color: #6C6C6C; margin: 0; } /*** +Entry ***/ .entry { padding: 15px 0 20px; text-align: justify; border-bottom: 1px dotted #ddd; } .entry a:hover { color: #13ad23; } .entry p { margin: 0; padding: 0 0 10px; } .entry h3 { font-size: 1.5em; padding-bottom: .3em; } .entry img { max-width: 580px; margin-left: 5px; margin-right: 5px; border: 0; } .entrybody { padding-bottom: 6px; } .entrybody a { color: #27679B; text-decoration: underline; } .entry code { font-size: 1.1em; text-align: left; padding: .2em; } .entrymeta { color: #3C4C16; font-size: 11px } .postinfo { margin-top: 3px; } .alignleft, img.alignleft { float: left; margin: 5px 10px 5px 0; } .alignright, img.alignright { float: right; margin: 5px 0 5px 10px; } .aligncenter, div.aligncenter, img.aligncenter { text-align: center; display: block; margin: 10px auto; } a img.alignright { float: right; margin: 0 0 1em 1em } a img.alignleft { float: left; margin: 0 1em 1em 0 } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } abbr, acronym, span.abbr { cursor: help; border-bottom: 1px dotted #000; } blockquote { display: block; border-left: 5px solid #DDD; padding: 15px 10px; } pre { max-width: 580px; font-size: 1.2em; padding: 10px; } code { font-size: 1.2em; max-width: 580px; padding: 10px; } .wp-caption { background: #E8D986; border: 1px solid #C4AD26; color: #524406; } .wp-caption img { border: 0 none; margin: 0; padding: 5px; } .wp-caption-dd { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /*** Sidebar ***/ #sidebar ul { list-style-type: none; margin: 0 0 1.2em 0; padding: 0; } #sidebar li{ border-bottom: 1px dotted #b3b3b3; } #sidebar li, #sidebar li a { color: #666; padding: .2em .2em .2em 0; } #sidebar ul li a:hover { color: #13AC23; text-decoration: underline; } #sidebar ul li ul.children { margin: 0; } #sidebar ul li ul.children li.cat-item { background: url(images/sub.gif) 0 11px no-repeat; padding: .2em .2em .2em 0; padding-left: 11px; margin-top: -2px; border-width: 0; } #sidebar h4 { background: url(images/bullet.png) no-repeat; padding: 0px 2px 4px 20px; height: 16px; color: #151515; font-size: 1em; text-transform: uppercase; margin-top: 2em; font-weight: 700; color: #3C4C16; } #sidebar-right #cat { width: 195px; border: 1px solid #8B7E1D; } #sidebar img { max-width: 140px; border: 0; } #menu { font-size: 12px; height: 30px; margin: 0; } #menu, #menu ul { line-height: 1; margin: 0; padding: 0; } #menu li { position: relative; float: left; height: 28px; margin: 0 0 0 0; z-index: 10; list-style: none; } #menu ul li { height: auto; border-left: none; padding: 0; left: auto; margin: 0; } #menu a:link, #menu a:visited { color: #47b400; display: block; padding: 13px 30px 5px; position: relative; height: 22px; } #menu a:hover { color: #eeffaa; text-decoration: none; background: #286300; } #menu li.current_page_item a{ background: #286300; } #menu ul { position: absolute; top: 48px; left: 0; display: none; width: 200px; } #menu ul ul { margin: 0 0 0 189px; top: 0; } /*** comments ***/ .commentsblock, contactform { font-size: 1em; clear: both; padding: 20px 40px 0 0; } .commentsblock h3 { color: #3C4C16; } .commentsblock textarea, .contactform textarea { width: 44em; } .commentsblock input, .commentsblock textarea, .contactform input, .contactform textarea { border: 1px solid #d1d1d1; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em Arial, Sans-Serif; } .commentlist li { padding: 5px 10px 10px 5px; border: 1px solid #E7E7E7; margin: 10px 40px 10px 0; width: 90%; list-style-type: none; } .even{ background: #F8F8F8; } .alt { background: #eee; } .commentlist li ul li { margin-left: -5px; margin-right: 10px; } .commentlist li .avatar { float: right; border: 1px solid #E7E7E7; padding: 2px; margin: 0 0 10px 0; background: #eee; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } .commentlist textarea { width: 90%; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } .commentsblock textarea:focus, .contactform textarea:focus, .commentsblock textarea:focus, .commentsblock input:focus, .contactform textarea:focus, .contactform input:focus { background: #F4F0CC; border: 1px solid #a1a1a1; } #submit { background: #F0F0F0; } /*** * table */ .entrybody table { border-collapse: collapse; border: 1px solid #E0CA5E; } .entrybody table { margin: 0 0 1em 1px; } .entrybody td, .entrybody th { border: 1px solid #E0CA5E; padding: 10px; } .entrybody th { background: #F3EBC1; text-align: center; border-right: 1px solid #E0CA5E; } #navigation { margin-right: .4em; } .clear { clear: both; } /*** footer ***/ #infofooter { padding: 10px; font-size: 12px; } #footer a { color: #7f9a42; } #footer a:hover { color: #13AC23; } #totop { position: fixed; bottom: 105px; right: 0; } .gotop { width: 31px; height: 102px; display: inline; float: left; background: url(images/backtotop3.png) no-repeat; } .gotop:hover { background-position: 0 -102px } .hide{ display: none; } #respond { margin-top: 20px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; margin-top: 50px; } #respond h3{ padding: 0; margin: 0; } /*** Other ***/ #sdbar-subscribe{ margin: 10px 0; } #subscr { width: 174px; height: 48px; background: url(images/subscribe2.png) no-repeat; margin: 10px; padding: 0; position: relative; } #subscr li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #subscr li, #subscr a { height: 48px; display: block; border-width: 0; } #rss {left: 0; width: 48px;} #twitter {left: 63px; width: 48px;} #facebook {left: 126px; width: 48px;}