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

body {font: 100% "Trebuchet MS", Helvetica; padding:10px; background-image: url(images/bg.png); background-repeat:repeat; background-position:left top; background-color:#cccccc;}

p {	margin: 0px 0;}

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

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

a img {border:0;padding: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;margin-left:10px;}


#wrapper{width: 960px; background-repeat:repeat-y; border: 1px solid #ffffff; margin:0 auto; overflow: hidden;}

.droplinebar{
overflow: hidden;
}

.droplinebar ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
font: bold 13px "Trebuchet MS", Arial;
background: #660000 center center repeat-x; /*default background of menu bar*/
}

.droplinebar ul li{
display: inline;
}

.droplinebar ul li a{
float: left;
color: white;
padding: 9px 15px;
text-decoration: none;
border-right: 1px solid #990000;
}

.droplinebar ul li a:visited{
color: white;
}

.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: white;
background: #990000;
}

/* Sub level menus*/
.droplinebar ul li ul{
float:left;
position: absolute;
z-index: 100;
left:0px;
top: 0;
background: #990000; /*sub menu background color */
visibility: hidden;
}

/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 13px "Trebuchet MS", Verdana;
padding: 6px;
padding-right: 15px;
margin: 0;
border-bottom: 1px solid #990000;
}

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
background: #CC0000;
}

/* Headings */

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

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

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

h4 {font:1.0em "Trebuchet MS";}

h3.cat_title, h3.cat_title a {color:#CC0000; 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:0px; display:inline;}
.adsleft {float:left;}
.adsright {float:right;}

/* Pagina*/

#logo {width:960px;}

#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.8em "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:#ffffff; padding:10px; font-size:13px; line-height:1.75em; float:left;}

#front-list .title {font-weight:bold; font:bold 14px "Trebuchet MS";color:#CC0000;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:13px "Trebuchet MS"; text-align:justify;line-height:20px;}

#front-list h2 {margin:0px; padding:0px;font:bold 20px "Trebuchet MS"; text-align:justify;line-height:20px;}

#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:#CC0000;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; margin-top:0px;}

#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 li {list-style:none;border-bottom:1px dotted #ccc;display:block;padding:2px 0px 2px 5px; margin:0 0 0 5px;}

#sidebar li ul{list-style:none;border-bottom:0px dotted #ccc;display:block;padding:2px 0px 0px 13px;}

#sidebar li a {text-decoration: none;font:12px "Trebuchet MS";font-weight:normal;color: #000000;}

#sidebar li a:hover {text-decoration: none; font:12px "Trebuchet MS"; font-weight:normal;color: #CC0000;}

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

#tube {width:300px;float:right;padding:10px 10px 10px 10px;background:#fff;margin-bottom:10px;font-weight: bold; margin-top:10px;}



/* 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 #CC0000 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  "Trebuchet MS";font-weight: bold;color: #ffffff;background:#009900 url(images/arrow.gif) 4px no-repeat;}



/* 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 {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:#CC0000; 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:#990000; margin: 0 auto; width: 960px; font-size:0.8em; padding-top:5px; padding-bottom:5px; color:#ffffff;}
#footer a{color: #ff9933;text-decoration:none; letter-spacing:normal; }
#footer a:hover{color: #ffffff;text-decoration:none;letter-spacing:normal;}


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