/*

    Chris MacPherson's Blog Stylesheet
    
    CONTENTS ----------
    
       1.BODY
       2.DEFAULT STYLING
       3.HEADINGS
       4.LINKS
       5.IMAGES
       6.LAYOUT
       7.BRANDING/MASTHEAD
       8.NAVIGATION
       9.SITEINFO/FOOTER
       10.HOMEPAGE
       
    -------------------
    
*/

@import url(reset.css); /* RESET CSS */
@import url(sifr.css); /* sIFR Styles */
/* @import url(forms.css); /* FORMS CSS */

/* BODY
---------------------------------------------------------------------- */
html {font-size: 62.5%;}
body {font-family:"Verdana", sans-serif; color:#1d1d1d; background-color:#fff;}

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


/* DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol  { margin:0 0 1.4em 0;}

ul li       {margin-bottom:0.5em;}
dl          {margin:0 0 1.5em 0;}
dl dt       {font-weight:bold;}
dd          {margin-left:1.5em;}

ol          {list-style-type:decimal;}
ol li       {margin-left:24px;}

ol p        {margin-top:0;}

abbr        {border-bottom:1px solid #ccc; cursor:help;}
del         {color:#999;}
strong      {font-weight:bold;}
em          {font-style:italic;}
sup         {font-size:0.75em; position:relative; top:-3px;}

table       {margin-bottom:1.4em;width:100%;}
th          {font-weight:bold; color: #000;}
th, td      {padding:4px 10px 4px 5px;}

hr          {display:none;}

q           {font-family: "Georgia", serif;}
q:before    {content: "\201C"; padding-right: 0.1em;}
q:after     {content: "\201D"; padding-left: 0.1em;}

/* HEADINGS
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { color: #000; font-weight:bold; clear: both; }
h1 {font-size:4.0em; font-family:"Vollkorn", "Georgia", serif; font-weight:bold; color:#9c9; text-decoration:none;}
h2 {font-size:3.0em; font-family:"Vollkorn", "Georgia", serif; font-weight:bold; color:#444;}
h3 {font-size:1.8em; font-family:"Vollkorn", "Georgia", serif; font-weight:bold; color:#9c9;}
h4 {font-size:1.1em; font-family:"Georgia", "Verdana",  serif; color:#444;}


/* LINKS
---------------------------------------------------------------------- */

a:link, a:visited {color:#004767; text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}


/* IMAGES ************************************************************ */

/*img {margin:1.0em 3.0em;}*/
img {margin:1.0em 0;}
.img_left {float:left; margin-left:0;  border:1px solid #222;}
.img_right {float:right; margin-right:0; border:1px solid #222;}
.img_center {text-align:center; }

/* GLOBAL STYLES
---------------------------------------------------------------------- */

.clear {clear:both;}
.hide {display:none;}


/* LAYOUT
---------------------------------------------------------------------- */
div#clip_window {overflow:hidden; position:relative; border:1px solid #fff; min-height:400px;}
div#container { width:940px; margin:0 auto; padding-top:1.0em;}
div#content_wrap {margin-top:2.0em;}



/* MASTHEAD
---------------------------------------------------------------------- */
div#masthead {padding:0 0 0 5.0em; margin:0;}


/* NAVIGATION
---------------------------------------------------------------------- */
div#navigation {font-family:"Vollkorn", "Georgia"; padding-left:5.0em; margin-bottom:3.0em;}
div#navigation ul li a { font-size:1.6em; display:block; color:#444; padding:0.3em 0.8em 0.4em 0.8em; font-weight:bold;}
div#navigation ul li.drop:hover {}
div#navigation ul li.drop a {padding-right:1.2em; }
div#navigation ul li.drop ul li a { background:none; }
div#navigation ul li.drop a:hover { background-position:right -180px;}
div#navigation ul li.drop a:hover, div#navigation ul li a.active, div#navigation ul li.drop:hover a { color:#9c9; text-decoration:none; border-left:1px solid #696;}
div#navigation li {float: left;}
div#navigation li:hover, div#navigation li.sfhover {background: transparent; /* need to keep this in for ie7 */ }
div#navigation ul ul li {float: left; }
div#navigation ul ul li a {text-align: left; padding:0 0.3em 0 0.8em; font-size:1.2em; font-weight:bold;}
div#navigation ul ul li a:hover {color:#000; font-weight:bold;}
div#navigation li ul { position: absolute; left: -999em;/* using left to hide menus so can be read by screen readers */}
div#navigation li:hover ul ul, #primNav li.sfhover ul ul { left: -999em; }
div#navigation li:hover ul, div#navigation li li:hover ul, div#navigation li.sfhover ul, div#navigation li li.sfhover ul { /* lists nested under hovered list items */left: auto;}


/* Content
---------------------------------------------------------------------- */

/* ---------- On screen content ------------ */
div#content_container {width:600px; margin-top:3.0em; float:right;}
.content_title {border-bottom:1px solid #000; margin-bottom:1.0em;}
.content_page h4 {padding-left:1.0em; margin-top:2.0em;}
.content_page {padding:1.0em 0;}
.content_page p {font-size:1.2em; line-height:2.0em; padding:1.0em 1.0em 0 1.0em;}
.content_page p.date {text-align:left; padding-left:1.0em;}
.content_page p.permalink {text-align:left; padding:0 0 0 1.0em; font-size:1.0em;}
.content_page dl {padding:0 5.0em;}
.content_page pre code {padding:0.5em; margin:2.0em; border:1px solid #444; background:#c0c0c0; display:block; font-family:courier,times; line-height:2.0em;}
.content_page p a.download {font-size:1.2em; font-weight:bold; padding-left:2.0em; background:url(../images/disk.png) no-repeat;}
div#licence {float:left; padding-top:3em;}
div#donate {float:right; padding-top:3em;}
.content_footer {border-top:1px solid #000; padding:0.5em; text-align:center; font-size:1.0em;}


/* ARTICLE LIST
---------------------------------------------------------------------- */
ul#article_list li h4 {margin-bottom:1.0em;}
ul#article_list li a {font-size:1.8em; font-family:"Chaparral Pro", "Georgia", serif; color:#000; display:inline; padding-left:2.0em;}
ul#article_list li p.summary {display:block; text-align:justify; padding:0 1.0em; margin-left:4.0em; padding-right:10.0em; border-left:1px solid #c0c0c0;}



/* ---------- Off Screen Content ----------- */

div#offscreen_content_container {position:absolute; width:600px; margin-top:3.0em; display:none;}

/* ---------- Secondary Content ------------ */
div.info_bar {visibility:visible; margin-top:3.0em;}
div.info_bar p {color:#9c9; padding:0.3em 0.8em 0.4em 0.8em; font-size:10pt; font-weight:bold; padding:0.6em 0; margin:0;}
div.info_bar ul li {margin-bottom:1.0em; }
div.info_bar ul li a {font-size:1.1em; font-family:"Verdana", sans-serif;}
div.info_bar img {margin:0;}

div#info_bar_1 {width:140px; float:right;}
div#info_bar_2 {width:140px; float:right; text-align:center;}
div#flickr_badge_wrapper {margin-top:1em;}



/* COMMENT STYLES
----------------------------------------------------------------------*/
div#comments h2 {margin-top:2.0em; border-bottom:1px solid #000;}

div#comments ul {margin:2.0em;}
div#comments ul li { border-bottom:1px solid #E9E8E8; margin-bottom:2.0em;}
div#comments ul li.support { background-color:#F5F5F5; }
div#comments ul li div.author {float:left; width: 120px;}
div#comments ul li div.author img{margin:0 0 1.0em 0;}
div#comments ul li div.comment {font-size:1.2em; margin-bottom:2.0em; padding-left:120px;}
div#comments ul li h4 { font-size:13px; color: #000; margin-bottom:0; }
div#comments ul li small { font-size:0.8em; color:#444;}


div#comment_form {margin:2.0em; padding:2.0em; border:2px solid #c0c0c0; background-color:#eee;}
div#comment_form textarea {width:90%;}


/* featured comment */ 
div#comment_feat { border-top:2px solid #004767; background-color:#E0EBF5; padding-left:1.0em; padding:0 1.0em 1.0em 1.0em; color: #002537; }
div#comment_feat a { color: #002537; }
div#comment_feat h3 { text-transform:uppercase; font-size:1.0em ; letter-spacing:1px; font-weight:bold; margin:0.8em 0 1.0em 0; }
div#comment_feat blockquote { font-size:1.5em; font-family:"Georgia", "Times New Roman", "Times", serif; line-height:1.5; display:inline; padding-left:2.0em; }
div#comment_feat blockquote p { display:inline; padding-right:2.2em; }
div#comment_feat cite {font-size:10px; display:block; margin-top:1.0em; }
div#comment_feat cite a {padding-bottom:0.2em;  }
div#comment_feat cite a:hover {text-decoration:none; color: #1d1d1d; }