/*
Theme Name: Jumping Fox
Theme URI: http://www.jumpingfox.com/
Description: Wordpress theme for Jumping Fox blog.
Version: 1.0
Author: Simon Wright & Eric Auld
Author URI: http://www.jumpingfox.com/
*/

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 87.5%;
  color: #222; 
	background: #000 url(style/images/bg.png) scroll no-repeat 0 0; 
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.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; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #000; text-decoration: none; }

blockquote  { margin: 1em 83px; color: #666; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

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


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }









/* Jumping Fox
-------------------------------------------------------------- */


#container { margin: 0; background: #fff; }
#skiptocontent { position: absolute; top: 0; left: 0; width: 1px; text-indent: -100em; overflow: hidden; }

a:hover { text-decoration: underline; color: #8f1414; }
#homelist .post .post-excerpt a.more-link:link, #homelist .post .post-excerpt a.more-link:visited { color: #c35622; font-size: 1.1em; font-weight: bold; }

#siteheader { height: 84px; background: #1b1c1e url(style/images/bg-standard.png) scroll no-repeat 50% 0; }
#siteheader .siteheader-body { width: 981px; margin: 0 auto;  }
#siteheader h1 { width: 249px; height: 84px; float: left; z-margin-left: 83px; margin: 0; padding: 0; }
#siteheader h1 a:link, #siteheader h1 a:visited { display: block; width: 249px; height: 84px; text-indent: -1000em; background: transparent scroll no-repeat 0 31px; }
#siteheader h1 a:hover { background-position: -400px 31px; }

.sitenav { list-style-type: none; margin: 0; padding: 0; }
.sitenav li { display: inline; margin: 0; padding: 0; }
.sitenav li a:link, .sitenav li a:visited { display: block; height: 84px; width: 84px; overflow: hidden; text-indent: -1000em; float: left; }

/* Nav */
.sitenav .navabout a:link, .sitenav .navabout a:visited { width: 83px; background-position: 0 -62px; }
.sitenav .navdesign a:link, .sitenav .navdesign a:visited { width: 87px; background-position: 0 -162px;  }
.sitenav .navweb a:link, .sitenav .navweb a:visited { width: 64px; background-position: 0 -262px;  }
.sitenav .navlinks a:link, .sitenav .navlinks a:visited { width: 76px; background-position: 0 -362px;  }
.sitenav .navvisual a:link, .sitenav .navvisual a:visited { width: 204px; background-position: 0 -462px;  }
.sitenav .navsearch a:link, .sitenav .navsearch a:visited { width: 61px; background-position: 0 -562px; margin-left: 150px;   }

/* Nav hover */
.sitenav .navabout a:hover { background-position: -400px -62px; }
.sitenav .navdesign a:hover { background-position: -400px -162px;  }
.sitenav .navweb a:hover { background-position: -400px -262px;  }
.sitenav .navlinks a:hover { background-position: -400px -362px;  }
.sitenav .navvisual a:hover { background-position: -400px -462px;  }
.sitenav .navsearch a:hover { background-position: -400px -562px; }


#content { clear: both; }

#container .post { width: 609px; margin-left: 249px; }
.single #container .post { width: 566px; }

.post-wrapper a:link, .post-wrapper a:visited { color: #686868; }

.post-header, .post-body, .comments-body { width: 981px; margin: 0 auto; }
p.post-meta { margin: 22px 0 22px 249px; padding: 0 0 5px 0; border-bottom: 1px solid #888; font-size: 0.95em; height: 1.3em;  }
.single .post-meta .post-author { width: 151px; display: block; float: left; }
.single .post-meta .post-date  { width: 166px; display: block; float: left; }
.single .post-meta .post-commentcount { width: 166px; display: block; float: left; }
.single .post-meta .post-prevlink { width: 106px; display: block; float: left; }
.single .post-meta .post-nextlink { width: 106px; display: block; float: right; text-align: right; }
.single .post-meta .post-prevlink a:link, .single .post-meta .post-prevlink a:visited, .single .post-meta .post-nextlink a:link, .single .post-meta .post-nextlink a:visited { color: #000; }
.single .post-body .post-title h2 { font-size: 3em; border-color: #e8e8e8; margin-left: 249px; }
.single .post-body h2 { font-size: 1.6em; }

#homehero .post-meta .post-author { width: 166px; display: block; float: left; }
#homehero .post-meta .post-commentcount  { width: 105px; display: block; float: left; text-align: right; }
#homehero .post-meta .post-date { width: 129px; display: block; float: left; }



h2 { font-family: "Centro-Slab"; line-height: 21px; color: #38393c; text-indent: -0; font-size: 3em; letter-spacing: -0.05em; border-bottom: 7px solid #dcdddd; padding-bottom: 4px; margin: 4px 0;}

.intro { font-family: "Centro-Slab"; font-size: 18px; line-height: 1.4em; color: #444; border-bottom: 11px solid #ececec; padding-bottom: 15px; }


#post-more { margin-right: 166px; }


#sitefooter { clear: both; color: #fff; background: #1d1e20 url(style/images/JF-footer-tile.png) scroll repeat-x 0 0; scroll no-repeat 0 0; padding: 1em 0 0 0; font-size: 0.9em; margin: 0; }
#sitefooter .footer-body { width: 981px; margin: 0 auto; }
#sitefooter .footer-body .widget { float: left; width: 317px; margin-right: 15px; }
#sitefooter .footer-body .blogroll, #sitefooter .footer-body .recentpost-2 { float: right; margin-right: 0; }
#sitefooter .footer-lower, #sitefooter #footer-sidebar1 { clear: both; padding-top: 2em; }

#sitefooter h3, #sitefooter a:link, #sitefooter a:visited { color: #fff; }
#sitefooter h3 { border-bottom: 2px solid #333; margin-bottom: 4px; padding: 20px 0 4px 0; font-size: 16px; }
#sitefooter a#rss-feed { width: 126px; height: 36px; display: block; text-indent: -1000em; overflow: hidden; position: absolute; top: 0; right: 0;  background: transparent url(style/images/article-RSS-button.gif) scroll no-repeat 0 0; margin: 0 -2px 0 0; }
#sitefooter a#rss-feed:hover { background-position: 0 -50px; }


.footer-lower { background-color: #000; margin: 0; padding: 20px 0 50px 0; line-height: 19px; }
.footer-lower p { width: 981px; margin: 0 auto; color: #5a5b5d; font-style: italic; font-size: 0.9em; }
.footer-logo { display: block; float: left; width: 113px; height: 19px; text-indent: -1000em; background: transparent url(style/images/JF-footer-logo-black.png) scroll no-repeat 0 0; margin: 0 10px 0 0; }
.wordpress-credit { float: right; }
#sitefooter .footer-lower a:link, #sitefooter .footer-lower a:visited { color: #5a5b5d; }




/* Homepage
-------------------------------------------------------------- */

#homelist .post-excerpt a:link, #homelist .post-excerpt a:visited, .post-body a:link, .post-body a:visited { color: #666; font-style: italic; } 

#homelist h2 { font-size: 2em; line-height: 1.3em; border: none; padding: 0; margin-bottom: 0.2em; }

#homehero .post { width: 981px; margin: 0 auto; padding: 58px 0 48px 0; }
#homelist .post, #homelist .page { margin: 0 83px; width: auto; clear: both; border-bottom: 3px solid #e7e7e7; padding: 1.4em 0 0.5em 0; }
#homehero .home-intro { font-size: 1.3em; }
#homehero .post-hasimage .home-intro { font-size: 1.2em; }
#homehero .home-intro p { margin: 0.5em 0; }
#homehero .category-links .home-intro { width: 851px; font-size: 1.45em; line-height: 1.3em; }
#homehero .category-links .home-intro a:link, #homehero .category-links .home-intro a:visited { color: #c35622;}
#homehero .category-links .home-intro a:hover { color: #8e1414; }
#homehero .category-links object { float: right; margin: 0 -130px 15px 15px; }
#homehero .post-hasimage { margin-left: 579px; }

#homehero .post-meta { border-bottom: 1px dotted #dcdddd; padding: 3px 0 6px 0; margin: 0 0 6px 0; font-size: 1em; color: #666; font-style: italic; }


#homelist, .comments-wrap { background: #f7f6f4 url(style/images/bg_shadow.png) scroll no-repeat 50% 0; /*border-top: 1px solid #e7e7e7;*/ }
#homelist .post, #homelist .page { width: 815px; margin: 0 auto; }
#homelist .post-excerpt { margin-right: 249px; }
#homelist .post-meta { float: right; width: 234px; font-size: 0.85em; color: #666; font-style: italic; }
#homelist .post-meta a:link, #homelist .post-meta a:visited { color: #333; }
#homelist .post-meta p { margin-bottom: 0.3em; }
#homelist .post-meta .post-filing { margin: 2em 0 0.5em 0; }
#homelist .post-meta .post-date { float: right; width: 100px; }

#homelist h2 { border-bottom: 2px solid #e7e7e7; padding-bottom: 0.3em; } 
#homelist .category-links h2 { font-size: 1.2em; border-bottom: none; }

#homelist .post-hasimage { margin-left: 249px; }



#homedescription, .post-nav { background: #c35622 url(style/images/homedescription.png) scroll repeat-x 0 0; color: #fff; clear: both; }
#homedescription p, .post-nav p { width: 981px; margin: 0 auto; padding: 5px 0 6px 0; font-size: 1.5em; }
.post-nav p { text-align: center; color: #fff; font-size: 16px; }
.post-nav a:link, .post-nav a:visited { color: #fff; }
.post-nav a:hover { color: #000; text-decoration: none; }
.post-nav .post-prevlink { text-align: left; }
.post-nav .post-prevlink a:link, .post-nav .post-prevlink a:visited { float: left; text-align: left; display: block; width: 160px; background: url(style/images/Left_Chev_8.png) scroll no-repeat 0 8px; padding-left: 7px; }
.post-nav .post-prevlink a:hover { background-position: 0 -42px; }
.post-nav .post-nextlink a:link, .post-nav .post-nextlink a:visited { text-align: right; float: right; display: block; width: 160px; background: url(style/images/Right_Chev_8.png) scroll no-repeat 100% 8px; padding-right: 7px; }
.post-nav .post-nextlink a:hover { background-position: 100% -42px; }




.comments-wrap { background-color: #f7f6f4; }
.comments-body h3 { padding-top: 1.5em; }


/* Colour settings
-------------------------------------------------------------- */

/* White */
body { background-image: url(style/images/bg.png); }
#siteheader h1 a:link, #siteheader h1 a:visited, .sitenav li a:link, .sitenav li a:visited { background-image: url(style/images/colours/white.png); }




.wp-caption { position: relative; }
.wp-caption .wp-caption-text { width: 141px; position: absolute; top: 0; left: 581px; font-size: 0.9em; color: #666; }




/* custom post background
.postid-113 .post-wrapper { background: #fff url(http://jumpingfox.com/blog/wp-content/uploads/2009/07/test-bg.jpg) scroll no-repeat 50% 0; }
*/


.single .post-body .category-links .thepost p { margin: 0.5em 0; font-family: "Centro-Slab"; font-size: 20px; line-height: 1.4em; color: #444; }
.single .post-body .category-links .thepost p a:link, .single .post-body .category-links .thepost p a:visited { color: #c35622;}
.single .post-body .category-links .thepost p a:hover { color: #8e1414; text-decoration: underline; }


/* Comments */
.comments-block { margin-left: 249px; }
ul.commentlist { list-style-type: none; border-top: 7px solid #ebeae9; margin: 10px 0; padding: 0; }
.commentlist li { border-bottom: 1px dotted #cacac9; padding: 10px 0; }
.commentlist .comment-author { width: 141px; float: left; margin-right: 15px; }
.commentlist .comment-meta { clear: left; float: left; width: 141px; margin-right: 15px; color: #666; font-size: 0.85em; }
.commentlist p { margin-left: 156px; }






.homelist-image {float:left; margin:0 15px 15px 0;}
.homehero-image { float: left; }



.recentposts { background: transparent url(style/images/footer-post-bg.png) scroll repeat-y 0 0; }
.recentposts .widget { border-top: 3px solid #3d3d3e; }
.recentposts .widget h4 { margin: 10px; font-weight: bold; }
.recentposts .widget p { margin-left: 10px; margin-right: 10px; color: #cccccc; }
#sitefooter h3#recent-posts { border-bottom: none; margin-top: 20px; position: relative; padding: 14px 0 4px; }

#sitefooter ul.blogroll, #sitefooter .blogroll li { list-style-type: none; margin: 0; padding: 0; }
#sitefooter .blogroll li { display: inline; }
#sitefooter .blogroll a:link, #sitefooter .blogroll a:visited { color: #cccccc; font-style: italic; }




/*    Comments form  */
#respond { padding: 0 0 25px 0; position: relative; }
#respond p { position: relative; margin: 0 0 0.8em; }
#respond input { margin-left: 156px; }
#respond label { position: absolute; left: 0; }
p.enter-comment { font-size: 0.85em; margin-bottom: 0; }
#respond textarea { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 1em; width: 400px; } 
button#submitcomment { width: 141px; height: 41px; background: transparent url(style/images/post-comment.gif) scroll no-repeat 0 0; text-indent: -1000em; border: none; margin: 0; padding: 0; position: absolute; bottom: 25px; left: 415px; }
button#submitcomment:hover { background-position: 0 -56px; cursor: pointer; }


/*    Archive page   */
#archivehero h2 { font-size: 1.5em; border-bottom: none; padding: 55px 0 35px 0; width: 815px; margin: 0 auto; }
#archivehero h2 em { font-weight: normal; display: block; font-size: 3em; _padding-top:15px; }
#archivehero form { margin: 0 auto; width: 815px; padding: 0 0 55px 0; }



#pagewrapper { width: 981px; margin: 0 auto; padding: 55px 0 35px 0; }






#sitefooter .sitenav { clear: both; border-top: 1px dotted #2e2f31; }
#sitefooter .sitenav li a:link, #sitefooter .sitenav li a:visited { display: block; height: 40px; width: 84px; overflow: hidden; text-indent: -1000em; float: left; }
#sitefooter .sitenav li a:link, #sitefooter .sitenav li a:visited, #sitefooter .sitenav .navsearch label { background-image: url(style/images/JF-footer-nav.png); }
#sitefooter .sitenav .navabout a:link, #sitefooter .sitenav .navabout a:visited { width: 74px; }
#sitefooter .sitenav .navdesign a:link, #sitefooter .sitenav .navdesign a:visited { width: 76px;  }
#sitefooter .sitenav .navweb a:link, #sitefooter .sitenav .navweb a:visited { width: 59px; }
#sitefooter .sitenav .navlinks a:link, #sitefooter .sitenav .navlinks a:visited { width: 68px; }
#sitefooter .sitenav .navvisual a:link, #sitefooter .sitenav .navvisual a:visited { width: 172px;  }
#sitefooter .sitenav .navsearch label { width: 57px; height: 40px; text-indent: -1000em; display: block; float: left; background-position: 0 -562px; }
#sitefooter .navsearch input { background: #2b2c2c; border: 1px solid #48494b; color: #fff; padding: 2px;  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 1em; float: left;  margin: 10px 0 12px 0; }
#sitefooter .navsearch button { display: block; width: 35px; height: 40px; border: none; margin: 0 ; padding: 0; background: transparent url(style/images/Search_Chev.png) scroll no-repeat 5px 15px; text-indent: -1000em; }
#sitefooter .navsearch button:hover { background-position: 5px -35px; cursor: pointer; }





body.postid-317 #container { background: #fff url(style/images/posts/21px-graphpaper.gif) scroll 0 0; }
.single div#post-317 { background: transparent url(style/images/posts/p317-chartscribbles.gif) scroll no-repeat 50% 0; }
#post-317 .post-image { display: none; }
#post-317 .wp-caption-text { font-size: 0.85em; left: 655px; }

span.post-closer { background: transparent url(style/images/jf-post-closer.png) scroll no-repeat 100% 50%; padding: 0 9px; }