/*
Theme Name: Dobrestii
Theme URI: http://dobrestii.ro/
Description: Pedro&Eugenia Dobrescu theme
Version: 2.4
Author: VISUALIS | www.visualis.ro

*/


/* DEFAULT BROWSER STYLE RESET 
---------------------------------------------------------------- */

html, body, div, span, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd, ul, ol, li, hr, form, fieldset, legend, label, input, textarea, select, button, blockquote, q, img, font, small, strong, strike, sup, sub, em, code, abbr, acronym, pre, table, caption, th, tr, td { margin:0; padding:0; border:0; outline:none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
strong {font-weight:bold;}
em {font-style:italic;}
a, a:active, a:hover, a:focus, a:visited { outline: none; overflow:hidden;}

/* END DEFAULT BROWSER STYLE RESET */

body {background:#EAF2FF url(img/background-body.jpg) top repeat-x; color:#333; font:62.5% "Trebuchet MS", Arial, Helvetica, sans-serif; }
#accesibility {display:none;}
div#page {width:100%; text-align:center;}
div#head-container {width:100%; background:url(img/background-header.jpg) center top no-repeat}
div#header {width:950px; height:190px; text-align:left; margin:auto; position:relative;}
div#header h1 {position:absolute; top:15px; left:10px;}
div#header h1 a {width:180px; height:88px; text-indent:-100000em; display:block; background:url(img/dobrestii-logo-header.jpg) no-repeat;}
div#header h2.msg {position:absolute; right:40px; top:40px; font-size:2em; color:#999; width:450px; text-align:right;}
div#header ul#navigation {position:absolute; top:30px; right:0; width:410px; height:45px; background:url(img/navigation.jpg) top left no-repeat;}
div#header ul#navigation li {display:inline; float:left;}
div#header ul#navigation li a {float:left; text-indent:-10000em; height:45px; width:90px;}
div#header ul#navigation li a#nav-blog {background:url(img/navigation.jpg) no-repeat 0 0;}
div#header ul#navigation li a#nav-blog:hover {background-position:0 -45px;}
div#header ul#navigation li a#nav-blog.on {background-position:0 -45px;}
div#header ul#navigation li a#nav-events {background:url(img/navigation.jpg) no-repeat -90px 0;}
div#header ul#navigation li a#nav-events:hover {background-position:-90px -45px;}
div#header ul#navigation li a#nav-events.on {background-position:-90px -45px;}
div#header ul#navigation li a#nav-hobbies {background:url(img/navigation.jpg) no-repeat -180px 0;}
div#header ul#navigation li a#nav-hobbies:hover {background-position:-180px -45px;}
div#header ul#navigation li a#nav-hobbies.on {background-position:-180px -45px;}
div#header ul#navigation li a#nav-photos {background:url(img/navigation.jpg) no-repeat -270px 0;}
div#header ul#navigation li a#nav-photos:hover {background-position:-270px -45px;}
div#header ul#navigation li a#nav-photos.on {background-position:-270px -45px;}
div#header ul#navigation li a#nav-rss {width:35px;background:url(img/navigation.jpg) no-repeat -374px 0; margin-left:12px; }

div#header ul#sub-navigation {position:absolute; top:115px; left:450px;}
div#header ul#sub-navigation li {display:inline; float:left; margin-right:25px;}
div#header ul#sub-navigation li a {font-size:1.4em; color:#3F8B8B; text-decoration:none;}
div#header ul#sub-navigation li a:hover {color:#f36;}
div#header ul#sub-navigation li a em {font-style:normal; }
div#header ul#sub-navigation li a.on {color:#f36; background:url(img/sub-nav-right.jpg) right top no-repeat; padding:3px 10px 9px 0px;}
div#header ul#sub-navigation li a.on em {background:url(img/sub-nav-left.jpg) left top no-repeat; padding:3px 0 9px 10px;}

div#main-container {width:100%;}
div#main {width:950px; margin:0 auto; text-align:left;}


div#home {float:left; width:950px; min-height:440px; height:auto !important; height:440px; position:relative;}
div#home div.home-blog  {position:absolute; left:20px; top:10px; z-index:1;}
div#home div.home-events  {position:absolute; left:200px; top:80px; z-index:2;}
div#home div.home-hobbies  {position:absolute; left:400px; top:10px; z-index:3;}
div#home div.home-photos  {position:absolute; left:600px; top:40px; z-index:4;}

div#home div.home-blog a, div#home div.home-events a, div#home div.home-hobbies a,div#home div.home-photos a {width:272px; height:278px; float:left; text-indent:-10000em;}
div#home div.home-blog a {background:url(img/home-blog.png) no-repeat;}
div#home div.home-events a {background:url(img/home-events.png) no-repeat;}
div#home div.home-hobbies a {background:url(img/home-hobbies.png) no-repeat;}
div#home div.home-photos a {background:url(img/home-photos.png) no-repeat;}

div#content {float:left; background:#fff url(img/background-content-top.jpg) left top no-repeat; width:620px; min-height:500px; height:auto !important; height:500px; padding:40px; padding-bottom:80px; position:relative; font-size:1.1em;}
div#content div.bottom {position:absolute; left:0; bottom:0; background:url(img/background-content-bottom.jpg) no-repeat left bottom; display:block; width:700px; height:24px;}

div#content div#xlang { list-style-type : none; float : right; }
div#content div#xlang { display  : inline; }

div#content h2.storytitle {font-size:2.4em; margin-bottom:5px;}
div#content h2.storytitle a {color:#f36; text-decoration:none;}
div#content h2.storytitle a:hover {color:#666;}
div#content div.meta {color:#999; margin-bottom:15px;}
div#content div.meta strong {color:#f36;}
div#content div.meta a {color:#3F8B8B; text-decoration:none;}
div#content div.meta a:hover {color:#f36; text-decoration:underline;}
div#content div.storycontent {font-size:1.1em; line-height:1.4em;}
div#content div.storycontent p {margin-bottom:10px;}
div#content div.storycontent a {color:#3F8B8B;}
div#content div.storycontent a:hover {color:#f36;}
div#content div.storycontent blockquote {margin-top:15px; margin-bottom:15px; width:360px; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:120%; margin-left:30px; color:#999; padding-left:30px; background:url(img/bg-quote.jpg) no-repeat left top;}
div#content div.storycontent ul, div#content div.storycontent ol {margin-bottom:10px;}
div#content div.storycontent ol li {list-style:decimal;}
div#content div.storycontent ul li {list-style:square; line-height:150%;}
div#content hr {width:610px; height:3px; background:url(img/hr.jpg) no-repeat 0 0; border:none; margin-bottom:20px;}
div#content p a {color:#f36;}
div#content h2 {font-size:2.6em; color:#3F8B8B; margin-bottom:5px;}

div#content div.feedback { margin-top:15px; margin-bottom:10px;}
div#content div.feedback a {color:#3F8B8B; text-decoration:none;}
div#content div.feedback a:hover {color:#f36; text-decoration:underline;}

div#content div.page-nav {margin-bottom:20px; position:absolute; left:0; width:700px; text-align:left;}
div#content div.page-nav div.prev{position:absolute;left:0; top:0;}
div#content div.page-nav div.next{position:absolute;right:0; top:0;}
div#content div.page-nav a.nextpostslink {float:right;}
div#content div.page-nav a.previouspostslink {float:left;}

div#content p.trackback {color:#999;  margin-bottom:15px;}
div#content p.trackback a {color:#f36; text-decoration:none;}
div#content p.trackback a:hover {color:#666; text-decoration:underline;}
div#content p.comment-account {color:#999; margin-bottom:10px;}
div#content p.comment-account a {color:#f36; text-decoration:none;}
div#content p.comment-account a:hover {color:#3F8B8B;}
div#content p input {padding:3px 5px; background: url(img/input-line.jpg) repeat-x left bottom; margin-bottom: 10px; width: 200px; margin-left: 15px;}
div#content p textarea#comment {background:url(img/bg-comment-textarea.jpg) no-repeat 0 0; padding:10px; width:580px; height:121px; font-size:1.1em;}
div#content p input#submit {width:116px; height:39px; display:block; text-indent:-10000em; background:url(img/bt-submit.jpg) no-repeat 0 0; position:absolute; left:-10px; z-index:101; cursor:pointer; margin-top:25px; margin-left: 0;}

div#content ol#commentlist li {width:600px; float:left; margin-bottom:10px; padding-top:10px; border-top:1px solid #EAF2FF}
div#content ol#commentlist li div.meta {font-size:1.1em;}
div#content ol#commentlist li div.meta {width:160px; float:left;}
div#content ol#commentlist li div.meta p {margin-top:10px;}
div#content ol#commentlist li div.meta p img {border:3px solid #ccc;}
div#content ol#commentlist li div.comment-entry {width:400px; min-height:50px; margin-top:15px; background-color:#FFFFE1; float:right; padding:10px; position:relative;}
div#content ol#commentlist li div.arrow {position:absolute; top:10px; left:-12px; display:block; width:12px; height:25px; background:url(img/comment-arrow.jpg) no-repeat;}
div#content ol#commentlist li div.comment-entry p {line-height:16px;}
div.clear {clear:both;}

div#aside {width:232px; float:right; }
div#aside form#searchform {background:url(img/box-top.png) left top no-repeat; padding-top:15px;position:relative;}
div#aside form#searchform fieldset {background:url(img/box-bottom.png) left bottom no-repeat; padding-bottom:20px; padding-left:10px;}
div#aside form#searchform fieldset strong {text-indent:-100000em; width:64px; height:13px; background:url(img/label-search.jpg) no-repeat 0 0; display:block; float:left;}
div#aside form#searchform fieldset input {width:130px; background:url(img/input-line.jpg) no-repeat left bottom; float:left; padding:3px 0px 5px 3px; font-size:1.1em; margin-top:6px;}
div#aside form#searchform fieldset button {width:35px; height:24px; text-indent:-10000em; display:block; background:url(img/bt-go.jpg) no-repeat 0 0; cursor:pointer;position:absolute; right:10px; bottom:14px;}
div#aside ul {padding-top:15px;}
#aside .widget_calendar {background:url(img/box-top.png) left top no-repeat; position:relative;}
#aside .textwidget a.diversificare {margin-left: -3px; display: block; width: 236px; height: 236px; background-image: url('https://dobrestii.ro/wp-content/uploads/2012/09/dvsf-banner-236-236.png');
}


div#calendar_wrap {background:url(img/box-bottom.png) left bottom no-repeat; padding-bottom:20px; padding-left:20px;}
#wp-calendar {empty-cells: show;font-size: 14px;margin: 0;width: 90%;}
#wp-calendar #next a { padding-right: 10px;	text-align: right;}
#wp-calendar #prev a { padding-left: 10px; text-align: left;}
#wp-calendar a {display: block; text-decoration: none; color:#f36;}
#wp-calendar a:hover {background: #f36;color: #fff;}
#wp-calendar caption {color: #f36;font-size: 16px;text-align: left; margin-bottom:10px;}
#wp-calendar td {color: #ccc;font-size:12px; letter-spacing: normal;padding: 2px 0;	text-align: center;}
#wp-calendar td.pad:hover {	background: #fff;}
#wp-calendar td:hover, #wp-calendar #today {background: #eee; color: #3F8B8B;}
#wp-calendar th {font-style: normal; text-transform: capitalize; text-align:center; font-size:12px; font-weight:bold;}


div#user-account {background:url(img/box-top.png) left top no-repeat; margin-top:10px; padding-top:10px;}
div#user-account div.control-panel, div#user-account div.login-form {background:url(img/box-bottom.png) left bottom no-repeat; padding-bottom:20px; position:relative;}
div#user-account div.control-panel {padding-left:10px; font-size:12px;}
div#user-account div.control-panel h2 {width:87px; height:15px; display:block; text-indent:-100000em; background:url(img/label-cp.jpg) no-repeat; margin-bottom:5px;}
div#user-account div.control-panel ul { margin-top:10px; }
div#user-account div.control-panel ul li {line-height:18px;}
div#user-account div.control-panel ul li a {color:#f36; text-decoration:none;}
div#user-account div.control-panel ul li a:hover {color:#666; text-decoration:underline;}

div#user-account div.login-form h2 {width:35px; height:15px; display:block; text-indent:-100000em; background:url(img/label-login.jpg) no-repeat; margin-bottom:5px;}
div#user-account div.login-form {padding-left:10px;}
div#user-account div.login-form fieldset label strong {display:none;}
div#user-account div.login-form fieldset input {width:200px; background:url(img/input-line.jpg) no-repeat left bottom;padding:3px 0px 5px 3px; font-size:1.1em; margin-top:6spx; float:left; color:#f36;}
div#user-account div.login-form fieldset label.rmbr {width:200px;float:left; margin-top:10px; color:#999;}
div#user-account div.login-form fieldset input#rememberme {width:25px; background:none;}
div#user-account div.login-form fieldset label.rmbr em {font-style:normal; font-size:9px; float:left; margin-left:5px; margin-top:2px;}
div#user-account div.login-form fieldset button {width:93px; height:31px; display:block; text-indent:-100000em; background:url(img/bt-login.jpg) no-repeat 0 0; cursor:pointer; position:absolute; right:-10px; bottom:15px;}
div#user-account div.login-form ul { margin-top:20px;}
div#user-account div.login-form ul li {font-size:9px; margin-bottom:3px;}
div#user-account div.login-form ul li a {color:#999; text-decoration:none;}
div#user-account div.login-form ul li a:hover {color:#f36; text-decoration:underline;}

div#footer-container {width:100%; float:left; background:url(img/background-footer.jpg) center bottom no-repeat;}
div#footer {width:950px; height:300px; margin:0 auto; text-align:left; position:relative;}
div#footer div.totop {position:absolute; z-index:100; right:50px; bottom:215px;}
div#footer div.totop a {height:178px; width:100px; text-indent:-10000em; background:url(img/bg-totop.jpg) no-repeat top left; display:block;}
div#footer div.recentposts {position:absolute; top:140px; left:-40px;}
div#footer div.blogroll {position:absolute; top:140px; left:190px;}
div#footer div.pages {position:absolute; top:140px; right: 80px;}
div#footer h2 {font-size:1.4em; font-weight:bold;  color:#FFF; margin-bottom:3px;}
div#footer ul li {font-size:1.1em; margin-bottom:2px;}
div#footer ul li  a {color:#fff; text-decoration:none;}
div#footer ul li  a:hover {background:#fff; color:#f36;}