/*  
Theme Name: Retro Perfection
Theme URI: http://www.mkcproductions.com
Description: Multi-Row Layout with maximum flexibility
Date: June 29, 2008
Version: 1.0
Author: Corey Campbell
Author URI: http://www.webmastercorey.com/
*/
@import url("weather.css");

@font-face { 
 font-family: edmunds; 
 src: url(./fonts/edmunds.ttf); 
} 

@font-face { 
 font-family: "Sketch Rockwell"; 
 src: url(./fonts/SketchRockwell-Bold.ttf); 
} 


body 
{
    margin: 0px auto;
	padding: 0px;
	font-family: edmunds,  Arial, Sans-Serif;
	background: #000000 url(../images/bg.jpg) repeat-x left top;
	font-size: 22px;
	color: #ffffff;
}

a, a:visited
{
    color: #fff;
    text-decoration: underline;
}

a:hover
{
    color: #d56b59;
    text-decoration: none;
}

/* --- Global Cleanup Settings --- */
ol 
{
    list-style: decimal;
}

ul 
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, body, html, p, blockquote {
    margin:0px;
    padding:0px;
}

/* --- Global Attributes --- */
.hidden {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

h1 {
	font-size: 18px;
}

/* --- Page Styling --- */
#master-container {
	margin: 0px auto;
	padding: 0px;
	width: 1024px;
}

#header {
	height: 340px;
	width: 1024px;
}
	/* --- Default Background --- */
	.members {
		height: 250px;
		width: 1024px;
		background: url(../images/members.jpg) no-repeat left bottom;
	}
	
		#members a {
			display: block;
			height: 250px;
			float: left;
		}
		
		#members a:hover {
			background-position: 0px 0px;
		}
		
		#members .greg {
			width: 125px;
			background: url(../images/mem-names/greg.png) no-repeat 0px -100px;
		}
			
		#members .logo  {
			width: 132px;
			background: url(../images/a-logo.jpg) no-repeat 0px -153px;
		}
				
			#members .logo:hover  {
				background-position: left bottom;
			}
			
			.night #members .logo:hover  {
				background-position: right bottom;
			}
				
		#members .jason {
			width: 95px;
			background: url(../images/mem-names/jason.png) no-repeat 0px -100px;
		}
		
		#members .grant {
			width: 115px;
			background: url(../images/mem-names/grant.png) no-repeat 0px -100px;
		}
		
		#members .corey {
			width: 104px;
			background: url(../images/mem-names/corey.png) no-repeat 0px -100px;
		}
		
		#members .tyler {
			width: 107px;
			background: url(../images/mem-names/tyler.png) no-repeat 0px -100px;
		}
		
		#members .luke {
			width: 97px;
			background: url(../images/mem-names/luke.png) no-repeat 0px -100px;
		}
		
		#members .mari {
			width: 81px;
			background: url(../images/mem-names/mari.png) no-repeat 0px -100px;
		}
		
		#members .paul {
			width: 168px;
			background: url(../images/mem-names/paul.png) no-repeat 0px -100px;
		}
		
		#members .on {
			background-position: 0px 0px;
		}
				
	#main-nav {
		height: 70px;
		width: 1024px;
		overflow: hidden;
		clear: both;
	}
	
		#main-nav a {
			display: block;
			height: 70px;
			float: left;
		}
		
		#main-nav a:hover {
			background-position: 0px -70px;
		}
		
		#main-nav .videos {
			width: 196px;
			background: url(../images/a-videos.jpg) no-repeat 0px 0px;
		}
		
		#main-nav .blogs {
			width: 211px;
			background: url(../images/a-blogs.jpg) no-repeat 0px 0px;
		}
		
		#main-nav .about {
			width: 196px;
			background: url(../images/a-about.jpg) no-repeat 0px 0px;
		}
		
		#main-nav .faq {
			width: 139px;
			background: url(../images/a-faq.jpg) no-repeat 0px 0px;
		}
		
#content {
	width: 770px;
	float: left;
	font-size: 22px;
}

	#banner {
		margin-bottom: 15px;
	}
	
	#content h1 {
		font-size: 40px;
		color: #e2d2c3;
 		font-family: "Sketch Rockwell"; 
	}
	
	#content h1 a, #content h1 a:visited {
		font-size: 40px;
		color: #e2d2c3;
 		font-family: "Sketch Rockwell"; 
		text-decoration: none;
	}
	
		#content h1 a:hover {
			text-decoration: underline;
		}
		
	#content p {
		margin-bottom: 20px;
		font-size: 22px;
		line-height: 32px;
	}
		
	#content ul, #content ol {
		margin-bottom: 20px
	}
	
		#content ul {
			list-style-image: url(../images/ul.jpg);
		}

		#content ul li {
			margin-left: 40px;
			padding-left: 5px;
		}
		
		#content ol li {
			margin-left: 40px;
			padding-left: 5px;
		}

	#content .recent h1 {
		width: 447px;
		height: 50px;
		text-indent: -500px;
		background: url(../images/titles/recent-updates.jpg) no-repeat left top;
		overflow: hidden;
	}
	
	#content .favorites h1 {
		width: 447px;
		height: 50px;
		text-indent: -500px;
		background: url(../images/titles/mkc-favorites.jpg) no-repeat left top;
		overflow: hidden;
	}

#sidebar {
	width: 230px;
	float: right;
	margin-left: 24px;
}
	#sidebar a img {
		border: 0px;
	}

	#login-form h2 {
		font-size: 20px;
		margin: 0px;
		padding: 0px;
		line-height: 20px;
	}
	
	#login-form .username .input, #login-form .password .input {
		border: 0px;
		width: 170px;
		padding: 0px;
		margin: 0px;
		background: none;
		font-family: "edmunds",  Arial, Sans-Serif;
		font-size: 20px;
	}

	#login-form .username {
		width: 170px;
		height: 35px;
		padding: 15px 25px 5px 15px;
		border: 0px;
		margin: 0px 0px 15px 0px;
		background: url(../images/input-user.jpg) no-repeat bottom;
	}
	
	#login-form .password {
		width: 170px;
		height: 35px;
		padding: 15px 25px 5px 15px;
		border: 0px;
		margin: 0px 0px 15px 0px;
		background: url(../images/input-pass.jpg) no-repeat bottom;
	}
	
	#sidebar .groups h1 {
		width: 210px;
		height: 40px;
		text-indent: -500px;
		background: url(../images/titles/find-us-on.jpg) no-repeat left top;
		overflow: hidden;
	}
	
	#sidebar .meta h1 {
		width: 210px;
		height: 41px;
		text-indent: -500px;
		background: url(../images/titles/subscribe.jpg) no-repeat left top;
		overflow: hidden;
	}

#footer {
	width: 1024px;
	height: 20px;
	padding-top: 20px;
	clear: both;
	text-align: center;
	font-size: 14px;
	color: #797979;
}