@media screen {

/*  =reset.css 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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, 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-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

:focus { outline : 0; } 
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }
blockquote, q { quotes : "" ""; }

/* =html */
html { background : #fff; color : #0f1214; }	

/* =body */
body { font : normal 69%/1.6 "Lucida Grande", Verdana, Arial, sans-serif; border-top : 30px solid #5d1117; }

/* =blocktext */
h1, h2, h3, h4, h5, p, blockquote, address, dl, ul, ol, pre { margin : 0 15px; padding : .5em 0; }

/* =h1 */
h1 { display : none; }

/* =h2 */
h2 { font : bold 240% Palatino, Georgia, Times, serif; }

/* =h3 */
h3 { clear : left;  margin-top : 30px; font : bold 160% Palatino, Georgia, Times, serif; }

/* =h4 */
h4 { font-size : 110%; font-weight : bold; }
blockquote h4 { margin-left : 0; }

/* =h5 */
h5 { font-size : 110%; font-weight : bold; }
li h5 { margin-left : 0; }

/* =p */
p { font-size : 100%; }
#branding p { padding-left : 230px; font-size : 110%; font-weight : bold; }
li p { margin-left : 0; }
dd p { margin-left : 0; padding-top : 0; }

/* = blockquote */
blockquote { margin : 15px; padding-left : 15px; border-left : 1px solid #ccc; }
li blockquote { margin : 0 0 15px 0; padding-left : 0; border-left-width : 0;  border-bottom : 1px solid #ccc; }

/* =vcard */
.vcard  { font-size : 100%; }
.vcard a span { display : inline; }
.vcard .fn { display : block; margin : 0 15px;  }
.vcard div { margin : 0 15px; }
.vcard .adr span { display : inline; }

/* =kbd/del/ins */
kbd { text-decoration : underline; }
del { color : #999; }
abbr { cursor : help; }
ins { text-decoration : none; }

/* =strong/b/em/i */
strong, b { font-weight : bold; }
em, i { font-style : italic; }

/* =address */
address { font-style : normal; }
address span { display : block; }

/* =pre */
pre, code { font : 110% courier, "courier new", monospace; }

/* =dl/dt/dd */
dt { font-weight : bold; }
dd { padding-bottom : .5em; }

/* =ul */
ul { list-style-type : none; }
ul ul { margin-left : 0;  }
#nav_access { position : absolute; top : -9999px; }

/* =ol */
ol ol { margin-left : 0; }

/* =li */
#nav_sub li { display : inline; padding-right : 1em; }

/* =img */
img, a img { border : none; }
p img { display : block; }

/* =hr */
hr { display : none; }
.clear { clear : both; }

/* =a */
a, a:visited { color : #5d1117; font-weight : bold; text-decoration : none; }
a:hover { color : #450c07; text-decoration : underline; }
a:active, a:focus { color : #000; text-decoration : underline; }
#siteinfo a, #siteinfo a:visited, #siteinfo a:hover { color : #fff; text-decoration : underline; }

/* =div */
#content_promo { padding-bottom : .5em; border : 1px solid #ae888b; background-color : #d7c4c5; }
#content-google { margin : 15px; border : 1px solid #d7c4c5; }

/* =layout */
#container { width : 100%; }
#branding { width : 64em; margin : 0 auto; padding : 3em 0; background : url(http://www.stuffandnonsense.co.uk/siteimages/img_blog.jpg) no-repeat 0 50%; }
#content { width : 64em; margin : 0 auto; padding : 3em 0; background : url(http://www.stuffandnonsense.co.uk/siteimages/h_line_one.png) repeat-x 50% 0; }
.tabbed { float : left; left : 49.5%; }
#siteinfo { width : 100%; background  : #5d1117 url(http://www.stuffandnonsense.co.uk/siteimages/siteinfo.png) repeat-x 50% 0; color : #ae888b; }
#siteinfo .one { width : 64em; margin : 0 auto; padding : 3em 0; }

}