/*======================================================================
	AndrewMiguelez.com: Layout
----------------------------------------------------------------------*/
body {
	position: relative;
	background-color: #fff;
}
body.night {
	background-color: #aaa;
}
	#switch {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 50px;
		height: 50px;
		text-indent: -9999px;
		background: transparent url('../images/layout/switch.png') top right no-repeat;
		outline: none;
		z-index: 5000;
	}
	#wrap {}
		#upper-wrap {
			position: relative;
			padding-bottom: 55px;
			background: #d9e6ee url('../images/layout/bg_sky-day.png') top center repeat-x;
			z-index: 1000;
		}
		.night #upper-wrap {
			background: #363c63 url('../images/layout/bg_sky-night.png') top center repeat-x;
		}

/*======================================================================
	HEADER
----------------------------------------------------------------------*/
#header {
	margin: 0 auto;
	padding: 0 0 20px;
	width: 620px;
}
	#header a.logo {
		display: block;
		margin-top: 20px;
		width: 368px;
		height: 46px;
		float: left;
		background: transparent url('../images/layout/sprite_logo.png') 0 0 no-repeat;
	}
	.night #header a.logo {
		background-position: 0 -46px;
	}
		#header a.logo span {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

/*---------------------------------
	NAV PRIMARY
---------------------------------*/
#nav {
	margin-top: 20px;
	width: 200px;
	float: right;
}
	#nav ul {
		margin: 0;
		text-align: right;
		list-style: none;
	}
		#nav li {
			margin: 0 0 4px;
		}
			#nav li a {
				color: #fff;
				font-size: 18px;
				text-shadow: 1px 1px 1px #666;
			}
			#nav li a:hover {
				text-decoration: none;
			}

/*---------------------------------
	UTILITY
---------------------------------*/
#utility {
}

/*---------------------------------
	BREADCRUMBS
---------------------------------*/
#breadcrumbs {
}

/*======================================================================
	FEATURED
----------------------------------------------------------------------*/
#featured-wrap {
	width: 100%;
	overflow: hidden;
}
#featured {
	position: relative;
	margin: 0 auto;
	width: 620px;
	height: 280px;
}
	#featured ul.slider {
		position: absolute;
		left: 0;
		margin: 0;
		padding: 0;
		width: 10000px;
		list-style: none;
	}
		#featured ul.slider li {
			display: block;
			margin: 0;
			padding: 0;
			float: left;
		}
			#featured ul.slider li a {
				display: block;
				margin-top: 40px;
				line-height: 0;
			}
			#featured ul.slider li a.active {
				margin-top: 0px;
			}
				#featured ul.slider li a img {
					width: 440px;
				}
				#featured ul.slider li a img.active {
					width: 620px;
				}

/*======================================================================
	CONTENT
----------------------------------------------------------------------*/
#content {
	margin: 0 auto;
	width: 620px;
	min-height: 50px;
}

/*======================================================================
	ASIDE
----------------------------------------------------------------------*/
#aside {
}

/*======================================================================
	FOOTER
----------------------------------------------------------------------*/
#footer-wrap {
	position: relative;
	margin-top: -55px;
	padding-top: 55px;
	width: 100%;
	background: transparent url('../images/layout/bg_cloud-divider-day.png') top center repeat-x;
	z-index: 1100;
}
.night #footer-wrap {
	background-image: url('../images/layout/bg_cloud-divider-night.png');
}
	#footer-wrap-inner {
		width: 100%;
	}
	.night #footer-wrap-inner {
	}
	#footer {
		margin: 0 auto;
		width: 620px;
		min-height: 200px;
	}
	.night #footer {
	}
		#footer h4 {
			font-size: 18px;
			font-weight: bold;
		}

		/*---------------------------------
			INFO
		---------------------------------*/
		#footer .blurb {
			margin-bottom: 20px;
			width: 100%;
		}
			#footer .blurb h4 {
				display: none;
			}
			#footer .blurb p {
				margin-top: 5px;
				line-height: 1.4;
			}
			#footer .blurb p.standout {
				margin: 10px 0 5px;
				color: #666;
				font-family: Cuprum, Georgia, serif;
				font-size: 22px;
				line-height: 1;
			}
			.night #footer .blurb p.standout {
				color: #eee;
			}

		/*---------------------------------
			SOCIAL LINKS
		---------------------------------*/
		#footer .social-links {
			width: 100%;
		}
			#footer .social-links ul {
				margin: 0 0 0 -10px;
				list-style: none;
			}
				#footer .social-links li {
					margin: 0 0 8px 10px;
					width: 116px;
					height: 24px;
					float: left;
				}
					#footer .social-links li a {
						display: block;
						height: 24px;
					}
						#footer .social-links li span {
							display: block;
							padding: 4px 0 0 0;
							float: left;
						}
						#footer .social-links li a:hover span { text-decoration: underline; }
						#footer .social-links li .ico {
							margin: 0 8px 0 0;
							padding: 0;
							width: 24px;
							height: 24px;
							background: transparent url('../images/layout/sprite_connect-icons.png') no-repeat;
						}
						#footer .social-links li.email .ico		{background-position: 0 0;}
						#footer .social-links li.twitter .ico	{background-position: -24px 0;}
						#footer .social-links li.aboutme .ico	{background-position: -48px 0;}
						#footer .social-links li.lastfm .ico	{background-position: -72px 0;}
						#footer .social-links li.linkedin .ico	{background-position: -96px 0;}

		/*---------------------------------
			SITE INFO
		---------------------------------*/
		#footer .site-info {
			padding: 30px 0;
			width: 100%;
			clear: both;
		}
			#footer .site-info ul {
				list-style: none;
				margin: 0;
			}
				#footer .site-info li {
					display: block;
					width: 300px;
					float: left;
					font-size: 11px;
				}
				#footer .site-info li.validation {
					float: right;
					text-align: right;
				}