/* Main layout and appearance
*********************************************************************/

a {
	color: #999999;/*#890000;*/ /*#c9503f;*/
	text-decoration: none;
	}

a:hover {
	color: #333333;
	text-decoration: none;
	}

blockquote.heading {
	background-color: #fafafa;
	border-bottom: 1px solid #dddddd;
	margin: 0px;
	padding: 1em 40px;
}

body {
/*	background-color: #f6f6f6;*/
	color: #555555;
	font-family: Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

fieldset {
	border: 1px solid #ddd;
	border-left: 2px solid #aa4444;
	margin: 5px;
	padding: 5px;
	}

fieldset label {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px 0px 0.3em 0.2em;
	}

fieldset.admin {
	border-left: 2px solid green;
	}

form {
	margin: 0px;
	padding: 0px;
	}

h1 {
	font-size: 20px;
	margin: 0px;
	padding: 0.4em;
	}

h2 {
	/*color: #ff0084;*/
	color: black;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	}

h3 {
	/*color: #ff0084;*/
	color: black;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 0.4em 0px 0.1em;
	}

h4 {
	font-size: 13px;
	margin-bottom: 10px;
	}

img {
	border: 0px;
	}

input, textarea {
	font-family: Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px;
	}

p {
	margin: 4px 0px;
	padding: 0px;
	}

small {
	font-size: 0.9em;
	}

small.very {
	font-size: 0.8em;
	}

#layout {
	background-color: #fefefe;
	margin: 0px auto;
	padding: 4px 6px;
	text-align: left;
	width: 800px;
	z-index: 1;
	}

.bold {
	font-weight: bold;
	}

.center {
	text-align: center;
	}

.clearer {
	clear: both;
	display: block;
	float: none;
	font-size: 0px;
	height: 0px;
	overflow: hidden;
	}

.gray {
	color: #999999;
	}

.gray a {
	/*color: #df7161;*/
	color: #999999;
	}

.gray a:hover {
	color: #666666;
	}

.icon {
	height: 16px;
	padding-right: 4px;
	vertical-align: -4px;
	width: 16px;
	}

.online {
	color: green;
	font-size: 0.8em;
	}

.spaced {
	margin: 20px 0px 40px 40px;
	}

.warn, .gray .warn {
	color: #bf2020;
	}


/* Logo
*********************************************************************/

#logo {
	border-bottom: 1px solid #eeeeee;
	height: 64px;
	}

#logo img {
	height: 64px;
	margin-left: 5px;
	width: 200px;
	}

#logo form {
	float: right;
	text-align: right;
	width: 300px;
	}

#logo input {
	color: #999999;
	}
	

/* Foto casuali
*********************************************************************/

#logo .rand {
	height: auto;
	width: auto;
	margin: 0px 1px;
	padding-top: 5px;
	}


/* Menu
*********************************************************************/

#menu {
	background-color: #FFFFFF;
	height: 25px;
	padding: 6px 5px;
	border-left: #E6E6E6 solid 1px;
	border-right: #E6E6E6 solid 1px;	
	}

#menu .line {
	/*margin: 6px 0px 10px 0px; */
	background-image: url(wline.gif);
	background-repeat: repeat-x;
	/*height: 15px;*/
	}

#menu a {
	color: #666666;
	}

#menu a:hover {
	font-weight: bold;
	}

#menu a.menuExt .icon {
	display: inline;
	height: 16px;
	margin: 0px -3px 0px -4px;
	vertical-align: -4px;
	width: 16px;
	}

#menu div.menuExt {
	background-color: #FFFFFF;
	display: none;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0px 2px 4px;
	position: absolute;
	text-align: left;
	width: 100px;
	z-index: 2;
	border: #E6E6E6 solid 1px; 
	}

#menu div.menuExt a {
	display: block;
	padding: 2px;
	}

#menu div.menuExt a.lineAbove {
	border-top: 1px solid #cccccc;
	margin-top: 3px;
	padding-top: 3px;
	}

#menu div.menuExt a:hover {
	color: #999;
	}

#menu div .left {
	float: left;
	width: 74%;
	}

#menu div .right {
	float: right;
	text-align: right;
	width: 26%;
	}

#nav {
	display: block;
	height: 16px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#nav .icon {
	display: none;
	}

#nav li {
	display: inline;
	margin: 0px 0px 0px 4px;
	padding: 0px;
	}

#nav a:hover {
	color: #999;
	}


#main {
	/*border-top: 2px solid #e9c0af;*/
	border-left: #E6E6E6 solid 1px;
	border-right: #E6E6E6 solid 1px;
	border-bottom: #E6E6E6 solid 1px;	
	padding: 0px 5px 0px 5px;	
	}


/* Footer
*********************************************************************/

#bannerBottom {
	clear: both;
	height: 90px;
	padding: 8px 0px 12px;
	text-align: center;
	}

#copy {
	font-size: 11px;
	margin: 4px;
	}

#copy div {
	float: right;
	}

#footer {
/*	border-top: 2px solid #c9503f;*/
	border-top: #E6E6E6 solid 1px;
	color: #999999;
	font-size: 11px;
	/*margin-top: 20px;*/
	padding: 5px 4px 0px;
	}

#footer .icon {
	display: none;
	}

#footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 5px;
	}

#footer li {
	float: left;
	line-height: 16px;
	width: 25%;
	}

#footer li a {
	color: #999999;
	}

#footer li:hover, #footer li.hover  {
	color: #333333;
	}

#footer li:hover a, #footer li.hover a {
	color: #c9503f;
	}

#footer li:hover a:hover, #footer li.hover a:hover {
	color: #333333;
	}


/* Esplora
*********************************************************************/

.esplora h1 {
	padding-bottom: 0.2em;
	}

.esplora .hr {
	border-bottom: 1px solid #dddddd;
	clear: both;
	height: 0px;
	margin-bottom: 4px;
	padding-top: 8px;
	}

#lastImgs {
	float: left;
	width: 50%;
	}

#lastImgs h3 {
	clear: left;
	}

#nextBirthdays {
	float: right;
	width: 50%;
	}

#lastUsers {
	float: right;
	margin-top: 4px;
	width: 50%;
	}

/* TODO: cancellare */ #lastUsers div {
	height: 102px;
	overflow: hidden;
	}

#lastBlogs {
	float: left;
	width: 58%;
	}

#blogs .item {
	border-bottom: 1px solid #dddddd;
	padding: 2px 0px;
	}

#blogs .item div {
	height: 1.2em;
	overflow: hidden;
	}

#randUsers {
	float: right;
	width: 37%;
	}

#bannerRight {
	clear: right;
	float: right;
	width: 37%;
	}

#mostOnline {
	clear: right;
	float: right;
	width: 37%;
	}

#lastImgs div, #nextBirthdays div, #lastUsers div, #randUsers div, #mostOnline div {
	padding: 2px 4px;
	}
	

/* Ricerca e liste utenti
*********************************************************************/

#search .search_left {
	float: left;
	margin-top: 3px;
	padding-right: 1%;
	text-align: right;
	width: 180px;
	}

#search .search_right {
	float: left;
	margin-top: 1px;  
	text-align: left;
	width: 500px;
	}

.searchbar {
	background-color: #fafafa;
	border: 1px solid #dddddd;
	border-width: 1px 0px;
	margin: 10px 0px;
	padding: 1em 40px;
	}

.searchbar h3 {
	padding-top: 0px;
	}

.userbig {
	float: left;
	height: 52px;
	overflow: hidden;
	width: 260px;
	}

.userbig div.avatar {
	float: left;
	width: 52px;
	}

.userbig div.text {
	float: right;
	width: 205px;
	}	

.userbig.home {
	text-align: left;
	width: 200px;
	}

.userbig.home div.text {
	width: 148px;
	}

.userbig.block {
	text-align: left;
	width: 190px;
	}

.userbig.block div.text {
	width: 134px;
	}

.userbig.block div.avatar {
	float: left;
	width: 52px;
	}		

.userrrow {
	clear: both;
	}

.userrow .nick, .userrow .sex, .userrow .asl, .userrow .extra, .userrow .link {
	display: block;
	float: left;
	text-align: center;
	}

.userrow .nick {
	text-align: left;
	width: 45%;
	}

.userrow .sex {
	width: 5%;
	}

.userrow .asl {
	width: 10%;
	}

.userrow .extra {
	width: 20%;
	}

.userrow .link {
	text-align: right;
	width: 20%;
	}


/* Profili
*********************************************************************/

#profilo {
	overflow: hidden;
	padding: 4px 3px;
	}

#profilo a.avatar {
	/*float: right;*/
	}

#profilo b.nick {
	font-size: 1.4em;
	margin-left: -2px;
	}

#profilo p {
	margin: 0px 0px 0px 2px;
	}

#profilo p img.icon {
	vertical-align: -15%;
	}

#profilo, #profilocontent {
	text-wrap: unrestricted;	/* css 3 */
	word-wrap: break-word;		/* ie 5.5+ */
	}

#profiloextra {
	height: 0px;
	overflow: hidden;
	}

#aff {
	clear: right;
	display: block;
	float: right;
	font-weight: bold;
	text-align: right;
	width: 6em;
	}

#bar {
	background-color: #FFFFFF;
	border-top: 1px solid #eeeeee;
	height: 16px;
/*	overflow: hidden;*/
	padding: 4px 4px;
	}

.line {
	margin: 2px 0px 2px 0px; 
	background-image: url(wline.gif);
	background-repeat: repeat-x;
	height: 5px;
	}	

#bar a {
	color: #666666;
	}

#bar a:hover {
	color: #999999;
	}

#bar .icon {
	display: none;
}

#bar .left {
	float: left;
	}

#bar .right {
	float: right;
	}

#statusMsg {
	padding: 4px 0px;
	}

#statusMsg small {
	color: #999999;
	}


/* Altri elementi grafici
*********************************************************************/

.alt {
	background-color: #fafafa;
	}

.editable form {
	margin: -4px 0px;
	}

.editable .val {
	width: 70%;
	}

.explain {
	background: #fafafa url(http://un1city.com/img/site/icons/information.png) center no-repeat;
	background-position: 15px 50%;
	border: 1px solid #dddddd;
	border-width: 1px 0px;
	font-size: 0.9em;
	padding: 5px 20px 5px 45px;
	}

.explain.gray {
	color: #666666;
	}

.explain img {
	display: none;
	}

.form_explain {
	color: #777;
	margin-left: 53px;
	padding: 4px 0px 14px 0px;
	width: 400px;
	}

.form_error {
	color: #bf2020;
	/*width: 400px;*/
	}	

.form_left {
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 2px;
	padding-left: 50px;
	width: 200px;
	}
	
.form_captcha {
	float: left;
	align: right;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 50px;
	width: 200px;
	}

.form_right {
	float: left;
	width: 250px;
	}

.form_right textarea {
	border: 1px solid #666;
	}

.indent {
	margin: -6px 0px 0px 20px;
	}

.links .active {
	font-weight: bold;
	}

.links .null {
	color: #999999;
	}

#friends, #preferences, #search {
	overflow: hidden;
	}

#growlerSpace {
	background: #fafafa url(http://un1city.com/img/site/icons/information.png) center no-repeat;
	background-position: 10px 50%;
	border-bottom: 1px solid #dddddd;
	line-height: 1.3em;
	margin-bottom: 4px;
	padding: 4px 0px 6px;
	}

#preferences {
	background-color: #f6f6f6;
	border: 1px solid #dddddd;
	border-width: 1px 0px;
	padding: 0px 10px;
	}

#progress {
	background-color: white;
	border-bottom: 2px solid #dddddd;
	height: 16px;
	left: 0px;
	margin-bottom: -26px;
	padding: 4px 0px;
	position: fixed !important;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 3;
	}

#sounds {
	height: 0px;
	overflow: hidden;
	width: 0px;
	}


/* Blog
*********************************************************************/

#archivioBlog {
	float: left;
	margin-top: -1em;
	width: 400px;
	}

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

blockquote.heading h1 {
	padding-top: 0px;
	}

.blogentry {
	border-bottom: 1px dashed #dddddd;
	margin-bottom: 10px;
	padding-bottom: 5px;
	}

.blogentry.single {
	border: 0px;
	}

.blogentry h2 {
	margin-bottom: -2px;
	}

.blogentry a.title {
	/*color: #ff0084;*/
	}

.blogentry a.title:hover {
	color: #333333;
	}

.blogentry .content {
	margin-top: 1em;
	}

.blogentry h3 .left {
	float: left;
	width: 50%;
	}

.blogentry h3 .right {
	float: right;
	text-align: right;
	width: 50%;
	}

.blogentry p {
	margin: 0px;
	}

.blogBottom {
	border: 1px solid #dddddd;
	border-width: 1px 0px;
	}

.blogBottom .left {
	float: left;
	width: 250px;
	}

.blogBottom .right {
	float: right;
	width: 468px;
	}


/* Immagini
*********************************************************************/

div.thumbnail {
	float: left;
	height: 97px;
	overflow: hidden;
	text-align: center;
	width: 96px;
	margin: 0px 0px 0px 6px;
	}

div.thumbnail a.overlay:hover img {
	border: 1px solid #999999;
}

div.thumbnail a.overlay {
	}

div.thumbnail a.overlay img {
	border: 1px solid #eeeeee;
	display: block;
	margin: 0px auto;
	padding: 2px;
	overflow: hidden;
	}

#biggerCmd {
	color: #999999;
	font-size: 0.9em;
	overflow: hidden;
	text-align: center;
	}

#biggerCmd span {
	display: block;
	margin: 0px auto;
	padding: 4px 0px;
	}

#biggerCmd .left {
	display: inline;
	float: left;
	margin: 0px;
	}

#biggerCmd .right {
	display: inline;
	float: right;
	margin: 0px;
	}

#biggerDescr {
	clear: both;
	color: #333333;
	padding: 4px 0px;
	}

#biggerDescr i {
	color: #999999;
	}

#biggerImage, #biggerCmd {
	height: 0px;
	overflow: hidden;
	}

#biggerImage {
	text-align: center;
	margin: 0px 5px 0px 0px;
	width: 625px;
	}

#biggerImage img {
	margin: 0px auto;
	}

#descr {
	margin-bottom: 10px;
	}

#favesimg {
	float: left;
	margin-top: 10px;
	padding: 0px 10px;
	text-align: center;
	width: 240px;
	}

#favesimg h4 {
	margin: 4px 0px;
	}

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

#favesusers {
	float: right;
	margin-top: 10px;
	padding: 0px 10px;
	width: 520px;
	}

#exif {
	margin-top: 10px;
	}


/* Commenti
*********************************************************************/

.commento {
	border-bottom: 1px solid #e0e0e0;
	margin: 4px 20px;
	overflow: hidden;
	padding: 7px 10px;
	}

.commento.last {
	border-bottom: 0px;
	margin-bottom: 15px;
	}

.commento.unread {
	border-right: 5px solid #dddddd;
	padding: 7px 5px 7px 10px;
	}

.commento.self {
	border-right: 5px solid black;
	padding: 7px 5px 7px 10px;
	}

.commento div.avatar {
	float: left;
	height: 52px;
	padding: 0px 10px 0px 4px;
	width: 48px;
	}

.commento div.content {
	float: right;
	margin-top: -3px;
	width: 665px;
	}

.commento div.content h4 {
	margin: 0px 0px 6px;
	}

.commento div.content .online {
	font-size: 0.9em;
	}

.commento div.content h4 span {
	font-weight: normal;
	}

.history {
	background-color: #fafafa;
	padding: 4px;
	}

.history center {
	padding: 2px 0px 4px;
	}

.reply {
	background-color: #f6f6f6;
	border: 1px solid #dddddd;
	border-width: 1px 0px;
	overflow: hidden;
	}

.reply > div {
	margin: 3px;
	text-align: center;
	}

.reply textarea {
	height: 60px;
	padding: 2px;
	width: 85%;
	}

.reply textarea, .reply input {
	margin: 6px 4px;
	vertical-align: middle;
	}

.reply.self {
	text-align: center;
	}

.reply.self textarea {
	width: 70%;
	}

#archivio {
	overflow: hidden;
	}


/* Avatars
*********************************************************************/

a.avatar {
	}

a.avatar img {
	margin: 0px 0px -2px;
	padding: 0px 0px 4px;
	}

a.avatar:hover {
	background-color: #3784c9;
	}

a.avatar.block {
	display: block;
	}


/* My/aggr
*********************************************************************/

#aggr{/*TODO*/}


/* My/blog
*********************************************************************/

#extEditor {
	border: 1px solid #bbbbbb;
	font-size: 1.1em;
	margin: 2px 0px;
	}

#problemi {
	height: 0px;
	overflow: hidden;
	}

#smplEditor textarea {
	border: 1px solid #bbb;
	font-size: 1.1em;
	height: 120px;
	margin: 2px 0px;
	width: 100%;
	}


/* My/faves
*********************************************************************/

.fave {
	float: left;
	height: 54px;
	margin: 2px 0px 2px;
	width: 49%;
	}

.fave div.avatar {
	float: left;
	text-align: right;
	width: 54px;
	}

.fave .text {
	float: left;
	height: 44px;
	padding: 10px 10px 0px 4px;
	text-align: left;
	width: 318px;
	}


/* My/friends
*********************************************************************/

#friends {
	overflow: hidden;
	}


/* My/immagini
*********************************************************************/

#avatarList {
	padding: 10px;
	}

#main.upload form {
	height: 180px;
	padding: 0px 40px;
	}

#uploadWarning {
	background: white;
	display: none;
	height: 200px;
	margin: -200px 0px 0px;
	padding: 0px 40px;
	}


/* Foto casuali
*********************************************************************/

#rand img {
	margin-left: -1px;
	vertical-align: top;
	}

#randExt {
	background-color: white;
	border: 1px solid #3784c9;
	padding: 3px;
	position: absolute;
	text-align: center;
	width: 306px;
	}

#randExt img {
	margin: 0px 1px;
	vertical-align: middle;
	}

#randD {
	margin-top: 6px;
	}


/* Overwrite previous rules
*********************************************************************/

#menu a.warn {
	color: #df2020;
	}


/* Groups
*********************************************************************/
#group_header {
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
	}

#group_header h1 {
	padding-bottom:2px;
	}

#group_block {
	background-color:#fafafa;
	border:1px solid #E6E6E6;
	border-top:1px solid #E6E6E6;	
	height:20px;
	padding:5px 0px 0px 2px;
	text-transform:uppercase;
	color: #999999;
	}
	
#group_block_simple {
	border-bottom:1px solid #E6E6E6;
	height:20px;
	padding:5px 0px 0px 2px;
	text-transform:uppercase;
	color: #CCCCCC;
	font-size: 11px;
	}	
	
#group_block_admin {
	color:#0000B7;
	background-color:#E2E7F3;
	border-bottom:1px solid #0000B7;
	height:20px;
	padding:5px 0px 0px 5px;
	}

#group_admin_box {
	border:1px solid #0000B7;
	height:46px;
	}


/* Partners
*********************************************************************/
#partner_header {
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
	}

#partner_header h1 {
	padding-bottom:2px;
	}

#partner_block {
/*	background-color:#fafafa;*/
	border-bottom:1px solid #E6E6E6;
	border-top:1px solid #E6E6E6;	
	height:20px;
	padding:5px 0px 0px 2px;
	text-transform:uppercase;
	color: #999999;
	}

#partner_blockw {
	margin: 2px 0px 2px 0px; 
	background-image: url(wline.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	height: 25px;
	color: #999999;
	text-transform:uppercase;
	font-weight:bold;
	}
	
#partner_block_simple {
	border-bottom:1px solid #E6E6E6;
	height:20px;
	padding:5px 0px 0px 2px;
	text-transform:uppercase;
	color: #CCCCCC;
	font-size: 11px;
	}	
	


/* Groups - Comments
*********************************************************************/
.userbig2 {
	float: left;
	margin-left:10px;
	}

.userbig2 div.avatar {
	float: left;
	width: 52px;
	}

.userbig2 div.text {
	float: left;
	}

/* Events */	
.flyer{
	border: 1px solid #C0C0C0;
	dis: playblock;
	margin: 0px auto;
	padding: 2px;
	}