/* ----------------------------------------------------------------------------------------- 
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, 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 Helvetica, Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { 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-bottom : 1.5em; }
ul, ol { margin : 0 0 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-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 0 0 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 #433b34; 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  
----------------------------------------------------------------------------------------- */

html { background : #fff; }
body { border-top : 10px solid #4e7c92; font : 13px/1.5 Cambria, Garamond, Georgia, Times, serif; /* background : url(../siteimages/dev-grid.png) repeat-y 50% 0; */ color : #333; }

/* =hx */
h1 { width : 940px; height : 88px; margin : .5em auto 0 auto; font-size : 1em; background : url(../siteimages/h1.jpg) no-repeat; text-indent : -9999px; } 
h2 { margin-bottom : .5em; padding-bottom : .25em; font-size : 24px; letter-spacing : -1px; }
h3, h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
h2 + h3 { margin-bottom : .5em; }

/* =a */
a, a:visited { color : #477184; text-decoration : none; }
a:hover, a:active, a:focus { color : #477184; text-decoration : underline; }
.action a { padding : 10px; background-color : #fff; border : 1px solid #bfbfbf; border-radius : 10px; text-align : center; text-transform : uppercase; font : bold 11px Helvetica, Arial, sans-serif; letter-spacing : 1px; color : #666; }
.action a:hover { text-decoration : none; }

/* =p */
.action { margin-bottom : 0; }

#nav-tools { position : relative; width : 940px; margin : 0 auto; }
#nav-tools fieldset { position : absolute; top : -10px; right : 0; width : 220px; padding : 5px 0; background : #4e7c92; text-align : center; border-radius : 10px; }
#nav-tools span { display : none; }

/* =content-introduction */
#content-introduction { width : 940px; margin : .5em auto 2em auto; padding-top : 1.5em; border-top : 3px double #dbd1b5; }
#content-introduction p { padding : 0 60px; text-transform : uppercase; line-height : 1.1;  color : #666; }
#content-introduction p:first-child { margin-bottom : .25em; font-size : 26px; }
#content-introduction p:last-child { font-size : 14px; }

/* =nav-main */
#nav-main { overflow : hidden; width : 940px; margin : 0 auto 1.5em auto; padding : 10px 0; background : #4e7c92 url(../siteimages/bg-grad.jpg) repeat-x 0 0; border-radius : 10px; }
#nav-main li { float : left; width : 185px; font-size : 16px; text-align : center; }
#nav-main a, #nav-main a:visited { display : block; color : #fff; }

/* =nav-sub */
#nav-sub { margin-right : 0; padding : 20px; background-color : #f8f7f3; border : 1px solid #bfbfbf; border-radius : 10px; }
#nav-sub a { display : block; padding-left : 10px; }
#nav-sub a:hover { background-color : #fff; text-decoration : none; }
#nav-sub > li > a { margin-bottom : .5em; font-weight : bold; }
#nav-sub ul { margin-bottom : .75em; padding-bottom : .75em; border-bottom : 1px solid #dbd1b5; }

.content { overflow : hidden; width : 940px; margin : 0 auto; padding-bottom : 1.5em; }

/* =content-main */
.content-main { float : left; width : 540px; }
.content-main .tour { float : right; margin : 0 0 .5em 20px; }
.content-main .hentry { position : relative; float : left; width : 240px; margin-right : 20px; }
.content-main .hentry:first-child { margin-right : 0; }
.content-main .hentry:last-child { float : right; margin-right : 0; }
.content-main .hentry img { margin-bottom : 1.5em; }
.content-main .hentry .published { position : absolute; top : 260px; left : 0; display : block; width : 20px; padding : 5px 10px; background-color : #4e7c92; font : 10px Helvetica, Arial, sans-serif; text-align : center; text-transform : uppercase; color : #fff; border-radius : 10px; }
.content-main .hentry .day { font-size : 20px; } 
.content-main .hentry h4 { margin : 0 0 .5em 60px; font-size : 20px; }
.content-main .hentry p { margin-left : 60px; }

/* =content-sub */
.content-sub { float : right; width : 340px; }
.content-sub blockquote { padding : 20px; background-color : #f8f7f3; border : 1px solid #bfbfbf; border-radius : 10px; }
.content-sub blockquote p { margin-bottom : .75em; font-size : 19px; letter-spacing : -1px; }
.content-sub blockquote ul { margin-bottom : 0; }
.content-sub blockquote li { display : inline; margin-right : 20px; padding-right : 20px; border-right : 1px solid #bfbfbf; }
.content-sub blockquote li:last-child { margin-right : 0; padding-right : 0; border-right-width : 0; }
.content-sub .panel { margin-bottom : 1.5em; padding : 20px; background-color : #f8f7f3; border : 1px solid #bfbfbf; border-radius : 10px; }

/* =secondary */
.secondary { background-color : #f8f7f3; margin-bottom : 1.5em; padding : 1.5em 0; border-top : 1px solid #bfbfbf; border-bottom : 1px solid #bfbfbf; }
.content-slider { position : relative; height : 382px; margin-bottom : .75em; }
.content-slider p { z-index : 2; position : absolute; bottom : 11px; left : 11px; width : 480px; margin : 0; padding : 20px; background : url(../siteimages/bg-trans.png); color : #fff; }
.content-slider img { z-index : 1; position : absolute; top : 0; left : 0; padding : 10px; background-color : #fff; border : 1px solid #bfbfbf; border-bottom-color : #7c7c7a; }
.secondary .content-sub ul { overflow : hidden; }
.secondary .content-sub li { float : left; width : 102px; margin : 0 5px 0 0; }
.secondary .content-sub li img { padding : 10px; background-color : #fff; border : 1px solid #bfbfbf; border-bottom-color : #7c7c7a; }

/* =siteinfo */
.siteinfo { margin-top : 3em; background-color : #4e7c92; }
#siteinfo { position : relative; overflow : hidden; width : 940px; min-height : 20em; margin : 0 auto; padding : 0 0 1.5em 0; }
#siteinfo p, #siteinfo ul, #siteinfo .vcard { color : #aec9d6; }
#siteinfo p, #siteinfo ul, #siteinfo .vcard { position : absolute; }
#siteinfo p { top : 3em; left : 0; width : 220px; }
#siteinfo ul { top : 3em; left : 300px; }
#siteinfo .vcard { top : 3em; left : 600px; }
#siteinfo .tel { margin-top : 1.5em; }
#siteinfo a { color : #fff; }



/* =extensions */
#nav-tools fieldset, #nav-main, #nav-sub, .content-sub blockquote, .content-sub .panel { -moz-border-radius : 10px; -webkit-border-radius : 10px; }
.action a, .content-main .hentry .published { -moz-border-radius : 5px; -webkit-border-radius : 5px; }

*[title]:hover { cursor : help; }


/* 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; }  */