/* -------------------------------------------
project:	Oniet
date:		2007/06/23
------------------------------------------- */

html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; padding: 0; background: #fff; color: #777; font: 68.75%/140% Verdana,Tahoma,sans-serif;  }
textarea, input, select, option, button { font: 1em Arial,Helvetica,sans-serif; }

/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }

img { border: none; }

em { padding: 1px 2px; background: #ffffe0; font-style: normal; }

abbr,
acronym { border-bottom: 1px dotted #aaa; }

dl { margin: 0 0 12px; }
 dt { font-weight: bold; }
 dd { margin: 0; }

p { margin: 0 0 12px; }

var { font-style: normal; }

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

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; font: bold 18px Verdana,Arial,Helvetica,sans-serif; color: #537abf; }
h1 { font-size: 18px; font-weight: normal; }
h2 { font-size: 14px; }
h3 { margin: 0 0 3px; font-size: 13px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }

/* HELPERS
------------------------------------------- */
.wrapper { overflow: hidden; }
.offset { position: absolute; left: -10001em; top: -10001em; }

/* LAYOUT
------------------------------------------- */
#root { width: 960px; margin: 0 auto; padding: 0 0 0 2px; }
 #top-bann { margin: 0 0 8px; padding: 7px 0 0; border: 1px solid #bcd2e6; border-width: 0 1px 1px; text-align: center; }
 #top-bann.leader { margin-bottom: 5px; padding: 5px 0 0; border: none; }
 #logo { width: 278px; height: 42px; margin: 0 0 5px; background: url(http://oniet.s3.amazonaws.com/logo.png) no-repeat; }
  #logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -10001px; }
 #top-nav { float: right; list-style: none; margin: -35px 0 0; padding: 0; }
  #top-nav li { float: left; margin: 0 0 0 10px; color: #759ad4; font-family: Tahoma,sans-serif; text-decoration: underline; }
 #gsearch { float: right; margin: -40px 0 0; }
  #gsearch img { vertical-align: middle; }
  #gsearch input { vertical-align: middle; }
 #nav { list-style: none; overflow: hidden; margin: 10px 0 15px; padding: 0; border-bottom: 1px solid #bcd2e6; }
  #nav li { display: inline; float: left; margin: 0 1px 0 0; padding: 0; border: 1px solid #4169af; border-width: 1px 1px 0; border-radius: 4px 4px 0 0; background: #527abf; color: #fff; }
  #nav li.first { margin-left: 7px; margin-right: 8px; padding-left: 7px; border: none; background: url(http://oniet.s3.amazonaws.com/bullet-a.gif) 0 50% no-repeat; color: #a9c1e5; }
  #nav li.active { border-color: #bcd2e6; background-color: #fff; color: #3e72c5; }
   #nav li span { float: left; padding: 3px 10px; font: 12px/1 Arial,Helvetica,sans-serif; }
   #nav li.first span { background: none; padding-right: 2px; }
   #nav li.active span { background-position: 100% -42px; }
 #nav-sense { width: 100%; height: 15px; margin: 0 auto 10px; padding: 8px 0; border: 1px solid #bcd2e6; border-width: 1px 0; text-align: center; }
 #content { width: 100%; }
  #content:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
  #main { float: left; width: 650px; }
   #main h1 { font-size: 20px; }
   #main h1 ~ p { font-size: 14px; line-height: 1.4; }
   #main h1 ~ p strong { color: #111; font-weight: normal; }
   h2.typehead { margin: 0 0 15px; padding: 0 0 4px; border-bottom: 1px solid #d6e3f0; }
   p.typeside { margin: -31px 0 0 0; float: right; font-size: 10px; }
   #tools { width: 100%; margin: 30px 0 0; }
    p.info { float: left; margin: 0 0 5px; color: #aaa; font-size: 9px; }
     p.info a { color: #aaa; text-decoration: underline; }
     p.info a:hover { color: #555; }
    p.link { display: inline; float: right; margin: 15px 5px 5px 0; }
     p.link a { padding: 0 25px 0 0; background: url(http://oniet.s3.amazonaws.com/i-mail.png) 100% 50% no-repeat; }
    p.block { display: inline; float: right; margin: 15px 5px 5px 15px; }
     p.block a { padding: 2px 25px 2px 0; background: url(http://oniet.s3.amazonaws.com/i-block.png) 97% 60% no-repeat; }
 p.comments { position: relative; clear: both; padding: 0 30px 0 0; border: 1px solid #dae6f1; background: #f1f6fa; text-align: right; line-height: 26px; }
 p.comments { box-shadow: inset 0 0 1px #fff; background: -webkit-linear-gradient(#ecf2f8, #fff); background: linear-gradient(#ecf2f8, #fff); }
  p.comments:before { float: left; content: 'Zdaniem użytkowników'; padding: 0 0 0 10px; color: #a0c0de; font-weight: bold; font-style: italic; }
 	p.comments:after { margin: 0 -20px 0 10px; content: '»'; color: #ff0000; }
	p.subcomments { padding: 0 0 0 10px; }
  #side { float: right; width: 290px; }
   #search { }
    #search p { }
     #search label { color: #759ad4; }
     #search input { width: 170px; margin: 0 3px 0 0; padding: 1px 5px; border: 1px solid #6086c8; }
     #search button { padding: 0 5px; border: 1px solid #6086c8; background: #f4f7fa; color: #759ad4; }
   #poll { margin: 0 0 20px; }
    #poll li { font-size: 10px; }
     #poll li input { vertical-align: middle; }
     #poll li label { vertical-align: middle; }
    #poll p { text-align: center; }
     #poll p button { padding: 0 5px; border: 1px solid #6086c8; background: #f4f7fa; color: #759ad4; font-weight: bold; text-transform: lowercase; }
   #generate-it { }
    #generate-it a { display: block; overflow: hidden; width: 290px; height: 114px; background: url(http://oniet.s3.amazonaws.com/generate-it.png) no-repeat; text-indent: -10001em; }
 #footer { position: relative; overflow: hidden; width: 100%; margin: 15px 0 0; padding: 32px 0 0; font-size: 10px; }
  #footer:before { position: absolute; left: 0; right: 0; top: 0; content: 'Wyluzuj, ta strona to tylko żart. Ktoś Cię wkręcił'; padding: 0 0 0 130px; border: 1px solid #dd8e03; background: #dd8e03; color: #fff; font-size: 12px; font-weight: bold; line-height: 22px; font-style: italic; text-shadow: 0 1px 1px rgba(0,0,0,0.75); }
  #footer:after { position: absolute; left: 0; top: 0; content: 'oniet.o0o.pl'; width: 90px; padding: 0 10px; border: 1px solid #dd8e03; background: #fff; color: #333; font-size: 12px; line-height: 22px; font-weight: bold; font-style: italic; }
  #footer p { float: right; padding: 0 10px; }
  #footer p.first { float: left; }
 #disclaimer { margin: -5px 0 0; padding: 7px 10px; border-top: 1px solid #ccc; font-size: 11px; text-align: center; }
  #disclaimer p { margin: 0; }

/* SKIP LINKS
------------------------------------------- */
#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: 750px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; }

/* ELEMENTS
------------------------------------------- */
ul.a { list-style: none; margin: 10px 0 15px; padding: 0; }
 ul.a li { position: relative; margin: 0 0 5px; padding: 0 0 0 10px; }
  ul.a li:before { float: left; content: ''; width: 2px; height: 2px; margin: 7px 0 0 -10px; background: #afafaf; }
  ul.a li a { color: #c42f2f; text-decoration: none; }
   ul.a li a span { text-decoration: underline; }
   ul.a li a:hover span { text-decoration: none; }
   ul.a li a small { color: #d1d1d1; font-size: 9px; text-decoration: none; }
   ul.a li a:hover small { text-decoration: underline; }

ul.b { list-style: none; margin: 0 0 15px; padding: 0; }

ul.c { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.c li { margin: 0 0 5px; }
  ul.c li span { float: left; width: 40px; margin: 2px 0 0; }
  ul.c li img { vertical-align: middle; }
  ul.c li i { display: inline-block; background: #8cc63a; height: 15px; vertical-align: middle; }
  ul.c li + li i { background: #f37020; }
  ul.c li strong { vertical-align: middle; }

ol.d { margin: 0 0 15px; padding: 10px 0 10px 30px; border: 2px solid #b41414; border-width: 2px 0; font-size: 12px; line-height: 150%; }

.blocked { margin: 0 0 20px; padding: 15px 0; border: 1px dashed #759ad4; text-align: center; }
 .blocked h2 { margin: 0 0 5px; font-weight: normal; }
 .blocked p { margin-bottom: 0; }

h3.minus { font-size: 11px; }
.upper { text-transform: uppercase; }

div.sidebox { margin: 0 0 5px; padding: 5px 5px 1px; }
#poll-box { background: #f7fbff; }
#links-box { margin: 0 0 2px; border-bottom: 1px solid #eee; }
#sketch-box { margin: 0 0 10px; padding: 5px 5px 2px 60px; border-bottom: 1px solid #eee; background: url(http://oniet.s3.amazonaws.com/sketch.gif) 5px 2px no-repeat; }
 #sketch-box h2 { margin: 0 0 2px; font-size: 11px; }
 #sketch-box p { margin: 0; line-height: 1.3; }
 #sketch-box p.author { margin-top: 1px; color: #aaa; font-size: 10px; font-style: italic; }

#sub-sense { clear: both; position: relative; margin: 20px 0 50px -5px; }
 #sub-sense:before { position: absolute; left: 254px; right: 0; top: 0; z-index: -1; content: ' '; height: 60px; background: #f3f3f3; }
#content-sense { float: left; margin: 0 15px 10px 0; }
#content-sense.v2 { float: right; margin: 0 0 10px 15px; }
.corrected + #content-sense { float: none !important; margin: 0 0 20px !important; text-align: center; }

strong.a { color: #b41414; }

.headlines-a { margin-bottom: 10px; }
 .headlines-a > .hx { margin-bottom: 10px; color: #a43f21; font-size: 14px; font-weight: bold; text-transform: uppercase; }
 .headlines-a > .wrap { padding: 15px; border-top: 4px solid #a43f21; background: #eee; }
  .headlines-a ul { list-style: none; margin: 0; padding: 0; }
   .headlines-a li { margin: 0 0 5px; font-size: 11px; }
    .headlines-a li a { display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; text-decoration: none !important; }
  .headlines-a .more { margin-bottom: 0; padding-top: 10px; border-top: 1px solid #ddd; font-size: 11px; text-align: right; text-transform: lowercase; }
   .headlines-a .more a { color: #555; }
   .headlines-a .more span { color: #a43f21; }