/* 
Title:     Urban Yukon CSS
Author:    Subvert Marketing Inc.
Updated:   September 5 2008
*/

/* Neutralize all HTML
---------------------------------------------------------- */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		}
		
	/* remember to define focus styles! */
		:focus {
			outline: 0;
			}
			
		body {
			line-height: 1;
			color: black;
			background: white;
			}
			
		ol, ul {
			list-style: none;
			}
		
	/* tables still need 'cellspacing="0"' in the markup */
		table {
			border-collapse: separate;
			border-spacing: 0;
			}
			
		caption, th, td {
			text-align: left;
			font-weight: normal;
			}
			
		blockquote:before, blockquote:after, q:before, q:after {
			content: "";
			}
			
		blockquote, q {
			quotes: "" "";
			}
	
		
/* Global elements
---------------------------------------------------------- */

	body {
		margin: 0;
		padding: 0;
		font-family: Helvetica, Arial, sans-serif;
		font-size: small;
		text-align: center;
		color: #23282b;
		background: #779ec9 url(/images/site/bg-body.gif) repeat-x top left;
		}
		
	em {
		font-style: italic;
		}
		
	hr {
		border: 0;
		width: 100%;
		color: #b7dbff;
		background-color: #b7dbff;
		height: 1px;
		margin: 10px 0;
		}
	
	/* Links */
	
		a:link, a:visited {
			color: #6699cc;
			text-decoration: none;
			}
		a:hover, a:active {
			color: #363636;
			text-decoration: underline;
			}
		

/* Page structure
---------------------------------------------------------- */

	#wrap {
		width: 620px;
		margin: 0 auto;
		padding: 0;
		font-size: 95%;
		line-height: 1.6em;
		text-align: left;
		background: #ddeaf9 url(/images/site/bg-wrap.gif) repeat-y 0 0;
		}
		
	.top {
		margin: 0 10px 0 0;
		text-align: right;
		}
		
		/* Top photographs */
		
			#home {
				background: url(/images/site/photos/graffiti.jpg) no-repeat 0 0;
				width: 600px;
				height: 270px;
				margin: 0 10px;
				}
				
			#author {
				background: url(/images/site/photos/train.jpg) no-repeat 0 0;
				width: 600px;
				height: 170px;
				margin: 0 10px;			
				}
				
			#learn {
				background: url(/images/site/photos/bugs.jpg) no-repeat 0 0;
				width: 600px;
				height: 170px;
				margin: 0 10px;			
				}
				
			#join {
				background: url(/images/site/photos/cabin.jpg) no-repeat 0 0;
				width: 600px;
				height: 170px;
				margin: 0 10px;			
				}
				
	#logo {
		margin: 0;
		padding: 70px 0 0 0;
		}
		
	#intro {
		background: #fff;
		padding: 20px;
		width: 290px;
		margin: 0 0 0 270px;
		_margin: -3px 0 0 270px; /* IE 6 */
		color: #363636;
		}
		
	#menu {
		background: #fff;
		padding: 4px 20px;
		width: 168px;
		*width: 158px; /* IE 7 */
		margin: 0 0 0 392px;
		*margin: -3px 0 0 402px; /* IE 7 */
		color: #363636;
		}
		
			#intro h1 {
				font-size: 140%;
				*font-size: 130%; /* IE 7 */
				*font-weight: normal; /* IE 7 */
				line-height: 20px;
				margin-bottom: 4px;
				}
				
			#intro li, #menu li {
				display: inline;
				font-size: 90%;
				color: #666;
				}
				
	#search {
		margin: 0 0 20px 0;
		background: #b7dbff;
		padding: 7px 11px 7px 7px;
		text-align: center;
		}
				
			#search form {
				display: inline;
				color: #35455e;
				font-size: 90%;
				}
		
			.searchbox {
				width: 160px;
				margin-right: 4px;
				}
				
			.submitbutton {
				margin-bottom: -4px; 
				margin-left: 2px;
				}
		
	.advertisements {
		margin: 20px 20px 30px 20px;
		width: 580px;
		height: 60px;
		}

	.advertisements-small {
		margin: 20px auto 30px auto;
		width: 486px;
		height: 60px;
		}
		
			#left {
				float: left;
				}
		
			#right {
				float: right;
				}

	#newest-member {
		margin: 0 40px 20px 40px;
		width: 520px;
		padding: 8px 10px;
		line-height: 18px;
		text-align: center;
		border-top: 1px solid #6699cc;
		border-bottom: 1px solid #6699cc;
		color: #23282b;
		font-size: 90%;
		}

		#newest-member a:link, #newest-member a:visited, #newest-member a:active {
			color: #6699cc;
			}
		
	#recent-words, #random-photos, #members, #results {
		margin: 0 40px 30px 40px;
		}
		
			#profile, #text {
				margin: 30px 40px 30px 40px;
				padding-bottom: 20px;
				}
		
			#profile h1 {
				font-size: 150%;
				margin-bottom: 10px;
				*font-weight: normal; /* IE 7 */
				}
				
			#text h1, #results h1 {
				font-size: 120%;
				margin-bottom: 10px;
				*font-weight: normal; /* IE 7 */
				}
				
					#text textarea {
						margin-bottom: 20px;
						}
				
					#results li {
						margin-bottom: 7px;
						}
				
			#rss {
				float: left;
				height: 14px;
				background: url("/images/site/icon-rss.gif") no-repeat 0 50%;
				padding-left: 20px;
				}
		
			#recent-words h2 {
				margin-bottom: 2px;
				*font-weight: normal; /* IE 7 */
				}
				
			#text h2 {
				margin-bottom: 10px;
				*font-weight: normal; /* IE 7 */
				}
				
			#recent-words h3 {
				font-size: 90%;
				margin-bottom: 4px;
				*font-weight: normal; /* IE 7 */
				}
				
			#recent-words h4 {
				*font-weight: normal; /* IE 7 */
				}
				
			#recent-words p {
				margin-bottom: 15px;
				}
				
			#profile p, #text p {
				margin-bottom: 10px;
				}
				
			#words {
				background: url(/images/site/txt-recent-words.gif) no-repeat 0 0;
				width: 539px;
				height: 32px;
				text-indent: -9000px;
				margin-bottom: 20px;
				}
				
			#google-adsense {
				text-align: center;
				margin: 0 0 30px 0;
				}
				
			#photos {
				background: url(/images/site/txt-random-photos.gif) no-repeat 0 0;
				width: 539px;
				height: 32px;
				text-indent: -9000px;
				margin-bottom: 20px;
				}
				
			#random-photos ul {
				margin-left: 20px;
				}
				
			#random-photos li {
				border: 4px solid #fff;
				width: 100px;
				float: left;
				margin: 0 20px 20px 0;
				}
				
	 #members {
	 	clear: both;
		background: url(/images/site/bg-members.gif) repeat-y 0 0;
		}
		
			#members-top {
				background: url(/images/site/bg-members-top.gif) repeat-y 0 0;
				height: 30px;
				}
				
			#members-btm {
				background: url(/images/site/bg-members-btm.gif) repeat-y 0 0;
				height: 30px;
				}
				
			#members ul {
				padding: 0 30px;
				}
				
			#members li {
				display: inline;
				line-height: 24px;
				margin-right: 10px;
				}
				
			#members .title {
				color: #35455e;
				font-weight: bold;
				}
				
	#footer {
		clear: both;
		background: #b7dbff;
		margin: 30px 10px 30px 10px;
		padding: 12px 20px 10px 20px;
		font-size: 90%;
		}

	#footer p {
		text-align: left;
		}