/* The London Apartments - Signals & Cities | by Justin Langlois */


/* Main Layout and Positioning */
* { 
	outline: 0; 
	outline: none; 
	}

body{
	background-color:#000000;
	background-image:url(images/signals+cities-site.jpg);
	background-repeat:no-repeat;
	min-width: 800px;
	margin: 0 0 0 0;
	color:#cccccc;
	font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size:10px;
	overflow:auto;
	}

#container{
	width:800px;
	height:auto;
	margin: 0 0 0 0;
	}
	
#footer{
	margin:20px 0 0 70px;
	padding-bottom:20px;
	clear:both;
	display:block;
	}
	
#headers {
	margin: 0 0 0 0;
	}
	
	
#logo{
	
	position:relative;
	margin: 85px 0 0 40px;
	}
	
#formcontainer{
	position:relative;
	width:250px;
	margin: 167px 0 0 400px;
	}
		
#formleft{
	width:120px;
	position:relative;
	padding: 0 0 0 0;
	float:left;
	}
	
#formright{
	width:120px;
	position:relative;
	padding: 0 0 0 0;
	float:right;
	}

	
#water{
	z-index:0;
	clear:left;
	background-image:url(http://8485.org/images/goosebar.gif);
	}
	
.footerpic {
	margin-left:200px;
	margin-top:-20px;
	overflow:hidden;
	}
	
#sidebar_forms{
	margin:0 0 0 0;
	}
	
#left{
	width:420px;
	float:left;
	position:relative;
	padding: 0 0 0 0;
	}
	
#right{
	width:150px;
	height:500px;
	float:left;
	margin: 0 0 auto 20px;
	position:relative;
	z-index:5;
	}

#create_post {
	width:650px;
	margin-left:10px;
	}
	
#page{
margin: 0px 0 0 60px;
width:600px;
}
	
#validation {
	width:800px;
	font-size:9px;
	color:#666666;
	margin: 0 auto 0 auto;
	}

	
/* NAVIGATION POSITIONING */

	
#nav {
	width: 391px;
	height: 16px;
	background: url(images/navigation.jpg);
	margin: 60px 0 0 360px; padding: 0 0 0 0 ;
	position: relative;
	}

#nav li {
	margin: 0px; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
	}

#nav a {
	display: block;
	}

	#news {left: 0px; top: 0px; width: 29px; height: 15px;}
	#story {left: 44px; top: 0px; width: 40px; height: 15px;}
	#music {left: 94px; top: 0px; width: 40px; height: 15px;}
	#video {left: 144px; top: 0px; width: 36px; height: 15px;}
	#photo {left: 192px; top: 0px; width: 40px; height: 15px;}
	#contact {left: 244px; top: 0px; width: 44px; height: 15px;}
	#regulartext {left: 308px; top: 0px; width: 82px; height: 15px;}
	
	#news a {left: 0px; top:0px; width:29px; height: 15px;}
	#story a {left: 44px; top: 0px; width: 48px; height: 15px;}
	#music a {left: 94px; top: 0px; width: 40px; height: 15px;}
	#video a {left: 144px; top: 0px; width: 40px; height: 15px;}
	#photo a {left: 192px; top: 0px; width: 40px; height: 15px;}
	#contact a {left: 244px; top: 0px; width: 44px; height: 15px;}
	#regulartext a {left: 308px; top: 0px; width: 82px; height: 15px;}
	
	#news a:hover {background: url(images/navigation.jpg) 0px -17px no-repeat; width:29px; height:15px;}
	#story a:hover {background: url(images/navigation.jpg) -44px -17px no-repeat; width:48px; height:15px;}
	#music a:hover {background: url(images/navigation.jpg) -94px -17px no-repeat; width:40px; height:15px;}
	#video a:hover {background: url(images/navigation.jpg) -144px -17px no-repeat; width:40px; height:15px;}
	#photo a:hover {background: url(images/navigation.jpg) -192px -17px no-repeat; width:40px; height:15px;}
	#contact a:hover {background: url(images/navigation.jpg) -244px -17px no-repeat; width:50px; height:15px;}
	#regulartext a:hover {background: url(images/navigation.jpg) -308px -17px no-repeat; width:82px; height:15px;}

/* Text Styling */

li { margin: 0 0 0 0;}

p {
	font-family: "Lucida Sans", Arial, sans-serif;
	font-size:10px;
	color:#cccccc;
	
	}


h1 {
	font-family:  Times, Georgia Helvetica,  Arial, sans-serif;
	color:#FFFFFF;
	font-size:26px;
	font-style: italic;
	}


a {
	text-decoration:underline;
	color:#8CB1B9;
	font-weight:bold;
	background-color:inherit;
	
	}
	
a:hover {
	color:#666666;	
	background-color:inherit;
}

a.title {
	text-decoration:none;
	color:#8CB1B9;
	background-color:inherit;
	}

a.title:hover {
	/*color:#5a140a;*/
	color:#666666;
	background-color:inherit;
	}
	
.fineprint {
	font-size:9px;
	color:#666666;
	}
	
	
	
/* CLASSES */

.sidebar {
	background-color: #000000;
	color:#FFFFFF;
	font-family: Verdana,"Lucida Sans", Helvetica, Arial, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size:1em;
	width:100%;
	}
	
.sidebar-email {
	background-color: #000000;
	color:#FFFFFF;
	font-family: Verdana,"Lucida Sans", Helvetica, Arial, sans-serif;
	font-size:1em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width:100%;
 	}
	
.sidebar-email:hover{
	background-color:#8CB1B9;
	color:#FFFFFF;
	}

input:hover {
	background-color:#8CB1B9;
	color:#FFFFFF;
	}
	
.btns {
	margin:0 0 0 50px;
	padding: 0 0 0 0;
	}
	.btns:hover {
	background-color:#000000;}

form{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.contact-form {
	background-color: #000000;
	color:#FFFFFF;
	font-family: Verdana,"Lucida Sans", Helvetica, Arial, sans-serif;
	font-size:11px;
	}
	
.contact-form:hover {
	background-color:#8CB1B9;
	}
	

	
	
/* IMAGE TAG SPECIFICS */

.img_center { 
	margin: auto auto auto 20px;	
}

.floatleft {
	float:left;
	margin: 0 10px 10px 0;
	clear:both;
	}
.floatright{
	float:right;
	}