/*
Theme Name: mYm Wordpress Shell
Theme URI: http://www.mimoymima.com/
Description: I'm so tired, I haven't slept a wink.  I'm so tired, my mind is on the brink
Version: 5
Author: Brent Lagerman
Author URI: http://www.mimoymima.com/
*/

/*
	##     Updated: Apr 9, 2009
  	##     brent@mimoymima.com
  
	- - - Color References - - -
	html bkg: #afab9a
	html Text: #171717
	body bkg: #e2e0d2
	masthead bkg: #2b2039
*/

/* GENERAL STYLING - - - - - - - - - - - - - - - - */

	html { color: #171717; background: #afab9a url(images/bkg_page.png) top repeat-x; }

	/* Sets fonts, page width & margins */
	body { width: 912px; margin: 0 auto; font: 1.5em 'myriad pro', 'Helvetica Neue', helvetica, arial, sans-serif; background: #e2e0d2; position: relative; }
	.Serif { font-family: cambria, baskerville, cochin, georgia, times, serif; } /* switch this out with the font listing above and change the class name to SansSerif if the site is a serif based site */

	/* Headings */
	h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #877e86; }

	/* Links */
	a:link, a:visited, a:active { color: #2B2039; text-decoration: underline; }
	a:hover, a:focus { color: #150d20; text-decoration: none; }
	
	/* Forms */
	label { color: #39C; text-decoration: underline; }
	label:hover, label:focus { color: #F90; text-decoration: none; }
	input, select, textarea { padding: 3px; color: #CCC; border: 3px solid #c8e8f3; background: #F6F6F6; vertical-align: middle; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
	input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { color: #666; background: #EDEDED; border-color: #92d2e7; }
	input[type='submit'] { color: #7fb2cc; font-size: .8em; text-transform: uppercase; padding: 4px 10px; font-weight: bold; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
	input[type='submit']:hover, input[type='submit']:focus { color: #069; }
	
	/* List */
	#Content ul { list-style: none; }
	#Content ul li { padding-left: 20px; background: url(images/bullet_asterisk.png) 2px 5px  no-repeat; font-size: 1em; padding-bottom: 1em; width: 100%; }
	
	/* Hide These Elements but keep them accessible */
	#Accessibility,
	#Footer .vcard  { position: absolute; left: -999em; }
	
	/* Quotes */
	blockquote { margin: 20px 0 !important; }	
	blockquote cite { font: normal 1.2em cambria, baskerville, cochin, georgia, times, serif; padding: 1em 0 .5em 0; display: block; text-align: right; }
	
	/* For WP built in editor */
	img.centered { display: block; margin-left: auto; margin-right: auto; }
    img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
    img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
    .alignright { float: right; }
	.alignleft { float: left; }
	
	/* Indicators */
	.Indicator { position: absolute; text-align: right; left: 0;  width: 7em; }
	.Indicator a { background-color: #FF0; display: block; font-weight: bold; font-size: .9em; text-transform: uppercase; color: #09C; text-decoration: none; padding: .5em 1em; }
	.Indicator a:hover, .Indicator a:focus { background-color: #FFF; text-decoration: underline; cursor: pointer; }
		#JSInd { top: 30em; }
		#FlashInd { top: 33.5em; }
		#FlashInd a { background-color: #CF0; }

	/* jQuery styles */
	.MakeLink { color: #06F !important; text-decoration: none; margin-bottom: .5em; } 
	.MakeLink:hover, .MakeLink:focus, .MakeLink:active { cursor: pointer; color: #C60; text-decoration: underline; }
	ul.Hide { margin: 0 0 0 1em !important; padding: 0 !important; }


/* PAGE DIVISIONS - - - - - - - - - - - - - - - - */
	
	/* ÷+÷+÷ HEADER ÷+÷+÷ */
	#Header { height: 229px; background: #2b2039; width: 912px; }
	#Header #MainLogo { position: absolute; top: 0; left: 0; height: 180px; }
	#Header #SplashImg { height: 180px; overflow: hidden; width: 723px; position: absolute; left: 189px; }
	#Header #SplashImg img { position: absolute; top: 63px; }
		
		#Header #SplashImg { background: url(images/header_home.jpg) top left no-repeat; }
		#home #Header #SplashImg { background: url(images/header_home.jpg) top left no-repeat; }
		#services #Header #SplashImg { background: url(images/header_services.jpg) top left no-repeat; }
		#sample_work #Header #SplashImg { background: url(images/header_work.jpg) top left no-repeat; }
		#clients #Header #SplashImg { background: url(images/header_clients.jpg) top left no-repeat; }
		#testimonials #Header #SplashImg { background: url(images/header_testimonials.jpg) top left no-repeat; }
		#contact #Header #SplashImg { background: url(images/header_contact.jpg) top left no-repeat; }
		#bio #Header #SplashImg { background: url(images/header_bio.jpg) top left no-repeat; }
		
		
		/* MainNav */
		#MainNav { height: 49px; background: #868087; position: absolute; top: 180px; width: 912px; }
		#MainNav li { padding: 12px 0 5px 31px; }

			/* Links*/
			#MainNav a { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #E2E0D5; font-size: 13px; font-weight: bold; text-decoration: none; letter-spacing: .05em; text-transform: uppercase; display: inline-block; line-height: 1.5em; padding: 5px; }
			#MainNav a:hover, #MainNav:active, #MainNav:focus { color: #2b2039; }

			/* LinkList */
			.LinkList { list-style: none; }
			.LinkList a { width: 158px; color: #E2E0D5; background: #989299 url(/images/bkg_nav.png) 0 0 repeat-x; font-size: 1em; text-transform: uppercase; text-decoration: none; display: block; line-height: 1.2em;  margin: 0 11px 0px 11px; padding: 10px 12px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; letter-spacing: .05em; }
			.LinkList a:hover, .LinkList:active, .LinkList:focus { color: #2B2039; }

			/* DownStates*/
			#MainNav .Active a { color: #2b2039 !important; }

		/* Search */
		#Header #SearchForm { float: right; margin-right: 37px; }
		#SearchForm input[type='text'] { width: 150px; }
		
	/* ÷+÷+÷ CONTENT ÷+÷+÷ */
	
	#ContentWrapper { background: #e2e0d2 url(images/bkg_contentwrapper.png); width: 912px; border-bottom: 2px solid #585060; position: relative; }
	
	#Content { width: 570px; float: left; padding: 25px 65px 5em 70px; line-height: 150%; clear: both;}
	#Content p { margin-bottom: 2em; font-size: 1em; letter-spacing: .03em; }
	#Content h1 { font-family: "Myriad Pro",Verdana, Arial, Helvetica, sans-serif; padding: .5em 0 7px 0; font-style: italic; letter-spacing: .05em; }
	#Content h2 { font-family: "Myriad Pro",Verdana, Arial, Helvetica, sans-serif; padding: .5em 0 7px 0; font-style: italic; letter-spacing: .05em; }
	#Content h3 { font-family: "Myriad Pro",Verdana, Arial, Helvetica, sans-serif; padding: 1em 0 9px 0; font-style: italic; letter-spacing: .05em; }
	#Content em { font-family: cambria, baskerville, cochin, georgia, times, serif; }	
	
		/* Posts */
		.Post { clear: both; padding: 2em 0 3em 0; }
		.Entry { }
		.PostDate { color: #999; font-size: .9em; margin-bottom: .5em; }
		.Entry p {}
		.utw {}
		.Post_nav {}
		.post-edit-link { margin-left: 1em; }
		.PostMetaData { float: right; }
		.stbutton { float: left; } /* share this button */
	
		/* Page */
		.Page {}

		/* Single */
		.Single {}

		/* Comments */
		/* Green: #AAD400; Yellow: #FF0; */

			/* General Comment Styles */
			.commentlist { list-style-type: none; margin: 0 0 5em 0; }
			.commentlist .comment { margin-top: 1em; padding-bottom: 1em; position: relative; }
			.commentlist .children { list-style-type: none; }
			.commentlist p { margin-bottom: 1em; }
			.commentlist .says { display: none; }
			#respond #comment { width: 90%; }

			/* Highlighting */
			.commentlist .thread-even .vcard { background: #FF0; } /* Default - Even */
			.commentlist .thread-odd .vcard { background: #AAD400; } /* Default - Odd */
			.commentlist .thread-even .bypostauthor .vcard {} /* Author - Even */
			.commentlist .thread-odd  .bypostauthor .vcard {} /* Author - Odd */
						
			/* vcard & meta-data */
			.commentlist .vcard { color: #000; }
			.commentlist .comment-meta { font-size: .9em; line-height: 100%; position: absolute; }
			.commentlist .thread-even .vcard a, .commentlist .comment-meta a { color: #000; text-decoration: none; }
			.commentlist .vcard a:hover, .commentlist .comment-meta a:hover, .commentlist .vcard a:focus, .commentlist .comment-meta a:focus { text-decoration: underline; }

			/* Alternating Colored Borders*/
			.commentlist .thread-odd { border-left: 15px solid #AAD400; }
			.commentlist .thread-even { border-left: 15px solid #FF0; }
			.commentlist .thread-odd .depth-2 { border-right: 4px solid #AAD400; }
			.commentlist .thread-even .depth-2 { border-right: 4px solid #FF0; }
			.commentlist .thread-even .vcard .avatar { background: #FF0; border: 3px solid #000; }
			.commentlist .thread-odd .vcard .avatar { background: #AAD400; border: 3px solid #000; }
			.commentlist .bypostauthor .vcard .avatar { border: 3px solid #FFF; }

			/* Comment awaiting moderation message */
			.commentlist .comment div > em { font-family: helvetica, 'myriad pro', 'Neue Helvetica', helvetica, arial, sans-serif !important; color: #000; border: 3px solid #FFF; width: 90px; position: absolute; font-size: .8em; letter-spacing: 1px; font-style: normal; margin: 5px; padding: 1em 1.5em; line-height: 120%; }
			.commentlist .comment div > em + br { display: none; }

			/* Reply Buttons */
			.commentlist li .reply a { color: #7FB2CC; background: #EEE; text-decoration: none; text-transform: uppercase; margin-top: -1em; vertical-align: middle; display: inline-block; line-height: 150%; height: 14px; font-size: .7em; letter-spacing: 1px; padding: 2px 10px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-weight: bold; }
			.commentlist li .reply a:hover, .commentlist li .reply a:focus { color: #069; background: #DDD; }

			/* Depth 1 Formatting */
			.commentlist .depth-1 {}
			.commentlist .depth-1 .avatar { float: left; margin: -1.7em 0 0 0; }	
			.commentlist .depth-1 .vcard { margin-bottom: 20px; padding: 31px 0 40px 0; }
			.commentlist .depth-1 .vcard .fn { margin: 0 0 0 15px; font-size: 1.8em; font-style: normal; }
			.commentlist .depth-1 .comment-meta { top: 65px; left: 102px; }	
			.commentlist .depth-1 p { font-size: 1.2em; line-height: 150%; margin-left: 5%; }	
			.commentlist .depth-1 .reply { margin-top: -1em; margin-left: 4%; }
			.commentlist .depth-1 div > em { top: 0px; right: 0px; }

			/* Depth 2 Formatting */
			.commentlist .depth-2 { text-align: right; }
			.commentlist .depth-2 .avatar { float: right; margin-top: -26px; }
			.commentlist .depth-2 .vcard { margin-bottom: 15px; padding: 31px 0 42px 0; }
			.commentlist .depth-2 .vcard .fn { margin: 0 10px 0 0; font-size: 1.6em; font-style: normal; }
			.commentlist .depth-2 .comment-meta { top: 55px; right: 96px; }
			.commentlist .depth-2 p { color: #666; font-size: 1em; margin-right: 4%; }
			.commentlist .depth-2 .reply { margin-right: 4%; }
			.commentlist .depth-2 div > em { top: 0px; left: 0px; text-align: left; }

			/* Depth 3 Formatting */
			.commentlist .depth-3 { margin: 2em 10% 0 0; }
			.commentlist .depth-3 .avatar { margin-right: 4px; }
			.commentlist .depth-3 .comment-meta { right: 100px; }

			/* Depth 4 Formatting */
			.commentlist .depth-4 { margin: 2em 10% 0 0; }
		
			/* Depth 5 Formatting */
			.commentlist .depth-5 { margin: 2em 10% 0 0; }
			.commentlist .depth-5 .reply { display: none; }
			
			/* Pingbacks */
			.commentlist li.pingback {}
			.commentlist li.pingback.parent {}
			
	
	/* ÷+÷+÷ SIDEBAR ÷+÷+÷ */
	#Sidebar { position: relative; float: right; width: 202px; list-style-type: none; padding-top: 40px; padding-bottom: 5em; background: #868087; z-index: 1; }
	.SidebarTopCap { position: absolute; top: -49px; right: 0; z-index: 2;}
	#Sidebar h2 { margin: 2em 11px .5em 11px; color: #585060;font-size: 18px; }
	#Sidebar ul { list-style-position: inside; }
	#Sidebar ul li { margin-bottom: 1em; width: 202px; }
	
		/* Calendar */
		#Sidebar #calendar caption { background: #CCC; padding: 5px 0px; }
		#Sidebar #calendar table { width: 170px; border: solid 1px #CCC; }
		#Sidebar #calendar table th { text-align: center; letter-spacing: -1px; border-bottom: solid 1px #CCC; padding: 3px 0px; }
		#Sidebar #calendar table td { text-align: center; padding: 3px 0px; font-size: .8em; }
		#Sidebar #calendar table td a { font-weight: bold; }
		#Sidebar #calendar h2 { padding-bottom: 8px; }
			

	/* ÷+÷+÷ FOOTER ÷+÷+÷ */
	#HRFooter { border: 0; position: absolute; margin-top: -10px; height: 54px; width: 880px; background: url(./images/hr_footer.png) no-repeat; }
	#Footer { background: #afab9a; clear: both; width: 912px; margin: 0 auto; margin-bottom: 50px; }
	#Footer #mYmCredit { font-size: .9em; text-align: right; }
	#Footer #Copyright { padding-top: 1em; font-size: .9em; }
	#Footer a.Active { color: #6C0; }


/* SPECIFIC PAGE TYPES - - - - - - - - - - - - - - - - */
.mYmSand #ContentWrapper { background: #E8DCC5 url(./images/bkg_fade_blue.png) repeat-x top; }
.mYmTallGrass #ContentWrapper { background: #9CD41C url(./images/bkg_fade_grass_tall.png) repeat-x top; }
.mYmTallGrass #TallGrass { width: 100%; height: 71px; position: absolute; top: 408px; left: 0; background: transparent url(./images/bkg_grass_tall.png) repeat-x top; }
.mYmTallGrass #mYmHeads { width: 650px; height: 163px; position: absolute; top: 313px; background: transparent url(./images/img_mym-heads.png) no-repeat; }


/* SPECIFIC PAGES - - - - - - - - - - - - - - - - */
#testimonials #Content h3 { padding-bottom: 0; }