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

Baseline CSS
Version 1.1.3
February 21st 2008
----------------------------------------------------------------------------------------- */



/* 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 { background-color: #fff; color : #222; font : 75%/1.5 "Lucida Grande", Helvetica, "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { color : #111; font-family : "Helvetica Neue", Helvetica, Arial, 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 : 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 : italic; }
del { color : #666; }
blockquote { margin : 1.5em; color : #666; }
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)  
----------------------------------------------------------------------------------------- */

body { font : 11px/1.8 "Lucida Grande", Helvetica, "Lucida Sans Unicode", Arial, Verdana, sans-serif; background : #fdf8ea /* url(../siteimages/grid.png); */; color : #433f2f; }

#logo { position : relative; left : -240px; margin : 0 -240px 1.5em 0; width : 432px; height : 183px; background : transparent url(../siteimages/logo.png) no-repeat; text-indent : -9999px; }
.article #logo { left : -260px; width : 236px; height : 100px; background : transparent url(../siteimages/logo_article.png) no-repeat; }
.index #logo { float : left; left : -50px; margin : 0 -50px 0 0; }
h1 { font-size : 1.75em; letter-spacing : 1px; }
h2 { font-size : 1.5em; }
h3 { margin-bottom : 1.35em; font-size : 1.25em; }

/* =p */
#intro h2 + p { font-size : 1.2em; line-height : 1.25em; font-weight : bold; padding-bottom : 1.5em; margin-bottom : 1.5em; border-bottom : 1px dashed #999; }

abbr.updated { border-bottom-width : 0; }

/* =blockquote */
blockquote { margin : 1.25em 0 1.5em 0; font : 1.25em/2 Georgia, "Times New Roman", Times, serif; font-style : italic; line-height : 1.5em; color : #a49e86; }
blockquote .q_quote { margin-bottom : 1.25em; }
blockquote .q_quotert { margin-bottom : 1.25em; left: 15em;}
blockquote .q_author { font : .75em "Lucida Grande", Helvetica, "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

/* =ul */
.article #content ul { list-style-type : disc; list-style-position : inside; }
.article #content li { margin-bottom : .75em;  }

/* =a */
a, a:visited { color: #645e46; text-decoration : underline; font-weight : bold; }
a:hover { background-color : #645e46; color: #fff; text-decoration : none; }

.container { width : 100%; }
.nav_main { margin-bottom : 1.5em; background-color : #232017; border-bottom : 5px solid #a49e86; }
#nav_main { width : 870px; margin : 0 auto; padding : .5em; }
.siteinfo { background-color : #232017; border-top : 5px solid #a49e86; }
#siteinfo { width : 590px; margin : 0 auto; padding : 3em 0; }

/* =index */
.index #branding { width : 870px; margin : 0 auto 1em auto; padding : 1.5em 0; border-bottom : 2px solid #000; }
.index #branding:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.index #branding #intro { display : inline; float : left; margin-left : 40px; width : 430px; }
.index #content { overflow : hidden; width : 870px; margin : 0 auto; padding : 1.5em 0; }
.index #content blockquote { margin-top : 0; padding-left : 40px; background : url(../siteimages/blockquote.png) no-repeat 0 0; border-bottom : 2px solid #000; }
.index #content_main { overflow : hidden; float : left; width : 510px; margin-right : 50px; }
.index #content_main .col { float : left; }
.index #content_main .one { width : 270px; margin-right : 50px; }



.index #content_main .two { width : 190px; }
.index #content_sub { float : left; width : 310px; padding-top : .25em; }
.index #content_supp { overflow : hidden; width : 870px; border-top : 2px solid #000; margin : 0 auto; padding : 1.5em 0; }
.index #content_supp2 { overflow : hidden; width : 870px;  margin : 0 auto; padding : 1.5em 0; }
.index #intro h2 { font-size : 2em; margin-bottom : 0; }
.index .dt { font-size : 92%; color : #999; }
.index .more { text-align : right; margin-bottom : 0; }

/* =category */
.category #content { width : 670px; margin : 0 auto; padding : 1.5em 0; }
.category #content:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.category #content_main { float : left; width : 390px; margin-right : 50px; }
.category #content_sub { float : left; width : 230px; padding-top : .25em; }
.category #logo { left : -100px; margin : 0 -100px 1.5em 0; }
.category h1 + p { font-size : 1.2em; font-weight : bold; line-height : 1.25em; padding-bottom : 1.5em; margin-bottom : 1.5em; border-bottom : 1px dashed #999; }
.category #content_sub p + p { padding-bottom : 1.5em; margin-bottom : 1.5em; border-bottom : 1px dashed #999; }

/* =article */
.article #content { width : 390px; margin : 0 auto; padding : 1.5em 0 3em 0; }
.article .hentry { margin : -110px 0 0 0; }
.article #content:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.article .dt { color : #999; }
.article .entry-summary p { font-size : 1.2em; font-weight : bold; line-height : 1.25em; padding-bottom : 1.5em; margin-bottom : 1.5em; border-bottom : 1px dashed #999; }
.article #nav_pagination { padding-top : 1.5em; margin-top : 1.5em; border-top : 1px dashed #999; }

/* =hentry */
.category .hentry { overflow : hidden; min-height : 75px; }
.category .hentry .logo { float : left; margin-right : 15px; padding : 10px; background-color : #fff; border : 1px solid #c2beae; border-bottom-color : #a49e86; }

/* =entry-content */
.entry-content h3 { font-size : 1.75em; }
.entry-content .photo { margin-bottom : 1.5em;  font : 11px/1.8 "Lucida Grande", Helvetica, "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size : 92%; color : #a49e86; }
.entry-content img { padding : 10px; background-color : #fff; border : 1px solid #c2beae; border-bottom-color : #a49e86; }
.entry-content blockquote { position : relative; left : -240px; width : 390px; margin-right : -140px; padding-left : 40px; background : url(../siteimages/blockquote.png) no-repeat 0 0; }

/* =nav_related */
.article .nav_related { float : right; position : relative; right : -180px; margin-left : -150px; width : 150px; }
.article .nav_related ul { list-style-type : none!important; margin-left : 0!important; padding-left : 0; }
.article .nav_related li { text-indent : 0; margin-left : 0; margin-bottom : .75em; padding-bottom : .75em; border-bottom : 1px dashed #999; }

/* =bio */
#bio { padding : 20px; background-color : #c1bead; border : 1px solid #c2beae; border-bottom-color : #a49e86; }
#bio img { float : left; margin-right : 15px; padding : 10px; background-color : #e2dfd6; border : 1px solid #c2beae; border-bottom-color : #a49e86; }
#bio img:hover { background-color : #fff; }
#bio p { color : #fff; }
#bio a { color : #fff; }

/* =nav_main */
#nav_main ul { list-style-type : none; margin : 0; padding : .25em 0; text-align : right; }
#nav_main li { display : inline; margin-right : 10px; padding-right : 10px; border-right : 1px solid #fff; } 
#nav_main li:last-child { margin-right : 0; padding-right : 0; border-right-width : 0; }
#nav_main a, #nav_main a:visited, #nav_main a:hover { background-color : transparent; color : #fff; letter-spacing : 1px; text-decoration : none; }

/* =nav_tutors */
#nav_tutors { overflow : hidden; list-style-type : none; margin : 0; }
#nav_tutors li { float : left; width : 390px; margin-right : 40px; }
#nav_tutors img { float : left; margin-right : 15px; padding : 10px; background-color : #fff; border : 1px solid #c2beae; border-bottom-color : #a49e86; }

/* =nav_articles */
.nav_articles li { padding-bottom : 1.5em; margin-bottom : 1.5em; border-bottom : 1px dashed #999; }
.nav_articles li:last-child { padding-bottom : 0; margin-bottom : 0; border-bottom-width : 0; }
.nav_articles h4 { margin-bottom : 0; }
.nav_articles p { margin : 0; color : #666; }

/* =siteinfo */
#siteinfo ul { width : 620px; margin : 0 auto 1.5em auto; text-align : center; }
#siteinfo li { display : inline; margin-right : 10px; padding-right : 10px; border-right : 1px solid #fff; } 
#siteinfo li:last-child { margin-right : 0; padding-right : 0; border-right-width : 0; }
#siteinfo a, #siteinfo a:visited, #siteinfo a:hover { background-color : transparent; color : #fff; text-decoration : none; }
#siteinfo p { text-align : center; color : #c1bead; }
#siteinfo .vcard { text-align : center; color : #c1bead; }
#siteinfo .adr, #siteinfo .org { display : none; }
#siteinfo .tel { display : block; margin-top : 1.5em; font-size : 1.2em; }
#siteinfo .type { display : none; }
#siteinfo .work { padding-right : 50px; }

/* additions */
#logo a, #logo a:hover { display : block; width : 432px; height : 183px; text-decoration : none; background : none; }
.article #logo a, .article #logo a:hover { width : 236px; height : 100px; text-decoration : none; background : none; }

h3 span, h4 span { display : block; font-size : 11px; font-weight : bold; }

img.fl { float : left; margin : 0 10px 0 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; } 

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