/* ----------------------------------------------------------------------------------------- 
Stuff and Nonsense Ltd.
The Cow Shed Studio,
Gwaenysgor,
Flintshire, North Wales
LL18 6EP, UK
+44 1745 851848
http://www.stuffandnonsense.co.uk

Activate The Death Ray is a demonstration site by Andy Clarke. 
Visual design copyright 2007. All Rights Reserved. 
XHTML/CSS released under a Creative Commons Attribution 2.5 licence.
----------------------------------------------------------------------------------------- */



/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }




/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 75%/1.5 "Lucida Grande", Helvetica, "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight : normal; text-transform : uppercase; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
h5 { font-size : 1em; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 1em; font-weight : bold; }
p { margin : 0 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
abbr, acronym { border-bottom : 1px dotted #666; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em; }
th { border-bottom : 2px solid #ccc; font-weight : bold; }
td { border-bottom : 1px solid #ddd; }
th,td { padding : 4px 10px 4px 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }




/* Author styles (written here or imported from external files)  
----------------------------------------------------------------------------------------- */

@font-face { font-family: "Earthman BB"; src: url(../fonts/earthmanbb_bold.ttf) format("truetype"); }

html { background : fixed #0d1108 url(../siteimages/html.jpg) no-repeat 100% 0; }
body { min-width : 1000px; font : 12px/1.5 "Lucida Grande", Helvetica, "Lucida Sans Unicode", Arial, Verdana, sans-serif; background : transparent url(../siteimages/body.png) no-repeat 95% 0; color : #f0d5a8; }
h1, h2, h3, h4, p, dl, ul, ol, .vcard { text-shadow: 1px 2px 2px #000; }
p, dl, ul, ol, .vcard { font-weight : bold; }

/* hx */
h1#logo, h2#logo { margin : 0; padding : 0; width : 790px; height : 395px; background : transparent url(../siteimages/logo.png) no-repeat 0 0; text-indent : -9999px; }
#logo a { display : block; width : 790px; height : 395px; }
h1 { font-family : "Earthman BB"; font-size : 5em; letter-spacing : 1px; text-transform : uppercase; color : #fff; }
h2 { line-height : 1; font-family : "Earthman BB"; font-size : 2.75em; letter-spacing : 1px; text-transform : uppercase; color : #e3b446; }
h3 { line-height : 1; margin-bottom : .75em; font-family : "Earthman BB"; font-size : 2.75em; letter-spacing : 1px; text-transform : uppercase; color : #e3b446; }
h4 { line-height : 1; margin-bottom : .75em; font-family : "Earthman BB"; font-size : 2em; letter-spacing : 1px; text-transform : uppercase; color : #e3b446; }

/* p */
#branding p { position : absolute; top : 125px; right : 0; margin : 0; padding : 0; width : 150px; height : 90px; background : transparent url(../siteimages/branding_p.png) no-repeat 0 0; text-indent : -9999px; }
p#download { padding : 5px; background-color : #000; color : #fff; border : 1px solid #333; -webkit-border-radius : 5px; -moz-border-radius : 5px; text-align : center; }
p#download:hover { background-color : red; border-color : red; }
p#download a { display : block; }
p#download:hover a { text-decoration : none; }


dd { margin : 0 0 1.5em 0;}
a, a:visited { color : #fff; font-weight : bold; text-decoration : none; }
a:hover { text-decoration : underline; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration : none; }
a[rel="self"] { display : block; position : absolute; top : 150px; left : 0; width : 365px; height : 145px; background : transparent url(../siteimages/a_self.png) no-repeat 0 0; text-indent : -9999px; }
abbr, acronym { border-bottom-width : 0; }
table, form { font-weight : bold; text-shadow: 1px 2px 2px #000; }
fieldset { }
label { margin-bottom : 1.5em; }
label, label span { display : block; }
input[type="text"] { width : 180px; background-color : transparent; border : 1px solid #f0d5a8; font-size : 99%; font-weight : bold; color : #fff; }
input[type="text"]:hover, input[type="text"]:focus { background-color : #fff; border : 1px solid #000; color : #000; }
select { width : 180px; background-color : transparent; border : 1px solid #f0d5a8; font-size : 99%; font-weight : bold; color : #fff; }
input[type="submit"] { width : 180px; padding : 5px; background-color : #000; font-size : 99%; font-weight : bold; color : #fff; border : 1px solid #333; -webkit-border-radius : 5px; -moz-border-radius : 5px; }
input[type="submit"]:hover { background-color : red; border-color : red; }

/* layout */
#branding { position : relative; width : 950px;  height : 395px; margin-bottom : 1.5em; }
#content { width : 950px; margin : 0 auto; }
#content:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
#siteinfo { width : 950px; margin : 0 auto; }
.siteinfo { width : 100%; min-height : 570px; background : transparent url(../siteimages/siteinfo_01.jpg) no-repeat 0 250px; }
#siteinfo { position : relative; width : 950px; padding-top : 315px; margin : 0 auto; background : transparent url(../siteimages/siteinfo_02.png) no-repeat 100% 0; }

/* http://meyerweb.com/eric/tools/css/diagnostics/ 
----------------------------------------------------------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; } 

----------------------------------------------------------------------------------------- */

h1 { 
font-size : 3em; 
# 
}

h2 { 
font-size : 3em; 
# 
}

h3 { 
font-size : 2em; 
# 
}

h4 { 
font-size : 1.75em; 
# 
}