/* Title: Wired-In Online Magazine */
/* Author: Patrick Cole */
/* Site: http://www.patrickcole.com */

	* { margin: 0; padding: 0; }
	
	:focus { outline: 0; }

	/* Element Styles */
	body { font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 20px; }
	h1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: none; }
	h2 { font-size: 21px; font-style: italic; font-weight: normal; color: #333; letter-spacing: -1px;  margin: 0px; padding: 45px 0px 0px 0px;  }
	h3 { font-weight: normal; font-size: 27px; letter-spacing: -1px; color: #333; display: none; }
	h4 { font-weight: normal; font-size: 17px; color: #333; letter-spacing: -1px; margin: 0px; padding: 10px 0px 0px 10px; }
	h5 { font-weight: normal; font-size: 19px; color: #333; letter-spacing: -1px; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 10px; }
	h6 { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; font-weight: normal; font-size: 13px; }
	p { padding: 0px 10px 0px 10px; margin: 10px 0px 10px 0px; }
	input[type="text"] { padding: 5px; margin: 0px 0px 1px 0px; border-style: solid; border-color: #ccc; border-width: 1px; background-color: #eee; }
	input[type="submit"] { background-color: #d01a19; color: #fff; border-style: solid; border-color: #333; border-width: 1px 1px 1px 1px; 
		padding: 5px 10px 5px 10px; margin: 0px 5px 0px 0px; }
	input[type="reset"] { background-color: #666; color: #eee; border-style: solid; border-color: #333; border-width: 1px 1px 1px 1px; padding: 5px 10px 5px 10px; }
	input.insubmit { width: 97%; background-color: #fff; }
	textarea { padding: 5px; margin: 0px; border-style: solid; border-color: #ccc; border-width: 1px; background-color: #eee; }
	textarea.submit { width: 97%; background-color: #fff; }
	small { float: right; padding: 0px 10px 10px 0px; color: #ccc; font-size: 10px; text-transform: uppercase; }

	/* Link Styles */
	a:link { color: #333; text-decoration: none; border-style: dotted; border-color: #666; border-width: 0px 0px 1px 0px; }
	a:visited { color: #333; text-decoration: none; border-style: dotted; border-color: #666; border-width: 0px 0px 1px 0px; }
	a:hover { color: #d01a19; text-decoration: none; border-style: solid; border-color: #d01a19; border-width: 0px 0px 1px 0px; }
	a:active { color: #d01a19; text-decoration: none; border-style: solid; border-color: #d01a19; border-width: 0px 0px 1px 0px; }

	/* Classes */
	.logo { float: left; width: 300px; height: 100px; background: url('resources/lgo.jpg') no-repeat left top; }
	.slogan { float: right; }
	.red { color: #d01a19; }
	
	.box { float: left; width: 235px;  background-color: #555; margin: 15px 0px 15px 15px; padding: 0; 
		border-style: solid; border-color: #ccc; border-width: 1px 1px 1px 1px; }
	.box h5 { font-weight: normal; font-size: 19px; color: #fff; letter-spacing: -1px; padding: 10px 10px 10px 10px; }
	
	.ad { float: right; width: 170px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	.ad img { padding: 5px 5px 5px 5px; border-style: solid; border-color: #666; border-width: 1px 1px 1px 1px; }
	.partner { float: right; width: 170px; padding: 0px; margin: 0px; background-color: #eee; 
		border-style: solid; border-color: #999; border-width: 1px 0px 1px 0px; }
	.welcome { float: left; width: 200px; background-color: #eee; line-height: 16px; font-size: 13px; 
		border-style: solid; border-color: #eee; border-width: 0px 0px 0px 0px; }
	.story { float: left; width: 380px; background-color: #fff; margin: 0px 0px 0px 10px; 
		border-style: solid; border-color: #666; border-width: 0px 0px 0px 0px; }
	.story a:link { color: #333; text-decoration: none; border-style: dotted; border-color: #666; border-width: 0px 0px 1px 0px; }
	.story a:visited { color: #333; text-decoration: none; border-style: dotted; border-color: #666; border-width: 0px 0px 1px 0px; }
	.story a:hover { color: #d01a19; text-decoration: none; border-style: solid; border-color: #d01a19; border-width: 0px 0px 1px 0px; }
	.story a:active { color: #d01a19; text-decoration: none; border-style: solid; border-color: #d01a19; border-width: 0px 0px 1px 0px; }
	.hdrmenu { width: 285px; background-color: #444; margin: 146px 0px 0px 0px; }
	.hdrmenu p { padding: 10px 0px 10px 0px; margin: 0px 10px 0px 10px; font-size: 15px; }
	.hdrmenu p a:link { color: #ccc; text-decoration: none; }
	.hdrmenu p a:visited{ color: #ccc; text-decoration: none; }
	.hdrmenu p a:hover, a:active { color: #fff; text-decoration: none; }
	.horiz { float: left; width: 585px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; background-color: #eee; border-style: solid; border-color: #ccc; border-width: 1px 1px 1px 1px; }
	.tag { float: left; width: 40px; height: 50px; font-size: 23px; padding: 10px 0px 0px 8px; color: #fff; margin: 10px 0px 0px 10px; background: url('resources/tag.jpg') top left no-repeat; }
	.article { float: left; width: 515px; margin: 10px 0px 0px 0px; }
	.article h5 { padding: 0px 0px 0px 0px; }
	.article p { padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
	.article img { float: right; padding: 5px 5px 5px 5px; margin: 0px 0px 10px 10px; border-style: solid; border-color: #999; border-width: 1px 1px 1px 1px; background-color: #fff; }
	.user { float: left; width: 185px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-style: dotted; border-color: #aaa; border-width: 0px 1px 1px 0px; background-color: #eee;}
	.user a:link { color: #333; }
	.user a:visited { color: #333; }
	.user a:hover { color: #333; }
	.user a:active { color: #333; }
	.user img { float: left; margin: 0px; padding: 0px; background-color: #fff; }
	.user ul { border-style: none; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 10px;}
	.user li { display: inline; color: #999; border-style: none; font-size: 9px; text-transform: uppercase; margin: 0px; padding: 2px 5px 2px 5px; border-style: dotted; border-width: 1px; border-color: #ccc; }
	.user li:hover { display: inline; background-color: #fff; color: #999; border-style: none; font-size: 9px; text-transform: uppercase; margin: 0px; padding: 2px 5px 2px 5px; border-style: dotted; border-width: 1px; border-color: #ccc; }
	.userh1 { margin: 0px 5px 0px 0px; padding: 5px 0px 0px 0px; font-size: 13px; color: #666; border-style: dotted; border-color: #999; border-width:0px 0px 1px 0px; }
	.txt { float: right; width: 390px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	.txth1 { margin: 0px; padding: 10px 0px 0px 10px; letter-spacing: -1px; font-size: 19px; font-weight: normal; color: #666; }
	
	.hdrimg { float: left; width: 485px; height: 300px; margin: 0px 0px 10px 0px; background: #444; border-style: solid; border-color: #999; border-width: 1px 0px 1px 0px; }
	.hdrdesc { float: left; width: 285px; height: 300px; margin: 0px 0px 10px 0px; background-color: #333; color: #fff; border-style: solid; border-color: #999; border-width: 1px 0px 1px 0px; }
	.hdrdesc ul { border-style:none; margin: 0px; padding: 0px 10px 0px 10px; }
	.hdrdesc li { display: block; clear: both;  border-style:solid; border-color: #666; border-width:0px 0px 1px 0px; color: #999; }
	.hdrdesc li:hover { color: #fff; }
	.hdrdesc a:link { color: #fff; }
	.hdrdesc a:visited { color: #fff; }
	.hdrdesc a:hover { color: #d01a19; }
	.hdrdesc a:active { color: #d01a19; }
	.hdrdesc input[type="text"], .hdrdesc input[type="password"] { width: 200px; font-size: 14px; background-color: #666; color: #fff; 
		border-style: solid; border-color: #333; border-width: 1px 0px 1px 0px; padding: 10px 10px 10px 10px; }
	
	.upper { text-transform: uppercase; font-size: 9px; color: #ccc; }
	.spoth1 { font-size: 24px; letter-spacing: -1px; font-weight: normal; color: #ccc; padding: 10px 0px 0px 10px; }
	.spoth2 { font-size: 27px; letter-spacing: -1px; font-weight: normal; color: #fff; padding: 5px 0px 0px 10px; line-height: 24px; }
	.spoth2 a:link, a:visited { text-decoration: none; color: #fff; }
	.spoth2 a:hover, a:active { text-decoration: none; color: #fff; }
	.spoth3 { font-size: 17px; letter-spacing: -1px; font-weight: normal; color: #aaa; padding: 5px 0px 0px 10px; }
	.imgdesc { font-size: 11px; color: #666; margin: 0px; text-align: right; padding: 0px 15px 0px 15px; line-height: 14px; }
	.lft { float: left; width: 290px; margin: 0px 10px 10px 0px; background-color: #eee; }
	.lft img { background: #eee; border-style: solid; border-color: #999; border-width: 1px 1px 1px 1px; padding: 5px; margin: 10px 15px 0px 15px; }
	.rgt { 	float: left; width: 290px; margin: 0px 0px 10px 0px; 	background-color: #eee; }
	.staff { float: left; width: 220px; background-color: #eee; border-style: solid; border-color: #ccc; border-width: 1px 0px 1px 0px; line-height: 16px; font-size: 13px; }
	.person img { float: left; margin: 0px 0px 0px 0px; padding: 5px; background-color: #fff; border-style: solid; border-color: #ccc; border-width: 1px 1px 1px 1px; }
	.person { float: left; width: 200px; margin: 5px 0px 5px 0px; padding: 10px 10px 10px 10px; background-color: #eaeaea; border-style: solid; border-color: #ddd; border-width: 0.5px 0px 0.5px 0px; } 
	.storyAbout { float: left; width: 370px; background-color: #fff; margin: 0px; border-style: solid; border-color: #666; border-width: 0px 0px 0px 0px; }
	.name { float: right; width: 100px; margin: 0px; padding: 5px 0px 5px 0px; font-size: 17px; letter-spacing: -1px; color: #666; }
	.position { float: right; width: 100px; margin: 0px; padding: 0px; font-size: 9px; text-transform: uppercase; color: #666; line-height: 10px; }
	.joinstaff{ float: left; width: 200px; margin: 5px 0px 5px 0px; padding: 5px 5px 5px 5px; background-color: #eaeaea; border-style: solid; border-color: #ddd; border-width: 0.5px 0px 0.5px 0px; }
	.grey { color: #999; }
	
	
	.rempass { width: 285px; padding: 0px 0px 0px 5px ; }
	.rempass .txt { padding: 0px 0px 0px 10px; color: #999; }
	.logbtn { width: 285px; padding: 20px 0px 0px 10px; }
	
	.register { float: left; width: 590px; }
	.regtitle { clear: both; width: 590px; background-color: #333; color: #fff; border-style: solid; border-color: #333; border-width: 1px 1px 0px 1px; padding: 0px 0px 5px 0px; }
	
	.row { float: left; width: 590px; margin: 0px 0px 0px 0px; border-style: solid; border-color: #ccc; border-width: 1px 0px 0px 0px; background-color: #eee; }
	.option { float: left; width: 160px; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 10px; }
	.value { float: left; width: 230px; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 10px; }
	.alert { float: left; width: 160px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 0px; font-size: 9px; text-transform: uppercase; }
	.register input[type="text"], .register input[type="password"] { width: 200px; background-color: #fff; border-style: solid; 
		border-color: #ccc; border-width: 1px 1px 1px 1px; padding: 5px 5px 5px 5px; }
		
	
		
	/* Fixer */
	.fix { clear: both; }
	
	/* ID Styles */
	
		/* Main Page */
		#page { width: 770px; margin: 0 auto 0 auto; }

		/* Header */
		#hdr { width: 770px; }
		
		/* Menu */
		#menu { width: 770px; clear: both; }
		#menu ul { margin: 0; padding: 0; border-style: solid; border-color: #ccc; border-width: 0px 0px 2px 0px; }
		#menu li { display: inline; list-style-type: none; margin: 0px 3px 0px 5px; padding: 0; font-size: 13px; letter-spacing: 0px; color: #333; }
		#menu li:hover { display: inline; list-style-type: none; margin: 0px 3px 0px 5px; padding: 0; color: #fff; }
		#menu li:active { background-color: #d01a19; }
		
			/* Menu Links */
			#menu a { padding: 2px 5px 2px 5px; background-color: #fff; }
			#menu a:link { color: #333; text-decoration: none; border-style: none; background-color: #fff;
				border-style: solid; border-color: #ccc; border-width: 1px 1px 0px 1px; }
			#menu a:visited { color: #333; text-decoration: none; border-style: none; background-color: #fff;
				border-style: solid; border-color: #ccc; border-width: 1px 1px 0px 1px; }
			#menu a:hover { color: #fff; text-decoration: none; border-style: none; background-color: #d01a19; 
				border-style: solid; border-color: #d01a19; border-width: 1px 1px 0px 1px;   }
			#menu a:active { color: #fff; text-decoration: none; border-style: none; background-color: #d01a19;
				border-style: solid; border-color: #ccc; border-width: 1px 1px 0px 1px; }
			
		/* Top Area */
		#top { width: 770px; clear: both; margin: 10px 0 10px 0; padding: 0; background-color: #eee; 
			border-style: solid; border-color: #666; border-width: 1px 0px 1px 0px; }
			
			/* Top Link Styles */
			#top a:link { color: #fff; text-decoration: none; border-style: dotted; border-color: #fff; border-width: 0px 0px 1px 0px; }
			#top a:visited { color: #fff; text-decoration: none; border-style: dotted; border-color: #fff; border-width: 0px 0px 1px 0px; }
			#top a:hover { color: #fff; text-decoration: none; border-style: solid; border-color: #fff; border-width: 0px 0px 1px 0px; }
			#top a:active { color: #fff; text-decoration: none; border-style: solid; border-color: #fff; border-width: 0px 0px 1px 0px; }
			
		/* Content */
		#content { width: 770px; clear: both; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; }

		/* Preview / Review */
		#preview { margin: 0px; padding: 0px; display: block; }
		#review { margin: 0px; padding: 0px; display: none; }

		/* Footer */
		#ftr { width: 770px; clear: both; margin: 0 0 10px 0; padding: 0; border-style: solid; border-color: #ccc; border-width: 1px 0px 0px 0px; }
		#ftr ul li.copyright { padding: 0 40px 0 0; }
		#ftr ul { list-style-type: none; padding: 5px 0 5px 0; }
		#ftr ul li { display: inline; padding: 0 10px 0 0; }
		#ftr a:link, #ftr a:visited, #ftr a:hover, #ftr a:active { color: #333; }