/*containers*/
html {overflow-y: scroll;}
body {position: relative; min-width: 1020px; margin: 0px; padding: 0px; background-color: rgb(255,255,255); font-family: 'Trebuchet MS', Arial; font-size: 12px; text-align: center; color: rgb(0,25,75)}
#wrapper {position: relative; display: block; width: 1000px; margin: 0px auto; padding: 0px; text-align: left; overflow: visible;}
#header {position: relative; display: block; width: 1000px; height: 90px; margin: 0px; padding: 0px; background: rgb(255,255,255); clear: both; overflow: visible; z-index: 3;}
#content {position: relative; display: block; width: 1000px; min-height: 500px; margin: 0px 0px 0px -10px; padding: 0px 0px 0px 10px; background: white url('sprite_set1.png') repeat-y -1000px 0px; overflow:hidden; clear: both; z-index: 2;}
#content-blog {position: relative; display: block; width: 1000px; min-height: 500px; margin: 0px 0px 0px -10px; padding: 0px 0px 0px 10px; background: white url('sprite_set1.png') repeat-y -2215px 0px; overflow:hidden; clear: both; z-index: 2;}
#footer {position: relative; display: block; width: 1000px; min-height: 154px; margin: 0px; padding: 0px; background: rgb(228,228,228) url('sprite_set2.png') repeat-x 0px -1000px; clear: both; z-index: 1;}
#s1 {position: relative; display: block; width: 1000px; height: 28px; margin: 0px; padding: 0px; background: rgb(255,255,255) url('sprite_set1.png') no-repeat 0px -87px; clear: both; z-index: 0; font-size: 1px;}
#s1blog {position: relative; display: block; width: 1000px; height: 28px; margin: 0px; padding: 0px; background: rgb(255,255,255) url('sprite_set1.png') no-repeat 0px -143px; clear: both; z-index: 0; font-size: 1px;}
#s2 {position: relative; display: block; width: 1000px; height: 18px; margin: 0px; padding: 0px; background: rgb(255,255,255) url('sprite_set1.png') no-repeat 0px -115px; clear: both; z-index: 0; font-size: 1px;}
#s2blog {position: relative; display: block; width: 1000px; height: 30px; margin: 0px; padding: 0px; background: rgb(255,255,255) url('sprite_set1.png') no-repeat 0px -171px; clear: both; z-index: 0; font-size: 1px;}
#s3 {position: relative; display: block; width: 1000px; height: 10px; margin: 0px; padding: 0px; background: rgb(255,255,255) url('sprite_set1.png') no-repeat 0px -133px; clear: both; z-index: 0; font-size: 1px;}
#c1 {position: relative; display: block; width: 160px; height: 10px; margin: 0px 20px 10px 20px; padding: 0px; background: rgb(8,61,166) url('sprite_set2.png') no-repeat -20px -190px; clear: both; z-index: 0; font-size: 1px;}
#c2 {position: relative; display: block; width: 200px; height: 15px; margin: 0px 0px 20px 0px; padding: 0px; background: rgb(8,61,166) url('sprite_set2.png') no-repeat 0px -205px; clear: both; z-index: 0; font-size: 1px;}
/*design*/
h1,h2,h3,h4,h5,h6 {position: relative; display: block; margin: 0px; padding: 0px 0px 25px 0px; font-size: 19px; line-height: 24px; font-weight: bold; color: rgb(8,56,153); text-decoration: none;}
h2 {font-size: 16px; line-height: 16px;}
h3 {font-size: 14px; line-height: 14px;}
h4,h5,h6 {font-size: 10px; line-height: 14px; padding-bottom: 10px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration: none; color: rgb(8,56,153);}
a {color: rgb(8,56,153);}
a:hover {color: rgb(200,0,40);}
a:active {color: rgb(8,86,193);}
a:visited {color: rgb(8,86,193);}
/*header*/
#logo {position: relative; display: block; float: left; top: 10px; left: 10px; width: 293px; height: 70px; background: rgb(255,255,255) url('sprite_set1.png') no-repeat -10px -10px; border: none;}
#map {position: relative; display: block; float: right; top: 0px; right: 10px; width: 269px; height: 85px; background: rgb(255,255,255) url('sprite_set1.png') no-repeat -721px 0px;}
#title {position: relative; display: block; margin: 0px; padding: 43px 0px 0px 350px; font-size: 20px; font-weight: bold; color: rgb(155,155,155); text-decoration: none; font-style:italic;}
#map-com {position: absolute; display: block; top: 50px; left: 770px; width: 47px; height: 15px; text-decoration: none;}
#map-be {position: absolute; display: block; top: 50px; left: 823px; width: 50px; height: 15px; text-decoration: none;}
#map-ro {position: absolute; display: block; top: 50px; left: 880px; width: 60px; height: 15px; text-decoration: none;}
/*content*/
#main-menu {position: relative; display: block; float: left; margin: 0px; padding: 0px; width: 200px; background: rgb(8,61,166); z-index: 2;}
.content_text {z-index: 10;}
#content-center {position: relative; display: block; float: left; width: 570px; min-height: 400px; margin: 0px; padding: 15px 30px 30px 30px; background: white url('sprite_set3.png') no-repeat right -10px; font-size: 11px; z-index: 1;}
#side-bar {position: relative; display: block; float: left; top: 0px; right: 0px; margin: 0px; padding: 0px; width: 170px; background: rgb(8,61,166); clear: right; z-index: 5;}
#back-button {position: relative; display: block; margin: 0px; padding: 15px 30px 30px 240px; font-size: 11px; z-index: 1;}
/*blog*/
#blog-content {position: relative; display: block; float: left; width: 670px; min-height: 400px; margin: 0px 0px 0px 50px; padding: 15px 30px 30px 30px; background: white url('sprite_set3.png') no-repeat right -10px; font-size: 12px; z-index: 1;}
.blog-date-tag {position: absolute; display: block; float: left; width: 45px; height: 60px; left: -45px; margin: 0px; padding: 0px; background: transparent url('sprite_set2.png') no-repeat 0px -895px;}
.blog-date-tag:hover {background-position: -50px -895px;}
.blog-date-tag span.j {position: relative; display: block; margin: 0px; padding: 0px; width: 45px; height: 40px; font-size: 25px; line-height: 43px; font-weight: bold; color: rgb(4,30,83); text-decoration: none; text-align: center; letter-spacing: -1px;}
.blog-date-tag span.my {position: relative; display: block; margin: 0px; padding: 0px; width: 45px; height: 20px; font-size: 10px; line-height: 18px; font-weight: bold; color: rgb(255,255,255); text-decoration: none; text-align: center; text-transform: uppercase;}
.blog-date-btm {position: absolute; display: block; float: left; width: 50px; height: 1px; left: -50px; margin: 20px 0px 20px 0px; padding: 0px; background: rgb(255,255,255) url('sprite_set1.png') no-repeat 0px -171px; clear: both; z-index: 0; font-size: 1px; opacity: 0.5;}
#blog-content hr {border: 0px; height: 1px; margin: 20px 0px 20px -30px; padding: 0px; color: white; background-color: white; border-top: 1px solid rgb(238,241,246); clear: both;}
div.post > h2 a {font-size: 18px}
.postmetadata {margin: 20px 0;}
#blog-content > h3 {font-size: 16px;}
.commentlist {
margin: 0 0 25px 0;
padding-left: 30px;
}
li.comment p {
padding: 10px 0;
margin: 0 0 10px 0;
}
li.comment.odd {
background: rgb(242,242,242);
}
#respond label {
width: 200px;
}
#respond input {
width: 200px;
}
#respond textarea {
width: 400px;
height: 80px;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
#blog-side-bar {position: relative; display: block; float: left; top: 0px; right: 0px; margin: 0px; padding: 0px; width: 200px; background: rgb(8,61,166); clear: right; z-index: 5;}
#side-bar-list {position: relative; display: block; margin: 10px; padding: 0px; width: 200px;}
li.widget {position: relative; display: block; margin: 0px; padding: 0px 0px 20px 0px; width: 200px; list-style: none;}
h2.widgettitle {position: relative; display: block; margin: 0px; padding: 0px 0px 0px 10px; width: 190px; height: 28px; background: transparent url('sprite_set2.png') no-repeat 0px -830px; line-height: 28px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: rgb(255,255,255); text-decoration: none;}
h2.widgettitle:hover {background-position: 0px -860px;}
a h2.widgettitle {margin-bottom: 2px;}
#searchform {position: relative; display: block; margin: 0px 0px 10px 0px; padding: 0px; width: 200px; height: 28px; background:transparent url(sprite_set2.png) no-repeat scroll 0px -770px;}
#searchform:hover, #searchform:focus
{background-position: 0px -800px;}
#searchform label.hidden {display: none;}
#searchform input#s {background:transparent none no-repeat; border: none; color: rgb(164,178,205); margin: 5px 5px 5px 10px; width: 160px;}
#searchform input#s:hover, #searchform input#s:focus
{color: rgb(40,81,163);}
#searchform input#searchsubmit {position: absolute; background: transparent none no-repeat; border: none; margin: 0px; padding: 0px; width: 25px; height: 28px; cursor: pointer; text-indent: -3000px}
#side-bar ul li.widget ul {position: relative; display: block; margin: 0px; padding: 0px; width: 200px;}
#side-bar ul li.widget ul li {position: relative; display: block; margin: 0px; padding: 0px 0px 0px 20px; width: 180px; height: 30px; background: transparent url('sprite_set2.png') no-repeat 0px -970px; list-style: none; line-height: 30px; font-size: 11px; font-weight: normal; color: white;}
#side-bar ul li.widget a {color: white;}
#tag_cloud {padding-left: 20px; width: 180px;}
#tag_cloud h2.widgettitle {margin: 0px 0px 10px -20px;}
/*footer*/
/*spedific elements*/
#main-menu ul.level1 {position: relative; display: block; margin: 10px 0px 20px 0px; padding: 0px; font-size: 12px; font-weight: bold; list-style-type: none; list-style-image: none;}
#main-menu ul.level1 li a {position: relative; display: block; margin: 0px 0px 2px -5px; padding: 0px 10px 0px 25px; height: 28px; line-height: 28px; cursor: pointer; background: transparent url('sprite_set2.png') no-repeat -3px -100px; text-transform: uppercase; color: rgb(255,255,255); text-decoration: none;}
#main-menu ul.level1 li a:hover, #main-menu ul.level1 li:hover a, #main-menu ul.level1 li a.active:hover
{background: transparent url('sprite_set2.png') no-repeat -3px -129px;}
#main-menu ul.level1 li a.active{background: transparent url('sprite_set2.png') no-repeat -3px -158px;}
#main-menu ul.level2 {position: relative; display: block; margin: -2px 20px 0px 20px; padding: 8px 0px 0px 24px; background: rgb(7,51,140); font-size: 11px; font-weight: normal; list-style-type: bullet; list-style-image: none; color: rgb(255,255,255);}
#main-menu ul.level2 li a {position: relative; display: inline; margin: 0px; padding: 0px 5px 0px 0px; background: none; height: 20px; line-height: 20px; text-transform: none; cursor: pointer; color: rgb(255,255,255); text-decoration: none;}
#main-menu ul.level2 li a:hover, #main-menu ul.level2 li a.active
{background: none; text-decoration: underline;}
#main-menu ul.level1 li:hover ul.level2 li a
{background: none;}
#main-menu ul.level2 li#c1 {margin: 0px 0px 10px -24px; padding: 0px 0px 0px 0px; height: 10px; line-height: 10px; list-style-type: none; list-style-image: none;}
#main-menu div#news {position: relative; display: block; margin: 0px; padding: 0px 10px 0px 20px; height: 32px; line-height: 32px; background: transparent url('sprite_set2.png') no-repeat -5px -225px; text-transform: uppercase; color: rgb(0,51,153); font-weight: bold; text-decoration: none;}
#main-menu div#news:hover {background-position: -5px -260px;}
#main-menu ul#news {position: relative; display: block; margin: 0px 8px 0px 0px; padding: 8px 0px 0px 30px; background: rgb(8,56,153); font-size: 10px; font-weight: bold; list-style-type: bullet; list-style-image: none; color: white;}
#main-menu ul#news li {position: relative; margin: 0px; padding: 0px 10px 5px 0px;}
#main-menu ul#news li a {position: relative; display: inline; margin: 0px; padding: 0px; background: none; line-height: 15px; text-transform: capitalize; cursor: pointer; color: rgb(255,255,255); text-decoration: none;}
#main-menu ul#news li a:hover {background: none; text-decoration: underline; color: rgb(222,233,255);}
#main-menu ul#news li a:active {background: none; text-decoration: none; color: rgb(200,0,40);}
#main-menu ul#news li a.active {background: none; text-decoration: underline; color: rgb(222,233,255);}
#slide-show {position: relative; width: 200px; height: 150px; margin-bottom: 20px; overflow: hidden;}
#slide-show IMG {position: absolute; top:0; left:0; z-index:8; max-width: 200px;}
#slide-show IMG.active {z-index: 10;}
#slide-show IMG.last-active {z-index: 9;}
#share-this {position: relative; display: block; float: right; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 4px; width: 196px; height: 55px; z-index: 100;} /* margin-left 20+4 for alignment */
a.sbButton {position: relative; display: block; float: left; margin: 0px 4px 4px 0px; width: 24px; height: 24px; background-image: url('sprite_set2.png'); background-repeat: no-repeat; text-indent: -3000px;}
.del {background-position: 0px 0px;}
.del:hover {background-position: 0px -25px;}
.dig {background-position: -25px 0px;}
.dig:hover {background-position: -25px -25px;}
.fac {background-position: -50px 0px;}
.fac:hover {background-position: -50px -25px;}
.tec {background-position: -75px 0px;}
.tec:hover {background-position: -75px -25px;}
.stu {background-position: -100px 0px;}
.stu:hover {background-position: -100px -25px;}
.red {background-position: -125px 0px;}
.red:hover {background-position: -125px -25px;}
.twi {background-position: -150px 0px;}
.twi:hover {background-position: -150px -25px;}
#share-this a:link, #share-this a:visited
{color: rgb(125,140,170);}
#share-this a:hover {color: rgb(8,56,153);}
#share-this a:active {color: rgb(200,0,40);}
#nav-level3 {position: relative; display: block; float: right; margin: -55px 0px 20px 20px; padding: 65px 15px 15px 15px; width: 170px; clear: right; background: transparent url('sprite_set1.png') no-repeat -2012px bottom; z-index: 90; color: rgb(8,56,153)}
#nav-level3 h2 {display: none;}
#nav-level3 ul {margin: 0px; padding-left: 15px;}
#nav-level3 a {text-decoration: none; color: rgb(8,56,153);}
#nav-level3 a:hover {text-decoration: underline; color: rgb(8,86,193);}
#nav-level3 a:active {text-decoration: underline; color: rgb(200,0,40);}
/* fara e mai bine
#nav-level3 a:visited {text-decoration: none; color: rgb(8,86,203);}*/
ul#featured {position: relative; display: block; margin: 10px 0px; padding: 0px; font-size: 12px; font-weight: bold; list-style-type: none; list-style-image: none;}
ul#featured li a {position: relative; display: block; margin: 10px 0px 0px 10px; padding: 10px; width: 140px; height: 130px; background: transparent url('sprite_set2.png') no-repeat -15px -300px; cursor: pointer; color: rgb(0,51,153); text-decoration: none; overflow: hidden;}
ul#featured li a img {position: relative; display: block; margin: auto; padding: 0px; border: 0px; max-width: 140px;}
ul#featured li a h2 {position: relative; display: block; margin: 7px 0px 0px 0px; padding: 0px; line-height: 14px; font-size: 11px; text-transform: uppercase; color: rgb(0,51,153); }
ul#featured li a p {position: absolute; display: block; right: 0px; bottom: 0px; margin: 6px 10px; padding: 0px; width: 140px; line-height: 10px; font-size: 10px; text-align: right; line-height: 16px; color: rgb(0,51,153); }
ul#featured li a:hover {background-position: -15px -455px; text-decoration: none;}
ul#featured li a:hover h2 {text-decoration: none; color: rgb(8,86,193);}
ul#featured li a:hover p {text-decoration: underline;}
ul#featured p.fbimg {position: relative; display: block; max-width: 140px; max-height: 85px; margin: 0px; padding: 0px; border: 0px; overflow: hidden;}
ul#frontbox {position: relative; display: block; margin: 10px 0px; padding: 0px; font-size: 12px; font-weight: bold; list-style-type: none; list-style-image: none;}
ul#frontbox li {position: relative; display: block; float: left; margin-right: 30px; width: 170px; height: 150px; overflow: hidden;}
ul#frontbox li.last {margin: 0px;}
ul#frontbox li a {position: relative; display: block; margin: 0px; padding: 10px 15px; width: 140px; height: 130px; background: transparent url('front-page-box.png') no-repeat 0px 0px; cursor: pointer; color: rgb(0,51,153); text-decoration: none;}
ul#frontbox li a img {position: relative; display: block; margin: auto; padding: 0px; border: 0px; max-width: 140px;}
ul#frontbox li a h2 {position: relative; display: block; margin: 7px 0px 0px 0px; padding: 0px; line-height: 14px; font-size: 11px; text-transform: uppercase; color: rgb(0,51,153); }
ul#frontbox li a p {position: absolute; display: block; right: 0px; bottom: 0px; margin: 6px 10px; padding: 0px; width: 140px; line-height: 10px; font-size: 10px; text-align: right; line-height: 16px; color: rgb(0,51,153); }
ul#frontbox li a:hover {background-position: 0px -150px; text-decoration: none;}
ul#frontbox li a:hover h2 {text-decoration: none; color: rgb(8,86,193);}
ul#frontbox li a:hover p {text-decoration: underline;}
ul#frontbox p.fbimg {position: relative; display: block; max-width: 140px; max-height: 85px; margin: 0px; padding: 0px; border: 0px; overflow: hidden;}
#RSSfeed {position: relative; display: block; margin: 0px 0px 9px 0px; padding: 0px 0px 0px 30px; height: 24px; line-height: 24px; color: white; background: url('rss.png') no-repeat top left; text-decoration: none;}
#RSSfeed:hover {text-decoration: underline;}
#RSSnews {position: absolute; display: block; top: -5px; right: 15px; margin: 0px; padding: 0px; width: 24px; height: 24px; background: url('rss.png') no-repeat top left; text-indent: 3000px; overflow: hidden;}
#footer ul.footer_menu {position: relative; display: block; float: left; width: 160px; min-height: 120px; margin: 20px 0px 0px 40px; padding: 0px; font-size: 12px; list-style-type: none; list-style-image: none; background: transparent url('sprite_set2.png') no-repeat 159px -225px;}
#footer ul.footer_menu.last {background: none;}
#footer ul.footer_menu li a {position: relative; display: block; margin: 0px; padding: 0; font-size: 11px; height: 14px; line-height: 14px; cursor: pointer; color: rgb(115,115,115); text-decoration: none;}
#footer ul.footer_menu li a:hover{text-decoration: underline; color: rgb(100,100,100)}
#footer ul.footer_menu h4 {font-size: 11px;}
#copyright {position: relative; display: block; margin: 10px 0px; padding: 0px; font-size: 11px; line-height: 30px; text-decoration: none; color: rgb(190,190,190);}
#copyright a {padding: 0px 4px; font-size: 11px; text-decoration: none; color: rgb(190,190,190);}
#copyright a:hover{text-decoration: underline;}
#omadmedia {position: absolute; display: block; margin: 0px; padding: 0px; top: 0px; right: 0px; height: 30px;}
#omadmedia p {position: relative; display: block; float: left; margin: 0px 10px; padding: 0px; height: 30px; line-height: 30px;}
#omadmedia a {margin: 0px; padding: 0px; line-height: 37px; text-decoration: none; color: rgb(190,190,190);}
#omadmedia a:hover{text-decoration: none; color: rgb(150,150,150);}
#omadmedia a img{position: relative; display: block; float: left; margin: 0px; padding: 0px; border: 0px;}
/* =============================================================================================================================================== */
#contactForm {
display: block;
width: 570px;
text-align: left;
}
p {
margin: 3px 0;
}
label {
display: block;
float: left;
width: 100px;
font-size: 14px;
}
span.error {
display: block;
float: right;
width: 250px;
}
input.textinput {
width: 200px;
}
.textarea {
width: 200px;
}
.submitbutton {
margin-left: 100px;
}