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

body {width: 100%; 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, .alignleft {float:left; margin-right:10px;}

.right, .alignright {float:right;}


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

#navbar {margin:0 auto;font-size:1.0em;margin-top:0px;padding:0px 10px;text-transform:uppercase;background:#009900 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; }

#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;background: #026813; color:#ffff00;}

#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;}

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

/* Pagina*/

#logo {width:940px;}

#top {padding:0px;}

#headline {width:590px; float:left; background:#fff; padding:10px; 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.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 h1 {font-size:2em; font-weight:bold; margin-top:5px; margin-bottom:5px; color:#009900;letter-spacing:0.05em;text-decoration:underline;}

#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:#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;}


/* categorii */

#categories h3 {font:2em Trebuchet MS;font-weight:bold;color:#fff;padding:10px 10px 10px 0px;text-transform:uppercase;background:#009900;}

#categories img{padding:0px 0px 0px 10px;}

#categories ul{width:300px;margin-bottom:10px;padding:0px 10px 10px 0px;background:#fff;float:left; display: block;overflow: visible;list-style: none;line-height: normal;}

#categories li {width:280px;margin: 0px 0px 0px 5px;border-bottom: 1px #660000 dotted ;line-height: 20px;background: url(images/arrow.gif) 4px no-repeat;}

#categories li.selected {text-decoration: none; background-color:#000000;}

#categories li a {text-decoration: none;padding: 0px 0 0 25px;font:1.1em Trebuchet MS;font-weight:bold;color: #000000;text-transform:uppercase;}

#categories li a:hover { text-decoration: none;padding: 0px 0 0 25px;font:1.1em;font-weight: bold;color: #ffffff;background:#009900 url(images/arrow.gif) 4px no-repeat;}


.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: 4px 0 4px 0px; /*header text is indented 10px*/
cursor: hand;
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 */


	#tabmenu {width:300px;color: #000; background: #009900; border-bottom: 1px solid white;margin: 0px 0px 0px 0px;padding: 1px;z-index: 1;padding-bottom: 2px; }

	#tabmenu li {display: inline;overflow: hidden;list-style-type: none;}

	#tabmenu a {color: #009900;background: #ffffff;font: bold 1em "Trebuchet MS", Arial, sans-serif;border: 1px solid white;padding: 2px 5px 0px 5px;margin: 0;text-decoration: none; }

	#tabmenu a:hover {color: #ffffff;background: #00cc00;}



	#tabcontent {width:260px;font: 0.9em "Trebuchet MS", verdana, sans-serif; text-align: justify; background: #ffffff; padding: 20px;border: 1px solid #009900; border-top: none; z-index: 1;	}

	#tabcontent a {text-decoration: none;color: #009900; }

	#tabcontent a:hover { background: #00cc00; }




/* 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:0.6em; padding-top:10px; padding-bottom:10px; 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;}
