/*

	ERSKINE LABS by ERSKINE DESIGN
	VERSION 1.0
	
	CONTENTS ----------
	
        1.BODY
        2.DEFAULT STYLING
        3.HEADINGS
        4.LINKS
        5.IMAGES
        6.LAYOUT
        7.BRANDING/MASTHEAD
        8.NAVIGATION
        9.SITEINFO/FOOTER
        10.POST LISTING
        11.ARTICLE
        12.COMMENTS
            12.1 FORM
        13.ABOUT PAGE
	   
    -------------------
    
    COLOURS -----------
    
        red #990000
        red (lighter) #cc0000
    
    -------------------
	
*/



@import url(reset.css); /* RESET CSS */
@import url(forms.css); /* FORMS CSS */
@import url(scratch.css); /* SCRATCH */



/* 1.BODY
---------------------------------------------------------------------- */

body { background:#eee; color:#000; font-family:Georgia,Times,serif; font-size:16px; line-height:1.5em; }

ul#nav_access { position:absolute; top:-9999px; left:-9999px; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol { margin-bottom:1.3em; }

ul { list-style:circle outside; }
ul li {  }
dl { font-size:14px; line-height:1.5em; margin-bottom:1.5em; } 
dt { font-weight:bold; }
dd { margin-bottom:1em; padding-left:20px; }
ol { list-style:decimal outside; }
ol li { color:#000; }

hr {  }

blockquote { padding:20px 20px 4px 20px; font-style:italic; background:#ffffcc; color:#333; border-top:2px solid #e5e5bf; border-bottom:2px solid #e5e5bf; margin-bottom:1.5em; }
blockquote p {  } 
blockquote cite { font-style:normal; font-size:11px; text-transform:uppercase; letter-spacing:1px; }

pre { background:#fde5e5; border-top:2px solid #ffcccc; border-bottom:2px solid #ffcccc; width:640px; padding:20px; margin-bottom:1.5em; font-family:"Courier New",Courier,monospace; font-size:13px; line-height:1.5em; overflow:auto; }
pre code {  }
code { font-family:Courier,monospace; font-size:13px; line-height:1.5em; }

abbr { border-bottom:1px dotted #999; cursor:help;  }
abbr:hover { border-bottom:1px solid #666; }
del { color:#999; }
strong { font-weight:bold; color:#333; }
em { font-style:italic; color:#666;}
sup {  }

table { margin-bottom:1.5em; font-size:13px; width:100%; background:#eee; font-family:Verdana,sans-serif; }
table caption { font-size:12px; font-style:italic; color:#333; font-family:Georgia,Times,sans-serif; margin-bottom:0.5em; }
table th { background:#ddd; font-weight:bold;  font-size:12px; border-bottom:1px solid #ccc; padding:0 5px; }
table td { border-bottom:1px solid #ccc; border-top:1px solid #fff; padding:0 5px; }



/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:bold; }

h1 { font-size:40px; margin-bottom:2em; }
h1.page-title { margin-left:140px; }

h2 { font-size:30px; line-height:1.15em; margin-bottom:0.5em; }
h3 { font-size:1em; margin-bottom:0.5em; }
h4 { font-size:0.8em; margin-bottom:0.4em; text-transform:uppercase; color:#999;  }
h5 {  }
h6 {  }



/* 4.LINKS
---------------------------------------------------------------------- */

a:link,
a:visited { font-weight:bold; text-decoration:none; color:#990000; }
a:hover,
a:focus { text-decoration:underline; color:#cc0000; }



/* 5.IMAGES
---------------------------------------------------------------------- */

img { border:5px solid #ccc; }

img.fl { float:left; width:210px; margin:5px 20px 5px 0; }
img.ol { float:left; width:430px; position:relative; left:-220px; margin:5px -200px 5px 0; }
img.el { width:670px; position:relative; left:-220px; }
img.cl { float:left; width:190px; position:relative; left:-220px; margin:5px -200px 5px 0; }

img.full { width:890px; position:relative; margin-left:-220px; margin-right:-220px; }

img.fr { float:right; width:210px; margin:5px 0 5px 20px; }
img.or { float:right; width:430px; position:relative; right:-220px; margin:5px 0 5px -210px; }
img.er { width:670px; }
img.cr { float:right; width:190px; position:relative; right:-220px; margin:5px 0 5px -200px; }

div.captioned { position:relative; }
div.captioned img { float:none; margin:0; position:static; }
div.captioned p.caption { margin:-5px 0 0 0; font-style:italic; font-size:0.7em; line-height:1.4em; color:#666; }

div.captioned.fl { float:left; width:210px; margin:5px 20px 5px 0; }
div.captioned.ol { float:left; width:430px; position:relative; left:-220px; margin:5px -200px 5px 0; }
div.captioned.el { width:670px; position:relative; left:-220px; }
div.captioned.cl { float:left; width:190px; position:relative; left:-220px; margin:5px -200px 5px 0; }

div.captioned.full { width:890px; position:relative; margin-left:-220px; margin-right:-220px; }

div.captioned.fr { float:right; width:210px; margin:5px 0 5px 20px; }
div.captioned.or { float:right; width:430px; position:relative; right:-220px; margin:5px 0 5px -210px; }
div.captioned.er { width:670px; }
div.captioned.cr { float:right; width:190px; position:relative; right:-220px; margin:5px 0 5px -200px; }



/* 6.LAYOUT
---------------------------------------------------------------------- */

div#page { width:940px; background:#fff; /*background:#fff url(../images/site/grid.gif) repeat-y center 0;*/ margin:0 auto; }
div#content_wrapper { width:900px; padding:150px 20px 80px 20px; }



/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding {  }



/* 8.NAVIGATION
---------------------------------------------------------------------- */

div#navigation { background:#000; overflow:hidden; }
div#navigation h1 { font-size:24px; width:220px; float:left; padding:10px 0 10px 20px; margin:0; }
div#navigation h1 a { color:#fff; }
div#navigation h1 a em { font-style:normal; color:#ffffcc; }
div#navigation h1 a:hover,
div#navigation h1 a:focus { text-decoration:none; color:#ffffcc; }
div#navigation h1 a:hover em,
div#navigation h1 a:focus em { color:#fff; }

div#navigation ul { list-style:none; float:right; padding:9px 0; margin:0; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
div#navigation ul li { float:left; margin:0 20px 0 0; }
div#navigation ul li a { color:#999; -webkit-transition:0.15s color linear; }
div#navigation ul li a:hover,
div#navigation ul li a:focus { color:#fff;text-decoration:none;  }
div#navigation ul li.cur a { color:#ccc; }

div#navigation ul li a.rss { display:block; width:16px; height:16px; text-indent:-9999px; background:url(../images/site/icon_rss_16.png) no-repeat 0 0; margin-top:4px; }



/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#siteinfo { background:#000; padding:10px; position:relative; }

p#copyright { font-size:12px; color:#444; margin:0; font-style:italic; }
p#copyright a { color:#666; font-weight:normal; }
p#copyright a:hover,
p#copyright a:focus { color:#777; }

p#totop { font-size:13px; margin:0; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; text-align:right; position:absolute; right:10px; top:10px; }
p#totop a { color:#333; -webkit-transition:0.15s color linear; }
p#totop a:hover, 
p#totop a:focus { color:#666; text-decoration:none; }



/* 10.POST LISTING
---------------------------------------------------------------------- */

ul#post_listing { list-style:none; margin:0; }
ul#post_listing li { position:relative; margin:0 0 30px 0; padding:0 200px 10px 140px; border-bottom:2px dotted #ddd; }
ul#post_listing li p.more { text-transform:uppercase; font-size:12px; letter-spacing:; }
ul#post_listing li p.more a { border-bottom:2px solid #ddd; color:#666; }
ul#post_listing li p.more a:hover,
ul#post_listing li p.more a:focus { border-bottom:2px solid #bbb; text-decoration:none; color:#333; }

p.archive { padding-left:140px; font-size:14px; }

    /* 10.1 ARCHIVE LISTING -------------------- */
    
    .archive h1 { padding-left:140px; margin-bottom:1.3em; }
    
    ul#archive_listing { list-style:none; margin:0 140px; border-bottom:2px dotted #ccc; }
    ul#archive_listing li h2 { border-top:2px dotted #ccc; padding:30px 0 0 0; font-size:26px; }
    ul#archive_listing li ul { list-style:none; margin-bottom:30px; }
        
    ul#archive_listing li h3 { color:#fff; }
    ul#archive_listing li h3 span.date { display:inline-block; width:50px; color:#000; }
    ul#archive_listing li a.author { color:#999; -webkit-transition:0.15s color linear; }
    ul#archive_listing li a.author:hover,
    ul#archive_listing li a.author:focus { color:#666; text-decoration:none; }



/* 11.ARTICLE
---------------------------------------------------------------------- */

div#article { padding:0 220px 35px 220px; position:relative; }

h5#article_back { position:absolute; top:0; left:0; font-weight:normal; }
h5#article_back a { color:#999; font-weight:normal; }
h5#article_back a:hover,
h5#article_back a:focus { color:#666; text-decoration:none; }

h3.date_author { position:absolute; right:0; top:0; text-align:right; font-weight:normal; color:#999; font-size:18px; }
h3.date_author a { color:#999; -webkit-transition:0.15s color linear; }
h3.date_author a:hover,
h3.date_author a:focus { color:#666; text-decoration:none; }

p.article_info { font-size:13px; font-style:italic; color:#999; }
p.article_info a { color:#999; }
p.article_info a:hover,
p.article_info a:focus { color:#777; }

div#further_reading { background:#f1f1f1; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:10px; font-size:13px; line-height:1.5em; margin-bottom:15px; }
div#further_reading h4 { font-size:13px; }
div#further_reading ul { margin:0; list-style:none; }
div#further_reading ul li { padding:10px 0; }
div#further_reading p { color:#333; margin:0; }



/* 12.COMMENTS
---------------------------------------------------------------------- */

div#article + h2 { padding-top:35px;  }

ol#comment_listing { list-style:none; font-size:14px; border-top:1px solid #ccc; margin-bottom:5.5em; }
ol#comment_listing > li { border-bottom:1px solid #ccc; padding:20px 140px 0 220px; position:relative; overflow:hidden; }
ol#comment_listing li p { line-height:1.5em; margin-bottom:1.3em; }
ol#comment_listing li p.comment_author { width:195px; position:relative; float:left; top:0px; left:-215px; margin:0 -195px 1.3em 0; font-weight:bold; color:#444; }
ol#comment_listing li p.comment_author span.date { font-weight:normal; color:#000; }

ol#comment_listing li pre { width:auto; }
ol#comment_listing li code { font-size:11px; line-height:1.5em; }

ol#comment_listing li.erskine_comment { background:#eee;  }
ol#comment_listing li.erskine_comment img { width:70px; float:right; position:relative; top:0; right:-120px; margin:0 0 1.3em -120px; }

ol#comment_listing li.erskine_comment.author { background:#ffffcc; }

ol#comment_listing li.comment_preview { background:#fde5e5; }

    /* 12.1 FORM -------------------- */
    
    div#comment_submit { margin-left:220px; }
    div#article + div#comment_submit { border-top:2px dotted #ccc; padding-top:45px; }
    div#comment_submit h2 { margin-bottom:1em;  }
    
    fieldset#author_info { width:220px; float:left; margin-right:20px; }
    fieldset#author_info input { border:1px solid #ccc; padding:7px 5px 3px 5px; width:208px; height:17px; margin-bottom:15px; font-family:Helvetica,Arial,sans-serif; color:#666; font-size:16px; }
    fieldset#author_info input:focus { border-color:#999; }
    
    fieldset#comment_main { width:440px; float:left; margin-bottom:20px; }
    fieldset#comment_main textarea { border:1px solid #ccc; padding:5px; width:428px; height:159px; font-family:Helvetica,Arial,sans-serif; color:#666; font-size:16px; line-height:1.5em; }
    fieldset#comment_main textarea:focus { border-color:#999; }
    
    div#comment_options { clear:both; padding:20px 20px 0 20px; background:#eee; border-top:2px solid #ddd; border-bottom:2px solid #ddd; overflow:hidden; position:relative; }
    
    div#comment_options p#comment_legend { width:280px; font-size:12px; }
    div#comment_options p#comment_legend span { color:#eee; display:inline-block; padding:0 2px; }
    div#comment_options p#comment_legend a { font-weight:normal; }
    
    div#comment_html { clear:both; background:#fff; font-size:13px; line-height:1.7em; border-top:1px solid #ddd; margin-bottom:20px; }
    div#comment_html h4 { padding:15px 0 0 15px; }
    div#comment_html ul { list-style:none; margin:0; padding:10px 15px; border-bottom:1px solid #ddd; }
    div#comment_html code { font-size:12px; }
    
    div#comment_submit form div#comment_options label { float:left; padding-bottom:20px; }
    div#comment_submit form div#comment_options input[type="submit"] { float:right; margin:0 0 0 10px; }
    
    div#comment_submit form label { display:block; font-size:14px; padding:0 5px 2px 0; }
    
    div#comment_submit em { font-weight:bold; color:#990000; font-size:18px; }
    
    
    
/* 13.ABOUT PAGE
---------------------------------------------------------------------- */

.about div#content_wrapper { background:url(../images/site/about_bg.gif) no-repeat 585px 65px; }

p.about { margin-bottom:50px; }

ul#author_list { list-style:none; overflow:hidden; width:920px; margin:30px 0; }
ul#author_list li { width:440px; margin:0 20px 30px 0; float:left; border-top:2px solid #ccc; padding:15px 0; font-size:14px; line-height:21px; }
ul#author_list li.urgh { clear:both; }
ul#author_list li img { float:right; margin:5px 0 5px 15px; width:70px; }
ul#author_list li h5 { margin-bottom:15px; }
ul#author_list li p { margin:0; }