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

Visual design copyright 2009. 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-type : 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; }

/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1, h2, h3, h4 { font-weight : normal; }
p { margin-bottom : 1em; }
ul, ol { margin : 1.5em 0; }
ul { list-style-type : none; list-style-position : inside; }
ol { list-style-type : decimal; list-style-position : inside; }
abbr, acronym { border-bottom-width : 0; }
strong { font-weight : bold; }
em { font-style : italic; }

/* Author styles ------------------------------------------ */

html { background :  #e6e6e6; }
body { background : transparent url(../siteimages/body.png) repeat 0 0; font : 16px/1.6 "Palatino Linotype", Georgia, Times, serif; color : rgb(255, 255, 255); color : rgba(255, 255, 255, .5); text-shadow : #000 1px 1px 2px; }

/* Headings ------------------------------------------ */

h1, h2, h3 { font-weight : normal; color : rgb(255, 255, 255); }
h1, h2 { line-height : 1.1; letter-spacing : -1px; }
h1, h2 { font-size : 43px; margin-bottom : .75em; }
h3 { font-size : 24px; margin-bottom : 1em; }
#content h3 { margin-bottom : .5em; }
h4 { font-size : 16px; line-height : 1.25; margin-bottom : 1.25em; }
strong.amp { font-family : "Hoefler Text"; font-style : italic; font-weight : normal; }

blockquote, q { font-style : italic; }

/* Link anchors ------------------------------------------ */

a, a:visited { color : rgb(255, 255, 255); color : rgba(255, 255, 255, .8); text-decoration : none; }
a:hover, a:active, a:focus { color : rgb(255, 255, 255); color : rgba(255, 255, 255, 1); text-decoration : none; }
#skip { position : absolute; left : -9999px; }
a[title$="tweetCC"] { position : absolute; top : 0; right : 0; display : block; width : 140px; height : 140px; text-indent : -9999px; }

/* Branding ------------------------------------------ */

#logo { margin : 0; width : 245px; height : 75px; background : transparent url(../siteimages/logo.png) no-repeat 0 0; text-indent : -9999px; }
#logo a { display : block; width : 245px; height : 75px; }
#logo a:hover { text-decoration : none; }
.index .header p { position : absolute; top : -10px; left : 0; text-transform : uppercase; font-size : 12px; letter-spacing : 1px; }

/* Search ------------------------------------------ */

.search h2 { margin-bottom : .35em; }
.search p { font-size : 24px; line-height : 1.25; }
.search p + p { padding-top : 1em; border-top : 3px double rgb(255, 255, 255); border-top : 3px double rgba(255, 255, 255, .25); }
.search p em { display : block; margin-top : .5em; font-size : 16px; font-style : normal; }

#fm-search fieldset { overflow : hidden; padding : 15px 40px 20px 60px; background : transparent url(../siteimages/search.png) no-repeat 0 0; }
#fm-search p { float : left; width : 240px; margin-bottom : 0; line-height : 1.6; }
#fm-search #search { width : 150px; background : transparent; border-width : 0; border-bottom : 2px dotted rgb(255, 255, 255); font : normal 24px Palatino, Georgia, Times, serif; color : rgb(255, 255, 255); }
#fm-search #submit { float : right; width : 100px; height : 30px; position : relative; top : 15px; background : transparent url(../siteimages/submit.png) no-repeat 0 0; border-width : 0; text-indent : -9999px; }

/* Results ------------------------------------------ */

.vcard { margin-bottom : 3em; padding-bottom : 1em; border-bottom : 3px double rgb(255, 255, 255); border-bottom : 3px double rgba(255, 255, 255, .25); }
.vcard h1 { margin : 0; font-size : 132px; text-align : center; text-shadow : #000 3px 3px 4px; letter-spacing : 0; line-height : 1; font-style : italic; }
.vcard h1 + p { font-size : 36px; text-align : center; line-height : 1.25; }
.vcard .logo { float : left; margin : 0 20px 1em 0; width : 73px; height : 73px; padding : 10px; background : rgb(0, 0, 0); background : rgba(0, 0, 0, .35); border : 1px solid rgb(255, 255, 255); border : 1px solid rgba(255, 255, 255, .25); }
.vcard blockquote p { font-size : 24px; line-height : 1.4; }
.vcard blockquote + p { clear : left; }
.org, .tel, .postal-code, .count { letter-spacing : 1px; }

#licensors li { display : inline; margin-right : .5em; }
#licensors a:after { content : ", " }
#licensors li:last-child a:after { content : "" }

/* Licenses ------------------------------------------ */

#licenses { margin-bottom : 1.4em; empty-cells : show; }
#licenses .summary { font-weight : bold; width : 260px; }
#licenses td { padding : .75em 20px .75em 0; vertical-align : top; border-bottom : 3px double rgb(255, 255, 255); border-bottom : 3px double rgba(255, 255, 255, .25);  }
#licenses tr:last-child td { border-bottom-width : 0; }
#licenses .action { width : 160px; text-align : right; }

/* Footer ------------------------------------------ */

.footer p, .footer .vcard { font-size : 14px; }
.footer p { margin : 0 240px 1.5em 0; }
.footer .vcard { margin : 0 240px .75em 0; padding : 0 0 0 35px; background : transparent url(../siteimages/vcard.png) no-repeat 0 0; border-width : 0; }

/* Site layout divisions ------------------------------------------ */

.section { width : 940px; margin : 0 auto; padding-top : 1.5em; }
.section:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.footer { position : relative; width : 940px; margin : 0 auto; padding : 4.5em 0; background : transparent url(../siteimages/footer.png) no-repeat 0 0; }
.footer:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }

/* Home page divisions ------------------------------------------ */

.index .header { position : relative; float : left; width : 460px; height : 540px; background : transparent url(../siteimages/branding.png) no-repeat 0 0; }
.index .aside { float : right; width : 460px; }
.index #header { padding : 3em 0 1.5em 0; }
.index #content { border-top : 3px double rgb(255, 255, 255); border-top : 3px double rgba(255, 255, 255, .25); }

.results #content { margin-top : -100px; }

.q { padding : 60px; background-image : none; text-align : center; }
.q h2 { font-size : 360px; margin-top : .1em; margin-bottom : .1em; line-height : 1; text-shadow : #000 2px 2px 2px; }
.q p { font-size : 64px; }
.q h2 + p { margin-bottom : 90px; }
.q .action { padding : 30px 60px; background :  #e6e6e6; color : #000; -webkit-border-radius : 60px; -webkit-box-shadow : 0 0 30px rgba(0,0,0,.5); }

#ohforfuckssake:target { font-weight : bold; color : rgb(255,255,255); }

/* =webkit and mozilla ------------------------------------------ */

.index #content div { 
-webkit-column-count : 3; 
-webkit-column-gap : 20px; 
-webkit-column-rule : 1px solid rgba(255,255,255,.1);
-moz-column-count : 3; 
-moz-column-gap : 20px;
-moz-column-rule : 1px solid rgba(255,255,255,.1);
column-count : 3; 
column-gap : 20px; 
column-rule : 1px solid rgba(255,255,255,.1); }

a, #logo, input[type="text"] { -webkit-transition: all 0.5s linear; }

*, td {
-webkit-text-stroke : 1px transparent; }