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

body {font: 100% "Trebuchet MS", Helvetica; padding:5px; background-image:url(images/backg.jpg); background-repeat:no-repeat; background-position:center top; background-color:#004500;background-attachment:fixed;}

p {	margin: 15px 0;}

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

a:hover, a:active {color: #009900;text-decoration:underline;letter-spacing:normal;}

a img {border:0;}

code {font: 1.0em "Trebuchet MS", Helvetica, fixed; background:#ececec;}	

acronym, abbr, span.caps {	font-size: 1em; cursor: help;}			

acronym, abbr {border-bottom: 1px dashed #999;}

blockquote {padding: 10px 10px 0 10px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #eee;font:1.0em "Trebuchet MS";line-height:1.5em;margin:10px 0px;}

select {width: 130px;}	

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

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

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

#wrapper{width: 960px; background:#ffffff; border: 3px solid #FFFFFF; margin:0px auto; overflow: hidden;}

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

#page-bar {width:960px;}

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

#page-bar li {float:left; list-style:none; cursor: pointer; display:block; border-right:0px dotted #ffffff;font-family:100% "Trebuchet MS", Helvetica;}

#page-bar li:hover { color: #ffffff;}

#page-bar a, #page-bar a:visited {margin: 0px; padding:10px 8px; font-weight:bold; color:#ffffff; display:block;letter-spacing:0.1em;}

#page-bar a:hover {text-decoration:none; display:block; color:#ffff00;background:#035c03;}

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

/* Meniu principal */		

#page-bar li {float: left;margin: 0px;padding: 0px;font-family:100% "Trebuchet MS", Helvetica;}

#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:100px; background:#ffffff; margin-top:0px;margin-bottom:10px; display:inline;}
.adsleft {float:left;}
.adsright {float:right;}

#xpango{float: left; width:960px; height:60px; background:#ffffff; margin-top:0px;margin-bottom:10px; display:inline;}
.xpangoleft {float:left;padding:0 0px 0 10px;}
.xpangoright {float:right;padding:0 10px 0 0px;}

/* Pagina*/

#logo {width:940px;}

#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;font-family:"Trebuchet MS", Helvetica;}

#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.5em Trebuchet MS;color:#009900;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 p, #archive p {margin:0px; padding:0px;font:1.1em Trebuchet MS; text-align:justify;line-height:20px;}

#front-list h1 {font-size:2em; font-weight:bold; margin-top:5px; margin-bottom:5px; color:#009900;letter-spacing:0.05em;text-decoration:underline;}

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

.counter {padding-top: 8px;background:#fff;font-size:0.9em;}

/* 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:#009900;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;margin-bottom:10px;}

#sidebar-top {font-weight: bold; }

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

#sidebar-middle {width:320px;font: 1.1em Trebuchet MS;}

#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-ads {width:300px;float:right;margin-bottom:10px;padding:10px;background:#009900;}



.arrowlistmenu{
width: 300px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 10px 0 4px 0px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #009900;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 115%;
}

.arrowlistmenu ul li a:visited{
color: #009900;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #009900;
background-color: #F3F3F3;
}



/* Tabbed */
#tab {}
.tabberlive .tabbertabhide {display:none;}
.tabber {}
.tabberlive {margin-top:1em;}
ul.tabbernav{margin:0;padding: 3px 0;border-bottom: 1px solid #009900;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 #009900;border-bottom: none; background: #00cc00;text-decoration: none;}
ul.tabbernav li a:link { color: #006600; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover{color: #ffffff;background:#009900;border-color: #009900;}
ul.tabbernav li.tabberactive a{background-color: #ffffff;color: #000000;border-bottom: 1px solid #ffffff;}
ul.tabbernav li.tabberactive a:hover{color: #000000;background: #ffffff;border-bottom: 1px solid #ffffff;}
.tabberlive .tabbertab {padding:5px;border:1px solid #009900; border-top:0;}
.tabberlive .tabbertab h2 {display:none;color:#009900;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px;overflow:auto;}
.inlink li {width:280px;font: normal 12px Verdana, sans-serif;border-bottom: 1px dotted #009900;list-style:none;display:block;padding:3px 0px 3px 0px;}
.inlink ul{list-style:none;display:block;padding:0px 0px 0px 5px;}
.inlink a, .inlink a:visited {margin: 0px; padding:0px 0px; font-weight:bold; color:#000000; display:block;letter-spacing:0.02em;text-decoration:none;}
.inlink a:hover {text-decoration:underline; display:block; color:#009900;}


/* 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*/

#front-popular {font-size:0.7em;color:#fff; width: 940px; background:#999999 url(images/bottombar.png) bottom no-repeat; margin: 0 auto; border-top: 10px solid #fff; padding:10px;}

#recentpost, #mostcommented {float:left; width:280px; padding:10px; border:0px solid #fff;}

#mostcommented {margin-left:17px;}

#recent_comments {width:280px;float:right; padding:10px; border:0px solid #fff;}

#recentpost a, #mostcommented a, #recent_comments a {color:#fff;}

#recentpost h3{font:1.8em Trebuchet MS; font-weight:bold; color:#fff;letter-spacing:1px;}

#mostcommented h3{font:1.8em Trebuchet MS; font-weight:bold; color:#fff;letter-spacing:1px;}

#recent_comments h3{font:1.8em Trebuchet MS; font-weight:bold; color:#fff;letter-spacing:1px;}

#recentpost ul, #mostcommented ul, #recent_comments ul {margin-top:5px;}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {list-style:none; border-top:1px dotted #fff; padding:5px; display:block;}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {background:#990000; color:#fff;}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {border-top:0px dotted #fff;}

#footer {background:#009900; margin: 0 auto; width: 940px; font-size:1em; padding-top:10px; padding-bottom:10px; color:#ffffff;}
#footer p{font-size:1em; color:#ffffff;}
/* 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;}