/* CSS Document */

#content {
	width:100%;
	padding:20px;
}

#content_left {
	width:607px;
	float:left;
}

#content_right {
	width:302px;
	float:right;
}

.date_month {
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	line-height:0.9;
}

.date_day {
	font-family:Arial;
	font-weight:bold;
	font-size:26px;
	line-height:0.4;
}

.profile {
	margin-right:50px;
	text-align:center;
	font-weight:bold;
	float:left;
}

.profile img {
	margin-top:10px;
}

.gallery div {
	padding:5px;
	margin:0 70px 35px 0;
	width:250px;
	float:left;
	text-align:center;
}

.cat li {
	padding:5px 5px 10px 15px;
	background:url(../i/cat.png) 0 6px no-repeat;
}

.cat_sub li {
	padding:10px 5px 0 35px;
	background:url(../i/cat.png) 20px 11px no-repeat;
}

/* ######################################################## ROUND #################################################################### */

.round {
	float:left;
}

.round_o {
}

.round_lo {
	background:url(../i/round_lo.png) 0 0 no-repeat;
	float:left;
}

.round_mo {
	background:url(../i/round_m.png) repeat;
	float:left;
}

.round_ro {
	background:url(../i/round_ro.png) 100% 0 no-repeat;
	float:right;
}

.round_m {
	background:url(../i/round_m.png) repeat;
	padding:0 10px 0 10px;
	margin-top:-10px;
}

.round_m h3 {
	padding:3px 0 3px 0;
	margin: 0px;
}

.round_m li {
	float:left;
	position:relative;
}

.round_m li a {
	font-weight:bold;
	float:left;
	padding:10px 20px 5px 20px;
	color:white;
	margin-top:-5px;
	margin-right:1px;
}

.round_m li a:hover, .round_m li a.active {
	text-decoration:none;
	background:url(../i/tab_active.png) repeat;
	height:20px;
	margin-bottom:-5px;
}

.round_u {
	margin-top:-15px;
	height:5px;
}

.round_lu {
	background:url(../i/round_lu.png) 0 0 no-repeat;
	float:left;
}

.round_mu {
	background:url(../i/round_m.png) repeat;
	float:left;
}

.round_ru {
	background:url(../i/round_ru.png) 100% 0 no-repeat;
	float:right;
}

/* ######################################################## ROUND #################################################################### */

.button_l {
	background:url(../i/button_l.png) 0 0 no-repeat;
	float:left;
}

.button_m {
	background:url(../i/button_m.png) 0 0 repeat-x;
	height:38px;
	float:left;
	font-size:24px;
	font-weight:bold;
	border:none;
	color:white;
	cursor:pointer;
}

.button_r {
	background:url(../i/button_r.png) 0 0 no-repeat;
	float:left;
}


.button_l_small {
	background:url(../i/smallbutton_l.png) 0 0 no-repeat;
	float:left;
}

.button_m_small {
	background:url(../i/smallbutton.png) 0 0 repeat-x;
	height:14px;
	float:left;
	font-size:12px;
	font-weight:bold;
	border:none;
	padding: 2px 5px;
	cursor:pointer;
}

.button_m_small a {
	color: #fff;
	text-decoration: none;
}

.button_r_small {
	background:url(../i/smallbutton_r.png) 0 0 no-repeat;
	float:left;
}



/* ############ OVERLAY  ################ */

#overlayGrey {
background-color:#000000;
position:absolute;
left:0px;
top:0px;
opacity:0.7;
filter: alpha(opacity = 50);
width:100%;
height:100%;
z-index: 200;
}

#messageContent {
padding: 0 15px 10px 15px;
width:300px;
height:250px;
position:absolute;
left:50%;
top:20%;
margin-left:-166px;
margin-top:-91px;
background-color:#ffffff;
z-index: 300;
color: #333;
}


#messageContent input.button {
height:18px; 
background:url(../i/button_m.png) repeat-x; 
border:none; 
color:white; 
font-size:11px; 
font-weight:bold; 
}

/* ############ radu ################ */

.image_list_schmal {
text-align: center;
float: left;
margin: 0 3px 10px 3px;
width: 200px;

}


#vertikal_navi {
position: relative;
z-index: 2;
left:15px;
}

.tab_vertikal a {
font-size: 11px;
font-weight: bold;
}

.tab_vertikal a:hover, .tab_vertikal a.active {
text-decoration: none;
color: #FFFF64;
}


.tab_vertikal a.sub {
background: none;
padding: 2px;
margin: 0 0 5px 15px;
color:white;
line-height:2;
}

.tab_vertikal a.subactive {
background: url(../i/round_m.png) repeat;
color: #FFFF64;
padding: 2px;
line-height:2;
}

.tab_vertikal a.sub:hover {
color: #FFFF64;
background: url(../i/round_m.png) repeat;
}

.tab_vertikal .head {
padding: 0 10px 10px 10px;
height: 100%;
}

.tab_vertikal div.profile_pic {
float: left; 
width: 55px;
margin: 0 10px 0 0;
}

.tab_vertikal div.profile_name {
float: left; 
width: 175px; 
padding: 20px 0 0 0;
}