/* Layout styles */

/*
colours:
red = #991715
blue = #2182e9
orange = #e25d20
*/

/* General element styles -------------------------------------- */
html{
background:#fff;
color:#333;
}

body{
font:13px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
text-align:center;
background:#fff;
color:#333;
}

#doc,#doc2,#doc3{font-size:1em;}
table{font-size:inherit; font-size:100%;}

/* 99% for safari; 100% is too large */
select, input, textarea{font:99% arial,helvetica,sans-serif;}
pre, code{font:1.2em monospace;}

p,address,div.delicious-extended,div.delicious-tags{margin:1.5em 0;padding:0 1em;}
address{font-style:normal;}
dt{margin-top:1.5em;font-weight:bold;}

/* Headings */
h1, h2, h3{
font-family:"Trebuchet MS", Tahoma, Helvetica, sans-serif;
font-weight:bold;
}

h1{/* 20px */
margin:0.975em 0;
font-size:1.5385em;
line-height:0.975;
}

h2{/* 18px */
margin:1.0833em 0;
font-size:1.3846em;
line-height:1.0833;
}

h3{/* 13px */
margin:1.5em 0;
font-size:1em;
line-height:1.5;
}

h2 span,#authorTitle,#archivesTitle,#catTitle{
background:#fff;
color:#e25d20;
}

acronym, abbr{
font-style:normal;
cursor:help;
border-bottom:1px dotted #999;
}

#mainContent p{font-style:normal;}

ul{
margin:0;
padding:0 1em;
list-style:none;
}

ul li{
padding-left:1.5em;
background:#fff url(../../images/icons/bullet_black.gif) no-repeat 0 10%;
color:#333;
}

a img{border:none;}

a:hover, a:focus{
background:#2182e9;
color:#fff;
}

a:active{
background:#2182e9;
color:#fff;
}

/* Layout grid ------------------------------------------------- */
/*
The layout styles in this section are modified from the Yahoo! YUI grids.css.
Layout construction: http://developer.yahoo.com/yui/grids/
*/
#hd, #bd{margin-bottom:1em; text-align:left;}
#ft{clear:both;}

/* 750px centered page  */
#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{
margin:auto;
width:750px;
text-align:left;
}

/* 950px centered page */
#doc2{width:950px;}

/* Fluid page with 10px viewport side matting */
#doc3{
/*margin:auto 10px auto 10px;*/
width:95%;
min-width:750px;
max-width:1200px;
text-align:left;
}

/* rules for main templates */
/* below required for all fluid grids; adjust widths and margins above accordingly */

/* to preserve source-order independence for Gecko */
.yui-b{position:relative;}
#yui-main .yui-b{position:static;} /* the browser's default positioning model */

#yui-main {width:100%;}
.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}
.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}
.yui-t1 .yui-b{float:left;width:12.3207em;}
.yui-t1 #yui-main .yui-b{margin-left:13.3207em;}
.yui-t2 .yui-b{float:left;width:13.8456em;}
.yui-t2 #yui-main .yui-b{margin-left:14.8456em;}
.yui-t3 .yui-b{float:left;width:23.0759em;}
.yui-t3 #yui-main .yui-b{margin-left:24.0759em;}
.yui-t4 .yui-b{float:right;width:13.8456em;}
.yui-t4 #yui-main .yui-b{margin-right:14.8456em;}
.yui-t5 .yui-b{float:right;width:18.4608em;}
.yui-t5 #yui-main .yui-b{margin-right:19.4608em;}
.yui-t6 .yui-b{float:right;width:23.0759em;}
.yui-t6 #yui-main .yui-b{margin-right:24.0759em;}
.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}
#yui-main .yui-b{float:none;width:auto;}

/* GRIDS (not TEMPLATES) */
.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,
.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}
.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,
.yui-ge div.first,.yui-gf div.first{float:left;}
.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}
.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u {width:48.1%;}
.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}
.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}
.yui-gc div.first,.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge .yui-u{width:24%;}
.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}
.yui-gf div.first{width:24%;}
.yui-ge div.first{width:74.2%;}

#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,
.yui-gd:after,.yui-ge:after,.yui-gf:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* Page header ------------------------------------------------- */
#hd{
background:#fff;
color:#333;
}

#siteTitle a{
text-decoration:none;
color:#fff;
}

/* Skip links -------------------------- */
/* used for keyboard navigation */
.skipLink a{
font-size:1em;
text-align:left;
background:#fff;
color:#333;
}

.skipLink a:hover, div.skipLink a:focus{
background:#2182e9;
color:#fff;
}

.skipLink a:active{
background:#2182e9;
color:#fff;
}

/* Top-level navigation */
#globalNav{
float:left;
width:100%;
background:#fff;
border-bottom:1px solid #e25d20;
}

#globalNav ul{
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}

#globalNav li{
display:inline;
margin:0;
padding:0;
}

#globalNav a{
float:left;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
font-weight:bold;
background:url(../../images/tableftI.gif) no-repeat left top;
}

#globalNav a span{
float:left;
display:block;
padding:5px 15px 4px 6px;
background:#fff url(../../images/tabrightI.gif) no-repeat right top;
color:#000;
}

#globalNav a:hover span,#globalNav a:focus span{color:#000; background-position:100% -42px;}
#globalNav a:active span{color:#fff; background-position:100% -42px;}

#globalNav a:hover,#globalNav a:focus{background-position:0% -42px;}
#globalNav a:active{background-position:0% -42px;}


#globalNav #current a{background-position:0% -42px;}
#globalNav #current a span{background-position:100% -42px;}

#branding{
clear:both;
height:10em;
background:#2182e9 url(../../images/brand-blue150.png) bottom left repeat-x;
color:#fff;
border-bottom:2px solid #e25d20;
}

#siteTitle, #siteDesc{padding-left:1em;}

/* Search ----- */
#search form{margin-top:-1em;}

#search label{
position:absolute;
top:-1000px;
left:-1000px;
}

#searchsubmit{
display:block;
margin:0.5em 0;
padding:0.1em 0.5em;
font-weight:bold;
}

/* Main content ------------------------------------------------ */
#bd{
background:#fff;
color:#333;
}

/* a little bit of left... */ 
#intro h2, #popArticles h2, #affiliations{padding-left:0.6em;}
#contentTitle{padding-left:0.8em;}

/* Blog postings ----------------------- */
.post{
clear:both;
margin:0;
padding:1em;
}

.post h2 a{
text-decoration:none;
background:#fff;
color:#000;
}

.post h2 a:hover, .post h2 a:focus{
background:#2182e9;
color:#fff;
}

.post h2 a:active{
background:#2182e9;
color:#fff;
}

.postdate{
margin:0 1em;
padding:0 1.5em;
font-style:italic;
background:#fff url(../../images/icons/date.gif) no-repeat 0 50%;
color:#333;
}

.postmetadata{
margin:0 1em;
padding:0 0 0 2.5em;
background:#fff url(../../images/icons/folder_page.gif) no-repeat 2px 50%;
color:#333;
border:1px solid #000;
}

/* Post styling */
.reference-list li{
background:#fff url(../../images/icons/link.gif) no-repeat 0 50%;
color:#333;
}

pre{
margin:1em 2em;
padding:1em 1em 2em 1em;
width:600px;
overflow:auto;
background:#f5f5dc;
color:#000;
border:1px solid #999;
}

code{
font-family:"Courier New", Courier, Fixed, monospace;
font-weight:bold;
background:#fff;
color:#333;
}

pre code{
font-size:1em;
font-weight:normal;
background:#f5f5dc;
color:#000;
}

blockquote{
margin:0.5em 2em;
padding:0.5em;
background:#fff;
color:#2182e9;
border-bottom:1px solid #999;
border-right:1px solid #999;
}

.pullquote{
width:50%;
float:right;
background:#fff;
color:#2182e9;
border-bottom:1px solid #999;
border-right:1px solid #999;
}

/* Next/prev post */
.postNavigation{clear:both;}

.prevPost, .nextPost{
margin:0;
padding:1em;
font-size:1em;
}

.prevPost{float:left;}
.nextPost{float:right;}

/* Delicious blog posts */
ul.delicious li{background-image:none;}
.delicious-link{
margin:1.5em 0;
font-size:1em;
font-weight:bold;
line-height:1.5;
}
#mainContent .delicious-extended,#mainContent .delicious-tags{font-size:1em;}

/* Archive pages ----------------------- */
.post h3 a{
margin:0;
padding:0;
text-decoration:none;
background:#fff;
color:#333;
}

.post h3 a:hover, .post h3 a:focus{
background:#2182e9;
color:#fff;
}

.post h3 a:active{
background:#2182e9;
color:#fff;
}

.archive p.postdate{margin-left:1.5em;}
.archive p.postmetadata{margin-left:2em;}

/* Comments ---------------------------- */
.alt{
border-top:1px dotted #2182e9;
border-bottom:1px dotted #2182e9;
}

.commentlist{margin:0 0.4em;}

.commentlist li{
clear:both;
float:left;
margin:0;
padding:1em 0;
width:95%;
list-style:none;
}

.comment-text{
float:left;
width:55%;
margin-right:0.5em;
background:#fff;
color:#333;
}

.comment-text p{font-size:1em;}

.alt .comment-text, .alt .comment-text code{
background:#f5f5dc;
color:#000;
}

.respondee{float:left;}

.gravatar{
float:left;
padding:3px;
margin-bottom:5px;
background:#fff;
color:#333;
}

.respondee cite{
padding-left:1.5em;
margin-left:6px;
background:#fff url(../../images/icons/user_comment.gif) no-repeat 0 50%;
color:#333;
}

.commentmetadata{
display:block;
padding-left:1.5em;
margin-left:60px;
background:#fff url(../../images/icons/time.gif) no-repeat 0 50%;
color:#333;
}

/* Input forms ------------------------------------------------- */
/* Comment form */
.allowedtags li{
margin:0;
padding:0 0.2em;
display:inline;
font-size:0.8461em;
background-image:none;
}

#respond{
clear:both;
padding-top:2em;
}

#openID_label{
padding-right:1.5em;
background:#fff url(../../images/openid.gif) no-repeat 100% 50%;
color:#333;
}

/* Contact form */
#gb_form_div form{
padding-left:2em;
font-size:1em;
}

#gb_form_div fieldset{
display:block;
margin:2em 0;
padding:1em;
border:1px solid #333;
width:40em;
}

#gb_form_div label{
display:block;
padding:0.5em;
}

#gb_form_div input, #gb_form_div select, #gb_form_div textarea
{margin-left:0.5em;}

.button{font-size:1em;}
#gb_form_div dl{padding-left:2em;}
#gb_form_div dt{font-weight:bold;}

/* Search form as a page */
#mainContent #searchform{
padding-left:2em;
font-size:1em;
}

/* Secondary content ------------------------------------------- */
/* About */
.photo{
float:left;
margin:0 1em 0 0;
padding:0.2em;
border:2px solid #000;
}

#blogroll{margin-right:1em;}
#blogroll li{background-image:url(../../images/icons/user_red.gif);}

#archives li{
background:#fff url(../../images/icons/calendar_view_month.gif) no-repeat 0 50%;
color:#333;
}

#categories li{
background:#fff url(../../images/icons/folder_page.gif) no-repeat 0 50%;
color:#333;
}

ul#supporting li,#metaLinks li{
padding:0;
background-image:none;
border:none;
}

/* link lists */
#secContent ul li, #recommended ul li, #popArticles ul li, #delicious ul li{
margin:0;
padding:5px 0 5px 20px;
background-position:0 50%;
border-top:1px dotted #ccc;
}

#secContent #supporting li{border:none;}

#links ul li a:visited, #secContent ul li a:visited, #recommended ul li a:visited,
#popArticles ul li a:visited, #delicious ul li a:visited{
padding-right:1em;
background:#fff url(../../images/icons/visited.gif) 100% 50% no-repeat;
color:#551a8b;
}


#links ul li a:hover, #secContent ul li a:hover, #recommended ul li a:hover,
#popArticles ul li a:hover, #delicious ul li a:hover,
#links ul li a:focus, #secContent ul li a:focus, #recommended ul li a:focus,
#popArticles ul li a:focus, #delicious ul li a:focus{
background:#2182e9;
color:#fff;
}

#links ul li a:active, #secContent ul li a:active, #recommended ul li a:active,
#popArticles ul li a:active, #delicious ul li a:active{
background:#2182e9;
color:#fff;
}

/* Page footer ------------------------------------------------- */
#ft{
margin-top:1.7727em;
font-size:0.8461em;
text-align:center;
background:#fff;
color:#666;
border-top:2px solid #991715;
}