/* -------------------------------------------
project:	Forks and Jets
author:		CSSNinjas.com
date:		2009/02/07
------------------------------------------- */

html { overflow-x: hidden; width: 100%; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { margin: 0; padding: 0 0 50px; background: #999 url(../images/bg-a.jpg); color: #000; font: 62.5%/1.25 Arial,Helvetica Neue,Helvetica,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Arial,Helvetica Neue,Helvetica,sans-serif; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 15px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p { margin-bottom: 15px; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }

fieldset { border: none; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }
button::-moz-focus-inner { padding: 0; border: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

hr { overflow: hidden; height: 1px; margin: 15px 0; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px; }
* html hr { margin: -5px 0 8px !important; }

a { color: #666; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #000; font: normal 2.4em/1.1 Georgia,serif; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.0em; }

h1.type-a { font-size: 4.0em; }
h2.type-a { font-size: 4.0em; }
h3.type-a { font-size: 2.5em; }
h3.type-b { font-size: 2.5em; }

/* HELPERS
------------------------------------------- */
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }
legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { width: 980px; margin: 0 auto; padding: 0 0 25px; background: url(../images/bg-root-b.png) 0 100% no-repeat; }
 #root-inner { width: 960px; padding: 60px 10px 0; background: url(../images/bg-root-a.png) repeat-y; }
  #top { position: relative; width: 100%; height: 310px; margin: 0 0 40px; background: #000 url(/map.png) 500px 50% no-repeat; }
   #logo { position: absolute; left: 55px; top: 70px; margin: 0; padding: 0; }
    #logo a { display: block; overflow: hidden; width: 405px; height: 90px; background: url(../images/logo-a.png) no-repeat; text-indent: -10001px; }
   #intro { position: absolute; left: 80px; top: 170px; width: 310px; height: 70px; background: url(../images/intro-a.png) -1px -2px no-repeat; text-indent: -10001px; }
   #nav { position: absolute; right: 55px; top: -45px; list-style: none; margin: 0; padding: 0; }
   * html #nav { top: -42px; }
   *:first-child+html #nav { top: -42px; }
    #nav li { display: inline; float: left; margin: 0 0 0 30px; font-size: 2em; }
     #nav li a { color: #000; text-decoration: none; }
     #nav li a:hover { color: #ed1c24; }
     #nav li em { position: absolute; left: -10001px; top: -10001px; }
  #content { position: relative; overflow: hidden; width: 100%; margin: 0 0 30px; }
   #primary { display: inline; float: left; width: 505px; margin: 0 0 0 55px; }
   #secondary { display: inline; float: right; width: 270px; margin: 0 55px 0 0; padding: 0 0 380px; }
   #tertiary { position: absolute; bottom: 0; right: 55px; width: 270px; }
    #tertiary div.buttons { margin: 0 0 25px; padding: 0 0 5px; background: url(../images/sep-a.gif) -1px 100% repeat-x; }
     #tertiary div.buttons ul { overflow: hidden; list-style: none; width: 290px; margin: 0 0 0 -20px; padding: 0; }
      #tertiary div.buttons ul li { float: left; padding: 0 0 20px 20px; }
  #footer { overflow: hidden; padding: 40px 55px 1px; background: #000; color: #fff; }
  * html #footer { height: 1%; }
   #footer h2 { position: absolute; left: -10001px; top: -10001px; }
   #footer div.forms { float: right; width: 270px; }
    #footer div.forms h3 { position: absolute; left: -10001px; top: -10001px; }
    #footer div.forms form { display: block; margin: 0; padding: 0; }
    #footer div.forms form.search { margin-bottom: 20px; }
     #footer div.forms p { margin: 0; text-align: right; }
      #footer div.forms label { position: absolute; left: -10001px; top: -10001px; }
      #footer div.forms input.go { display: block; width: 260px; height: 22px; margin: 0 0 5px; padding: 4px 5px 0; border: none; background: #fff url(../images/footer-input-a.gif) no-repeat; font-size: 14px; }
      #footer div.forms button { margin: 0 10px 0 0; padding: 0; border: none; background: none; color: #fff; font: 18px Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
   #footer div.notes { float: left; width: 468px; padding: 25px 0 0; }
    #footer div.notes h3 { margin: 0 0 5px; color: #fff; font: 1.8em Arial,Helvetica Neue,Helvetica,sans-serif; }
    #footer div.notes p { font-size: 1em; }
    #footer div.notes p.separate-a { margin: 0 0 20px; }
     #footer div.notes p a { color: #fff; text-decoration: none; }
     #footer div.notes p a:hover { text-decoration: underline; }
   
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: -40px; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10056px; top: 0; z-index: 10001; padding: 1px 2px; font-size: 1em; text-align: center; white-space: nowrap; }

/* GENERAL
------------------------------------------- */
.type-a { text-transform: uppercase; }
.type-b { }

.alignright { display: inline; float: right; margin: 0 0 5px 10px; }
.alignleft { display: inline; float: left; margin: 0 10px 5px 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
p.wp-caption-text { font-size: 1em; font-style: italic; }
p.intro-pic img { max-width: 430px; }

.separator-a { margin-top: 20px; padding-top: 15px; background: url(../images/sep-a.gif) -1px -1px repeat-x; }
h1.separator-a, h2.separator-a { padding-top: 10px; }

p.paging-a { font-size: 1em; text-transform: uppercase; }
 p.paging-a a { text-decoration: none; }
 p.paging-a a:hover { text-decoration: underline; }
 p.paging-a span { font-weight: bold; font-size: 1.1em; }
p.paging-a-top { float: right; margin-top: -35px; }

ul.a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.a li { font-size: 1em; }
  ul.a li a { text-decoration: none; }
  ul.a li a:hover { text-decoration: underline; }

ul.b { list-style: none; margin: 0 0 5px; padding: 0; }
 ul.b li { margin: 0 0 10px; }
  ul.b li a { text-decoration: none; }
  ul.b li a:hover { text-decoration: underline; }
  
ul.categories-a { list-style: none; margin: 0 0 25px; padding: 0 0 10px; background: url(../images/sep-a.gif) -1px 100% repeat-x; }
 ul.categories-a li { margin: 0 0 10px; font-size: 2.5em; }
  ul.categories-a li a { color: #000; }
  
ul.nav-a { overflow: hidden; list-style: none; width: 100%; margin: 0 0 15px; padding: 0; }
 ul.nav-a li { float: left; margin: 0 20px 0 0; font-size: 1.8em; }
  ul.nav-a li a { color: #000; }
  ul.nav-a li.index a { overflow: hidden; float: left; width: 15px; height: 15px; margin: 4px 0 0; background: url(../images/icon-home-a.gif) no-repeat; text-indent: -10001px; }
  
ul.social-a { overflow: hidden; list-style: none; width: 100%; margin: 0 0 15px -3px; padding: 0; }
 ul.social-a li { display: inline; float: left; margin: 0 0 0 6px; }
  ul.social-a li a { overflow: hidden; float: left; width: 24px; height: 24px; background-repeat: no-repeat; text-indent: -10001px; }
  ul.social-a li.daytum a { background-image: url(../images/social-a/daytum.png); }
  ul.social-a li.wordpress a { background-image: url(../images/social-a/wordpress.png); }
  ul.social-a li.flickr a { background-image: url(../images/social-a/flickr.png); }
  ul.social-a li.twitter a { background-image: url(../images/social-a/twitter.png); }
  ul.social-a li.facebook a { background-image: url(../images/social-a/facebook.png); }
  ul.social-a li.delicious a { background-image: url(../images/social-a/delicious.png); }
  ul.social-a li.stumbleupon a { background-image: url(../images/social-a/stumbleupon.png); }
  ul.social-a li.digg a { background-image: url(../images/social-a/digg.png); }
  ul.social-a li.rss a { background-image: url(../images/social-a/rss.png); }
  
ul.wp-tag-cloud { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.wp-tag-cloud li { font-size: 1em; }
  ul.wp-tag-cloud li a { text-decoration: none; }
  ul.wp-tag-cloud li a:hover { text-decoration: underline; }
  
div.columns-two-a { overflow: hidden; width: 100%; }
 div.columns-two-a .column { float: left; width: 40%; padding: 0 5% 0 0; }
  
div.flickr-a-move { width: 1px; overflow: hidden; display: none; }
div.flickr-a { overflow: hidden; width: 100%; margin: 0 0 15px; padding: 0 0 10px; background: url(../images/sep-a.gif) -1px 100% repeat-x; }
 div.flickr-a div { float: left; padding: 0 15px 15px 0; }

div.post { }
 div.post div.header { }
  div.post div.header h1, div.post div.header h2 { overflow: hidden; width: 100%; margin: 0 0 15px; }
   div.post div.header h1 a, div.post div.header h2 a { color: #000; text-decoration: none; }
    div.post div.header h1 span.cufon, div.post div.header h2 span.cufon { float: left; height: 35px !important; }
  div.post div.header p.date { margin: -10px 0 10px 2px; }
   div.post div.header p.date em { padding-left: 5px; }
   div.post div.header p.date a.country { padding-left: 5px; text-decoration: none; font-style: italic; }
  div.post div.header p.comments { position: absolute; width: 62px; height: 58px; background: url(../images/post-bg-comments-a.gif) no-repeat; color: #fff; text-align: center; }
   div.post div.header p.comments a { color: #fff; text-decoration: none; }
   div.post div.header p.comments span.type-a { display: block; margin: 0 0 -7px; text-align: center; font-size: 2em; font-weight: normal; }
 div.post div.body { overflow: hidden; width: 430px; min-height: 60px; margin: 0 0 15px; padding: 0 0 15px 75px; background: url(../images/sep-a.gif) -1px 100% repeat-x; }
 div.page div.body { width: 100%; padding-left: 0; }
  div.body img { max-width: 430px; }
 div.post div.comments { margin: 0 0 5px; }
  div.post div.comments ol { list-style: none; margin: 0; padding: 0; }
   div.post div.comments ol li {  }
   div.post div.comments ol div.add-comment { margin-bottom: 15px; padding-bottom: 1px; background: url(../images/sep-a.gif) -1px 100% repeat-x; }
   div.post div.comments ol ul { list-style: none; margin: 0; padding: 0; }
   div.post div.comments div.item { margin: 0 0 15px; padding: 0 0 1px; background: url(../images/sep-a.gif) -1px 100% repeat-x; }
    div.post div.comments ol div.item a { text-decoration: none; }
    div.post div.comments ol div.item a:hover { text-decoration: underline; }
    div.post div.comments ol div.item p.header { }
     div.post div.comments ol div.item p.header img { float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid #ccc; }
     div.post div.comments ol div.item p.header cite { color: #666; font-weight: bold; font-style: normal; }
    div.post div.comments ol div.item blockquote { margin: 0; padding: 0; }
    div.post div.comments ol div.item p.reply { font-size: 0.83em; text-transform: uppercase; }
   div.post div.comments ol div.depth-1 { padding-left: 0; }
   div.post div.comments ol div.depth-2 { padding-left: 40px; }
   div.post div.comments ol div.depth-3 { padding-left: 80px; }
   div.post div.comments ol div.depth-4 { padding-left: 120px; }
   div.post div.comments ol div.depth-5 { padding-left: 160px; }
 div.post div.add-comment { margin: 0 0 30px; }
 div.page div.add-comment { margin-bottom: -5px; }
  div.post div.add-comment h2 { margin: 0 0 5px; }
  div.post div.add-comment form { display: block; margin: 0; padding: 0 0 0 75px; }
   div.post div.add-comment form p { position: relative; overflow: hidden; width: 100%; }
    div.post div.add-comment form p label { position: absolute; left: 285px; color: #000; font-size: 2em; cursor: pointer; }
    div.post div.add-comment form p label.offset { left: -10001px; top: -10001px; }
    div.post div.add-comment form p input { width: 260px; height: 22px; margin: 0 0 5px; padding: 4px 5px 0; border: none; background: url(../images/post-input-a.png) no-repeat; font-size: 14px; }
    div.post div.add-comment form p textarea { overflow: auto; width: 420px; height: 207px; margin: 0; padding: 4px 5px 4px; border: none; background: url(../images/post-textarea-a.png) no-repeat; font-size: 14px; }
   div.post div.add-comment form p.submit { font-size: 3.2em; text-align: right; }
    div.post div.add-comment form p button { padding: 0; border: none; background: none; }
 
/* ELEMENTS
------------------------------------------- */
#browse { overflow: hidden; width: 100%; }
 #browse div.posts { float: left; width: 45%; }
 #browse div.blogroll { float: right; width: 50%; }
 #browse div.archive { float: left; clear: left; width: 45%; }
  #browse h3 { margin: 0 0 10px; }
  
#wp125adwrap_2c { overflow: hidden; list-style: none; width: 290px; margin: 0 0 0 -20px; padding: 0; }
 #wp125adwrap_2c div.wp125ad { float: left; padding: 0 0 20px 20px; }
  
/* TIPSY
------------------------------------------- */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
 .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
 .tipsy-north { background-image: url(../images/tipsy-north.gif); background-position: top center; }
 .tipsy-south { background-image: url(../images/tipsy-south.gif); background-position: bottom center; }
 .tipsy-east { background-image: url(../images/tipsy-east.gif); background-position: right center; }
 .tipsy-west { background-image: url(../images/tipsy-west.gif); background-position: left center; }