/*  project: city nightlife (OWD's contest entry)
	author: luka cvrk (www.solucija.com)    	*/

body { background: #66CCFF url(images/header.jpg) repeat-x top right; margin: 0; padding: 0; color: #999999; font: 0.8em "Century Gothic", Arial, Sans-Serif; text-align: center; }

h1 { 
font: 60px "Arial Black"; 
/*letter-spacing: -1px; */
color: #FFF; 
background: inherit; 
font-weight: bold; }

h1 i { color: #FFCC33; 
}

h2 { font: 1.7em "Century Gothic", Arial,Sans-Serif; letter-spacing: -1px; margin: 0; padding: 0; }
p {	line-height:1.4em; }
a { font: 1.2em Arial, Sans-Serif; text-decoration: none; color: #04B9FF; background: inherit; }
a:hover{ color: #000066; background: inherit; }

.content {
	width:785px;
	margin: 0 auto;
	padding: 0px;
	text-align:left;
	/*background: url(images/pizza.gif) no-repeat top right;*/
}

.left {
	float: left;
}
	.left_content {
		float: left;
		width: 568px;
		/*height: 400px;*/
		background-color: #ffffff;
		color: #000033;
		text-align: justify;
		margin: 0 3px 20px 0;
		padding: 10px;
		border: 2px solid #000033;
	}
	.left_content img{
		float: left;
		color: #000033;
		border: 1px solid #000033;
		background-color: #FFFFFF;
		margin: 3px 10px 7px 0;
		padding: 5px;
	}

.right {
	float:right;
	width: 190px;
	margin: 0px;
	line-height:1.3em;
	font-size:1.0em;
}
	.uppermenu {
		width: 190px;
		padding: 10px;
		margin: 0 0 3px 0;
		background: #CCCCCC;
		line-height:1.3em;
		color: #000033;
		font-size:1.0em;
		height: 400px;
		border: 2px solid #000033;
	}
	.uppermenu ul, .uppermenu li {
		list-style: none;
		margin: 10px;
		padding-right: 20px;
		width: 160px;
	}
	.uppermenu a { 
		width: 200px;
		color: #000033; background: #cccccc; font: 1.7em "Century Gothic", Arial, Sans-Serif; 
		padding-right: 5px;}
	.uppermenu a:hover { color: #FFF; background: #66CCFF; }
	
	
	.lowermenu {
		padding: 10px;
		height: 90px;
		background: #fff url(greycorner.gif) no-repeat bottom left;
		line-height: 1.3em;
		color: #000033;
		font-size:1.0em;
	}
	.box {
		float: left;
		width: 85px;
		height: 55px;
		padding: 15px 0;
		text-align: center;
		color: #018EC5;
		background: #fff url(images/smallbox.gif) no-repeat;
	}
	.box p { margin: 0;	}

.bottom {
	clear: both;
	height: 258px;
	background: #fff;
	color: #FFF;
	padding: 10px 5px 5px 5px;
	margin-top: 10px;
	border: 2px solid #000033;
	
}

.related { 
	clear: both; 
	float: left; 
	width: 364px; 
	color: #000066; 
	background: #66CCFF;
	padding: 10px;
	height: 230px;
}
	.related a { color: #333333; background: inherit; }
	.related:hover { color:#333333;}
	
	.leftlist {
		padding: 5px;
		margin: 1px;
		border-bottom: 1px dotted #FFF;
	}
	.leftlist:hover { color: #000099; background: #FF9933;	}

.worth {
	background: #66CCFF;
	width: 364px;
	float: right;
	height: 230px;
	padding: 10px;
	margin: 0 0 10px 0;
	color: #000066;
}
	.worth a { color: #333333; background: inherit; }
	
.rightlist {
	padding: 5px;
	margin: 1px;
	border-bottom: 1px dotted #FFF;
}
	.rightlist:hover { color: #FFF; background: #FF9933; }

.footer{
	clear: both;
	padding: 15px 0 15px 0;
	font-size: 0.9em;
	color: #ffffff;
	background: #000033;
}
	.footer a { color: #04B9FF; background: inherit; }
	.footer a:hover { color:#FF1604; background: inherit; }