/* Theme Name: Pensil Warna Description: Blue jeans background. Theme are done purely with Photoshop and contain two coloums, widget ready and has a special profile in sidebar for adding your brief profile. Version: 1.0 Author: Pensil Warna Design */ body { background: #181e2e repeat; color:#e8e7e7; font-family:"Verdana", Arial; font-size:12px; margin:0px; padding:0px; } #wraper {background:url("images/Background.jpg") repeat; } img { background:transparent; border:none; } /* --------- Header Components Variables --------- */ /* Header Variables - Rev:A002 */ #header { background:url("images/Header-BodyBar.png") repeat-x; width:auto; height:175px; margin:0px auto; padding:0px; position:relative; overflow:hidden; } #header-shrink { width:907px; height:175px; margin:0px auto; padding:0px; position:relative; } /* Navigation Variables - Rev:A002 */ #navigation-bar { background:#121212; width:100%; height:29px; margin:0px; padding:0px; position:relative; float:left; } #navigation { background:#121212; width:auto; height:29px; margin:0px; padding:0px; position:relative; float:right; overflow:hidden; } #navigation ul, #navigation li { height:29px; padding:0px; margin:0px; list-style-type:none; float:left; } #navigation li a { background:#121212; color:#FFFFFF; font-weight:bold; text-decoration:none; margin:0px; padding:7px 15px 8px 15px; float:left; display:block; } #navigation li a:visited { background:#121212; color:#FFFFFF; font-weight:bold; text-decoration:none; } #navigation li a:hover { background:#333333; color:#aac55e; font-weight:bold; text-decoration:none; } #navigation, .current_page_item { background:#333333; color:#aac55e; font-weight:bold; text-decoration:none; } #navigation, .current_page_item a { background:#333333; color:#aac55e; font-weight:bold; text-decoration:none; } #navigation, .current_page_item a:visited { background:#333333; color:#aac55e; font-weight:bold; text-decoration:none; } #navigation, .current_page_item a:hover { background:#161616; color:#333333; font-weight:bold; text-decoration:none; } /* Branding Variables - Rev:A001 */ #branding { width:606px; height:165px; margin:0px; padding:0px; position:relative; float:left; } #branding h1 { color:#aac55e; font-size:24px; font-weight:normal; text-align:left; text-decoration:none; margin:20px 0px 0px 160px; padding:0px; position:relative; } #branding h1 a { color:#aac55e; text-decoration:none; } #branding h1 a:visited { color:#aac55e; text-decoration:none; } #branding h1 a:hover { color:#87a23c; text-decoration:none; } #branding p { color:#FFFFFF; font-size:12px; font-family:Arial; font-style:italic; font-weight:bold; text-align:left; text-decoration:none; margin:5px 0px 0px 170px; padding:0px; position:relative; } #logo { width:589px; height:165px; top:-29px; position:relative; float:left; } #logo a { width:589px; height:165px; position:relative; float:left; border:none; } /* Header Search Variables - Rev:A001 */ #header-feeds-body { width:301px; height:145px; margin:0px; padding:0px; position:relative; float:left; } .header-feeds { width:250px; height:30px; margin:0px 0px 20px 0px; padding:0px; top:30px; left:26px; position:relative; float:left; } .feed-image { width:30px; height:29px; margin:5px 0px 0px 15px; padding:0px; position:relative; float:left; } .feeds-link { width:210px; margin:10px 0px 0px 10px; top:1px; position:relative; float:left; } .feeds-link a { color:#ff9600; text-decoration:none; font-size:12px; font-weight:bold; } .feeds-link a:visited { color:#ff9600; text-decoration:none; } .feeds-link a:hover { color:#FFFFFF; text-decoration:none; } .feeds-text { width:210px; font-size:10px; margin:0px 0px 0px 10px; top:1px; position:relative; float:left; } /* Spacing Variables - Rev:A001 */ .header-spacer { width:907px; height:1px; margin:0px; padding:0px; position:relative; float:left; } /* --------- /Header Components Variables --------- */ /* --------- Post Components Variables --------- */ /* Page Container Variables - Rev:A001 */ #content { width:907px; height:auto; margin:0px auto; padding:0px; position:relative; overflow:hidden; } /* Content Container Variables - Rev:A001 */ #content-shrink { width:907px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } /* Post Variables - Rev:A001 */ #posts-body { width:587px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } /* Post Machanics Variables - Rev:A001 */ .post { width:587px; margin:0px; padding:0px; position:relative; float:left; clear:both; } .post-alt { width:587px; margin:0px; padding:0px; position:relative; float:left; clear:both; } .post-date { background:url("images/Content-Post-TittleBody.jpg") no-repeat; font-family: "Times New Roman", Times, serif; background-position: left; width:108px; height:134px; float:left; } .post-date-month { color:#756c59; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center; margin:0px; padding:85px 0px 0px 0px; display:block;} .post-date-day { color:#756c59; font-size:32px; font-weight:bold; text-transform:uppercase; text-align:center; margin:0px; padding:82px 0px 0px 43px; display:block; float: left;} .post-date-year { color:#756c59; font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; margin:0px; padding:0px 0px 0px 0px; display:block;} .post-title { background:url("images/Content-Post-TittleBody.jpg") no-repeat; background-position: right; width:479px; height:134px; text-align:left; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .post-title h2 { width:427px; color:#415258; font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; font-size:24px; margin:0px 10px 0px 25px; padding:0px; top:65px; position:relative; } .post-title h2 a { color:#415258; text-decoration:none; } .post-title h2 a:visited { color:#105778; text-decoration:none; } .post-title h2 a:hover { color:#105778; text-decoration:none; } .post-info { width:510px; height:25px; color:#2a8d00; font-size:11px; text-align:left; margin:0px 10px 10px 45px; padding:0px; top:5px; position:relative; overflow:hidden; border-bottom-width: 2px; border-bottom-style:dotted ;border-bottom-color: #87ad36;} .post-info a { color:#a17940; text-decoration:underline; } .post-info a:visited { color:#a17940; text-decoration:underline; } .post-info a:hover { color:#cc8c30; text-decoration:none; } .post-content-body { background:url("images/Content-Post-TextBody.png") repeat-y; width:587px; height:auto; min-height:30px; margin:0px; padding:0px; position:relative; float:left; clear:both; } .post-article { width:550px; font-size:13px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; color: #87ad36; line-height:19px; text-align:left; word-spacing:1px; margin:5px 0px 0px 25px; padding:0px; left:18px; position:relative; float:left; overflow:hidden; clear:both; } .post-article p { margin:0px; padding:0px 45px 10px 0px; position:relative; text-align:justify; } .post-article a { color:#cc8c30; text-decoration:underline; } .post-article a:visited { color:#cc8c30; text-decoration:underline; } .post-article a:hover { color:#ff9600; text-decoration:underline; } .post-article blockquote { font-size: 14px; font-style: italic; text-align: justify; margin: 0 20px 0 10px;padding: 10px 30px 0 40px;background: transparent url(images/blockquote.png) no-repeat 0 0;color: #764;} .post-footer-alt { background:url("images/Content-Post-FooterAlt.png") no-repeat; width:587px; height:13px; margin:0px; padding:0px; position:relative; float:left; clear:both; } .post-footer { background:url("images/Content-Post-Footer.jpg") no-repeat; width:587px; height:55px; margin:0px; padding:0px; position:relative; float:left; clear:both; } .post-lower-info { width:537px; height:16px; color:#95928b; font-size:11px; text-align:left; margin:0px; padding:0px; top:8px; left:45px; position:relative; float:left; overflow:hidden; clear:both; } .post-lower-info a { color:#cc8c30; text-align:center; text-decoration:underline; } .post-lower-info a:visited { color:#cc8c30; text-align:center; text-decoration:underline; } .post-lower-info a:hover { color:#ff9600; text-align:center; text-decoration:none; } .post-spacer { width:587px; height:30px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; } .post-spacer-small { width:587px; height:15px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; } .post-article ul { padding-right:45px; text-align:justify; line-height:19px;} /* Next/Previous Button Variables - Rev:A001 */ .page-navigation { background:#161616; width:577px; height:20px; font-size:12px; font-weight:bold; text-align:center; margin:0px auto; padding:5px; position:relative; clear:both; } .page-navigation a { color:#aac55e; text-decoration:none; } .page-navigation a:visited { color:#aac55e; text-decoration:none; } .page-navigation a:hover { color:#87a23c; text-decoration:none; } .page-nav-prev { float:left; } .page-nav-next { float:right; } /* 404 Error Page Variables - Rev:A001 */ .not-found { background:#161616; width:557px; text-align:center; margin:0px 0px 0px 0px; padding:15px; position:relative; float:left; } .not-found h2 { color:#aac55e; font-size:16px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px; } /* --------- /Post Components Variables --------- */ /* --------- Comment System Variables --------- */ /* Comments Body Varibles - Rev:A002 */ #comments-body { width:587px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .comments-center-alt { background:#161616; width:557px; height:auto; color:#aac55e; font-size:16px; font-weight:bold; text-align:center; margin:0px; padding:15px; left:0px; position:relative; float:left; } .comments-center { width:100%; color:#aac55e; font-size:16px; font-weight:bold; text-align:center; margin:0px; padding:0px; left:0px; position:relative; float:left; } /* Comment List Variables - Rev:A001 */ #comments { width:587px; height:auto; margin:0px; padding:0px; left:0px; position:relative; float:left; overflow:hidden; clear:both; } .comment-box { width:561px; border:solid 3px #121212; margin:0px; padding:10px; position:relative; float:left; overflow:hidden; } .black { background:#161616; } /* Body Background 1 */ .white { background:#0b0b0b; } /* Body Background 2 */ .avatar { padding:0px 10px 0px 0px; float:left; } .comment-info { width:503px; height:auto; border-bottom:#313131 solid 1px; position:relative; float:left; } .comment-author { width:100%; color:#aac55e; font-size:13px; font-weight:bold; margin:5px 0px 0px 0px; padding:0px; position:relative; float:left; } .comment-author a { color:#aac55e; text-decoration:underline; } .comment-author a:visited { color:#aac55e; text-decoration:underline; } .comment-author a:hover { color:#87a23c; text-decoration:none; } .comment-stat { color:#95928b; font-size:11px; text-decoration:none; margin:7px 0px 5px 0px; padding:0px; position:relative; float:left; } .comment-stat a { color:#a17940; text-decoration:underline; } .comment-stat a:visited { color:#a17940; text-decoration:underline; } .comment-stat a:hover { color:#cc8c30; text-decoration:none; } .comment-text { width:100%; font-size:11px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .comment-text p { color:#e8e7e7; margin:10px 0px 10px 0px; padding:0px; position:relative; } .comment-text a { color:#cc8c30; text-decoration:underline; } .comment-text a:visited { color:#cc8c30; text-decoration:underline; } .comment-text a:hover { color:#ff9600; text-decoration:none; } .comment-text blockquote { background:#202020; border-left:solid #2c2c2c 5px; width:540px; margin:10px 0px 15px 0px; padding:1px 10px; } .comment-text blockquote p { color:#b3b3b3; font-style:italic; margin:0px; padding:10px 0px 10px 0px; } .comment-text blockquote blockquote { background:#161616; width:495px; } .comment-spacer { width:587px; height:30px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } /* Comments Form Variables - Rev:A001 */ #comment-form { background:#161616; width:557px; height:auto; margin:0px; padding:15px; position:relative; float:left; } #comment-form h2 { color:#aac55e; font-size:16px; text-decoration:none; margin:0px; padding:0px; } #comment-form p { color:#e8e7e7; font-size:11px; margin:10px 0px 0px 0px; padding:0px; } #comment-form b { color:#e8e7e7; } #comment-form a { color:#cc8c30; font-size:11px; text-decoration:underline; } #comment-form a:visited { color:#cc8c30; text-decoration:underline; } #comment-form a:hover { color:#ff9600; text-decoration:none; } #commentform label { color:#a17940; font-size:10px; left:10px; position:relative; } #commentform #author, #commentform #email, #commentform #url, #commentform textarea { color:#555555; background-color:#0b0b0b; border:solid 3px #202020; font-size:12px; padding:0px 0px 3px 2px; overflow:hidden; } #commentform:hover #author:hover, #commentform:hover #email:hover, #commentform:hover #url:hover, #commentform textarea:hover { color:#f1f1f1; background-color:#0b0b0b; border:solid 3px #353535; padding:0px 0px 3px 2px; } #commentform:focus #author:focus, #commentform:focus #email:focus, #commentform:focus #url:focus, #commentform textarea:focus { color:#f1f1f1; background-color:#0b0b0b; border:solid 3px #202020; padding:0px 0px 3px 2px; } #commentform textarea { width:550px; height:150px; overflow:hidden; } #submit-comment { } /* --------- /Comment System Variables --------- */ /* --------- Sidebar & Widgets Variables --------- */ /* Left Sidebar Variables - Rev:A001 */ #sidebar-left { width:301px; margin:0px 0px 0px 19px; padding:0px; position:relative; float:left; overflow:hidden; } #sidebar-left h2 { background:url("images/Content-Sidebar-Tittle.png") no-repeat; width:286px; height:30px; color:#cc8c30; font-size:13px; font-weight:bold; text-align:left; margin:0px; padding:12px 0px 0px 15px; position:relative; } .sidebar-footer-bottom { background-color:#171717; height:10px;} #sidebar-item-text h2 { background:url("images/Content-Sidebar-Tittle.png") no-repeat; width:286px; height:30px; color:#cc8c30; font-size:13px; font-weight:bold; text-align:left; margin:0px; padding:12px 0px 0px 15px; position:relative; } .sidebar-item-left { background:url("images/Content-Sidebar-TextBody.png") repeat-y; width:301px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .sidebar-item-left a { color:#e8e7e7; text-decoration:underline; } .sidebar-item-left a:visited { color:#e8e7e7; text-decoration:underline; } .sidebar-item-left a:hover { color:#95928b; text-decoration:none; } .sidebar-item-left ul { width:301px; color:#e8e7e7; font-size:12px; list-style:inside square; margin:0px; padding:0px 0px 15px 0px; float:left; overflow:hidden; } .sidebar-item-left ul li { width:133px; height:auto; margin:0px; padding:10px 0px 0px 15px; float:left; overflow:hidden; } .sidebar-item-left ul li ul { background:none; width:auto; height:auto; margin:0px; padding:0px; overflow:hidden; } .sidebar-item-left ul li ul li { width:133px; height:auto; margin:0px; padding:10px 0px 0px 0px; float:left; overflow:hidden; } ul.wide { width:301px; color:#e8e7e7; font-size:12px; list-style:inside square; margin:0px; padding:5px 0px 15px 0px; float:left; overflow:hidden; } ul.wide li { width:301px; height:auto; margin:0px; padding:5px 0px 5px 15px; float:left; overflow:hidden; } .sidebar-item-left-footer { background:url("images/Content-Sidebar-Footer.png") no-repeat; width:301px; height:12px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .sidebar-item-left-header { background:url("images/Content-Sidebar-Header.png") no-repeat; width:301px; height:4px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } #sidebar-left .btn {vertical-align:top; padding-top:5px;} * NEW POSTING SIDEBAR - Rev:A001 */ #sidebar-item-newpost-left h2 { background:url("images/Content-Sidebar-Tittle.png") no-repeat; width:286px; height:30px; color:#cc8c30; font-size:13px; font-weight:bold; text-align:left; margin:0px; padding:12px 0px 0px 15px; position:relative; } #sidebar-item-newpost-left { background:url("images/Content-Sidebar-TextBody.png") repeat-y; width:301px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .wide {margin-left: 15px; margin-right:15px;} .wide ul {margin:0;padding:0;list-style:none;font-size:12px;} .wide li {width:271px; border-bottom:1px dotted #666;clear:left;} .wide li a {color: #aac55e; display:block;text-decoration:none;padding: 10px;} .wide li a:hover {background-color:#222222;color:#aac55e;} /* Calenda Widget - Rev:A001 */ #wp-calendar { width:100%; margin:0px auto; padding:0px 20px 10px 20px; position:relative; } #wp-calendar table { width:100%; margin:0px; padding:0px; position:relative; } #wp-calendar caption { width:100%; color:#aac55e; font-weight:bold; text-align:center; margin:0px; padding:10px 0px 10px 0px; position:relative; } #wp-calendar th { color:#e8e7e7; font-style:normal; text-transform:capitalize; margin:5px 0px 5px 0px; padding:3px 0px 3px 0px; } #wp-calendar td { border:1px solid #202020; color:#e8e7e7; text-align:center; margin:0px; padding:3px 0px 3px 0px; } #wp-calendar td a { color:#cc8c30; text-align:center; text-decoration:underline; margin:0px; padding:3px 0px 3px 0px; } #wp-calendar td a:visited { color:#cc8c30; } #wp-calendar td a:hover { color:#ff9600; } #wp-calendar #next a { color:#cc8c30; text-align:right; text-decoration:underline; margin:0px; padding-right:10px; } #wp-calendar #next a:visited { color:#cc8c30; } #wp-calendar #next a:hover { color:#ff9600; } #wp-calendar #prev a { color:#cc8c30; text-align:left; text-decoration:underline; margin:0px; padding-left:10px; } #wp-calendar #prev a:visited { color:#cc8c30; } #wp-calendar #prev a:hover { color:#ff9600; } /* Tag Cloud Widget - Rev:A001 */ .tag-cloud { width:261px; text-align:justify; margin:0px auto; padding:20px; position:relative; } .widget_tag_cloud { width:261px; text-align:justify; margin:0px auto; padding:20px; position:relative; } /* Text - Rev:A001 */ .textwidget { background:url("images/Content-Sidebar-TextBody.png") repeat-y; width:301px; height:auto; margin:0px; padding:0px; position:relative;} .textwidget p {font-family:"Georgia", georgia, "Times New Roman", Times, serif; font-size: 120%; font-style: italic; line-height:130%;} .textwidget p { color:#e8e7e7; margin:0px; padding:0px; } .textwidget { width:271px; color:#f1f1f1; font-size:11px; text-align:justify; line-height:15px; margin:0px; padding:15px; } .textwidget img { float:left; padding:0px 10px 5px 0px } .textwidget a { color:#aac55e; text-decoration:none; } .textwidget a:visited { color:#aac55e; text-decoration:none; } .textwidget a:hover { color:#87a23c; text-decoration:underline; } /* Ads - Rev:A001 */ .adwidget { width:257px; color:#e8e7e7; font-size:11px; text-align:left; line-height:15px; margin:0px; padding:20px; } /* Search Widget - Rev:A001 */ #searchform { background:url("http://pensilwarnadesign.com/images/bg_search.png") no-repeat; margin:10px; padding:0px; position:relative; } #s { width:230px; height:22px; color:#555555; font-style:italic; background-color:#0b0b0b; border:solid 1px #393633; margin:0px 5px 0px 0px; padding:4px 0px 0px 3px; position:relative; } #s:hover { color:#f1f1f1; background-color:#0b0b0b; border:solid 1px #393633; } #s:focus { color:#f1f1f1; background-color:#0b0b0b; border:solid 1px #393633; } #submit { margin:0px; padding:2px; top:0px; position:relative; } #searchform .txt {width:175px; margin-left:40px;} /* --------- /Sidebar & Widgets Variables --------- */ /* --------- Footer Variables --------- */ /* Footer Variables - Rev:A001 */ #footer { width:100%; height:225px; margin:0px auto; padding:8px 0px 0px 0px; left:0px; bottom:0px; position:relative; overflow:hidden; } /* Spacer Variables - Rev:A001 */ #spacer { width:auto; height:200px; margin:0px auto; padding:0px; position:relative; overflow:hidden; } /* Footer Text Variables - Rev:A001 */ #footer_text { background:#161616; height:20px; margin:0px auto; font-size:11px; text-align:center; color:#f1f1f1; padding:5px 0px 0px 0px; } #footer_text a { color:#cc8c30; text-decoration:underline; } #footer_text a:visited { color:#cc8c30; text-decoration:underline; } #footer_text a:hover { color:#ff9600; text-decoration:none; } /* --------- /Footer Variables --------- */ /*----------/For Posting with Images ----*/ .alignleft { border:1px dashed #4e6973; padding:7px; background:#cfcbc1; margin:7px 12px 10px 0; float: left;} .alignright { border:1px dashed #4e6973; padding:7px; background:#cfcbc1; margin:7px 0px 10px 12px; float: right;} .aligncenter { border:1px dashed #4e6973; padding:7px; background:#cfcbc1; margin:7px 12px 10px 0; float: center;} .future {color: #aac55e;} .datetime {color:#999999;}