/* 20050823 v0.2 imported */
/* oli-studio.com layout (non-color/border/typo) stylesheet, by Oli Studholme */

/* kill the whitespace defaults */
* {margin: 0; padding: 0;}
/* then reset them, except for form */
h2 {margin: 1.25em 0 0.33em; padding: 0 24px;}
h3, h4, h5, h6 {margin: 1.5em 24px 1.5em;}
h2 + h3 {margin-top: 0em;}
h3 {margin-left: 2.5em;}
pre, blockquote, address, ins.insblock {margin: 1em 24px;}
p {padding: 0 24px;}
p+p {margin: 1.67em 0;}
ul, ol, dl {margin: 0.33em 24px 0.25em;}
dd {margin-left: 2em;}

/* center-aligned content */
body {margin: 0 auto;}

/* ruler hack 
div {background: url("/images/20.gif") repeat-y 18px 0;} */
/* building blocks */
#page {width: 750px; margin: 0 auto; background: url("/images/guides.gif") #fff no-repeat;}
/* header */
#header {margin-bottom: 8px;}
#page-home #header {margin-bottom: 36px;}
#lang {float: right;}
#lang li {display: inline; list-style: none; padding: 0 10px;}
#branding {width: 463px;} /* ?change this width to match background img logo size. Also do I need to float it? Yes if I include a search or _language selector_ on the right */
#branding img {padding: 21px 0 0 14px;}
#page-home #branding img {padding: 87px 0 0 47px;}

/* header whitespace */
/* local nav column */

/* for #page-home and other pages respectively */
h1, #header p {padding: 24px 5% 0;}
#main h1 {padding: 12px 5% 0;}
h1+h2 {margin: 0 5% 2em;}
#main h1+h2, #header p+p {margin: 0 5% 1.07em;}
#main h1+h2+p {margin-top: 1em;}
#main h2+h3 {margin: -12px 5% 1em;}
#main h4+h5 {margin: -12px 5% 1em;}
#main h5+h6 {margin: -12px 5% 1em;}
#main.a-list h3 {margin: 0 5% 1em; padding-top: 1em;}
#main.a-list h2+h3 {margin: 0 5% 1em; padding-top: 0;}
#main.a-list h3+h4 {margin: -20px 5% 1.5em; padding-left: 1em;}
#main h2+p, #main h3+p, #main h4+p, #main h5+p, #main h6+p {margin-top: -1em;}
#main h5 {margin-left: 1.5em;}
#main h6 {margin-left: 3em;}

/* Pilcrow for individual articles */
#main h1+h2+p, #main h1+h2+h2+p {background: url("/images/pilcrow.gif") no-repeat 6px 5px;}

#page-home #main h3 {margin: 0 24px 0;} /* sticky title */
/* Pilcrow for home page */
#page-home #main h3+img+p {margin-top: 0.33em; background: url("/images/pilcrow.gif") no-repeat 6px 5px;}
#page-home #main h5, #page-home #main h6 {padding-left: 0;}

/* Sub-content; padding takes care of indents */
#sub h2:first-child {margin: 22px 0 0.33em;}
#page-home #sub h2 {margin: 1em 0 0.45em;}
#page-home #sub h2:first-child {margin-top: 1px;}
#sub a {border-bottom: 1px hidden;}
#sub a:hover, #sub a:active {border-bottom: 1px solid #cc6400;}

	/* for main navigation tabs typo see nav.css */

#page-home .sticky img {float: right; margin: -0.66em 0 5px 5px;}
.note {padding: 0.5em;}

/* portfolio thumbnails, in sub-content and also portfolio section */
.port-thumb {clear: right;}
.port-thumb li {list-style: none; clear: both;}
.port-thumb img {float: left; margin: 0 1em 0.5em 24px; padding: 1px;}
#page-portfolio #sub h3 {clear: both; margin-bottom: 0;}
#page-home #sub img, #page-portfolio #sub img {margin-left: 0;}

/* for rss_thumbpop thumbnails in portfolio article */
.port-thumb#sub ul {margin-top: 10px;}
.port-thumb#sub li {list-style: none;}
div#rss-fullsize {margin: 0 auto 12px;}
#rss-fullsize img {margin: 10px auto 0;}
p#jspop-desc {margin: 0.2em 0 2em;}

/* footer */
#footer p {float: left; margin: 0; padding: 1.5em;}
#footer ul {float: right; margin: 0; padding: 1.5em;}
#footer li {display: inline;}

/* table layout */
table {margin: 1em auto;}
th {padding: 3px;}
td {padding: 3px;}

/* contact address table */
#page-contact #sub table {margin: 0.5em auto; border: 0; padding: 0 0.5em;}
#page-contact #sub th {padding: 0 0.66em 0 0;}
#page-contact #sub td {padding: 0.2em 0 0.2em 0.6em;}

/* general tags */
/* block */
img {display: block;}
blockquote {padding: 0.5em;}
blockquote p {padding-left: 1em;}
ul, ol, dl {margin-bottom: 0;}
li {padding-bottom: 0.2em; list-style: none;}
#main li {list-style: disc;}
#sub li {padding-bottom: 0;}
dt {padding-bottom: 0.1em;}
dd {padding-bottom: 1em;}
dd p {padding-top: 0;}
dd ul, dd ol, li ul, li ol, li dl {margin-top: 0;}
dd ul, dd ol {margin-left: 0;}
li ul, li ol, li dl {margin-left: 2em;}
dd p {margin-left: 0;}
dd blockquote {margin-left: 0;}
hr {display: none;}
/* nesting */
ul+p {padding-top: 0.8em;}
/* ins and del */
del {display: none;}
ins.ins-block {margin-left: -8px; padding-left: 7px;} /* for block-level ins */
/* inline */

/* help cursor */
*[title] {cursor: help;}
/* and to prevent links being infected */
a[title] {cursor: pointer;}