@import url("tags.css");
@import url("p5.css");

#container{
    width:960px;
    background:#FFF;
    margin:0 auto;
}

#mainContent{
	clear:both;
	overflow:hidden;
}

* html .clearfix{
    height:1%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#header{
    clear:both;
	height:1%;
}

#header #logo{
	float:left;
}
#header #banner{
	display:inline-block;
	vertical-align:top;
	margin-top:20px;
}
#header #login{
    float:right;
    width:230px;
    height:95px;
    border-left:1px dotted #999;
    padding:10px 10px 0px 10px;
}
.formLogin label{
    display:inline-block;
    width:65px;
	margin-bottom:8px;
}
.formLogin input{
    width:150px;
	margin-bottom:8px;
}
.formLogin #loginRecupero{
    margin-left:20px;
	display:inline;
}

.formLogin .checkbox{
	width:auto;
	margin:0px 3px 0px 0px;
}
.formSubscribe label{
    display:inline-block;
    width:100px;
	margin-bottom:8px;
	font-weight:bold;
}
.formSubscribe input{
	margin-bottom:8px;
	margin-right:10px;
}
.note{
	font-size:10px;
	color:#999;
}

#footer{
    clear:both;
    padding:3px;
    background:#444;
    color:#EEE;
    text-align:center;
    font-size:10px;
	height:1%;
}
#mainMenu{
    /*background:#444444;*/
	background:#444444 url(../images/colMnHead.gif) repeat-x left bottom;
    padding:0px 3px 4px 3px;
}
#mainMenu a{
    display:inline-block;
    padding:5px 10px 5px 10px;
    text-decoration:none;
    cursor:pointer;
	font-weight:bold;
	color:#ddd;
	border-right:1px solid #999;
	letter-spacing:1px;
}
#mainMenu a:hover{
	color:#CF0;
}
#mainImage{
    height:120px;
    text-align:center;
    color:#EEE;
    border-bottom:2px solid #666;
	display:none;
}
#leftCol{
    width:200px;
    float:left;
    background:#f5f5f5 url(../images/col.gif) repeat-x left bottom;
    padding-bottom:25px;
}
#centerCol{
    width:580px;
	overflow:hidden;
	float:left;
}
#rightCol{
    width:180px;
    float:left;
    background:#f5f5f5 url(../images/col.gif) repeat-x left bottom;
    padding-bottom:25px;
}
.colMnHead{
    background:#000;
    padding:5px 5px 9px 5px;
    color:#DDD;
    text-align:center;
    margin-bottom:13px;
    font-size:11px;
    font-weight:bold;
	letter-spacing:1px;
	background:#000 url(../images/colMnHead.gif) repeat-x left bottom;
}
.firstMn{
	height:18px;
	margin-bottom:6px;
	background:transparent url(../images/firtsMn.gif) no-repeat right bottom;
}
a.colMnVoice{
    display:block;
    /*background:#e7e7e7;*/
	background:url(../images/colMnVoice.gif) no-repeat right center;
    padding:8px 10px 2px 10px;
    margin-bottom:4px;
    text-decoration:none;
    color:#000;
    cursor:pointer;
	height:23px;
	font-weight:bold;
	color:#777;
}
a.colMnVoice img{
	vertical-align:top;
	margin-right:5px;
	border:0;
}
#centerCol .title{
    padding:6px 15px 10px 15px;
    margin-bottom:10px;
    background:#666;
    color:#FFF;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	background:#666 url(../images/title.gif) no-repeat center bottom;
}
#centerCol .title h1{
    color:#FFF;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	margin:0;
	padding:0;
	line-height:normal;
}

.content{
    padding:10px;
	overflow:hidden;
}
#centerCol .personalImage{
    float:right;
    margin:0px 0px 10px 10px;
    border:1px solid #EEE;
    background:#f8f7f8;
    color:#999;
}
.subtitle{
    font-weight:bold;
    color:#666;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:1px dotted #999;
    clear:both;
    text-transform: uppercase;
	height:1%;
}
.subtitle a.showAll{
	text-transform:none;
	float:right;
}
.subtitle span{
	float:left;
}
#centerCol .sep{
    margin-top:25px;
}

.lastPrev a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 118px;
    height: 118px;
    border:1px solid #EEE;
    background:#f8f7f8;
}
.lastPrev a * {
    vertical-align: middle;
}
* .lastPrev a {
    display: block;
}
* .lastPrev a span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

.lastPrev a img{
    border:0;
}
.lastPrev{
	display:inline-block;
	* float:left;
	margin:0px 10px 20px 10px;
}
* html .lastPrev{
	margin:0px 8px 20px 8px;
}

.partners{
    color:#666;
}
#partners{
	text-align:center;	
}
#partners img{
	border:0;
	margin-bottom:15px;
	/*border:1px solid #CCC;*/
}
.lastposts a{
	color:#666;
	text-decoration:none;
}
.upper{
    margin-top:30px;
}

ul.personalInfos{
	list-style:none;
	margin:0;
	padding:0;
}
ul.personalInfos{
	list-style:none;
	margin:0;
	padding:0;
}
ul.personalInfos li div{
	margin-right:5px;
	color:#666;
	margin-bottom:3px;
	font-weight:bold;
	margin-left:-5px;
}
ul.personalInfos li{
	padding-left:5px;
	margin-bottom:15px;
}
#formSearch{
	margin-top:10px;
	line-height:25px;
	font-weight:bold;
	color:#666;
}
#formSearch #imgsearch{
	vertical-align:middle;
	margin-left:5px;
	cursor:pointer;
	border:0;
	width:16px;
	height:16px;
}
#formSearch input{
	width:150px;
	margin-bottom:5px;
	margin-left:5px;
}
#formSearch a{
	font-weight:normal;
}
.nologgedpopup{
	text-align:center;
	padding:10px;
	font-weight:bold;
	line-height:20px;
}
.nologgedpopup button{
	margin-top:30px;
}

.photoView{
	margin-bottom:15px;
	border:0;
}
#photoSlide{
	margin-bottom:15px;	
	text-align:center;
}
#photoSlide span{
	width:100px;
	display:inline-block;
}
#photoSlide span span{
	width:auto;
	display:inline;
	color:#999;
}

#photoDesc{
	margin-bottom:15px;	
	text-align:center;
	color:#666;
	font-weight:bold;
}
#photoAddComment{
	margin-top:30px;
	padding:10px;
	font-weight:bold;
	background:#fafafa;
	border:1px solid #EEE;
}
#photoAddComment textarea{
	margin-top:10px;
	margin-bottom:10px;
	width:400px;
	height:100px;
}
ul.commentsList{
	list-style:none;
	padding:0;
	margin:0;
}
ul.commentsList li{
	padding:5px 5px 5px 7px;
	background:#EEE;
	margin-bottom:10px;
}
ul.commentsList li .commentContent label{
	margin-bottom:7px;
	font-size:12px;
	display:block;
}
ul.commentsList li .commentContent label span{
	font-size:10px;
	color:#888;
	margin-left:3px;
}
ul.commentsList li .commentContent{
	margin-left:45px;
	background:#fafafa;
	border:1px solid #DDD;
	padding:5px;
	min-height:28px;
	_height:28px;
	color:#555;
}
.personalThumb{
	width:40px;
	height:40px;
	float:left;
}

.error{
	border:1px solid #F00;
	color:#000;
	padding:10px 10px 10px 62px;
	margin:10px;
	background:#EEE url(../images/warning.gif) no-repeat 10px 10px;
	font-weight:bold;
	color:#666;
}
.ownerOptions{
	float:right;
	width:15px;
	height:15px;
	background:url(../images/delete.gif) no-repeat center center;
}

.blogPostContent{
	margin-bottom:0px;
	background:#fafafa;
	border:1px solid #EEE;
	padding:5px;
	margin-bottom:20px;
}
.blogTitle{
	font-weight:bold;
	color:#666;
	font-size:16px;
}
.blogDate{
	color:#666;
	margin-bottom:20px;
	margin-top:5px;
}
.blogPost{
	margin-bottom:20px;
}
.blogTags{
	text-align:center;
}
.blogTags a{
	text-decoration:underline;
}
.naviga{
	clear:both;
	font-weight:bold;
	word-spacing:3px;
	margin-top:20px;
	border-top:1px dotted #666;
	padding-top:20px;
}
.naviga A{
	text-decoration:none;
	padding:1px 3px 1px 3px;
	background-color:#d7dfe3;
	border:1px solid #849dad;
	display:inline-block;
	margin-bottom:5px;
	vertical-align:middle;
	color:#000;
}
.feed img{
	border:0;
	vertical-align:middle;
	margin-right:5px;
}

ul.nolabel li{
	padding:5px;
}
span.usrFriendDetails{
	color:#0d4389;
	cursor:pointer;
	margin-right:15px;
}
.usrFriendDetails img{
	vertical-align:middle;
	margin-right:5px;
}
.rectLight{
	background:#fafafa;
	border:1px solid #EEE;
	padding:2px;
}
#uploadImages{
	padding:5px;
	border:1px solid #CCC;
	background:#DDD;
	color:#666;
	font-weight:bold;
	margin-bottom:20px;
}
#loading{
	position:fixed;
	right:3px;
	bottom:3px;
	width:127px;
	height:25px;
	z-index:10001;
	border:1px solid #CCC;
	padding:3px;
	background:#F00 url(../images/loading.gif) no-repeat center center;
	
	/*simulo position fixed per IE6 */
	_position:absolute;
	_right: auto; 
	_bottom: auto;
	_left: expression( ( 0 - 140 + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	_top: expression( ( 0 - 35 + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

#alertbutton{
	cursor:pointer;
	background:url(../images/events.gif) no-repeat left top;
	display:inline-block;
	vertical-align:top;
	padding-left:25px;
	margin-left:6px;
	color:#CF0;
	font-weight:bold;
	letter-spacing:1px;
	height:16px;
	padding-top:2px;
	margin-top:3px;
}
#alertbutton:hover{
	color:#CF3;
}

ul#alert{
	display:none;	
	list-style:none;
	padding:0;
	margin:27px 0px 0px 560px;
	background:#CF0;
	border:1px solid #BBB;
	cursor:pointer;
	position:absolute;
}
ul#alert li{
	padding:3px 5px 3px 5px;
	border-bottom:1px solid #BBB;
	margin-bottom:-1px;
}
ul#alert li a{
	font-weight:normal;
	color:#000;
	padding:0;
	border:0;
}
ul#alert li a:hover{
	color:#666;
}
ul.msgList{
	list-style:none;
	margin:0;
	padding:0;
}
ul.msgList a.msg{
	display:block;
	border-bottom:1px solid #DDD;
	overflow:hidden;
	white-space:no-wrap;
	padding:5px;
}
ul.msgList .ownerOptions{
	margin:-35px 3px 0px 0px;
}
ul.msgList .second{
	margin:-35px 22px 0px 0px;
	*margin:-35px 4px 0px 0px;
	background:url(../images/edit.gif) no-repeat center center;
}

ul.msgList a.msg:hover{
	background:#EEE;
}
ul.msgList a.msg span.nick{
	font-weight:bold;
	overflow:hidden;
	width:150px;
	display:inline-block;
	white-space:nowrap;
	vertical-align:middle;
}
ul.msgList a.msg span.data{
	font-weight:normal;
	color:#666;
	font-size:10px;
}
.noborder{
	border:0;
}
a.newpost{
	display:block;
	background:#EEE;
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	margin-bottom:20px;
	border:1px solid #CCC;
	margin:0px 150px 20px 150px;
}
a.newpost:hover{
	background:#DDD;
}

#formNewpost{
}
#formNewpost input{
	margin-bottom:10px;
}
#formNewpost label{
	font-weight:bold;
	color:#666;
	display:inline-block;
	margin-right:10px;
}
#formNewpost #posttags{
	margin-top:10px;
}
.disclaimer{
	font-size:10px;
	color:#999;
	padding:5px;
	background:#EEE;
	margin-top:5px;
}
.newmessage{
	background:#FFC;
}
#centerColIndex{
	padding:20px 10px 20px 20px;
	width:670px;
	float:left;
}
#rightColIndex{
    width:231px;
    float:right;
	padding-top:20px;
    background:#f5f5f5 url(../images/col.gif) repeat-x left bottom;
    padding-bottom:25px;
	padding-left:10px;
    padding-right:10px;
}
#subscribe{
	width:190px;
	height:190px;
	background:url(../images/subscribe.gif) no-repeat;
	line-height:18px;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
	line-height:19px;
	padding:18px 20px 22px 20px;
	color:#888;
}
.headerborder{
	border-bottom:15px solid #444;
}
.padding{
	padding:10px;
}

.tagscloud {
	padding:0px 10px 10px 10px;
	text-align:center;
}
.tagscloud a{
	font-weight:bold;
	color:#036;
	text-decoration:none;
	margin:0px 6px 6px 6px;
	display:inline-block;
	padding:1px;
	text-transform:lowercase;
}
.tagscloud a:hover{
	background-color:#036;
	color:#e1eafa;
}

#indexLeft{
	float:left;
	width:400px;
}
#indexRight{
	float:left;
	width:230px;
	margin-left:30px;
}

#advsearch{
	position:absolute;
	background:#CF0;	
	line-height:25px;
	border:1px solid #BBB;
	padding:5px 10px 5px 10px;
	display:none;
}
#advsearch label{
	display:inline-block;
	width:70px;
	font-weight:bold;
	color:#666;
}

.restricted{
	background:#EEE;
	padding:10px 10px 10px 70px;
	text-align:left;
	font-weight:bold;
	font-size:18px;
	margin-bottom:20px;
	border:1px solid #CCC;
	margin:0px 0px 0px 10px;
	width:250px;
	background-position:10px 10px;
	background-repeat:no-repeat;
}
.befriends{ background-image:url(../images/befriends.gif);}
.beregistered{ background-image:url(../images/beregistered.gif);}

#rightColIndex a.colMnVoice{
	background:url(../images/colMnVoice2.gif) no-repeat left top;
    padding:8px 10px 6px 10px;
    margin-bottom:0px;
}
#subscribeNow{
	display:block;
	background:#DDD url(../images/usrAdd.gif) no-repeat 10px center;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	border:1px solid #CCC;
	margin:10px 20px 0px 20px;
	padding:5px 5px 5px 20px
}
.partnersCont{
	margin-bottom:10px;
	padding:0px 0px 10px 0px;
	border-bottom:2px solid #DDD;
	color:#666;
}
.suggestbox{
	position:absolute;
}
.suggestbox a{
	display:block;
	padding:3px;
}
.suggestbox a:hover{
	background:#FFF;
}
.suggestCont{
	border:1px solid #CCC;
	background:#EEE;
}

.bookmark{
	padding-top:10px;
	line-height:30px;
	color:#999;
}
.bookmark a{
	display:inline-block;
	margin-right:15px;
	font-weight:bold;
	color:#6a84b5;
}
.bookmark a img{
	border:0;
	margin-right:5px;
	vertical-align:middle;
	border:1px solid #CCC;
}
.shortFriendList {
	height:70px;
	width:560px;
	overflow:hidden;
}
.shortFriendList a{
	text-align:center;
	display:inline-block;
	margin:0px 15px 0px 15px;
	height:70px;
	overflow:hidden;
}
.shortFriendList img{
	border:0;
	margin-bottom:3px;
}
.shortFriendList span{
	display:block;
}
#chat{
	width:700px;
	height:470px;
	position:fixed;
	bottom:5px;
	left:50%;
	margin-left:-350px;
	background:#EEE;
	border:0;
	padding:0;
	overflow:hidden;
	background:transparent;
	
	/*simulo position fixed per IE6 */
	_position: absolute; 
	/*_margin-top:expression(((document.documentElement.clientHeight - 450) / 2) + 'px');*/
	_bottom: expression(( 5 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
}