/*  
Theme Name: Two Point Oh
Theme URI: http://andrewsparkes.co.uk
Description: A personal site's theme
Version: 1.0
Author: Andrew Sparkes
Author URI: http://andrewsparkes.co.uk

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{ border:0; margin:0; padding:0; }

html { border:0; margin:0; padding:0; }

body { background: #f0f0f0; color: #404040; font: 15px/18px verdana, serif; color: #404040; text-align: left; font-stretch: condensed; margin: 12px; }

pre class="brush: css;"
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
display: block;
}

section#wrap { width: 960px; padding: 0px 0px 0px; margin: 0px auto; background: transparent; }

a:link, a:visited, a:active { color: #e04040; font-weight: bold; text-decoration: none; }
a:hover { color: #e08080; font-weight: bold; text-decoration: none; }

h1 { float: left; display: inline; width: 480px; margin: 0px !important; padding: 0px !important; font: normal 0px/0px impact; color: #e0e0e0; }
h1 img { width: 480px; }
h2 small { font-size: 24px; line-height: 24px; }
h2 { font: normal 30px/30px impact; color: #202020; }
h2 small { font-size: 20px; line-height: 20px; }
h3 { font: normal 24px/24px impact; color: #202020; }
h3 small { font-size: 16px; line-height: 16px; }
h4 { font: normal 21px/21px impact; color: #202020; }
h4 small { font-size: 14px; line-height: 14px; }
h5 { font: impact 18px/18px impact; color: #202020; }
h6 { font: impact 15px/15px impact; color: #202020; text-decoration: underline; }
p small, h5 small, h6 small { color: #202020; font-size: 12px; line-height: 15px; }
h2, h3, h4, h5, h6, p { text-transform: uppercase; padding: 12px 0 0; }
p { text-transform: none; }
b { text-transform: uppercase; }
.sixpx { padding: 6px 0 0; }
p table:first-child, p blockquote:first-child { padding: 0; }
p p:first-child { padding: 0; height: 0px; }

acronym, abbr, span.caps { font-size: 15px; border-bottom: 1px dotted #808080; }

hr { margin: 12px 0 0; clear: both; border-bottom: 1px dotted #808080; }

.left { clear: none; float: left; }
.right { clear: none; float: right; }
.middle { clear: none; margin: 0px auto; }
.box { width: 250px; }

blockquote { padding: 0 6px 6px; border: 6px solid #808080; background: #e0e0e0; margin: 12px 0 0; font-size: 12px; line-height: 12px; color: #202020; }
blockquote p { padding: 6px 0 0; }

img { margin: 12px 0 0; padding: 0; width: 500px; clear: both; border: 6px solid #808080; background: #e0e0e0; }
a img { border: 6px solid #e04040; }
a img:hover { border: 6px solid #e08080; }

img.left, .mediabox.left, img.right, .mediabox.right { width: 238px; }
blockquote.left, blockquote.right { width: 226px; }
img.left { margin: 0 12px 6px 0; }
img.right { margin: 0 0 6px 12px; }
blockquote.left, .mediabox.left { margin: 12px 12px 6px 0; }
blockquote.right, .mediabox.right { margin: 12px 0 6px 12px; }

.mediabox { margin: 12px 0 0; padding: 0; clear: both; border: 6px solid #808080; max-width: 500px; min-height: 27px; background: #e0e0e0; }
.mediabox p { margin: 0; clear:none; }
.mediabox .right { margin: 4.5px 6px 0 0; }

ul { list-style: square inside; }
ol { list-style: decimal inside; }
ul ul, ul ul ul, ol ul, ol ul ul, ol ol ul, ul ol ul { list-style: square inside; padding: 0 0 0 12px; }
ol ol, ol ol ol, ul ol, ul ol ol, ul ul ol, ol ul ol { list-style: decimal inside; padding: 0 0 0 12px; }
li { padding: 12px 0 0; }
li p { display: inline; }
li blockquote { display: inline; }
li blockquote p { display: inline; }
li br { display: inline; clear: none; }

ul.navbar { display: inline; width: 480px; float: right; list-style: none inside; margin: 0; padding: 23px 0; text-align: center; background: transparent; }
ul.navbar li { display: inline; margin: 0 0 0 12px; font-family: impact; font-size: 18px; line-height: 18px; font-weight: normal; color: #202020; }
ul.navbar li.current-cat a, ul.navbar li.current_page_item a { margin: -6px -3px; padding: 6px 3px; background: #e04040; color: #e0e0e0; }
ul.navbar li.current-cat a:hover, ul.navbar li.current_page_item a:hover { background: #e08080; }
h1 img, h1 img:hover { border: 0px; background: transparent; width: 480px; height: 64px; margin: 0px -12px; }
h1 img:hover { width: 480px; height: 64px; margin: 0px -12px; background: url('images/ashover.png'); }
ul.navbar li a { font-weight: normal; }

table { margin: 12px 0 0; max-width: 960px; border: 6px solid #808080; border-collapse: collapse; background: #e0e0e0; }
table th { border: 1px solid #808080; padding: 6px; background: #c0c0c0; color: #202020; }
table td { border: 1px dotted #808080; padding: 6px; background: #e0e0e0; color: #404040; }

.script { border: 0px; padding: 52px 64px 64px 96px; width: 352px; font: 12px/15px courier new, mono; background: #e8e8e8; }
.script p.action, script p.slugline { padding: 12px 0 0; }
.script p.character { padding: 12px 64px 0 160px; }
.script p.dialogue { padding: 0px 80px 0 80px; }
.script p.parenthese { padding: 0px 96px 0 128px }

#wrap #idc-container img { width: *px; clear: none; }

.clear { clear: both; display: block; }
.hide { display: none; visibility: hidden; }