/*
Theme Name: Define Theme
Theme URI: http://definebody.com
Description: Theme designed for definebody.com
Version: 2.8
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* General */

body {
	background-color: #389bbb;
}

#page {
	border-top: 21px #389bbb solid;
	background: white url('style/images/frame.gif') center center;
	border-bottom: 5px solid #9ed5bc;
	padding-bottom: 36px;
}

#main {
	width: 1024px;
	margin: auto;
}

	#header {
		position: relative;
		height: 115px;
	}
	
		#logo {
			position: absolute;
			top: 19px;
			left: 11px;
			width: 263px;
			height: 84px;
			background-image: url('style/images/logo.gif');
		}
	
			#logo a {
				display: block;
				height: 100%;
				width: 100%;
				text-indent: -9999em;
			}
			
	#image-header {
		margin-bottom: 36px;
	}
			
	#post-container {
		width: 860px;
		margin: auto;
	}
	
		.home-post, #blog-container {
			float: left;
			width: 550px;
		}
		
			.hentry {
				margin-bottom: 36px;
			}
			
			.post-meta {
				clear: both;
			}
		
		#older-newer {
			clear: left;
			width: 550px;
		}
		
			.older {
				float: left;
			}
			
			.newer {
				float: right;
			}
	
		#sidebar {
			float: right;
			width: 275px;
		}
		
			.widget {
				clear: both;
				margin-bottom: 18px;
			}
		
	#nav {
		position: absolute;
		left: 336px;
		top: 41px;
		border-top: 3px solid #99d3b9;
		width: 688px;
	}
	
#footer {
	color: white;
	width: 1024px;
	margin: auto;
	padding-top: 36px;
	padding-bottom: 36px;
}

	#footer p {
		margin-bottom: 10px;
	}

	#footer a {
		color: white;
	}
	
	#social {
		width: 500px;
		float: right;
	}
	
		#social a {
			background-repeat: no-repeat;
			background-position: left center;
			padding-left: 41px;
			height: 50px;
			line-height: 50px;
			text-transform: uppercase;
			display: inline-block;
			text-decoration: none;
			margin-right: 15px;
		}
		
			#social a:hover {
				text-decoration: underline;
			}
		
		#twitter {
			background-image: url('style/images/twitter.gif');
		}
		#facebook {
			background-image: url('style/images/facebook.gif');
		}
		#itunes {
			background-image: url('style/images/itunes.gif');
		}
		#social #youtube {
			background-image: url('style/images/youtube.gif');
			text-indent: -9999em;
			width: 90px;
			padding: 0;
			margin-right: 0;
		}