/************************************************************************ * Theme Name: Graphite - Orange * Description: Graphite: Wordpress port of Graphite template(Theme URI: http://falconerdesigns.com/) Gordon Mackay.

click here if you need design/development Support for this theme

Extra : This theme is sponsored. Which means, it contains sponsorer's links in footer. Do not worry, They're harmless links and do not link to spam or illegal sites. Keep them to support and encorage me to create more themes. Thank you.
Version: 1.0 Author: Junichi Furukawa */ * { font-size: 100%; margin: 0; padding: 0; } html { height: 100%; } body { background: #FFFFFF; color: #666666; font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; min-width: 780px; text-align: center; } div.entry, p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table, blockquote { margin: 0 0 .8em 0; } .postmetadata { font-size:10px; color:#666666; text-indent: 20px; border-top:1px solid #666; margin:0px 0 10px 0; clear: both; } /* =Headings - Generic styles ----------------------------------------------- */ h1, h2, h3, h4, h5, h6 { background: transparent; color: #5F5F5F; font-weight: normal; letter-spacing: .1em; } #content h2 { font-size: 1.5em; line-height: 1.2em; } #content h3 { font-size: 1.2em; } #content h4 { font-size: 1em; } #content h5{ font-size: 1em; } #content h6 { font-size: 1em; } #content-b h3 { height: 15px; width:100%;} /* =Headings - IR ----------------------------------------------- */ #content-b h3 { background: transparent url(images/titleback.gif) no-repeat top right; font-weight:bold; letter-spacing:4px; border:1px solid #eee;text-transform:uppercase;} h2#pageheader, h2#comments, h2#respond { width:auto; text-decoration:none; text-transform:uppercase;} h2#pageheader{ padding: 0 0 4px 15px; border-bottom: 1px solid #666666; margin: 10px 0; text-indent: -15px;} h2 a { text-decoration:none; text-transform:uppercase; } h3 a { text-decoration:none; text-transform:uppercase; } .post { margin-bottom:40px;} .commentmetadata{float:right; font-size:8px;} .comtext{padding:10px 5px;} .commentlist li { padding: 5px; margin: 10px 0;} .alt {background: url(images/titleback.gif) } /* =Anchors ----------------------------------------------- */ a img { border: none; } a:link { background: transparent; color: #333333; } a:visited, a:hover, a:focus, a:active { background: transparent; color: #000000; } /* =Lists ----------------------------------------------- */ #content ol { list-style-position: inside; list-style-type: lower-roman; } #content ul { list-style-type: none; } #content ul li { background: transparent url(images/li_bullet.gif) no-repeat 0 3px; padding-left: 22px; } #content ul li.no_dec { background: none; padding-left: 0px; } #content dt { font-weight: bold; } /* =Forms ----------------------------------------------- */ label { background: transparent; color: #999999; display: block; font-size: .9em; } label span { background: transparent; color: #999500; font-size: .8em; text-transform: uppercase; } input, textarea, select { background: transparent url(images/GM11_form_inputtext.jpg) repeat-x 0 0; border: 1px solid #DDDDDD; color: #666666; font: .9em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; margin-top: .5em; padding: 2px; } #contactform table td { padding: 0 10px .5em 0; } #contactform-name, #contactform-email, #contactform-subject, #contactform-message, #s { width: 200px; } #contactform-subject, #contactform-message { width: 427px; } #contactform-message { height: 140px; } input.imagesubmit { border: none; margin: 0; padding: 0; } /* =Quotations ----------------------------------------------- */ blockquote { font-style: normal; text-indent: 2em; background:url(images/titleback.gif); padding:3px;} blockquote cite { display: block; font-style: normal; margin: .8em 0 0 .6em; } /* =Code ----------------------------------------------- */ code, pre, var { background: transparent; color: #5F5F5F; font: 1em Pragmata, "Courier New", Courier, monospace; } pre { border: 1px solid #DDDDDD; font-size: .8em; height: auto; /*\*/ overflow: auto; /**/ padding: 4px; width: 443px; } pre.php { color: #B22222; } pre.php span.comment { color: #FFA500 !important; } pre.php var { color: #333333; } pre.html span.comment { color: #999999 !important; } /* =Misc. Text Formatting ----------------------------------------------- */ kbd { background: transparent; color: #000000; font: 1em Pragmata, "Courier New", Courier, monospace; } del { background: transparent; color: #DDDDDD; } ins { background: transparent; color: #333333; text-decoration: underline; } .entry a, .postmetadata a { text-decoration: none; border-bottom: thin dotted #FF9933; } /* =Warnings and notes ----------------------------------------------- */ p.note-general, p.note-warning { background: transparent; border: 1px solid #DDDDDD; color: #999999; font-size: .9em; padding: 2px 4px 2px 34px; } p.note-general { background: url(images/GM11_note_general.gif) no-repeat 8px 50%; } p.note-warning { background: url(images/GM11_note_warning.gif) no-repeat 8px 50%; } p.note-general:before { background: transparent; color: #999500; content: 'Note: '; font-weight: bold; } p.note-warning:before { background: transparent; color: #E58802; content: 'A word of warning: '; font-weight: bold; } p.note-general:hover { border: 1px solid #999500; color: #666666; } p.note-warning:hover { border: 1px solid #FF6347; color: #666666; } /* =Wrappers ----------------------------------------------- */ #wrapper-a { background: transparent url(images/header_wrapper-a.jpg) repeat-x 0 0; width: auto; } #wrapper-b { background: transparent url(images/GM11_wrapper-b.gif) repeat-y 0 0; margin: 0 auto; text-align: left; width: 780px; } /* =Heading Layout ----------------------------------------------- */ /* #heading { background: url(images/GM11_heading_background.jpg) #FFFFFF no-repeat 0 0; height: 222px; position: relative; width: 780px; } #heading h1 { left: 45px; position: absolute; top: 104px; width:490px; } */ #heading { background: url(images/header_art.jpg) #FFFFFF no-repeat 0 0; height: 209px; position: relative; left: 1px; width: 777px; /*border-left: 1px solid #cccccc;*/ /*border-right: 1px solid #999999;*/} #heading h1 { font-size: 0; text-indent: -1000px; } #heading-intro { background: transparent; border-left: 1px solid #91C1E5; color: #91C1E5; left: 500px; padding-left: 10px; position: absolute; top: 104px; width: 200px; } /* #heading h1 a { font-size:24px; font-weight:normal; text-decoration:none; color:#222222; } */ /* =Content Layout ----------------------------------------------- */ #content-a { float: left; font-size: 1.2em; width: 480px; } #content-b { float: left; font-size: 1em; width: 300px; } #content-c { clear: both; font-size: 1.2em; } #content-a-inner { padding: 8px 9px 8px 18px; } #content-b-inner { padding: 8px 18px 8px 18px; } /*#content-b-inner img { clear:both; float: left; margin: 15px auto;}*/ #content-b-inner div { margin-bottom: .8em; } #content-c-inner { margin: 0 0 .5em 0; padding: 0 18px; text-align: center; } #side-sponsers, #side-links{ text-align: center; } #side-sponsers img, #side-links img{ margin: 10px 0; } /* =Top Of Page etc ----------------------------------------------- */ ul#nav-b li { background: none; display: inline; margin-left: 5px; padding: 0; } #nav-b li a { border: 1px solid #DDDDDD; color: #999999; font-size: .9em; padding: 3px 4px 3px 20px; text-decoration: none; } #nav-b li a:hover, #nav-b li a:focus, #nav-b li a:active { color: #666666; } #totop a { background: url(images/GM11_totop.gif) no-repeat 4px 50%; } #tonavigation a { background: url(images/GM11_tonavigation.gif) no-repeat 4px 50%; } #accessibility a { background: url(images/GM11_accessibility.gif) no-repeat 4px 50%; } #colophon a { background: url(images/GM11_colophon.gif) no-repeat 4px 50%; } /* =Footer ----------------------------------------------- */ #footer { background: url(images/GM11_footer.jpg) no-repeat 50% 0; padding: 20px 0 15px 0; } #footer p { background: transparent; color: #EEEEEE; font-size: .9em; line-height: 1em; margin: 0 0 .4em 0; text-align: center; text-transform: uppercase; } #footer a:link, #footer a:visited { background: transparent; border-bottom: 1px dotted #EEEEEE; color: #ff9933; text-decoration: none; } #footer a:hover, #footer a:focus, #footer a:active { background: transparent; color: #FFFFFF; } /* =Main Navigation ----------------------------------------------- */ #nav-a { right: 12px; list-style-type: none; position: absolute; top: 62px; width: 80px } #nav-a li {/* float: left;*/ margin: 0px 0px 0px 0; padding:0 0; border-top: 1px solid #ff9933; } #nav-a li a { display: block; height: 20px; padding: 0 14px; color:#000000; text-decoration:none; text-align: left; font-weight: bold; font-size: 1.1em; } #nav-a li a:hover, #nav-a li.current_page_item a { background:#ff9933; color:#333333;} /* =Quick Navigation ----------------------------------------------- */ ul#quicknav { margin: 0; } ul#quicknav li { background: none; padding: 0; } ul#quicknav a { display: block; height: 88px; overflow: hidden; text-indent: -9999px; width: 273px; } /* =Images and thumbnails ----------------------------------------------- */ #content-randomimage img { border: 1px solid #ff9933; margin: 0; padding: 1px; } #content-randomimage p { background: transparent; color: #999999; font-size: .8em; margin: 0 0 .8em 0; padding-right: 4px; text-align: right; text-transform: uppercase; } .content-thumbnail { border: 1px solid #DDDDDD; padding: 1px; } /* =Floats ----------------------------------------------- */ .float-left { float: left; margin-right: 10px; } .float-right { float: right; margin-left: 10px; } } @media print { body { background: #FFFFFF; color: #333333; font: 8pt Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6, code, pre { color: #333333; } h2 { font-size: 10pt; } h3 { font-size: 9pt; } h4, h5, h6 { font-size: 8pt; } abbr, acronym { border-bottom: none; } abbr:after, acronym:after { content: ' (' attr(title) ') '; } a:after { content: ' (' attr(href) ') '; } a { color: #333333; text-decoration: none; } #nav-a, #nav-b, #heading-skipnav, #heading-intro, form { display: none; } #heading { border-bottom: 2px solid #666666; } }