/*
 * Project:   Iron & Bass
 * Date:      2010/01/27
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #f6f6f6; font-size: 62.5%; }

* html body { behavior: url("styles/csshover.htc"); }

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

body, textarea, input, select, option, button { color: #5c5c5c; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.4em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 16px; }

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



ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

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

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 960px; margin: 0 auto; }
 #top { height: 73px; padding-top: 63px; background: transparent url(/static/img/top-bg.png) 0 0 no-repeat; }
  #logo { width: 559px; margin: 0 auto; }
   * html #logo a { width: 559px; height: 53px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://bstankowski.pl/Work/2010/veboo/ironandbass/trunk/images/logo.png', sizingMethod='crop'); zoom: 1; }
    * html #logo img { display: none; } 
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #content { position: relative; width: 683px; margin: 0 auto; }
  #content .entry { position: relative; margin-bottom: 19px; padding: 19px 20px 4px 21px; border: 1px solid #cdcdcd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; }
  #content .entry:last-child, #content .last-entry { margin-bottom: -19px; }
 #footer { overflow: hidden; padding: 69px 0 85px; background: transparent url(/static/img/footer-bg.png) 0 0 no-repeat; }
  #footer .site { position: relative; overflow: hidden; float: left; width: 161px; height: 24px; margin-left: 138px; background: 
  transparent url(/static/img/footer-text.png) 0 0 no-repeat; line-height: 0.8em; }
  * html #footer .site, * html #footer .copyright { display: inline; }
   #footer .site h6, #footer .site span, #footer .site a { display: block; overflow: hidden; text-indent: -1000em; }
   #footer .site a { position: absolute; width: 71px; height: 12px; line-height: 12px; }
   #footer .site p { color: #747474; font-size: 1.1em; }
   #footer .brought-by a { right: 0; top: 29px; }
   #footer .designed-by a { right: 30px; top: 46px }
  #footer .copyright { overflow: hidden; float: right; width: 248px; height: 14px; margin: 8px 140px 0 0; color: #686868; font-size: 1.2em; text-align: right; }

   
/* GENERAL
------------------------------------------- */

/* headers */

h1 { font-size: 2.2em; }
h2 { color: #000; font-size: 2.7em; line-height: 1em; }
h3 { color: #fff; font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

h2 a, h2 a:visited { color: #000; text-decoration: none; }
h2 a.link { color: #92b561; text-decoration: underline; }

.header-a, .header-b { position: relative; left: -26px; height: 42px; margin-bottom: 0px; padding-left: 5px; background: transparent url(/static/img/headers-ribbons.png) 0 0 no-repeat; text-shadow: 0 -1px 1px #728d4c; }
.header-b { background-position: 0 -52px; text-shadow: 0 -1px 1px #7a7a7a; }
 .header-a span, .header-b span { display: inline-block; height: 33px; padding: 0 20px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; line-height: 33px; }
 .header-a span { background: #92b561; }
 .header-b span { background: #a1a1a1; }

/* lists */

.list-a { padding-left: 0; list-style: none; }
 .list-a li { margin-bottom: 2px; }

/* links */

.top-links { position: absolute; left: -168px; top: -19px; width: 150px; margin: 0; padding-left: 0; list-style: none; height: 87px; }
 .top-links li { position: absolute; right: 0; height: 34px; padding: 19px 0 0 32px; background: transparent url(/static/img/top-links-arrows.png) 0 0 no-repeat; font-size: 1.2em; }
 .top-links .link-a { top: 0; width: 64px; }
  .top-links span, .top-links a, .top-links a:visited { display: block; color: #fff; line-height: 28px; text-align: center; text-decoration: none; text-transform: uppercase; }
  .top-links a:hover, .top-links a:focus, .top-links a:active { color: #fff; text-decoration: none; }
  .top-links .link-a *, .top-links .link-a a, .top-links .link-a a:visited { width: 64px; height: 34px; background: transparent url(/static/img/link-a-bg.png) 100% 0 no-repeat; text-shadow: 0 -1px 1px #5a8893; }
 .top-links .link-b { top: 40px; }
 .top-links .link-b:hover { background-position: 0 -60px; }
  .top-links .link-b a, .top-links .link-b a:visited { padding: 0 10px; background: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px 1px #7a7a7a; }
  .top-links .link-b a:hover, .top-links .link-b a:focus, .top-links .link-b a:active { background: #7c7c7c; }
#footer a { color: #686868; }



/* other */

.video { margin-bottom: 30px; }
.badge { float: right; overflow: hidden; width: 56px; height: 59px; margin: -11px 0 0; background: transparent url(/static/img/badge.png) 0 0 no-repeat; text-indent: -1000em; }
.book_cover { float: right; }
h2.book_title { margin-bottom: 4px; }

.note + .note { padding-top: 1.4em; border-top: 1px solid #cdcdcd; }