/* ----------------------------------------------------------------------------------------- 
Stuff and Nonsense Ltd.
The Cow Shed Studio,
Gwaenysgor,
Flintshire, North Wales
LL18 6EP, UK
+44 1745 851848
http://www.stuffandnonsense.co.uk

----------------------------------------------------------------------------------------- */



/* 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 { 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; }
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)  
----------------------------------------------------------------------------------------- */

html { background : #061735; }
body { font : 11px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;  background : fixed transparent url(../siteimages/body.jpg) repeat-x 50% 0; color : #fff; }

/* =typography */
#logo { margin-bottom : 3em; width : 820px; height : 75px; background : transparent url(../siteimages/logo.png) no-repeat 50% 0; text-indent : -9999px; }
h1, h2 { text-align : center; font-family : Georgia, Times, serif; font-size : 1.8em; }
.messages h1 { margin-bottom : 1.5em; }
h2.entry-title { margin-bottom : 0; }
h3 { font-size : 1.2em; text-transform : uppercase; }
div + h2, p + h2, ul + h2, ol + h2, blockquote + h2 { margin-top : 3em; }
div + h3, p + h3, ul + h3, ol + h3, blockquote + h3 { margin-top : 3em; }
.entry-summary:first-line { font-size : 1.2em; font-weight : bold; }
.messages h1 + p { margin-bottom : 3em; font-weight : bold; }
blockquote p { margin-right : 15px; margin-left : 15px; font-style : italic; }
pre { font : 1em "Helvetica Neue", Helvetica, Arial, sans-serif; line-height : 1.5; }

/* =a */
a, a:visited { font-weight : bold; text-decoration : none; color : #7589a4; }
a:hover { color : #fff; }
#logo a { display : block; width : 820px; height : 75px; text-decoration : none; }
h2 a { font-weight : normal!important; }
a.rss { padding : 0 15px; background : transparent url(../siteimages/a_rss.gif) no-repeat 0 50%; }

/* =img */
img { border : 5px solid #7589a4; }
img:hover { border-color : #fff; }
#content_main img { margin-bottom : 1.5em; }
p img { float : left; margin-right : 20px; }
object, embed { border : 5px solid #7589a4; }

#help { position : absolute; z-index : 1000; top : 0; left : 0; width : 99%; margin : 0 auto; padding : 1.5em 0; background-color : #000; opacity : .15; }
#help:hover { opacity : .75; }
#help p { margin-bottom : 0; text-align : center; color : #fff; }

/* =nav_main */
#nav_main { position : relative; top : -50px; width : 940px; height : 580px; margin : 0 auto -50px auto; background : transparent url(../siteimages/nav_main.png) no-repeat 0 0; opacity : .5; }
#nav_main:hover { opacity : 1; -webkit-transition: all .75s ease-in-out; }
#nav_main li { position : absolute; width : 10px; height 10px; background : transparent url(../siteimages/nav_main_li.png) no-repeat 0 0; text-indent : -9999px; }
#nav_main .visited { background : transparent url(../siteimages/nav_main_li_visited.png) no-repeat 0 0; }
#nav_main a { display : block; width : 10px; height : 10px; }
#nav_main .current { z-index : 1000; margin-top : -38px; margin-left : -9px; width : 57px; height : 50px; background : transparent url(../siteimages/nav_main_current.png) no-repeat 0 0; }
#nav_main .current a { width : 57px; height : 50px; }
#n01 { top : 249px; left : 11px; } /* San Francisco, CA */
#n02 { top : 383px; left : 176px; } /* Phoenix, AZ */
#n03 { top : 340px; left : 173px; } /* Flagstaff, AZ */
#n04 { top : 340px; left : 249px; } /* Gallup, NM */
#n05 { top : 355px; left : 279px; } /* Albuquerque, NM */
#n06 { top : 341px; left : 289px; } /* Santa Fe, NM */
#n07 { top : 328px; left : 299px; } /* Taos, NM */
#n08 { top : 324px; left : 318px; } /* Raton, NM */
#n09 { top : 299px; left : 316px; } /* Canon City, CO */
#n10 { top : 285px; left : 326px; } /* Colorado Springs, CO */
#n11 { top : 261px; left : 325px; } /* Denver, CO */
#n12 { top : 238px; left : 324px; } /* Fort Collins, CO */
#n13 { top : 182px; left : 319px; } /* Douglas, WY */
#n14 { top : 161px; left : 357px; } /* Custer, SD */
#n15 { top : 165px; left : 422px; } /* Chamberlain, SD */
#n16 { top : 167px; left : 459px; } /* Sioux Falls, SD */
#n17 { top : 146px; left : 512px; } /* Minneapolis, MN */
#n18 { top : 192px; left : 852px; } /* New York, NY */

/* =form */
label, label span { display : block; }
label { margin-bottom : 1.5em; }
label span { float : left; width : 160px; margin-right : 20px; }
input[type="text"] { width : 210px; background-color : #000006; border : 1px solid #7589a4; font : 99% "Lucida Grande", Helvetica, "Lucida Sans Unicode", Arial, Verdana, sans-serif; color : #fff; }
textarea { width : 390px; background-color : #000006; border : 1px solid #7589a4; font : 99% "Lucida Grande", Helvetica, "Lucida Sans Unicode", Arial, Verdana, sans-serif; color : #fff; }

/* =content */
.container { width : 100%; }
#content { position : relative; overflow : hidden; width : 820px; margin : -200px auto 0 auto; padding-bottom : 1.5em; }
#content_main { float : left; width : 400px; }
#content_sub { float : right; width : 285px; }

/* =hatom */
.published { display : block; margin-bottom : 1.5em; text-transform : uppercase; text-align : center; border-bottom-width : 0; }
.entry-meta { overflow : hidden; padding-top : 1.5em; border-top : 1px solid #7589a4; }
.entry-meta p { float : left; max-width : 160px; }
.entry-meta a[rel="bookmark"] { display : block; float : right; max-width : 160px;  text-align : right; }
.entry-meta li.first-child { float : left; }
.entry-meta li.last-child { float : right; }

/* =summary */
.summary { position : relative; padding-left : 130px; background : #000006; }
.summary img { position : absolute; top : 0; left : 0; width : 100px; }
.summary img { -webkit-transition: all .75s ease-in-out; }
.summary img:hover { -webkit-transform : scale(2); }
.summary h2 { margin-bottom : 1.25em; padding-bottom : .25em; border-bottom : 1px solid #7589a4; }
.summary .hentry { position : relative; margin-bottom : 3em; padding-left : 90px; }
.summary .entry-title { margin-bottom : .25em; }
.summary ul { position : absolute; top : 0; left : 0; }

/* =messages */
.entry-comment { position : relative; padding-left : 130px; border-bottom : 1px solid #7589a4; }
.entry-comment ul { position : absolute; top : 0; left : 0; width : 110px; }

/* =flickr */
.flickr_badge_wrapper { overflow : hidden; width : 285px; }
.flickr_badge_image { float : left; width : 85px; margin : 0 10px 10px 0; }

/* =facebox */
#facebox { position : absolute; top : 0; left : 0; z-index : 2000; background : #000; border : 10px solid #7589a4; border-radius : 10px; -moz-border-radius : 10px; -webkit-border-radius : 10px; -webkit-box-shadow : 0 0 20px #000; opacity : .9; } 
#facebox .popup { position : relative; }
#facebox img { border-width : 0; }
#facebox table { border-collapse : collapse; }
#facebox td { border-bottom : 0; padding : 0; }
#facebox .body { width : 560px; padding : 20px 20px 0 20px; }
#facebox .loading, #facebox .image { text-align : center; }
#facebox .footer { padding-top : .75em; border-top : 1px solid #7589a4; text-align : right; }
#facebox_overlay { position : fixed; top: 0;  left: 0; height : 100%; width : 100%; }
#facebox .entry-meta { display : none; }
.facebox_hide { z-index : -100; }
.facebox_overlayBG { background-color : #000; z-index : 99; }

/* =siteinfo */
#siteinfo { width : 820px; margin : 0 auto; padding : 1.5em 0; border-top : 1px solid #7589a4; }
#siteinfo p { width : 400px; color : #6b7688; }


/* 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; } 

----------------------------------------------------------------------------------------- */
