/*
Theme Name: Erayne Portfolio
Theme URI: http://erayne.com/
Description: Personal Portfolio/Blog by William Ludwig
Version: 1.0
Author: William Ludwig
Author URI: http://erayne.com/
*/

/*	http://meyerweb.com/eric/tools/css/reset/index.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, b, u, i, center, dl, dt, dd, ol, 
	ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
	body 								{ line-height: 1; }
	ol, ul 								{ list-style: none; }
	blockquote, q 						{ quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	:focus 								{ outline: 0; }
	ins 								{ text-decoration: none; }
	del 								{ text-decoration: line-through; }


/*	POSITIONING & LAYOUT STYLES
================================================================================  */
	body								{ text-align: center; background: #f2f2f2 url("images/bg-body.jpg") repeat-x; }
	#wrapper							{ width: 960px; overflow: auto; margin: 0 auto; }
	#header								{ height: 55px; overflow: hidden; margin: 0 10px; }
	#featuredWrapper					{ width: auto; overflow: auto; margin: 0; }
	#navWrapper							{ width: auto; height: 80px; overflow: auto; background: url("images/bg-nav.png") repeat-x; }
	#mainWrapper						{ width: auto; overflow: auto; }
	#footerWrapper						{ width: auto; overflow: auto; text-align: center; background: #322C2A url("images/bg-footerwrapper.png") repeat-x; }
	#footerContent						{ width: 960px; overflow: auto; margin: 0 auto; text-align: left; }


/* 	TYPOGRAPHY
================================================================================  */
	body 								{ font-family: Helvetica, Verdana, Arial, sans-serif; text-align: left; line-height: 1.4em; font-size: 1em; color: #1a1a1a; }
	h1 									{ font-size: 1em; } /* 16x1.5 = 18px */
	h2 									{ font-size: 1em; } /* 16x1.125 = 18px */
	h3, h4 								{ font-size: 1em; } /* 16x1 = 16px */
	h5, h6, p, li, cite, blockquote 	{ font-size: 0.875em; } /* 16x0.875 = 14px */
	p									{ margin-bottom: 1.5em; }


/* 	HEADER
================================================================================  */
	#header #logoWrapper				{ float: left; }
	#header #rssWrapper					{ float: right; margin: 10px 20px; }
	#header #searchWrapper				{ float: right; margin: 10px; }
	#searchForm							{ padding: 6px 10px 0 10px; text-align: right; }
	#searchForm label					{ font-size: .875em; }


/* 	FEATURED
================================================================================  */
	#erayneBio							{ float: left; width: 500px; height: 315px; overflow: hidden; }
	#erayneBio h1						{ margin: 20px 0 0 10px; padding: 0 0 40px 0; color: #1a1a1a; font-size: 1.25em; font-weight: normal; text-transform: uppercase; background: url("images/bg-widget.png") bottom center no-repeat; }
	#erayneBio p						{ margin: 5px 20px 0 10px; color: #000; text-align: justify; }
	.requestQuote						{ width: auto; overflow: hidden; margin: 20px 0 0 0; text-align: center; }
	#erayneBio .requestQuote p			{ text-align: center; }
	#featuredScroller					{ float: right; width: 440px; height: 315px; overflow: hidden; background: url("images/bg-featured.png") no-repeat; }
	.infiniteCarousel 					{ width: 440px; position: relative; }
	.infiniteCarousel .wrapper 			{ position: absolute; width: 383px; overflow: hidden; margin: 30px 0 0 30px; }
	.infiniteCarousel .wrapper ul 		{ width: 9999px; margin: 0; padding: 0; list-style: none; }
	.infiniteCarousel ul li 			{ float: left; height: 260px; width: 385px; }
	.infiniteCarousel ul li img 		{ display: block; }
	.infiniteCarousel .arrow 			{ display: block; height: 40px; width: 40px; background: url("images/spritemap.png") no-repeat 0 0; text-indent: -9999px; position: absolute; top: 130px; cursor: pointer; }
	.infiniteCarousel .forward 			{ background-position: 0px -500px; right: 15px; }
	.infiniteCarousel .back 			{ background-position: 0px -598px; left: 7px; }
	.infiniteCarousel .forward:hover 	{ background-position: 0px -550px; }
	.infiniteCarousel .back:hover 		{ background-position: 0px -648px; }


/* 	NAVIGATION
================================================================================  */
	#navigation ul						{ margin: 7px 0 0 20px; list-style: none; }
	#navigation li						{ float: left; }
	#navigation li a					{ display: block; width: 185px; line-height: 45px; color: #666; text-align: center; text-decoration: none; background: url("images/spritemap.png") 0 0 no-repeat; border-right: 1px solid #f2f2f2; }
	#navigation li.active a				{ color: #333; font-size: 1.25em; }
	#navigation a:hover					{ color: #333; font-size: 1.1em; }
	#navigation li#navHome a			{ background-position: 0 0; }
	#navigation li#navHome a:hover		{ background-position: 0 -250px; }
	#navigation li#navSolutions a		{ background-position: 0 -50px; }
	#navigation li#navSolutions a:hover	{ background-position: 0 -300px; }
	#navigation li#navBlog a			{ background-position: 0 -100px; }
	#navigation li#navBlog a:hover		{ background-position: 0 -350px; }
	#navigation li#navContact a			{ background-position: 0 -150px; }
	#navigation li#navContact a:hover	{ background-position: 0 -400px; }
	#navigation li#navAbout a			{ background-position: 0 -200px; }
	#navigation li#navAbout a:hover		{ background-position: 0 -450px; }


/* 	MAIN CONTENT AREA
================================================================================  */
	#mainContent						{ float: left; width: 510px; margin: 25px 0 0 15px; }
	h1.header, h2.header				{ margin-bottom: 10px; padding-bottom: 30px; background: url("images/bg-post.png") bottom left no-repeat; }
	.section							{ width: auto; overflow: auto; margin-bottom: 35px; }


/* 	BLOG POSTS
================================================================================  */
	#postsWrapper						{ margin-right: 10px; }
	#postsHeading						{ margin-bottom: 25px; padding-bottom: 30px; background: url("images/bg-post.png") bottom left no-repeat; }
	.post, .page						{ width: auto; overflow: auto; margin-bottom: 20px; }
	.postHeader							{ width: auto; overflow: auto; padding-bottom: 30px; background: url("images/bg-post.png") bottom left no-repeat; }
	.postHeader h1, .postHeader h2		{ margin: .5em 0; font-size: 1.25em; font-weight: normal; color: #066CAA; }
	.postHeader a						{ text-decoration: none; color: #066CAA; }
	.postHeader a:hover					{ color: #055180; }
	.postHeader .tweetmeme				{ float: right; margin: 0 10px; }
	.postBody							{ width: auto; overflow: auto; padding-bottom: 10px; }
	.postBody h1, .postBody h2			{ margin: 2em 0 .75em 0; text-decoration: underline; }
	.postBody h3						{ margin: 1.5em 0 .75em 0; text-decoration: underline; }
	.postBody h4						{ margin: 1.5em 0 .5em 0; text-decoration: underline; }
	.postBody h5, .postBody h6			{ margin: 1.5em 0 .5em 0; text-decoration: underline; }
	.postBody ol						{ margin: 1em 0 1em 25px; list-style: upper-roman; }
	.postBody ul						{ margin: 1em 0 1em 25px; list-style: circle; }
	.postBody li						{ margin: .5em 0; }
	.postBody dl						{ border-bottom: 1px solid #999; }
	.postBody dt						{ width: 15em; padding: .5em; float: left; margin: 0; border-top: 1px solid #ccc; font-weight: bold; }
	.postBody dd						{ margin-left: 16em; padding: .5em; border-top: 1px solid #ccc; }
	.postBody blockquote				{ margin: 1em; padding: 5px 40px; background: url("images/bg-blockquote.jpg") 0 5px no-repeat; }
	.postBody p.readMore				{ text-align: right; }
	.postBody p.readMore a				{ color: #666; text-decoration: none; }
	.postBody p.readMore a:hover		{ color: #1a1a1a; }
	.postBody label						{ display: block; margin-top: 1em; }
	.postBody textarea					{ display: block; }
	.postFooter							{ margin: 10px 0; padding: 5px 10px; background: #fff; border: 1px solid #e5e5e5; }
	.postFooter p						{ margin: .5em; padding: 0; color: #666; font-size: .75em; }
	.socialBookmarks h5					{ padding: 30px 0; font-size: .75em; color: #666; font-style: italic; font-weight: normal; text-decoration: none; text-align: center; background: url("images/bg-post.png") bottom left no-repeat; }
	.socialBookmarks ul					{ margin: 0 0 0 10px; padding: 0; list-style: none; }
	.socialBookmarks li					{ float: left; width: 75px; margin-right: 5px; text-align: center; }
	.socialBookmarks a					{ display: block; font-size: .75em; color: #999; text-decoration: none; }
	.socialBookmarks a:hover			{ font-size: .875em; color: #1a1a1a; }
	.socialBookmarks img				{ display: block; margin: 0 auto; }
	.postThumb							{ float: left; margin: 1.25em 10px 10px 0; border: 3px solid #ccc; }
	.wp-caption							{ margin: 20px 10px; padding: 5px; text-align: center; background: #fff; border: 1px solid #ccc; }
	.wp-caption img						{ background: #fff; border: 3px double #ccc; }
	p.wp-caption-text					{ margin: 1px 2px; line-height: 30px; vertical-align: middle; color: #1a1a1a; font-style: italic; background: #f2f2f2; border: 1px solid #ccc; }
	.aligncenter						{ margin: 20px auto; text-align: center; }
	.alignleft							{ float: left; }
	.alignright							{ float: right; }
	.postBody .featured-thumb			{ display: none; }
	.postBody .wpcf7					{ padding: 5px; background: #fff; border: 1px solid #ccc; }
	.postBody .wpcf7 form				{ padding: 10px; background: #f2f2f2; border: 1px solid #999; }
	#postsNav li						{ float: left; }
	#postsNav li.page_info				{ margin-right: 10px; }
	#postsNav li a						{ display: block; width: 20px; margin: 0 1px; text-decoration: none; color: #333; line-height: 20px; vertical-align: middle; text-align: center; background: #75AFCC; border: 2px solid #fff; }
	#postsNav li a:hover				{ color: #fff; background: #007AB4; border-color: #1a1a1a; }
	#postsNav li.active_page a			{ font-weight: bold; color: #fff; background: #75AFCC; border: 2px solid #75AFCC; }
	#postsNav li.active_page a:hover	{ font-weight: bold; color: #fff; background: #75AFCC; border: 2px solid #75AFCC; }
	ul#services							{ margin: 10px 0; padding: 0; width: auto; overflow: auto; list-style: none; }
	ul#services li						{ float: left; width: 165px; text-align: center; }
	ul#services a						{ display: block; margin: 5px; padding-right: 5px; height: 50px; color: #333; text-decoration: none; line-height: 45px; background: url('images/button.png') no-repeat; }
	ul#services a:hover					{ position: relative; top: 2px; background: url('images/button.png') 0 -55px no-repeat; }

/* 	COMMENTS
================================================================================  */
	#commentsWrapper					{ margin-right: 10px; }
	#commentsHeader						{ width: auto; overflow: auto; }
	#commentsHeader p					{ float: right; margin: 0 10px; width: 35px; }
	#commentsHeader h5, #respond h5		{ margin-top: 5px; padding-bottom: 35px; font-weight: normal; font-size: 1em; background: url("images/bg-post.png") bottom left no-repeat; }
	ol.commentlist						{ margin-bottom: 20px; }
	li.comment							{ width: auto; overflow: auto; margin: 5px 0; background: #fff; border: 1px solid #e5e5e5; }
	li.comment .commentSidebarWrapper	{ float: left; width: 100px; }
	.commentSidebarWrapper a			{ color: #666; text-decoration: none; }
	.commentSidebarWrapper cite a		{ color: #1a1a1a; }
	li.comment .vcard					{ margin: 5px; text-align: center; }
	li.comment .vcard p					{ text-align: center; }
	li.comment .gravatar				{ width: 74px; margin: 10px auto 5px auto; text-align: center; }
	li.comment .commentmetadata			{ text-align: center; font-size: .75em; line-height: 1em; }
	li.comment p.commentActions			{ font-size: .75em; }
	li.comment .commentTextWrapper		{ float: right; width: 390px; }
	.vcard								{ width: auto; overflow: auto; font-size: .75em; }
	.vcard p							{ margin: 0 0 10px 0; padding: 0; font-size: 1.25em; border-bottom: 1px solid #ccc; }
	.vcard .geo							{ display: none; }
	.vcard .categories span				{ display: block; }
	.commentText						{ margin: 10px 15px 10px 0; }
	

/* 	MAIN SIDEBAR AREA
================================================================================  */
	#mainSidebar						{ float: right; width: 400px; margin: 0 15px 0 0; }
	.sidebarCol1						{ float: left; width: 180px; margin: 5px; }
	.sidebarCol2						{ float: right; width: 180px; margin: 5px; }
	.sidebarWidget						{ width: auto; overflow: auto; margin-top: 25px; padding-bottom: 10px; color: #333; }
	.sidebarWidget h5					{ padding-bottom: 30px; margin-bottom: 10px; font-size: 1.25em; color: #333; font-weight: normal; background: url("images/bg-widget.png") bottom left no-repeat; }
	.sidebarWidget h5 a					{ text-decoration: none; color: #333; }
	.sidebarWidget h6					{ margin: 0; padding: 0; font-size: 1em; color: #333; font-weight: normal; border-bottom: 1px solid #ccc; }
	.sidebarWidget ul					{ margin: 5px 0 5px 25px; list-style-image: url("images/icons/tick_16.png"); }
	.sidebarWidget ul ul				{ margin: 5px 0 5px 0px; list-style-image: url("images/icons/tick_16.png"); }
	.sidebarWidget li a					{ display: block; padding: 2px; color: #666; text-decoration: none; border-bottom: 1px solid #f2f2f2; }
	.sidebarWidget li a:hover			{ color: #00c; }
	.sidebarWidget ul ul li a			{ padding-left: 10px; }
	.ui-tabs-hide						{ display: none; }
	ul.tabsNav							{ width: auto; overflow: auto; margin: 2px 0 0 0; padding: 0; list-style: none; background: url('images/bg-tabheader.png') no-repeat; }
	ul.tabsNav li						{ float: left; width: 133px; margin: 2px 0 0 0; padding: 0; }
	ul.tabsNav li.right					{ float: right; }
	ul.tabsNav a						{ display: block; padding: 3px 0 3px 15px; line-height: 40px; color: #999; vertical-align: middle; text-align: center; background: url("images/spritemap.png") -7px -502px no-repeat; border: 0; }
	ul.tabsNav li.left a				{ margin-left: 5px; }
	ul.tabsNav li.middle a				{ margin-left: 2px; border: 1px solid #ccc; border-width: 0 1px; }
	ul.tabsNav a:hover					{ color: #333; background-position: -7px -551px; border: 0; }
	li.ui-state-active a,
	li.ui-state-active a:hover 			{ height: 35px; color: #1a1a1a; background: url("images/spritemap.png") -7px -701px no-repeat; }
	#tabs-1, #tabs-2, #tabs-3			{ clear: both; width: auto; overflow: auto; margin: 0 1px; background: #fff; border: 1px solid #ccc; }
	#tabs h6							{ margin: 5px; }
	#socialNetworks						{ margin: 20px 0 10px 15px; list-style: none; }
	#socialNetworks li					{ float: left; margin-right: 10px; text-align: center; }
	#socialNetworks a					{ display: block; padding: 0; color: #666; text-decoration: none; border: 0; }
	#socialNetworks a:hover				{ color: #1a1a1a; }
	#socialNetworks img					{ display: block; }
	#socialNetworks small				{ display: block; font-size: .75em; }
	ul.contactForm						{ list-style: none; }
	ul.contactForm label				{ display: block; }
	ul.contactForm input				{ margin-bottom: 10px; }
	#welTwitter 						{ width: inherit; height: 100px; overflow: hidden; background: url("images/twitter-top.png") no-repeat; }
	#welTwitter h2						{ margin: 57px 0; text-align: center; }
	#welTwitter h2 a					{ color: #fff; text-decoration: none; }
	#welFollowme 						{ width: inherit; height: 50px; overflow: hidden; background: url("images/twitter-bottom.png") no-repeat; }
	#welFollowme p 						{ margin: 10px 20px 0 70px; padding: 0; }
	#welFollowme p a 					{ display: block; line-height: 30px; text-align: center; font-size: .75em; vertical-align: middle; font-weight: bold; color: #fff; text-decoration: none;  }
	ul.tweet_list						{ margin: 2px; padding: 5px; font-size: .875em; list-style-image: none; }
	ul.tweet_list li					{ margin: .5em; padding: .5em; border-bottom: 1px dashed #ccc; }
	ul.tweet_list li a					{ display: inline; padding: 0; font-weight: bold; text-transform: capitalize; }
	ul.tweet_list li .tweet_text a		{ font-weight: normal; text-transform: none; }
	.legal								{ color: #666; font-size: .75em; }
	.legal a							{ color: #666; text-decoration: none; border-bottom: 1px dashed #666; }


/* 	FOOTER
================================================================================  */
	#footerContact						{ float: left; width: 520px; overflow: hidden; margin-top: 0px; color: #1a1a1a; background: url("images/bg-contact.png") no-repeat; }
	#footerContact .footerWidget		{ width: auto; overflow: hidden; margin: 20px 20px 0 20px; background: url("images/icons/letter_32.png") 440px 0 no-repeat; }
	#footerContact h5					{ padding: 5px 0 30px 10px; font-size: 1.1em; color: #1a1a1a; font-weight: normal; background: url("images/bg-post.png") bottom center no-repeat; }
	#footerContact ul.contactForm		{ list-style: none; }
	#footerContact .leftCol input		{ width: 160px; border: 1px solid #666; }
	#footerContact textarea				{ width: 270px; height: 90px; margin-bottom: 5px; border: 1px solid #666; }
	#footerContact .leftCol				{ float: left; width: 170px; }
	#footerContact .rightCol			{ float: right; width: 280px; }
	#footerContact .rightCol input		{ width: 275px; }
	img.ajax-loader						{ position: relative; top: -31px; right: -250px; border: 1px solid #000; }
	#footerSidebar						{ float: right; width: 400px; overflow: auto; margin: 80px 10px 0 0; color: #fff; }
	#footerSidebar h5					{ padding-bottom: 30px; margin-bottom: 10px; text-align: center; font-size: 1.1em; color: #ccc; font-weight: normal; background: url("images/bg-widget.png") bottom center no-repeat; }