/* Theme Name: Quite Random Version: 2010 Description: Designed by Quite Random. Author: Quite Random Author URI: http://www.quiterandom.com */ * { margin: 0; padding: 0; } body { background: #181818; border: 0; color: #f2f2f2; font-family: Georgia, Times, "Times New Roman", serif; font-size: 14px; } a { color: #555; font-weight: bold; outline: none; text-decoration: none; } a:hover { text-decoration: none; } a img { border: none; } h1, h2, h3, h4, h6 { font-family: "Arial", sans-serif; font-weight: bold; letter-spacing: -.5pt; } p { line-height: 150%; padding: 10px 0; } ul, ol { list-style: none; padding: 10px 0; } small { font-size: 0.875em; } code { background: #555; } input.text, textarea { background: #0c0c0c; border: 3px solid #181818; color: #fff; margin: 0 0 5px; } textarea { padding: 5px; } input.submit { background: #181818; border: none; color: #fff; padding: 5px; } /* Align */ .aligncenter { display: block; margin: 10px auto 20px auto; } .alignleft { float: left; margin: 0 20px 8px 0; } .alignright { float: right; margin: 0 0 8px 20px; } .col-left { float: left; } .col-right { float: right; } /* Layout -------------------------*/ #site { -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #0c0c0c url("images/dot.png") no-repeat 20px 20px; margin: 25px auto 20px; padding: 0 20px; /*text-shadow: #000 1px 1px 2px;*/ width: 620px; } #content { background: #0c0c0c; clear: both; display: block; margin: 0 auto; padding: 20px 0 0; width: 600px; } #main { width: 600px; } #main.archives .post { height: 200px; margin-bottom: 20px; overflow: hidden; width: 600px; } /* Header ------------------------*/ #header { font-family: "Arial", sans-serif; font-size: 0.875em; margin: 0 auto; padding: 0; position: relative; width: 600px; z-index: 999; } /* Pages */ #pages ul { clear: right; float: right; margin: 0; padding: 40px 0 0; } #pages ul li { float: left; list-style: none; margin: 0 0 0 10px; padding: 0; } #pages ul li a { padding: 0 5px; text-decoration: none; text-transform: uppercase; } #pages ul li:hover, #pages ul li.current_page_item { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #181818; } #pages ul li:hover a, #pages ul li.current_page_item a { color: #fff; } #pages ul li.button { margin: 0 0 0 10px; } #pages ul li.button a { padding: 0; } #pages ul li.button:hover { background: transparent; border: none; } /* Categories */ #menu { display: block; font-family: "Arial", sans-serif; margin: 0 auto; padding: 0; width: 600px; } #categories ul { float: left; margin: 0; padding: 0; width: 460px; } #categories ul li { float: left; list-style: none; margin: 0 10px 0 0; padding: 0; } #categories ul li a { padding: 0 5px; text-decoration: none; text-transform: uppercase; } #categories ul li:hover, #categories ul li.current-cat { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #181818; } #categories ul li:hover a, #categories ul li.current-cat a { color: #fff; } #categories ul li.cat-item-5 a { color: #F89F41;} /* Search */ #search { float: left; margin: 0; padding: 0; width: 120px; } #search p {padding: 0;} #search input { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #181818; border: none; color: #fff; font-size: 0.875em; padding: 0 10px; text-align: right; text-transform: uppercase; width: 100px; } /* Logo & Description */ #logo { clear: both; height: 83px; margin: 0 auto; padding: 40px 0 0; position: relative; width: 545px; } #logo a { display: block; height: 83px; margin: 0 auto; padding: 0; } #logo h1 { left: -999em; position: absolute; } .description { font-family: "Georgia", sans-serif; padding: 0 0 20px; text-align: center; } /* Posts ------------------------*/ #freebies, #updates, #tutorials { margin: 5px 0 10px; } #freebies img { margin: 0 3px; } #main h2 { color: #247CA4; font-size: 1.714em; line-height: 28px; } #main img { border: 3px solid #181818; padding: 2px; } #main img.post-thumbnail { margin-top: 10px; } #main #message { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #181818; font-family: 'Arial', sans-serif; font-size: 0.875em; margin: 10px auto 20px; padding: 10px; width: 550px; } .post { padding: 0 0 15px 0; text-align: justify; } .post img { max-width: 95%; } * html .post img { width: 95%; } .post pre { border-left: 3px solid #ccc; border: 1px solid #ccc; display: block; max-width: 100%; overflow: auto; padding: 5px 5px 5px 10px; width: auto; } .post blockquote { border-left: 2px solid #777777; color: #777777; font-style: italic; margin: 5px auto 15px; padding: 0px 10px; width: 85%; } .post blockquote p { padding: 5px 0; } .post h2 { font-size: 1.429em; line-height: 22px; } .post h3 { font-size: 1.429em; } .post h2 a, .post h3 a { color: #743773; text-decoration: none; } .post h4 { font-size: 1.143em; } .post .post-details { color: #9F9F9F; font-family: "Arial", sans-serif; font-size: 0.786em; padding: 0; } .post .post-details a { color: #9F9F9F; text-decoration: none; } .post .post-details a:hover { color: #555; } .post .post-content { font-size: 0.929em; margin: 0; padding: 5px 0 0; } .post ol, .post ul { line-height: 18px; } .post ul { padding-left: 50px; } .post ul li { list-style: circle; padding: 3px 0; } .post ol { padding-left: 57px; } .post ol li { list-style: decimal; padding: 3px 0; } .post .wp-caption { background-color: #181818; padding: 0; text-align: left; } .post .wp-caption-text { color: #fff; font-family: 'Arial', sans-serif; font-size: 0.786em; padding: 0 10px 5px; } .post.freebies { float: left; height: 250px; width: 198px; text-align: center; } .post.freebies h2 { font-size: 1.429em !important; line-height: 1 !important; } .post.tutorials {height: 190px;} /* Freebies Format */ .freebie-image { clear: both; display: block; margin: 0 auto; } .freebies-clear { clear: both; display: block; margin: 0 0 10px; padding: 0; } .em { font: italic normal 14px "Georgia", sans-serif; } .code { font: normal normal 14px "Monaco", monospace; } .downloadbutton { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #181818; color: #fff; font-family: Arial, sans-serif; font-size: 0.929em; font-variant: small-caps; margin: 10px 0 5px !important; padding: 0 10px; } .downloadbutton:hover { background: #333; } .downloadbutton a.button { color: #fff; } .downloadbutton small { font-size: 0.714em; } /* Navigation */ .navigation .alignleft { float: left } .navigation .alignright { float: right } /* Comments ------------------------*/ #comments { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-family: Arial, sans-serif; margin: 0 auto; padding: 25px 0 0; text-align: justify; width: 550px; } #comments h2 { font-size: 1.286em; } #comments #comments_wrap { padding: 0; position: relative; } #comments ol.commentlist li { list-style-type: none; } #comments .comment { margin-top: 10px; width: 100%; } #comments .comment a { text-decoration: none; } #comments .comment a:hover { text-decoration: none; } #comments .comment small { font-size: 0.714em; margin-top: -2px; } #comments .comment .col-left { font-size: 0.875; text-align: left !important; width: 100px; } #comments .comment .col-left p { line-height: 19px; padding: 0 0 0 2px; } #comments .comment .col-left .inside { float: left; min-height: 70px; overflow: hidden; position: relative; width: 100px; } #comments .comment .col-right { float: none; font-size: 0.875em; line-height: 110%; margin-left: 100px; min-height: 92px; padding: 0 15px; text-align: justify; } * html #comments .comment .col-right { height: 100px; } #comments .comment div.reply { float: right; font-size: 0.875em; padding: 3px 3px 0; } #comments .comment div.reply a { color: #aaa; text-decoration: none; } #comments ul.children { margin: 10px 0 0 25px; padding: 0; } #comments .navigation .alignright, #comments .navigation .alignleft { margin: 10px 0; } #comments .navigation a { color: #555; } #comments .commentlist { padding: 0; } #comments .commentlist p { padding: 0 0 10px; } #comments .commentlist #respond #form_wrap { border: 0; margin: 0; padding: 0 0 25px; width: auto; } #comments .commentlist .children #respond #form_wrap .col-right { float: none; } #comments .cancel-comment-reply { margin-bottom: 10px; } #commentform .btn { background: #181818; border: 0; color: #FFFFFF; cursor: pointer; font-weight: bold; margin: 0!important; margin: 0; padding: 5px; } #commentform textarea, #commentform input { background: #0c0c0c; border: 3px solid #181818; color: #fff; } #commentform textarea { height: 100px; } /* Footer -------------------------*/ #footer { display: block; margin: 0 auto; padding: 20px 0 40px; width: 600px; } #footer .footer { float: left; margin: 5px 0; padding: 0 10px; width: 265px; } #footer #right { padding: 0 !important; width: 300px; } #footer h3 { font-size: 1.429em; } #footer #right h3 { background: url("/images/social/paypal.png") no-repeat left 50%; padding: 0 0 0 20px; } #footer #bottom { text-align: right; } #footer #bottom h3 { background: url("/images/social/twitter.png") no-repeat right 50%; margin: 20px 0 0; padding: 0 20px 0 0; } #footer #bottom h3, #footer #bottom h3 a { color: #fff; } #footer #bottom ul.twitter { list-style: none; margin: 0; padding: 0; } /* Credits */ #credits { color: #777; font-size: 0.875em; margin: 0 auto; padding: 0; width: 600px; } #credits a { color: #777; } #credits .col-right, #credits .col-left { margin: 0; padding: 0; }