/* LAYOUT */ /* ----------------------------------------- */ /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left; margin:5px 50px 20px 10px;} .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* You might find the following useful */ br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */ li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */ /* Theme Name: pab's grids & grunge theme Theme URI: http://fliawebdesign.com Description: blog Version: 1.0 Author: pab Author URI: http://fliawebdesign.com */ /* Global reset */ * { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100% } q:before, q:after { content:''} a { text-decoration:none; outline:none; } /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } * a { position:relative; } /* Gets links displaying over a PNG background */ a img { border:none } /* Gets rid of IE's blue borders */ .clear{clear:both;} /* ************************************************************************************************************************************************************ inset images should not be wider then 145px -155px height is up to you,width has to be respected. text shadow is used... w3c val wont validate cuz of it...booo ************************************************************************************************************************************************************ */ * { margin:0; padding:0; } body { text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(images/rambo-262626-new-bg.gif) repeat-x #262626; font-size: 12px; line-height: 18px; color:#ddd; } a {color:#8FB2BF; border-bottom:dotted 1px;} a:hover{color:#ee1f24;} /*=======================TYPOGRAPHY================*/ p, ul, ol { margin-bottom: 18px; } ul { list-style-type: square; margin-left: 2em; } h1 { color: #666; font-size: 24px; line-height: 36px; margin-bottom: 6px; } h2 { padding-left:30px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size: 17px; line-height: 17px; margin-bottom: 17px; } h3 { font-size: 12px; line-height: 18px; padding-left:30px; } blockquote{ padding:10px 50px; border-left:5px solid #221f1f;} ul, ol { margin:0; padding:10px;} /*LOGO HEADER*/ #header{background:url(images/rambozo-header-262626.gif) no-repeat; height:205px;} #header h1{text-indent:-9995px; } h1#latest-news-header{ background:url(images/latest-news-header-100.gif) no-repeat; height:100px; text-indent:-9999px; margin-top:-30px;} h1#merch-header{ background:url(images/merch-header-100.gif) no-repeat; height:100px; text-indent:-9999px; margin-top:-30px;} h1#contact-header{ background:url(images/contact-header-100.gif) no-repeat; height:100px; text-indent:-9999px; margin-top:-30px;} h1#comic-preview-header{ background:url(images/online-comic-header-100.gif) no-repeat; height:100px; text-indent:-9999px; margin-top:-30px;} h1#preview-issues-header{ background:url(images/preview-issues-header-100.gif) no-repeat; height:100px; text-indent:-9999px; margin-top:-30px;} h2#search-header{ background:url(images/search-hearder.gif) no-repeat; height:50px; text-indent:-9999px;} h2#get-your-copy-header{ background:url(images/free-comic.gif) no-repeat; height:50px; text-indent:-9999px; margin-top:10px;} /*==================NAVIGATION======================================*/ #menu{ float: left; width: 960px; height: 50px; margin-bottom:55px; } #menu ul{ list-style-type: none; margin: 0 0 0 152px; padding: 0; } #menu ul li{ float: left; border-right: 3px solid #3f3f3f; height: 50px; font: bold 18px georgia, serif; text-transform: uppercase; } #menu ul li a{ display: block; padding: 19px 20px 0; color: #fff; text-decoration:none; border:none; } #menu ul li a:hover{color:#ef1e24 ; } #menu ul li.current_page_item a{ color: #a5877f; } /*SET WIDTH FOR MAIN CONTAINER AND FOOTER CONTAINER*/ #wrapper , .container{width:960px; margin:0 auto; text-align:left; } #all-content{ margin-top:100px; width:960px; } #col-wrap{margin:55px 0 80px 0; width:960px; background-image:url(images/col-wrap-bg-official-round-grunge.gif); background-repeat: no-repeat; background-position: 0 0px ; padding-top:25px; -moz-border-radius-bottomright :20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius:20px; -webkit-border-bottom-right-radius:20px; background-color:#333; } #col-main-support{width:600px; float:left;} #col-main{ float:left; width:600px; background:url(images/col-main-bottom.gif) bottom right no-repeat ; padding-bottom:75px; } .entry-contact p {padding:10px;} .post { float: right; width: 600px; margin-bottom:5px; } #date-post-date { color:#ddd; font-size:0.9em; font-variant:small-caps; font-weight:bold; } /* style the table for the comic book preview not the jflow page*/ table{margin:35px 5px 5px 30px; border:5px solid #262626; } tbody{background-color:#2e2b2b;} table img {padding:0; margin:0; margin-bottom:15px; opacity:.8;} table img:hover {opacity:1;} td { padding:0 5px; text-align:left; } td a{border:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; font-weight:bold; text-transform:uppercase;} td.description {text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em;} .post-comic-preview{ width:600px;} .post-comic-preview p, .post-comic-preview img {padding:0px; line-height:1.8em;} .entry h2, .post h2{ padding:0px 10px 0 30px; color:#DFA137;} .post h2 a{/*border-top:3px solid #00B3EA;*/ padding:0px 10px 0 25px; color:#DFA137; border:none; background:transparent url(images/post-date-grunge-bg.gif) no-repeat scroll 0px center; padding-left:25px;} .post h2 a:hover {color:#ee1f24;} .post p{padding:5px 30px; line-height:1.8em; font-size:1.1em;} .post ul { margin-left:20px;} .post li{ background:url(images/ul-li-deco.png) no-repeat left center; padding-left:20px; margin-bottom:10px; position:relative; color:#EBA93C} .separator { background:transparent url(images/separator-new.gif) no-repeat scroll 0 0; clear:both; height:50px; margin-bottom:0; margin-top:40px; padding-top:60px; }/*===============STYLING COL SECONDARY ==============*/ #col-secondary{float:right; width:300px;} #col-secondary{color:#999999;} .module{margin-bottom:30px; width:280px; clear:both;} .module p{margin:10px 10px 0px 0px; line-height:1.4em; margin-bottom:2.5px;} .module h2{padding:10px 10px 0px 0px; line-height:1.8em; color:#ee1f24; margin-bottom:0; font-family:Helvetiker;} #col-secondary img{float:left; margin-bottom:10px; margin-top:-10px;} #col-secondary img.small-poster{float:left; padding:25px 15px 5px 0px;} /*========================seacrh =========*/ form#searchform{width:280px; padding:5px 0px;} input#s{float:left; width:270px; background-color:#434242; border:#262626 solid 2px; color:#ddd; padding:5px 0; font-weight:bold;} input#s:focus{border:#a87824 solid 2px;} input#searchsubmit{width:100px; margin-top:10px; border:none; } /*contact page bio styles*/ img.bio-pic { float:left; margin:30px 10px 10px 0px; } /*====================== Footer-Styles ========================*/ #footer { font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; clear:both; background:url(images/footer-top-262626.gif) repeat-x #2e2e2e; padding-top:100px; } #footer a {font-weight:bold;} .footer_column { float:left; width:140px; margin-right:5px; } #footer .long { width:600px; margin-right:60px; } #footer .long p{padding:20px 5px 10px 2px; } #footer .long h3{padding:20px 5px 10px 20px; } #footer h3 { color:#fff; text-transform:uppercase; font-size:16px; font-family: Helvetiker; padding-top:90px; margin-left:-30px; } #footer h3 a {border:none;} .footer_column ul li, .footer_column ul { list-style:none; margin:0px; padding:0px 5px 10px 0px; } h2#h2-twitter { text-indent:-9999px; background:url(images/twitter-h2-header.gif) no-repeat; height:40px; position:relative; left:20px; top:30px;} .footer_column ul{padding-top:20px;} .footer-inner { background:url(images/footer-inner-dark-2e2e2e-yellow.gif) top no-repeat ; height:450px;} /*comic strip*/ img.merch-shirt{margin-right:10px;} /*#prevNext{ position:absolute; top:290px; left:377px} */ .comic-desc{float:left; margin-right:0px; width:150px;} .comic-desc p{font-size:.8em;} span.twitterStatus{color:#ccc; font-weight:bold;} #pabs_tweet{color:#ef1e24; font-weight:bold; width:500px; line-height:1.9em; position:relative;} #pabs_tweet ul{margin-left:25px;} #twit-link-page { position:absolute; right:90px; top:220px; width:137px;} #twit-link-page a {color:#fff; text-decoration:none; border:none; text-indent:-9999px; display:block;} .twitterTime{margin-left:5px;} #col-secondary img.buy-comic-button{ margin:20px 0; } /* style pages of jflow*/ .post span.jFlowControl { text-transform:uppercase; cursor:pointer; font-size:1em; font-weight:bold; color:red; margin-right:2px; border-top:1px solid #333; display:inline; float:left;} .post span.jFlowControl:hover {color:#fff; background-color:#000; border-top:1px solid #fff;} /*comment form styles */ textarea#comment{ width:550px; margin-top:55px; } h3#respond { color:#fff; margin-bottom:10px; margin-left:5px; margin-top:5px; font-size:1.5em; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; } form#commentform { color:#fff; margin-bottom:20px; margin-top:20px;} form#commentform textarea {border:2px solid #111; margin:10px 0 0; padding:5px; } form#commentform textarea:focus, form#commentform input:focus{ background-color:#fff; border:2px solid #a87824; } .navigation {margin-left:30px; margin-bottom:10px; font-weight:bold;} ol.commentlist li{background-color:#191919; padding:15px 15px; border:2px solid #686233; font-size:1em; background-image:none; background:url(images/comment-bg-deco.gif) no-repeat bottom right #191919; -moz-border-radius: 10px; -webkit-border-radius:10px;} ol.commentlist li.alt{background-color:#262626; margin:25px 0; border:2px solid #fff; background:url(images/comment-bg-deco-alt.gif) no-repeat bottom right #111;} ol.commentlist li p {color:#fff; margin-left:10px;} ol.commentlist li.alt p {color:#858585; margin-left:10px;} cite{text-transform:uppercase; margin-right:5px;} img.avatar{border:2px solid #fff;} ol.commentlist li.alt img.avatar{border:2px solid #686233;} span.count {color:#ee1f24; font-size:2.5em; font-weight:bold;position:absolute; top:20px; right: 21px; font-family:Georgia, "Times New Roman", Times, serif; } p.alt{display:none;} div.sociable {margin-left:30px;}