* { margin: 0; padding: 0; padding: 0; }
img { border: 0; }

body {
	font-size: 62.5%;
	font-family: arial;
	background: #fff url(../images/bg-main.jpg) repeat-x;
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;	
}
	
	#login {
		width: 786px;
		height: 39px;
		padding: 0 107px;
	}
	
		#login .date {
			width: 300px;
			height: 26px;
			padding: 13px 0 0 0;
			float: left;
			color: #747474;
			font-size: 1.2em;
			font-weight: bold;
		}
		
		#login .formfields {
			width: 290px;
			height: 34px;
			padding: 5px 0 0 0;
			float: right;
		}
		
			#login img { vertical-align: top; }
		
			#login .field {
				width: 97px;
				height: 20px;
				padding: 4px 3px 0;
				margin: 2px 0 0 5px;
				border: 0;
				font-family: arial;
				font-size: 1.2em;
				background: url(../images/input.gif) no-repeat;
				color: #838383;
				font-weight: bold;
			}
			
			#login .submit {
				width: 21px;
				height: 24px;
				margin: 0 0 0 3px;
				border: 0;
				background: url(../images/go.gif) no-repeat;
				vertical-align: top;
			}
	
	#content {
		width: 786px;
		padding: 0 107px;
		background: url(../images/bg-main-content.jpg) no-repeat;
	}
	
		h1 {
			width: 786px;
			height: 160px;
			text-indent: -9999px;
			display: block;
			background: transparent;
		}
		
		h2 { 
			height: 72px;
			padding: 0 40px;
			font-size: 1.8em;
		}
		
			h2 span { 
				font-weight: normal;
			}
		
		#register {
			width: 408px;
			background: url(../images/bg-register.gif) repeat-y;
			float: left;
			color: #747474;
		}
		
			#register .getyourown {
				width: 408px;
				height: 20px;
				background: url(../images/getyourown.jpg) no-repeat;
			}
			
			#register .field1 {
				float: left; 
				width: 192px;
				padding: 10px 0 0 12px;
			}
			
			#register .field2 {
				float: right;
				width: 196px;
				padding: 10px 0 0 8px;
			}
			
			#register label {
				display: block;
				font-size: 1.4em;
				font-weight: bold;
				padding: 0 0 3px;
				color: #4c4c4c;
			}
			
			#register span {
				font-size: 1.1em;
				font-weight: bold;
				padding: 0 0 0 3px;
			}
			
			#register a {
				color: #2290d5;
				text-decoration: none;
			}
			
			#register a:hover {	text-decoration: underline;	}
			
			#register #agree {
				margin: 20px 0 0 0;
			}
			
			#register .input {
				width: 175px;
				height: 26px;
				background: url(../images/input2.gif) no-repeat;
				border: 0;
				font-size: 1.4em;
				font-family: arial;
				font-weight: bold;
				padding: 7px 5px 10px;
			}
			
			#register .letmein {
				clear: both;
				width: 244px;
				height: 26px;
				padding: 0 0 0 164px;
				background: url(../images/letmein.jpg) no-repeat;
			}
			
				#register .letmein .submit {
					border: 0;
					width: 88px;
					height: 26px;
					background: transparent;
					display: block;
				}
				
			
		#livefeed {
			width: 344px;
			float: right;
			font-size: 1.2em;
		}
		
			#livefeed h2 {
				width: 104px;
				height: 18px;
				background: url(../images/livefeed.jpg) no-repeat;
				display: block;
				text-indent: -9999px;
			}
			
			#livefeed a {
				color: #2788c5;
				font-weight: bold;
			}
			
			#livefeed p {
				padding: 5px 0 10px 0;
			}
			
			#livefeed ul {
				list-style-type: none;
			}
			
			#livefeed li {
				width: 63px;
				height: 57px;
				float: left;
				display: block;
				padding: 0 5px 5px 0;	
				overflow: hidden;
			}
		
		#footer {
			clear: both;
			width: 786px;
			height: 154px;
			padding: 52px 0 0 0;
			background: url(../images/bg-nutshell.jpg) no-repeat;
		}
		
			#nutshell {
				float: left;
				width: 576px;
			}
			
				#nutshell h3 { 
					font-size: 1.1em;
				}
				
				#nutshell p {
					font-size: 1.2em;
					padding: 12px 0 0 0;
					width: 380px;
				}
			
			#main {
				float: left;
				width: 76px;
				padding: 23px 0 0 15px;
				list-style-type: none;
				font-size: 1.2em;
			}
				#main li {
					padding: 0 0 12px 0;
				}
				
				#main a {
					color: #663050;
					font-weight: bold;
					text-decoration: none;
				}
				
				#main a:hover { text-decoration: underline; }
			
			#backstage { 
				float: left;
				width: 104px;
				padding: 23px 0 0 15px;
				list-style-type: none;
				font-size: 1.2em;
			}
			
				#backstage li {
					padding: 0 0 12px 0;
				}
			
				#backstage a {
					color: #663050;
					font-weight: bold;
					text-decoration: none;
				}
				
				#backstage a:hover { text-decoration: underline; }