/*
Theme name: Stejaru Design 2 Var 2
Date created: July 2009
Author, Copyright: Liliana Motoc, www.lilianadesign.ro
*/

/* GLOBAL STYLES */
body{
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding:0;margin:0;
	background: #c4c7b8 url(images/pattern-bg.jpg) top left;
}

a {
	color: #FF6600;
	text-decoration: none;
	outline:none;
}
a:hover {
	text-decoration: underline;
}

img {border:0;display:block;}

p {
	margin: 0px 0px 15px 0px;
}

h2 {
	font: normal 20px/110% "Trebuchet MS", Tahoma, Arial;
	color: #59770e;
	letter-spacing: -1px;
	border-bottom: 1px dotted #CCCCCC;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 2px 0px;
}

h3 {
	font: bold 16px/100% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	margin: 20px 0px 2px 0px;
	padding: 0px 0px 2px 0px;
}

h3:first-child { margin-top:0px;}

form {
	margin:0px;
	padding:0px;
}

/* CLEARING and UTILS */
hr.hidden {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
}

br.clear {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
	line-height:0;
	height:0;
	font-size:0;
}

.clearbox {width:100%;overflow:hidden; /*background:lime;*/ /*generic container (i.e. div) for floating buttons */}

.left{float:left}
.right{float:right}

/* IMAGES STYLES */
img.left {float:left;margin:5px 10px 5px 0;}
img.right {float:right;margin:5px 0px 5px 10px;}
img.img_border {border:1px solid #e3e3e3;padding:4px;background:#fff;}

p.gallery {width:100%;overflow:hidden;}
p.gallery img{display:block;float:left;padding:4px;border:1px solid #e3e3e3;margin:5px;}

ul.gallery{margin:0;padding:0;margin:0px 0px 15px 0px;list-style:none;width:100%;overflow:hidden;/*background:orange;*/}
ul.gallery li{float:left;margin:5px;}
ul.gallery img{display:block;padding:4px;border:1px solid #e3e3e3;}

/* FILES LIST STYLES */
ul.filesList{ margin:0;padding:5px 0;list-style:none;vertical-align:middle; /*background-color:lime;*/ }
ul.filesList li{ margin:0 0 4px 0px; padding: 0 0 0 20px; /*background-color:aqua;*/ }
ul.filesList li.ico_doc{ background: url(../../images/files_ext/ico_doc.gif) no-repeat top left; }
ul.filesList li.ico_web{ background: url(../../images/files_ext/ico_web.gif) no-repeat top left; }
ul.filesList li.ico_pdf{ background: url(../../images/files_ext/ico_pdf.gif) no-repeat top left; }
ul.filesList em{color:#5b5b5b;}
#rightcol ul.filesList li {border-bottom: 1px solid #dceeb7;}


/* PAGE STYLES */
#page-bg{
width:810px;
margin:0px auto;
padding-bottom:20px;
background: transparent url(images/footer-bg.png) no-repeat center bottom;
}

#page{
width:810px;
margin:0px auto;
background: transparent url(images/page-bg.png) repeat-y center top;
}

/* HEADER STYLES */
#header{
width:770px;
height:188px;
margin:0px auto;
position:relative;
background: #c4c7b8 url(images/header-bg.jpg) top left no-repeat;
}

#logo-area { position:absolute;top:26px;left:338px; }
#logo-area h1{ margin:0;padding:0;}
#logo-area h1 a{
display:block;width:194px;height:105px;
background: url(images/logo.png) top left no-repeat;
text-indent: -900em;
}
#logo-area h1 a:hover{
/*background: url(images/logo_hover.png) top left no-repeat;*/
}
#logo-area h3 {
margin:0;padding:0;
padding-left:10px;
text-transform:uppercase;
color:#4e5744;
font: bold 16px/100% "Trebuchet MS", Tahoma, Arial;
}

#lang{
position:absolute;top:0px;right:0px;
height:24px;line-height:24px;
text-align:right;padding-right:12px;padding-left:12px;
color:#fff;
background: url(images/lang-bg.png) bottom left no-repeat;
}
#lang a{color:#fff;}

/* MENU TOP BELOW LOGO */
#topnav{
position:absolute;bottom:0px;left:0;
margin:0;padding:0;list-style:none;
width:770px;height:25px;overflow:hidden;
background:url(images/topnav-bg.gif) top left repeat-x;
}
#topnav li {float:left;margin:0;padding:0;}
#topnav li a {
	font: bold 13px/25px Verdana, Arial, Helvetica, sans-serif;
	display:block;float:left;padding:0 8px;
	height:25px;vertical-align:middle;line-height:24px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	background:url(images/topnav-button-bg.gif) top right no-repeat;
}
#topnav li a:hover{}
#topnav li a.selected, ul#topnav li a.selected:hover{
background:url(images/topnav-button-selected-bg.gif) top right no-repeat;
}

/* HEADER IMAGE */
#header-image {
width:770px;
padding-bottom:20px;
margin:0px auto;
background:url(images/header-image-bg.gif) bottom left repeat-x;
/*border-top:2px solid #000;*/ /*not sure*/
}

/* CONTENT STYLES - MAIN COLUMN AND RIGHT COLUMN */
#content{
width:770px;min-height:200px;
margin:0px auto;
background: #fff url(images/content-corner-bg.gif) no-repeat left bottom;
}

#maincol-narrow{
float:left;
width:560px;padding:0 0 20px 15px;/*background:yellow;*/
overflow:hidden;
}

#maincol-wide{
float:left;
width:743px;padding:0 0 20px 15px;/*background:yellow;*/
overflow:hidden;
}

#rightcol{
float:right;
width: 165px;padding:0 12px 20px 0;/*background:lime;*/
}

/* MAIN COLUMN STYLES */
div.post {
clear:both;
margin:0 0 20px 0;/*background:lime;*/
}

div.entry {
clear:both;
padding-top:10px;/*background:yellow;*/
}

/* RIGHT COLUMN STYLES */
#rightcol h3 {
	border-bottom: 1px dotted #CCCCCC;
}

#rightcol a{
	color: #495233;
	text-decoration: none;
}
#rightcol a:hover{
	color: #FF6600;
	text-decoration: none;
}

#rightcol h3.descarca-meniu {
	background: url(images/descarca-meniu.png) no-repeat top left;
	width:95px;height:60px;padding-left:70px;padding-top:10px;overflow:hidden;
	border-bottom:0;margin:0;margin-bottom:15px;
}

ul.submenu {
	list-style: none;
	margin:0px 0px 15px 0px;
	padding:0px;
	border-top: 0px solid #dceeb7;
}
ul.submenu li{
	margin: 0px;
	padding: 2px 0px 2px 20px;
	border-bottom: 1px solid #dceeb7;
	background: url(images/mini-category.gif) no-repeat 0 2px;
}

/* FOOTER - COPYRIGHT AND POWERED BY xxx STYLES */
#footer{
width:600px;
margin:0px auto;
padding:20px 40px 20px 130px;
clear:both;
	background: #000 url(images/footer-corner-bg.gif) no-repeat left top;
	color:#666;
}
#footer a{color:#999;}

#footer-contact{}
#copyright {
	border-top: 1px solid #222222;
	clear:both;
	margin:10px 0px 0px 0px;
	font-size:85%;
}

/* TEST ONLY */
h2,h3 {/*background:lime*/}
#maincol-narrow, #maincol-wide, #rightcol{/*background-color:orange*/}

/* THEME SWITCHER - only for demo on development stage, will not use this on real site */
#theme-switcher{
	position:absolute;
	/*display:none;*/
	right:0;bottom:0;
	z-index:1000;
	overflow:hidden;
	/*width:220px;height:160px;*/padding:10px;
	background:white;border:1px solid #ccc;margin:10px;
}
html>body #theme-switcher{position:fixed !important;}
#theme-switcher input[type=radio] { vertical-align:middle; }