/********************************/
/* In All Reality (Ryan's Site)	*/
/* Layout Stylesheet			*/

/********************************/
/* General Formatting			*/
body {
	background: url(../images/bkgrd_footer.jpg);
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
	/* Image Dropshadows */
	.img-shadow {
		background: url('../images/shadowAlpha.png') no-repeat bottom right !important;
		background: url('../images/shadow.gif') no-repeat bottom right;
		float:left;			
		margin: 10px !important;
		margin: 10px 0 0 5px;
	}
	.img-shadow img {
		background-color: #FFF;
		border: 1px solid #D5D5D5;
		display: block;
		margin: -6px 6px 6px -6px;
		padding: 4px;
		position: relative;
	}

/********************************/
/* Header						*/
#header {
	background: #E9F1F6 url(../images/bkgrd_header_wrap.jpg) repeat-x;
	padding: 0 0 18px 0;
}
#header .wrapper {
	background: url(../images/bkgrd_header_border.png) no-repeat top center;
}
#header .wrapper .wrapper {
	background: url(../images/bkgrd_header.jpg) no-repeat top center;
	margin: 0 auto;
	position: relative;
	width: 942px;
}
#header h1 {
	float: left;
	margin: 0;
	padding: 24px 0 0 24px;
}
#header h1 a {
	background: url(../images/bkgrd_header_h1.jpg);
	display: block;
	height: 80px;
	text-indent: -999em;
	width: 328px;
}
	/* Search */
	#search {
		background: url(../images/bkgrd_search_cta.gif) no-repeat;
		float: right;
		margin: 12px 05px 0 0;
		padding: 24px 0 0 0;
		width: 324px;
	}
	#search label {
		display: block;
		text-indent: -999em;
	}
	#search div {
		padding: 12px;
	}
	#search #s {
		width: 290px;
	}
	#search span {
		background: url(../images/bkgrd_search_arrow.gif) no-repeat;
		display: block;
		float: right;
		margin: 6px 6px 0 0;
		padding: 0 0 0 116px;
	}
	#search #searchsubmit {
		background: url(../images/btn_search.gif) no-repeat;
		cursor: pointer;
		height: 38px;
		padding: 0 0 4px 0;
		width: 37px;
	}
	
	/* Navigation */
	#nav {
		float: right;
		max-width: 656px;
		padding: 42px 6px 0 0;
	}
	#nav li {
		float: left;
		margin: 0 0 0 1.4em;
	}
	#nav li a {
		display: block;
	}
	#nav .current_page_item a {
		background: url(../images/bkgrd_nav_current.jpg) no-repeat center bottom;
		padding: 0 0 16px 0;
	}
	
	/* Sub Navigation */
	#nav_sub {
		float: left;
		height: 6.00em;
		padding: 42px 0 0 0;
		position: relative;
	}
	#nav_sub ul {
		clear: both;
		float: left;
		left: -10px;
		margin: 3.00em 0 0 0;
		padding: 5px 0;
		position: absolute;
		width: 772px;
	}
	#nav_sub ul#archives_btn_sect {
		margin: 6.00em 0 0 0;
	}
	#nav_sub li {
		float: left;
	}
	#nav_sub li.first {
		background: url(../images/ico_subnav_div.gif) no-repeat top right;
	}
	#nav_sub a {
		cursor: pointer;
		float: left;
		display: block;
		padding: 2px 8px;
	}
	#nav_sub a.active {
		background: url(../images/ico_subnav.gif) no-repeat bottom center;
		padding-bottom: 20px;
	}

/********************************/
/* Content						*/
#page .wrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
}
#page.blog {
	padding: 3.00em 0 0 0;
}
#content {
	float: left;
	padding: 0 0 24px 0;
}
#content.home, #content.page {
	width: 750px;
}
#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 {
	margin: 0 0 1.00em 0;
}
#content .entry h1, #content .entry h2, #content .entry h3,
#content .entry h4, #content .entry h5, #content .entry h6 {
	margin: 0.50em 0 1.00em 0;
}
#content p {
	margin: 1.25em 0;
}
#content p.update {
	padding: 6px 12px;
}
#content ul, #content ol, #content dl {
	margin: 1.25em 0 1.25em 36px;
}
#content.blog img, #content img.alignleft {
	float: left;
	margin: 0 12px 12px 0;
}
#content.blog img.alignright, #content img.alignright {
	float: right;
	margin: 0 0 12px 12px;
}
#content .post blockquote {
	background: url(../images/bkgrd_blockquote.gif) no-repeat;
	margin: 0 0 0 24px;
	padding: 0 28px;
}
#content .post img {
	padding: 5px;
}
	/* Timestamp */
	.timestamp {
		float: right;
	}
	.timestamp span {
		display: block;
	}
	.timestamp .top {
		background: url(../images/bkgrd_timestamp_top.gif) no-repeat right;
	}
	.timestamp .top span {
		background: url(../images/bkgrd_timestamp_top_r.gif) no-repeat;
		height: 5px;
	}
	.timestamp .month {
		padding: 0 6px 3px 6px;
	}
	.timestamp .year {
		padding: 3px 6px 0 6px;
	}
	.timestamp .btm {
		background: url(../images/bkgrd_timestamp_btm.gif) no-repeat right;
	}
	.timestamp .btm span {
		background: url(../images/bkgrd_timestamp_btm_r.gif) no-repeat;
		height: 8px;
	}
	
	/* Blog */
	#content.blog {
		width: 582px;
	}
	#content .post {
		background: #FFF url(../images/bkgrd_page_top.gif) no-repeat;
		padding: 20px 0 0 0;
	}
	#content .post .entry {
		padding: 0 17px;
	}
	#content .post p.entry {
		margin: 0;
		padding: 0 17px;
	}
	#content .post_wrapper {
		background: #FFF url(../images/bkgrd_page_btm.gif) no-repeat bottom;
		margin: 0 0 24px 0;
		padding: 0 0 20px 0;
	}
	#content .post_meta {
		background: url(../images/bkgrd_post_meta.gif) no-repeat left center;
		margin: 1.50em 17px;
		padding: 12px 24px 12px 30px;
	}
	#content .post_meta dt, #content .post_meta dd {
		float: left;
	}
	#content .post_meta dt {
		clear: both;
		padding: 0 0.50em 0 0;
	}
	#content .post_meta dd {
		width: 438px;
	}
	.navigation {
		margin: 2.00em 0;
		padding: 12px 24px;
	}
	#content .navigation h3 {
		margin: 0 0 0.50em 0;
	}
	.navigation div {
		width: 50%;
	}
	.navigation .alignleft strong, .navigation .alignleft span {
		display: block;
		float: left;
	}
	.navigation span {
		padding: 0.10em 0 0 0;
		width: 246px;
	}
	.navigation .alignleft span {
		margin: 0 0 0 6px;
	}
	.navigation .alignright strong, .navigation .alignright span {
		display: block;
		float: right;
	}
	.navigation .alignright span {
		margin: 0 6px 0 0;
	}
	#content #archive_help {
		background: url(../images/bkgrd_blockquote.gif) no-repeat;
		float: right;
		margin: 6px 0 0 24px;
		padding: 0 28px;
		width: 18.00em;
	}
	#content #archive_help strong {
		display: block;
		margin: -3px 0 0 0;
	}
	#content #archive_help span {
		display: block;
		margin: 0.75em 0 0 0;
	}
	#content .gallery-item {
		margin: 0;
	}
	
	/* Code Example Formatting */
	#content ol.code {
		overflow: auto;
		padding: 3px 5px 3px 35px;
	}
	#content ol.code li {
		margin: 2px 0;
		padding: 0 5px;
	}
	#content ol.code li.tab1 {
		padding-left: 4ex;
	}
	#content ol.code li.tab2 {
		padding-left: 8ex;
	}
	#content ol.code li.tab3 {
		padding-left:12ex;
	}
		
	/* Comments */
	#content #post_comments {
		padding: 20px 17px 0 17px;
	}
	#content h3#comments.post_subtitle {
		background: url(../images/bkgrd_post_comments.gif) no-repeat left center;
		padding: 0 0 0 26px;
	}
	#content .commentlist {
		margin: 1.50em 0 16px 0;
		padding: 0 0 34px 30px;
	}
	#content .commentlist img {
		float: left;
		margin: 0 12px 12px 0;
	}
	#content .commentlist p {
		margin: 1.50em 0 1.50em 76px;
	}
	#content .commentlist .reply {
		margin: -1.00em 0 0 76px;
	}
	.commentlist .comment, .commentlist .comment-author {
		padding: 6px
	}
	#content .commentlist ul {
		list-style: none;
		margin: 1.50em 0 1.50em 16px;
	}
	#comments_submit ul {
		list-style: none;
		margin: 0.50em 0;
	}
	#comments_submit label {
		display: block;
		margin: 0.50em 0 0 0;
	}
	#comments_submit .input {
		width: 50%;
	}
	#comments_submit textarea {
		width: 98%;
	}
	#comments_submit input, #comments_submit textarea {
		padding: 4px;
	}
	#comments_submit #submit {
		background: url(../images/btn_comment.gif) no-repeat 2.25em center;
		border: 0;
		cursor: pointer;
		margin: 12px 0 0 0;
		padding: 0 1.00em 0 0;
		width: auto;
	}
	#comments_submit #submit:hover {
		padding: 0 97px 0 0;
	}
	.commentlist #respond {
		margin: 1.50em 0 0 0;
		padding: 12px;
	}
	.commentlist #respond h3 {
		margin: 0;
	}
	.commentlist #respond fieldset ul {
		margin: 1.50em 0 1.50em 38px;
	}
	#content h3.comment_title {
		background: url(../images/bkgrd_post_commentsform.gif) no-repeat left center;
		padding: 0 0 0 26px;
	}
	#respond ul {
		list-style: none;
		margin: 0;
		padding: 0 0 0 26px;
	}
	#respond strong {
		display: block;
		margin: 0 0 0.50em 0;
	}
	#respond label {
		display: block;
	}
	#respond input, #respond textarea {
		margin: 0.25em 0 0.50em 0;
		padding: 6px;
	}
	#respond input {
		width: 50%;
	}
	#respond textarea {
		width: 90%;
	}
	
	/* Pages */
	#content.page .post {
		background: #FFF url(../images/bkgrd_page_wide_top.gif) no-repeat;
		padding: 20px 0 0 0;
	}
	#content.page .post .entry {
		padding: 0 17px;
	}
	#content.page .post_wrapper {
		background: #FFF url(../images/bkgrd_page_wide_btm.gif) no-repeat bottom;
		margin: 0 0 24px 0;
		padding: 0 0 20px 0;
	}

/********************************/
/* Sidebar						*/
#sidebar {
	float: right;
	width: 180px;
}
#sidebar.blog {
	margin: -60px 0 0 0;
}	
	/* RSS Feed	*/
	#sidebar_rss {
		background: url(../images/ico_rss_sidebar.jpg) no-repeat;
		display: block;
		height: 135px;
		margin: 0 0 12px 0;
		text-indent: -999em;
		width: 169px;
	}
	
	/* Hire Me */
	#sidebar_hire a {
		background: url(../images/img_hireme.jpg) no-repeat;
		display: block;
		height: 132px;
		margin: 0 0 12px 0;
		text-indent: -999em;
		width: 180px;
	}

	/* Twitter Updates */
	#sidebar_tweets {
		background: url(../images/bkgrd_twitter_bubble.gif) no-repeat bottom center;
		padding: 0 0 23px 0;
	}
	#sidebar_tweets li {
		padding: 0 0 1.50em 0;
	}
	
	/* Social Links */
	#sidebar_social {
		background: url(../images/bkgrd_twitter_parrot.jpg) no-repeat top right;
		padding: 136px 0 0 0;
		position: relative;
		z-index: 0;
	}
	#sidebar_social .wrap {
		background: url(../images/bkgrd_soc_tile.gif) repeat-y 99px 0;
		width: 180px;
	}
	#sidebar_social ul {
		margin: -38px 0 0 0;
		padding: 32px 0 0 38px;
		position: relative;
		z-index: 10;
	}
	#sidebar_social p {
		background: url(../images/bkgrd_soc_cta.gif) no-repeat;
		height: 54px;
		padding: 32px 0 0 38px;
		position: absolute;
		width: 113px;
		text-indent: -999em;
		top: 94px;
		z-index: 0;
	}
	#sidebar_social a {
		background: url(../images/bkgrd_soc.gif) no-repeat 0 -37px;
		display: block;
		height: 33px;
		margin: 0 0 5px 0;
		padding: 4px 0 0 0;
		width: 92px;
	}
	#sidebar_social a:hover {
		background-position: 0 0;
	}
	#sidebar_social a span {
		display: block;
		margin: 0 auto;
		text-indent: -999em;
	}
	#sidebar_social .twitter a span {
		background: url(../images/ico_soc_twitter.gif) no-repeat 0 7px;
		height: 23px;
		width: 64px;		
	}
	#sidebar_social .facebook a span {
		background: url(../images/ico_soc_facebook.gif) no-repeat 0 3px;
		height: 27px;
		width: 63px;		
	}
	#sidebar_social .linkedin a span {
		background: url(../images/ico_soc_linkedin.gif) no-repeat 0 7px;
		height: 24px;
		width: 63px;		
	}
	
	/* About Summary */
	#sidebar_about {
		background: url(../images/bkgrd_about_sidebar.jpg) repeat-y;
		margin: 0 0 24px 0;
	}
	#sidebar_about div {
		background: url(../images/bkgrd_about_sidebar_top.jpg) no-repeat;
	}
	#sidebar_about div div {
		background: url(../images/bkgrd_about_sidebar_btm.jpg) no-repeat bottom;
		padding: 0 0 18px 0;
	}
	#sidebar_about h3 {
		margin: 0;
		padding: 0 0 18px 0;
	}
	#sidebar_about p {
		padding: 4px 12px;
	}
	
	/* Blog */
	#sidebar_blog {
		float: left;
		padding: 3.00em 18px 0 18px;
		width: 162px;
	}
	#sidebar_blog h3 {
		margin: 0;
		padding: 0 0 0.50em 0;
	}
	#sidebar_blog div {
		margin: 0 0 2.50em 0;
	}
	#sidebar_blog ul {
		margin: 0.50em 0 0.50em 18px;
	}
	#sidebar_blog li {
		margin: 0 0 0.75em 0;
	}
	#posts_popular span {
		display: block;
	}

/********************************/
/* Footer						*/
#footer {
	background: url(../images/bkgrd_footer_top.jpg) repeat-x;
	padding: 48px 0 0 0;
}
#footer .wrapper {
	margin: 0 auto;
	width: 960px;
}
#footer .col1, #footer .col2, #footer .col3 {
	float: left;
	padding: 0 0 0 42px;
	width: 278px;
}
#footer h2 {
	margin: 0 0 1.00em 0;	
}
#footer .module ul {
	margin: 0 0 1.25em 16px;
}
#footer .module li {
	margin: 0 0 0.50em;
}
	/********************************/
	/* How-Tos						*/
	#footer_tuts .tuts {
		clear: both;
	}
	#footer_tuts img {
		border: 5px solid #FFF;
		display: block;
		float: left;
	}
	#content #sect_tuts h2 a:hover {
		border: none;
		text-decoration: underline;
	}
	#footer_tuts h3 {
		margin: 0 0 0 85px;
		padding: 3px 0 0 0;
	}
	#footer_tuts .more {
		clear: both;
		padding: 6px 0 24px 0;
	}
	#footer_tuts .more p {
		margin: 0;
		padding: 0;
	}
	
	/********************************/
	/* Copyright					*/
	#footer #copyright span {
		display: block;
		float: left;
		padding: 1.50em 0 0 0;
		margin: 1.00em 0 0 0;
		width: 11.00em;
	}
	#footer #copyright a {
		background: url(../images/ico_wordpress.gif) no-repeat;
		display: block;
		float: left;
		height: 50px;
		margin: 1.00em 0 0 6px;
		width: 50px;
		text-indent: -999em;
	}