/* HTML Elements */
*{margin:0;padding:0;}

body {font: 100% "Trebuchet MS", Helvetica; background:#cccccc url(images/bg_criza.png) left top repeat;}

p {	margin: 15px 0;}

a:link, a:visited {color: #660000;text-decoration:none; letter-spacing:normal;}

a:hover, a:active {color: #3333cc;text-decoration:none;letter-spacing:normal;}

a img {border:0;}
	

#head {width:960px; margin:0px auto; margin-top:5px; padding:0px; font-size:0.7em;}

#page {width:940px; margin:0px auto; padding:10px 10px 0px 10px; background:#ececec; font-size:0.7em;}

.left, .alignleft{float:left; margin-right:10px;}

.right, .alignright{float:right;}

#navbar {margin:0 auto;margin-top:0px;padding:0px 0px;text-transform:uppercase;background:#003e67 url(images/navbar.png);}

#page-bar {width:670px;}

#page-bar ul {list-style: none;}

#page-bar li {float:left; list-style:none; cursor: pointer; display:block; border-right:1px solid #fff;}

#page-bar a, #page-bar a:visited {margin: 0px; padding:10px 16px; font-weight:bold; color:#ffffff; display:block;}

#page-bar a:hover {text-decoration:none; display:block; color:#ffffff;background:#990000;}

#searchform {width:230px; float:right; text-align:right; margin-top:15px; margin-right:10px;}


#page-barka {width:590px; height:30px;background:#009900;}

#page-barka ul {list-style: none;}

#page-barka li {float:left; list-style:none; cursor: pointer; display:block; border-right:1px solid #fff;}

#page-barka li:hover {background: #660000; color: #ffffff;}

#page-barka a, #page-barka a:visited {margin: 0px; padding:10px 16px; font-weight:bold; color:#ffffff; display:block;}

#page-barka a:hover {text-decoration:none; display:block; color:#ffffff;}

/* Meniu principal */		

#page-bar li {float: left;margin: 0px;padding-top: 10px;}

#page-bar li li {float: left;margin: 0px;padding: 0px;width: 122px;text-transform:none;}

#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {background: #2B2B2B; width: 122px; float: none;margin: 0px;padding: 5px 10px 5px 18px;border-top: 1px solid #ffffff;}

#page-bar li li a:hover, #page-bar li li a:active {background: #666666;padding: 5px 10px 5px 18px;}

#page-bar li ul {position: absolute;width: 10em;left: -999em;}

#page-bar li:hover ul {left: auto;display: block;}

#page-bar li:hover ul, #page-bar li.sfhover ul {left: auto;}

/* Headings */

h1 {font:3.5em Trebuchet MS; font-weight:bold; letter-spacing:-0.08em;}

h2 {font:1.3em Trebuchet MS; margin-bottom:3px; color:#660000; font-weight:bold;}

h3 {font:1.3em Trebuchet MS; margin-bottom:3px; color:#660000; font-weight:bold;}

h4 {font:1.0em Trebuchet MS;}

h3.cat_title, h3.cat_title a {color:#660000; letter-spacing:-0.05em; font-size:0.85em;}

h3#respond {margin-top:0px; padding-top:20px;}

h3#comments {margin-top:32px; padding-left:0px;}

h3.authors {margin-top:15px;}


/* Advertising */

#ads{float: left; width:960px; height:90px; background:#ffffff; margin-top:0px; display:inline;}
.adsleft {float:left;}
.adsright {float:right;padding:15px 20px 0px 0px;}

/* Pagina*/

#logo {width:960px; height:100px;}

#top {padding:0px;}

#headline {width:590px; float:left; background:#fff; padding:0px; font-size:1.05em; line-height:1.5em; margin:0;}

#headline  div.title {font-weight:bold; font:1.8em Trebuchet MS; display:block; padding-bottom:15px;}

#headline p {padding-bottom:15px; font:1.1em Trebuchet MS; text-align:justify;line-height:20px;}

#featured {width:300px; background:#fff; float:right; padding:10px 10px 9px 10px;}

#featured .clearfloat {margin-top:7px; margin-bottom:8px;}

#featured .info {margin-top:5px; padding-top:5px; float:right; width:180px;}

#featured .title {font-weight:bold;}

#headline a img, #featured a img {border:1px solid #ccc;margin-top:5px;margin-right:10px;padding:2px;}

#middle {width: 920px;background:#fff; float:right; padding:10px; margin:10px 0;}

#front-popular h3 {color:#fff;}

#bottom {width: 940px;}

#front-list {width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left;}

#archive {padding-top:15px; font-size:1.05em; line-height:1.75em;}

#front-list blockquote {padding: 0px 10px 0 10px;}

#front-list .title, #archive .title {font-weight:bold; font:1.8em Trebuchet MS;margin-bottom:10px;}

#front-list .clearfloat, #archive .clearfloat {padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:10px;}

#front-list .spoiler, #archive .spoiler {display:block; margin-top:3px;}

#front-list h3 {font: bold 1.4em Trebuchet MS;font-style: italic;color:#660000; margin:10px 0px 5px 0px;padding:3px 10px; background:#edecec;}

#front-list p, #archive p {margin:0px; padding:0px;font:1.1em Trebuchet MS; text-align:justify;line-height:20px;}

.author {font-size:1.2em; font-weight:normal; margin-top:10px;}

#headline p, #featured p {margin:0;}


/* Continut Pagina */

#content {width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left; min-height:400px;}


/* Laterala */

#sidebar {width:320px;float:right;margin:0px 0px 0px 0px;}

#sidebar h3 {font:1.1em Trebuchet MS;font-weight:bold;background:#660000;color:#fff;margin:0px 0px 5px 0px;padding:3px 10px;}

#sidebar-top, #sidebar-bottom {width:300px;float:right;padding:10px 10px 10px 10px;background:#fff;display:inline;}

#sidebar-bottom, #sidebar-middle {margin-top:10px;}

#sidebar-middle {width:320px;float:right;}

#sidebar-left {width:135px;padding:10px 10px 10px 10px;float:left;background:#fff;}

#sidebar-right {width:135px;padding:10px 10px 10px 10px;float:right;background:#fff;}

#sidebar li {list-style:none;border-bottom:1px dotted #ccc;display:block;padding:2px 0px 2px 5px;background:url(images/sub.png) no-repeat 0 0px;}

#sidebar li ul{list-style:none;border-bottom:0px dotted #ccc;display:block;padding:2px 0px 0px 13px;background:url(images/sub.png) no-repeat 0 0px;}

#sidebar-ads {width:300px;float:right;margin-bottom:10px;padding:10px;background:#fff;}

/* Tabbed */

#tabs {padding: 10px;}
#tabs #nav {margin-bottom: 0px; margin-left: 8px;}
#tabs ul {list-style: none; margin: 0px; padding: 0px;}
#tabs #nav ul li {display: inline; padding: 3px 7px; cursor: default; background-color: #eeeeee; border: 1px solid #cccccc; border-bottom: none; margin-right: 2px;}
#tabs #nav ul li.active {border: 1px solid #000066; border-bottom: 1px solid white; background-color: #ffffff;}
#tabs #nav ul li:hover {background-color: #ffffff;}
#tabs #data {margin-top: 3px; text-align:justify;}
#tabs #data h2{margin-top: 3px; text-align:left;}
#tabs #data div {display: no+ne; border: 1px solid #000066;padding: 10px;}
#tabs #data div.active {display: block;}


/* Form Elements */

select {border:1px solid #333;width:100%}	

.field {padding: 2px;border:1px solid #333;background:#fff;font-size:1.0em;}

#s {padding:1px; font-size:1.0em; width:150px;}	

#searchsubmit {padding-left:5px; padding-top:5px;border:none;}

/* Footer*/

#footer {float:left; font-size:8px;background:#999999 url(images/bottombar.png) bottom no-repeat; width: 940px; height:50px; margin-top:10px; margin-bottom:10px; color:#000000;}

#footer p {font-size:10px;color:#fff; width: 900px; margin: 0 auto;line-height:15px;margin-top:5px;}





/* Float Properties*/

.clearfloat:after {content:".";display:block; height:0; clear:both; visibility:hidden;}
.clearfloat {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfloat {height:1%;}
*+html .clearfloat {height:1%;}
.clearfloat {display:block;}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}