/*   
Theme Name: Ropardo Sibiu Online
Theme URI: http://www.ropardo.ro
Description: Theme for community website Sibiu-Online.ro
Author: Ropardo S.R.L
Author URI: http://www.ropardo.ro
Template: 
Version: 0.1 BETA
.
All rights reserved.
.
*/
body, html {
    font: 12px Arial, Helvetica, sans-serif;
    color: #555555;
    background: #fff;
    margin: 0;
    padding: 0;
}
h1, h2, h3 {
	margin: 0;
	padding: 0;
}
.images{float: left; clear:both; display:block; width:100%;}
.images img {float:left; margin-left:10px;}
h2{
	font-size: 16px;
}

h3{
	font-size: 14px;
}

h3 a, p a, li a, a{
	color: #94B04C;
	text-decoration: none;
}

h3 a:hover, p a:hover, li a:hover, a:hover{
	text-decoration: underline;
}
img {
    border: 0;
}

img.thumbs {
	display: block;
    width: 60px;
	height: 60px;
	float: left;
}

input.button {
	cursor: pointer;
}

#content img.alignright{
	float: right;
	display: block;
}

#content img.aligncenter{	
	display: block;
	margin: 0 auto;
}

p {
	margin: 0;
	padding: 0;
}
label {
	vertical-align: middle;
}

.center {
    margin: 0 auto;
    display: block;
    width: 1000px;
}
* html .center {
    text-align: center;
}

#main_container {
    position: relative;
    width: 1000px;
}

#above_top {
    float: left;
    width: 1000px;
    font-size: 11px;
}

#above_top_left {
    float: left;
}

#above_top_right {
    float: right;
	text-transform: uppercase;
}

#above_top_right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#above_top_right ul li{
	display: inline;
}

#above_top a{
    text-decoration: underline;
    color: #000;
    display: block;
    padding: 10px 5px 0 0;
    float: left;
}

#above_top a:hover {
    text-decoration: none;
}

#top {
    float: left;
    width: 1000px;
    height: 150px;
}

#container_2 {
    position: relative;
    width: 1000px;
}
*:first-child+html #container_2 {
	z-index: -1;
}

* html #container_2 {
	z-index: -1;
}
	
#c_left {
    float: left;
    width: 740px;
    text-align: left;
}
* html #c_left {
    width: 720px;
}
* html #item_2 {
    width: 350px;
}
* html #item_3 {
    width: 350px;
}

#bara_left {
    float: left;
    width: 740px;
    height: 25px;
    text-align: left;
    background: url(img/bara_left.jpg) no-repeat;
}
* html #bara_left {
    width: 720px;
}

#submenu {
	width: 100%;
	line-height: 25px;
}

* html #submenu {
	padding-top: 5px;
}

#submenu a {
    text-decoration: underline;
    color: #000000;
	line-height: 25px;
}

#submenu a:hover {
    text-decoration: none;
}

#submenu a.nobg{
	background: none !important;
	padding: 0px 5px 0px 0px !important;
}

#submenu img {
	vertical-align: middle;
	margin-left: 5px;
}

#logare {
    float: right;
    width: 248px;
    height: 24px;
    padding: 3px 3px 0 7px;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    text-align: right;
}

#logare input {
    font-size: 11px;
    color: #555555;
    border: 1px solid #ccc;
    vertical-align: middle;
    width: 70px;
}

#logare img {
    vertical-align: middle;
    border: 0;
}

#c_right {
    float: right;
    width: 260px;
    text-align: left;
}

#bara_right {
    float: right;
    width: 248px;
    height: 24px;
    padding: 3px 3px 0 7px;
    background: url(img/bara_right.jpg) no-repeat;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    text-align: center;
}

#bara_right .submit {	
	height: 15px;
	width: 15px;
	background: url(img/lupa.jpg) no-repeat center;
	border: 0;
	vertical-align: middle;
	cursor: pointer;	
}
* html #bara_right {
    width: 260px;
    height: 25px; /* for IE5 and IE6 in quirks mode */
    width: 260px; h\eight:25px;
	/* for IE6 in standards mode */
	margin-bottom: -20px;		
}

* html #bara_right input {
	margin-left: -3px;
	width: 150px;
}

#bara_right input{border:1px solid #CCCCCC; font-size:11px; color:#555555; vertical-align:middle; width:154px; margin-top: 1px;}

.item_1{width:720px;}
* html .item_1{ width: 720px; }
.item_1 form input {
	border: 1px solid #94B04C;
}
.item_1_poza{float:left; margin:6px;}
.item_1_right{margin:3px;}
.item_1 img{border:0;}
.item_1_titlu{color:#555555; font-weight:bold; margin:3px 0;}
.item_1_text{color:#555555; margin:3px 0; line-height: 18px;}
.item_1_section{float:right; margin:3px; font-weight:bold; font-size:14px; color:#A8A8A8;}
.item_1_section  ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.item_1 a{color:#94B04C;text-decoration:none;}
.item_1 a:hover{text-decoration:underline;}
.item_1 .item_1_titlu h3 a{
	color: #000000 !important;
}
.dots{clear:both; height:3px; background:url(img/dots.gif) repeat-x; width: 100%; }
* html .dots{ width: 100%; margin-bottom: -10px; height: 1px;}
#item_2{float:left; width:355px; margin-top:7px;overflow: hidden;}
.item_2_titlu{color:#B50000; font-weight:bold; margin:3px 0;line-height: 18px;}
.item_2_text{color:#555555; margin:3px 0;line-height: 18px;}
#item_2 a, #item_3 a {
	color: #94B04C;
	text-decoration: none;
}

#item_2 a:hover, #item_3 a:hover {
	text-decoration: underline;
}
#item_3{float:right; width:350px; margin-top:7px;overflow: hidden; margin-right: 15px; line-height: 18px;}
#item_3 img {
	display: block;
	margin: 10px auto;
}
* html #item_3{ margin-right: 0px;}
.item_4{width:258px; background:url(img/bg_item_right.gif) repeat-x; float:right;}
.item_4_poza{float:right; margin:3px;}
.item_4_left{margin:3px;}
.item_4 img{
	padding-top: 5px;
}
.item_4_titlu{color:#555555; font-size:12px; font-weight:bold; margin:3px 0;}
.item_4_titlu_curs{color:#397FC7; font-size:12px; font-weight:bold; margin:3px 0; text-decoration:none;}
.item_4_text{color:#555555; margin:3px 0;}
.item_4 a{color:#94B04C;text-decoration:none;}
.item_4 a:hover{text-decoration:underline;}

#newsletter{
	display: block;
	float:right; 
	text-align: left; 
	width:258px; 
	height:24px; 
	background:url(img/bara_right.jpg) no-repeat; 
	font-size:12px; 
	font-weight:bold; 
	color:#555555; 
	text-align:center;
}
#newsletter form {
	display: inline;
	width: 100%;
	height: 100%;
}

#newsletter input {
	height: 13px;
	vertical-align: middle;
	margin-top: 4px;
	border:1px solid #CCCCCC;
}

* html #newsletter input {
	margin-top: 3px;
}

* html #newsletter {
	margin-left: -3px;
}

#newsletter button {
	height: 15px;
	width: 15px;
	background: url(img/check.gif) no-repeat center;
	border: 0;
	vertical-align: middle;
	cursor: pointer;
}
#turn{
	clear: both; 
	float:right; 
	width: 258px;
}

#turn img {
	display: block;
	margin: 10px auto;
}

#footer{float:left; width:996px; background:#F0F9D8; padding:3px; font-size:11px;}
* html #footer{width: 996px;  w\idth: 996px; }
#footer a{
	text-decoration: none;
	color: #000000;
}

#footer a:hover{
	text-decoration: underline;
}
#footer_left{float:left;}
#footer_right{float:right;}

#content{float:left; padding:10px 5px; line-height: 18px; width:98%}
#content_hd{margin-bottom:5px; font-size: 16px; margin-top: 15px;}
#content_hd p{
	font-size: 11px;
}
* html #content{
	padding: 10px 0;
}
#content img.right{
	display: block;
	float: right;
	border: 0;
}

#content #content_hd{
	margin-top: 0px;
}

* html #content_hd {
	margin-top: 5px;
}

#content .tools {
	clear: right;
	display: block;
	width: 100%;
	height: 30px;
}

#content .tools .print{
	display: block;
	height: 30px;
	float: right;
	cursor: pointer;
	margin-top: -15px;
}

#content .tools .up{
	display: block;
	height: 30px;
	float: right;
	color: #397FC7;
	line-height: 26px;
	margin-top: -15px;
}

#content .tools .up a{
	color: #397FC7;
	text-decoration: none;
}

#content .tools .up a:hover{
	text-decoration: underline;
}
#content .navigation {
	display: block;
	width: 100%;
	height: 30px;
}

#content .navigation  a{
	color: #94B04C;
}
	
#content .navigation a:hover{
	text-decoration: none;
}

#content .navigation .precedent{
	display: block;
	float: left;
	width: 200px;
	height: 30px;
	text-align: left;
	color: #94B04C;
}

#content .navigation .urmator{
	display: block;
	width: 200px;
	height: 30px;
	float: right;
	text-align: right;
	color: #94B04C;
}

#c_left .navigation {
	display: block;
	width: 100%;
	height: 30px;
}

#c_left .navigation  a{
	color: #94B04C;
}
	
#c_left .navigation a:hover{
	text-decoration: none;
}

#c_left .navigation .precedent{
	display: block;
	float: left;
	width: 200px;
	height: 30px;
	text-align: left;
	color: #94B04C;
}

#c_left .navigation .urmator{
	display: block;
	width: 200px;
	height: 30px;
	float: right;
	text-align: right;
	color: #94B04C;
}

#content .navigation a.index{
	display: block;
	width: 10%;
	height: 30px;
	float: left;
	text-align: center;
	color: #94B04C;
}

#content img{
	border: 0;
	margin: 6px;
}
.date{color:#397FC7}
.red{color:#ff0000;}

.item_5{width:720px;}
.item_5_poza{float:right; margin:3px;}
.item_5_right{}
.item_5 img{border:1px solid #000;}
.item_5_titlu{color:#555555; font-weight:bold; margin:3px 0;}
.item_5_text{color:#555555; margin:3px 0; font-size:12px;}
.item_5 a{color:#555;text-decoration:none;}
.item_5 a:hover{text-decoration:underline;}

/* Menu */
#menu {
	float: left;
	margin: 0;
	list-style: none;
	height: 30px;
	font-family: arial, verdana, sans-serif;
	margin-bottom: 5px;
	padding: 0;
	width: 100%;
	background-color:#92AC4B;
}

* html #menu {
	margin-top: -3px;
}

#menu li.top {
	display: block;
	float: left;
	position: relative;
	background-color:#92AC4B;
}

#menu li.top:hover {
	background-image:url(img/arrow-ok.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#menu li.top a {
	display: block;
	height: 30px;
	float:left;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0 25px;
	letter-spacing: 0.11em;
	border-right:1px solid #000000;
}
#menu li.top a:hover {
	color: #FFFFFF;
}
#menu li.current {
	background-image:url(img/arrow-ok.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#menu li.current a {
	color: #fff;
}

#menu li a.top_link:hover {
	color: #fff;
}

#menu ul.sub {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 9999999;
}

#menu li:hover ul.sub, #menu ul.hover {
	left: 0;
	top: 30px;
	white-space: nowrap;
	width: 300px;
	height: auto;
	padding-top:2px;
}

* html #menu li:hover ul.sub, #menu ul.hover {
	padding-top: 9px;
}

#menu ul.sub li {
	float: left;
	border-bottom: 1px solid #ffffff;
}

#menu ul.sub li.first {
	margin-top: 4px;
}

* html #menu ul.sub li.first {
	margin-top: 4px;
}

#menu ul.sub li a {
	font-weight: normal;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	width: 250px;
	line-height: 20px;
	text-indent: 5px;
	color: #FFFFFF;
	text-decoration: none;
	border-width:0;
	padding: 0;
	text-align:left;
	background-color: #92AC4B;
}
#menu ul.sub ul.children{ list-style-type:none; margin-left:-40px; float:left; margin-top:0px; clear:both;}
#menu ul.sub ul.children li{ list-style-type:none; float:left; margin-top:0px; clear:both;}
#menu ul.sub ul.children li a {
	padding:0px;
	font-weight: normal;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	width: 250px;
	line-height: 20px;
	text-indent: 5px;
	color: #FFFFFF;
	text-decoration: none;
	border-width:0;
	padding: 0;
	text-align:left;
	background-color:#A3CE6D;
}
#menu ul.sub ul.children li a:hover {
	background: #96CF48;
	color: #FFFFFF;
}
#menu ul.sub a:hover{
	background: #96CF48;
	color: #FFFFFF;
}

#sidebar{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	background: #efefef url(img/dots.gif) repeat-x bottom;
	padding: 5px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

#sidebar li.even {
	background: #F6F6F6 url(img/dots.gif) repeat-x bottom;
}

.comments-template {
	width: 100%;
}

.comments-template textarea {
	width: 100%;
}

.avatar {
	float: left;
}

.comment p{
	clear: left;
}

#respond input, textarea{
	border: 1px solid #94B04C;
}

#submit {
	cursor: pointer;
}

/* --------------------------------------------------------------------------- */
.widget {
	margin:15px 5px;
}

.text-right {
	text-align:right;
}

#subheader {
	float: left;	
	height: 30px;
	font-family: arial, verdana, sans-serif;
	margin-bottom: 5px;
	padding: 0;
	width: 100%;	
}

* html #subheader {
	margin-bottom: 0;
	height: 20px;
}

.at-tv .info {
	float:left;
	width:140px;
	border-right:1px solid #f0f0f0;
	margin-right:10px;
	padding-right:10px;
}

.at-tv .info img {
	margin:0 !important;
}

/* Home */
.left_box {
	float: left;
	width: 335px;
	height: 300px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-top: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	position: relative;
}

* html .left_box {
	width: 315px;
}

.stiri_box {
	float: left;
	width: 335px;	
	height: 300px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-top: 15px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	position: relative;
	overflow:hidden;
}

* html .stiri_box {
	width: 315px;
}

.stiri_box span{
	color: #CCCCCC;
	text-align: right;
	font-size: 11px;
	display: inline-block;
	width: 150px;
	float: right;
}

.stiri_box h3{
	display: inline;
}

.right_box {
	float: right;
	width: 335px;
	height: 300px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-top: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
}

* html .right_box {
	width: 320px;
}

.left_box .title {
	display: block;
	width: 100%;
}

.stiri_box .title {
	display: block;
	width: 100%;
	padding: 2px 0;
}

.right_box .title {
	display: block;
	width: 100%;
}

.article{
	display: block;
	width: 100%;
	float:left;
	
}

.thumbs_box{
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	margin: 5px;
}

.category{
	display: block;
	width: 100%;
	height: 20px;
	text-align: right;
}

.category ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 40px;	
}

.category a{
	color: #999999;
	font-weight: bold;
	line-height: 20px;
	font-size: 16px;
	font-size: 16px;
}

/* Review page */
#review_box{
	float: left;
	width: 1000px;
	position: relative;
}

#info_box{
	float: left;
	display: block;
	width: 615px;
	/* height: 230px; */
	border: 1px solid #CCCCCC;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
	text-align: left;
}
.social {
	display: block;
	width: 100%;	 
}
#info_box span.report{
	display: inline-block;
	width: 140px;
	float: right;
	padding-left: 25px;
	background: url(img/report.png) no-repeat left center;
	margin-top: -15px;
}

* html #info_box span.report{
	display: inline;
}

#comments_box{
float: left;
display: block;
width: 615px;
border: 1px solid #CCCCCC;
padding: 10px;
-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
text-align: left;	
}

#contact_box{	
	float: right;
	display: block;
	width: 330px;
	height: 180px;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:10px;
	padding: 10px;	
}

* html #contact_box{
	width: 330px;
	text-align: left;
}

#contact_box img{
	display: block;
	margin: 0 auto;
	max-width: 200px;
	max-height: 150px;
	border: 1px solid #000000;
}

#gallery_box{
	float: right;
	display: block;
	width: 340px;
	height: 130px;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:10px;
	padding: 10px;
	padding-right: 0;
}

* html #gallery_box{
	width: 340px;
	text-align: left;
}

#gallery_box img{
	display: block;
	float: left;
	width: 102px;
	height: 100px;
	margin-top: 5px;
	margin-right: 11px;
}

* html #gallery_box img{
	margin-right: 8px;
}
#map_box{	
	float: right;
	display: block;
	width: 330px;
	height: 380px;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
}

* html #map_box{
	width: 320px;
}

#sol-location-sidebar{
	float: right;
	display: block;
	width: 350px;
}

.sub-cats-list {
	list-style:none;
	margin:10px;
	padding:0;
	width: 100%;
	float: left;
}

.sub-cats-list li {
	width:47%;
	float:left;
	margin:5px;
}

.sub-cats-list li a {
	display:block;
	padding:8px;
	background:#f6f6f6;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.sub-cats-list li a:hover {
	background:#f0f0f0;
}