/*
Theme Name: Eureka XXL 2010
Theme URI: http://www.eurekaxxl.com
Description: Eureka XXL 2010
Version: 1.0
Author: Piotr 'Mikołaj' Mikołajski
Author URI: http://www.mikolajski.net
*/

body {height:100%; border:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
  font-size:62.5%; /* Resets 1em to 10px */
	text-align:left; color:#111; background:#2a2f25;}

.clr {clear: both;}

/* Start of CSS Reset */
:link, :visited {text-decoration:none;}
img {border:none;}
ul, ol {list-style:none;}
h1, h2, h3, h4, h5, h6, pre, code {font-size:1em; font-weight:normal;}
h1, h2, h3, h4, h5, h6, pre, ul, ol, li, form, body, html, p, blockquote, fieldset, input {margin:0; padding:0;}
address {font-style:normal;}
/* End of CSS Reset */

#container {width:998px; margin-left:auto; margin-right:auto; padding:3px 0 3px 0; background:#20221b;}

  /* Common h4 Headers Font Code */
  #mainmenu h4, #content h4, #sidebar h4 {height:32px; padding:0 0 0 16px; font-size:1.8em; font-weight:normal; color:#fafcff; background:#393C30; text-shadow:#000 1px 1px 2px;}
  
  /* Rounded Corners */
  #mainmenu, #mainmenu a, #news, #breadcrumb, #category, #articles, .article, #entry, #metadata, #navigation, .next a, .prev a, #search, #indexlinks, #needed {-moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;}
  #container, #footer {-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}
  #mainmenu h4, #content h4, #sidebar h4, #news h2, #productcontent h2 {-moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}
  
  /* Typography */
  h1, h2, h3, h4 {font-family:Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
  h1, h2, h3, h4, p {line-height:1.5em;}


/*** Header ***/
#header {width:992px; height:96px; padding:0px; margin:0 0 0 3px; background:url(../eureka2010/img/header.png) no-repeat; position:relative;}

  /** Logo Title **/
	#logotitle span {width:688px; height:90px; position:absolute; left:0px; top:0px; margin:0px; padding:0px; text-indent:-5000px;}
	#logotitle a {display:block; width:688px; height:90px; text-indent:-3000px; outline:none;}

/*** Content ***/
#wrapper {width:992px; margin:16px 0 0 3px;}
 #content_area {width:800px; padding:0px; margin:0px; float:left;}
 

  /* Breadcrumbs */
  #breadcrumb {width:608px; height:24px; margin:0px; background:#fff;}
  #content #breadcrumb p {padding:4px 0 4px 16px; font-size:1.1em; color:#222;}
  #breadcrumb a:link, #breadcrumb a:visited {color:#373c28; font-weight:bold;}
  #breadcrumb a:hover, #breadcrumb a:active {text-decoration:underline;}

  /* Menu */
  #menubar {width:176px; float:left;}
  #mainmenu {width:176px; margin:0px;}
  #mainmenu ul {padding:0 0 16px 0; font-size:1.2em; font-weight:bold; text-shadow:#000 1px 1px 2px;}
  #mainmenu ul#pages {padding:0px;}
  #mainmenu li {width:176px; height:24px; margin:1px 0 0 0;}
  #mainmenu a {padding:4px 10px 5px 16px; display:block;}
  #mainmenu a:link, #mainmenu a:visited {color:#fafcff; background:#727760;}
  #mainmenu a:hover, #mainmenu a:active {color:#d2b83d; background:#2c311b;}
  #mainmenu a.new:link, #mainmenu a.new:visited {color:#fafcff; background:#800000;}
  #mainmenu a.new:hover, #mainmenu a.new:active {color:#d2b83d; background:#500000;}

 
  /* Main Content */
  #content {width:608px; margin:0px; padding:0px; float:right;}
  #content h1, #category h1 {padding:16px 0 0 16px; font-weight:normal; font-size:1.9em; color:#373c28; text-shadow:#999 1px 1px 2px;}
  #content h3 {font-size:1.4em; font-weight:bold; color:#373c28; padding:0 0 0 48px; text-shadow:#aaa 1px 1px 1px;}
  #content p {padding:8px 16px 8px 16px; font-size:1.2em;}
  #content a:link, #content a:visited {font-weight:bold; color:#871818;}
  #content a:hover, #content a:active {text-decoration:underline;}
  #content ol, #content ul {margin:0 0 8px 48px; font-size:1.2em;}
  #content ol ul, #content ul ul {margin:0 0 8px 48px; font-size:1.1em;}
  #content ol {list-style:decimal;}
  #content ul {list-style-type:disc;}
  #content li {margin:2px 0 3px 0;}

  #news, #category {background:#fff;}
  #news {margin:0px;}
  #category, #articles {margin:0 0 16px 0;}
  #news h2 {padding:4px 0 4px 16px; font-weight:bold; width:560px; margin:4px 0 0 16px; font-size:1.6em; color:#373c28;  background:#e6e6e2; text-shadow:#999 1px 1px 2px;}
  #news img {margin:16px 0 0 16px; padding:0px;}
  
  .article {width:576px; margin:2px 0 0 0; padding:8px 16px 8px 16px; background:#fff;}
  .articleimage {float:left; width:96px; height:64px; margin:0px;}
  .articlehead {width:464px; float:right;}
  .articlehead h2 {padding:0px; font-weight:bold; margin:0px; font-size:1.3em; color:#373c28; text-shadow:#999 1px 1px 2px;}
  .tags, .lead {font-size:1.1em; line-height:1.5em; padding:4px 0 0 0;}
  .tags {font-weight:bold;}
  
  #entry {width:608px; margin:8px 0 0 0; background:#fff;}
  #productphoto {width:240px; margin:16px 0 0 16px; float:left;}
  #productcontent {margin:16px 0 0 0; padding:0 0 16px 0;}
  #productcontent h2 {padding:4px 0 4px 16px; margin:16px 0 0 16px; width:560px; font-size:1.6em; font-weight:bold; color:#3b6000; background:#f3ecc8; text-shadow:#999 1px 1px 2px;}
  #productcontent h3 {padding:8px 16px 0px 16px; margin:0px; line-height:1.5em; font-size:1.2em; font-weight:bold; color:#3b6000; text-shadow:#bbb 1px 1px 2px;}
  #productcontent img {margin:8px 0 0 16px;}
  
  #metadata {width:320px; margin:16px 16px 0px 0px; float:right; background:#f0f1ef;}
  #metadata ul {list-style:disc; font-size:1.1em; font-weight:bold; margin:4px 16px 4px 32px;}
  #metadata li {padding:2px 0 2px 0;}
  #metadata a:link, #metadata a:visited {color:#871818;}
  #metadata a:hover, #metadata a:active {text-decoration:underline;}

  /* Quote */
  blockquote {margin:16px 48px 16px 48px; line-height:1.6em;}
  blockquote p {color:#222; background:#f4eecf; border:1px solid #727760;}
  blockquote.attention p {color:#222; background:#ffbda3; border:3px solid #cd1a16;}

  /* Footnotes */
  #footnotes h2 {background:#871818;}
  #footnotes ol {font-size:1.1em; margin:8px 16px 8px 48px;}
  
  /* Keywords */
  #keywords {font-size:1.1em; padding:0px 10px 5px 10px; line-height:1.2em;}

  /* Company uF vCard */
  .companydata {margin:16px; padding:0px; background:#f8f7ec none repeat scroll 0 0; border:1px solid #e1e5ba;}
   
  .companydata div.fn {margin:16px 0 16px; padding:5px 0 0 12px;}
  .companydata a.url {font-size:1.6em; font-weight:bold;}
  .companydata div.logo {float:left; padding:0 0 0 13px;}
  .companydata div.logo img {width:150px;}
  .companydata div.adr {float:left; padding:0 0 0 50px; font-size:1.2em; line-height:1.5em;}
  .companydata span.street-address {}
  .companydata span.postal-code {}
  .companydata span.locality {}
  .companydata span.country-name {}
  .companydata div.contactdata {float:left; padding:0 0 0 80px;}
  .companydata span.tel, .companydata div.mail {font-size:1.2em; line-height:1.5em;}
  .companydata p {margin:0px 10px 15px 0; font-size:1.2em; line-height:1.5em;}

  
/*** Sidebar ***/
#sidebar {width:176px; margin:0px; padding:0px; float:right;}
  #search, #indexlinks, #needed {padding:8px; background:#fff;}
  #search, #indexlinks {margin:0 0 16px 0;}
  #needed {margin:0px;}
  #indexlinks p, #needed p {padding:1px 0 1px 0; font-size:1.2em; line-height:1.4em;}
  #sidebar a:link, #sidebar a:visited {font-weight:bold; color:#871818;}
  #sidebar a:hover, #sidebar a:active {text-decoration:underline;}
  
  /* Search */
  #search label, #search legend {display:none;}
  #search fieldset {border:0px;}
  #search form {margin:0px; padding:0px;}
  
  input#s {font-size:1.3em; color:#470c0c; background:#fff; border:1px solid #90908c;}
  input#b {width:32px; font-size:1.2em; font-weight:bold; color:#313234; text-align:center; background:#f5f5f5; border:1px solid #90908c;}
  
  #navigation {margin:8px 0 0 0;}
  #navigation .next {margin:0 16px 0 16px; float:right;}
  #navigation .prev {margin:0 16px 0 16px; float:left;}
  #navigation a {padding:4px 16px 5px 16px; display:block; font-size:1.2em; font-weight:bold; text-shadow:#000 1px 1px 2px;}
  #navigation a:link, #navigation a:visited {color:#fafcff; background:#727760;}
  #navigation a:hover, #navigation a:active {color:#d2b83d; background:#871818;}


/*** Footer ***/
#footer {width:992px; height:48px; padding:0px; margin:16px 0 0 3px; background:#373C28;}
#footer p {color:#fff; font-size:1.1em; padding:4px 0 0 213px;}
#footer a:link, #footer a:visited {color:#d2b83d;}
#footer a:hover, #footer a:active {text-decoration:underline;}

/*** Additional Code ***/
 
 /** Contact **/
 #gb_form_div {margin:0 16px 0 16px;}
 #gb_form_div fieldset {border:0px;}
 #gb_form_div legend#mainlegend {display:none;}
 #gb_form_div legend {padding:8px 16px 0px 16px; margin:0px; line-height:1.5em; font-size:1.2em; font-weight:bold; color:#3b6000; text-shadow:#bbb 1px 1px 2px;}
 #gb_form_div label {margin:8px 0 0 0; font-size:1.2em; color:#222;}
 #gb_form_div select {margin:8px;}
 #gb_form_div .whythis {font-size:1.2em;}
 #gb_form_div p.creditline {display:none;}
 
 /** Lightbox Gallery **/
   /* jquery.lightbox.css */
   #jquery-overlay {position:absolute; top:0; left:0; z-index:90; width:100%; height:500px;}
   #jquery-lightbox {position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
   #jquery-lightbox a img {border:none;}
   #lightbox-container-image-box {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
   #lightbox-container-image {padding:10px;}
   #lightbox-loading {position:absolute;	top:40%; left:0%;	height:25%;	width:100%;	text-align:center; line-height:0;}
   #lightbox-nav {position:absolute;	top:0; left:0; height:100%;	width:100%;	z-index:10;}
   #lightbox-container-image-box > #lightbox-nav {left:0;}
   #lightbox-nav a {outline:none;}
   #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width:49%; height:100%; zoom:1;	display:block;}
   #lightbox-nav-btnPrev {left:0; float:left;}
   #lightbox-nav-btnNext {right:0;	float:right;}
   #lightbox-container-image-data-box {font:10px Verdana, Helvetica, sans-serif;	background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0;}
   #lightbox-container-image-data {padding:0 10px; color:#666;}
   #lightbox-container-image-data #lightbox-image-details {width:70%; float:left; text-align:left;}
   #lightbox-image-details-caption {font-weight:bold;}
   #lightbox-image-details-currentNumber {display:block;	clear:left; padding-bottom:1.0em;}
   #lightbox-secNav-btnClose {width:66px; float:right; padding-bottom:0.7em;}
   
   /* jquery.tooltip.css */
   #tooltip {position:absolute; z-index:3000; padding:5px; opacity:0.85; border:1px solid #000;	background-color:#444; color:#fff; line-height:120%;}
   #tooltip h3, #tooltip div {margin:0;color:#fff;}
   
   /* lightbox-gallery.css */
   .gallery {margin:auto;}
   .gallery-item {float:left; margin:10px auto; text-align:center;}
   .gallery img {border:2px solid #cfcfcf;}
   /* If you want to show images slowly, use this. And you need to edit lightbox-gallery.js too. */
   /* .gallery img {display: none; border: 2px solid #cfcfcf;} */
   .gallery-caption {margin-left:0; display:none;}