/* Theme Name: Spice Up Your Brand Theme URI: http://www.dapurcreative.com/ Description: Custom WP Themes for DapurCreative.Com. Version: 1.0 Author: Budi Hariyanto Author URI: - Tags: Orange, White, Dots */ @import 'reset.css'; html { background-color: #e28d20; } body { background-color: #e28d20; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #525252; } #wrap { width: 100%; margin: auto; margin-bottom:0; background: transparent url(images/content.bg.jpg) repeat-y top center; } #wrapper { width: 990px; margin: auto; background: transparent url(images/top.bg.jpg) no-repeat top left; } #header { width: 990px; height: 235px; margin: auto; } #topnav { width: 810px; margin: auto; padding-top: 96px; } #topnav li { display: inline; } #topnav .the-company a { width: 139px; height: 53px; display: block; float: left; background: transparent url(images/topmenus.png) no-repeat 0% -58px; text-indent: -999em; } #topnav .the-company a:hover, #topnav .the-company a.active, #topnav .the-company a.active:hover { background-position: 0% 0%;} #topnav .creator a { width: 99px; height: 53px; display: block; float: left; background: transparent url(images/topmenus.png) no-repeat -139px -58px; text-indent: -999em; } #topnav .creator a:hover, #topnav .creator a.active, #topnav .creator a.active:hover { background-position: -139px 0%; } #topnav .services a { width: 100px; height: 53px; display: block; float: left; background: transparent url(images/topmenus.png) no-repeat -238px -58px; text-indent: -999em; } #topnav .services a:hover, #topnav .services a.active, #topnav .services a.active:hover { background-position: -238px 0%; } #topnav .home a { width: 156px; height: 53px; display: block; float: left; text-indent: -999em; } #topnav .our-work a { width: 114px; height: 53px; display: block; float: left; background: transparent url(images/topmenus.png) no-repeat -497px -58px; text-indent: -999em; } #topnav .our-work a:hover, #topnav .our-work a.active, #topnav .our-work a.active:hover { background-position: -497px 0%; } #topnav .contact-us a { width: 124px; height: 53px; display: block; float: left; background: transparent url(images/topmenus.png) no-repeat -610px -58px; text-indent: -999em; } #topnav .contact-us a:hover, #topnav .contact-us a.active, #topnav .contact-us a.active:hover { background-position: -610px 0%; } #topnav .blog a { width: 76px; height: 53px; display: block; float: left; background: transparent url(images/topmenus.png) no-repeat -736px -58px; text-indent: -999em; } #topnav .blog a:hover, #topnav .blog a.active, #topnav .blog a.active:hover { background-position: -736px 0%; } #container { margin:0; padding:1px; } p { margin-top: 5px; margin-bottom: 15px; line-height: 18px; } h1 { font-size: 24px; font-weight: normal; } #container a { color: #df8b20; text-decoration: none; } #container a:hover { text-decoration: underline; } #container .home { width: 843px; margin: auto; padding-top: 390px; font-size: 15px; line-height: 19px; padding-bottom: 15px; } #container .home .text { width: 700px; margin: auto; text-align: center; } #container .blogs { width: 840px; margin:auto; margin-top: 15px; margin-left: 76px; min-height: 439px; height: 439px; height: auto !important; } #container .blogs h1 { } #container .blogs ul { margin-left: 25px; margin-bottom: 15px; } #container .blogs li { list-style-type: square; margin-bottom: 5px; line-height: 18px; } #container .content { width:540px; text-align: justify; border: 1px solid #fff; padding-bottom: 15px; float: left; } #container .blogs .pagetitle { margin-bottom: 25px; } #container .blogs .singletitle { color: #df8b20; } #container .content h2 { font-size: 20px; font-weight: normal; } .date-category { margin-top: 5px; margin-bottom: 15px; } #container .date-category a { color: #333; text-decoration: underline; } #container .date-category a:hover { color: #df8b20; } .post { border-bottom: 1px solid #d7d7d7; margin-bottom: 25px; } .post p, .entry p { line-height: 19px; } .postmetadata { } .edit-link { text-align: right; } #container .edit-link a { background-color: #999; padding: 5px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 11px; } #container .edit-link a:hover { background-color: #df8b20; } h3#comments { color: #df8b20; margin-bottom: 25px; } #container .commentlist li { list-style-type: none; } .comment-body { background-color: #fbf5ee; padding: 10px; margin-bottom: 15px; } .comment-meta { text-align: right; } cite.fn { font-style: normal; font-weight: bold; } .pending-comment { color: #333; } .tags { font-style: oblique; } .tags a { font-style: normal; font-size: 11px; background-color: #fbf5ee; border: 1px solid #f5e4d0; margin-left: 2px; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #respond { margin-top:50px; background-color: #fbf5ee; padding: 10px; margin-bottom: 15px; } #respond h3{ color: #df8b20; font-size: 14px; } #respond label { width: 80px; float: left; } #respond form { margin-top: 20px; } #respond input, #respond textarea { width: 420px; border: 1px solid #a2a09f; padding: 3px; } #respond .submit-btn { background-color: #e28d20; color:#fff; padding: 5px 15px 5px 15px; border:0; text-transform: uppercase; } .navigation { clear:both; } .alignleft { float: left; } .alignright {float: right; } #container .navigation a { color: #000; font-weight: bold; text-transform: lowercase; } #sidebar { float: right; width: 184px; padding: 0 10px; } #container #sidebar ul { margin:0; margin-bottom: 20px; } #container #sidebar li { list-style-type: none; } #sidebar h2 { font-size: 22px; margin-bottom: 10px; font-weight: normal; text-transform: lowercase; } #sidebar input#s { width: 170px; font-size: 11px; font-family: arial, helvetica, sans-serif; padding: 5px; border: 1px solid #9f9e9d; color: #5f5c5c; } #sidebar input#s:focus { border: 1px solid #000; color: #000; } .content-tools { margin-top: 30px; } .back-to-top { margin-top: 20px; color: #df8b20; text-decoration: none; } .no-result { margin-top: 25px; text-align: center; } #footer { width: 100%; margin: auto; margin-top:0; padding-bottom: 15px; padding-top: 20px; background: transparent url(images/footer.bg.jpg) no-repeat top center; } .footer { width: 990px; margin: auto; text-align: center; } .social { clear: both; width: 212px; margin: auto; } .social span, .social a { float: left; margin: 4px; } .social span { margin-top: 13px; font-weight: bold; text-transform: uppercase; font-size: 11px; } .social .facebook { width: 30px; height: 30px; display: block; text-indent: -999em; background: transparent url(images/social.png) no-repeat 0% 100%; } .social .rss { width: 30px; height: 30px; display: block; text-indent: -999em; background: transparent url(images/social.png) no-repeat -40px 100%; } .social .delicious { width: 30px; height: 30px; display: block; text-indent: -999em; background: transparent url(images/social.png) no-repeat -80px 100%; } .bottomlinks { margin-top: 10px; margin-bottom: 15px; font-size: 18px; color: #000; font-weight: bold; } .bottomlinks a { color: #000; text-decoration: none; margin-left: 3px; margin-right: 3px; font-size: 16px; } .bottomlinks a:hover { text-decoration: underline; } .copyright { text-transform: uppercase; font-size: 11px; color: #000; } .copyright a { color: #000; } .clr, .clearfloat { clear: both; } .hide { display: none; } .loading { background: transparent url(images/loading.gif) no-repeat 50% 50%; }