/*
Theme Name: WordPress for WineFlirt
Theme URI: http://www.wineflirt.com/
Description: I want to show you some of my favorite places, let's go go go to my favorite places - Kai Lan
Version: 5
Author: Brent Lagerman
Author URI: http://www.mimoymima.com/
*/

/*
	##     Updated: Mar 16, 2010
  	##     brent@mimoymima.com
  
	- - - Color References - - -
	brown text: #630;
	anchor hot pink: #F09;
	purple: #732DA2;
	background: #FCFAF2;
	light brown for flourishes: #EBD8C1
*/



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

	html { color: #630; }

	/* Sets fonts, page width & margins */
	body { width: 980px; margin: 0 auto; padding: 60px 0 40px 0; background: #FCFAF2 url('./images/hr_top.png') center 30px no-repeat; font: 300 1.6em baskerville, georgia, palatino, 'Book Antiqua', times, serif !important; position: relative; }
	/* serif text - switch this out with the font listing above and change the class name to SansSerif if the site is a serif based site */
	.Serif { font-family: cambria, baskerville, cochin, georgia, times, serif; }
	
	/* Text */
	strong { font-weight: bolder; font-family: "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif; }
	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; }

	/* Headings */
	h1, h2, h3, h4, h5, h6 { font-family: "trade gothic", Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #732DA2; }
	#Content h3 { font-weight: normal; margin: 20px 0; font-family: cambria, baskerville, cochin, georgia, times, serif; }

	/* Links */
	a:link, a:visited { color: #F09; text-decoration: none; }
	a:hover, a:active, a:focus { color: #732DA2; }
	
	/* Forms */
	
		/* labels */
		label { color: #732DA2; text-decoration: none; font-family: Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: .6em; }
		label:hover, label:focus { color: #F09; text-decoration: none; }

		/* text inputs */
		input[type=text]:focus, textarea:focus, select:focus { background: #EADED3; color: #773A6F; }
	
		.InputList li { padding: 5px; float: left; clear: none; }
		input[type=text], textarea, select { padding: 3px; border: 1px solid #EADED3; color: #EC268F; background: #FFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: .9em; }
		fieldset { margin-bottom: 1.5em; }
		
		/* specific fields */
		form .TextInput { width: 180px; margin: 5px 0; }


		/* buttons */
		input[type='submit'], button { background: #732DA2; border: 0; padding: 4px; margin-top: 3px; color: #FFF; font-size: .8em; text-transform: uppercase; font-weight: bold; }
		input[type='submit']:hover, button:hover, input[type='submit']:focus, button:focus { background: #F09; cursor: pointer; }
		.Button { font-size: 32px; }
			
	/* Hide These Elements but keep them accessible */
	#Accessibility,
	#Footer .vcard  { position: absolute; left: -999em; }

	/* Hide These Elements when Javascript is Active */
	.jsActive #JSInd, .jsActive .Hide { display: none; }

/* PAGE DIVISIONS (includes layout) - - - - - - - - - - - - - - - - */
	
	/* ÷+÷+÷ HEADER ÷+÷+÷ */
	#Header { clear: both; margin: 25px auto 0 auto; }
	#Header #MainLogo { float: left; width: 239px; height: 80px; background: url(./images/logo_wineflirt.png) no-repeat; margin-left: 38px; }
	#MainLogo h2 {margin: 0; padding: 0;}
	#MainLogo a {display: block; width: 239px; height: 36px; }
	
		/* MainNav */
		#MainNav { font-size: 1.1em; position: absolute; left: 340px; top: 95px; } /* In the future, make MaiNav's left value of 230px */
		#MainNav li { text-align: center; }

			/* Links*/
			#MainNav a { color: #F09; text-decoration: none; display: inline-block; line-height: 1.8em;  margin: 0 2px 2px 0; padding: 8px 15px; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: .8em; text-transform: uppercase; font-weight: bold; }
			#MainNav a:hover, #MainNav a:active, #MainNav a:focus { color: #732DA2; }
			
			.MoreLink { text-align: right; display: block; margin-top: 5px; }

			/* DownStates*/
			#MainNav .Active a { color: #732DA2 !important; }

		/* Search */
		#Header #SearchForm { float: right; margin-right: 37px; }
		#SearchForm input[type='text'] { width: 150px; }
		
	/* ÷+÷+÷ CONTENT ÷+÷+÷ */
	
	#ContentWrapper {}
	
	#Content { width: 55%; float: left; padding-bottom: 5em; margin: 50px 0 0 50px; line-height: 150%; clear: both; }
	#Content p { margin-bottom: 1.5em; }
	#Content em { font-family: cambria, baskerville, cochin, georgia, times, serif; }	
	
		/* Posts */
		.post { clear: both; padding: 0; }
		.Entry { }
		.post h2 a { color: #73489B; text-decoration: none; }
		.PostDate { color: #999; font-size: .9em; margin-bottom: .5em; }
		.Entry p {}
		.utw {}
		.Post_nav {}
		.post-edit-link { margin-left: 1em; }
		.PostMetaData { clear: both; float: right; margin-top: 30px; }
		.HorizList .AddComment {margin: 0; float: right; }
		.stbutton { float: left; } /* share this button */
	
		/* Page */
		.page {}

		/* Single */
		.Single {}
		#SignUp { clear: both; }


		/* What Marcel Thinks */
			.PurpleText { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: .8em; text-transform: uppercase; font-weight: bold;  }
			.Purpley { color: #732DA2 !important; }
			.PurpleText em { color: #F09; font-style: normal; }
			.HorizList li { padding-right: 1.5em; }
			.PurpleText a:link { color: #773A6F !important; }
			.PurpleText a:visited { color: #773A6F !important; }
			.PurpleText a:hover { color: #F09 !important; }
			.PurpleText a:active { color: #773A6F !important; }
			.PurpleText a:link em { color: #F09 !important; }
			.PurpleText a:visited em { color: #F09 !important; }
			.PurpleText a:hover em { color: #773A6F !important; }
			.PurpleText a:active em { color: #F09 !important; }

		/* Comments */
		
			/* Alternating color highlighting */
			/*.commentlist .thread-even .vcard { background: #FF0; }  Default - Even */
			/*.commentlist .thread-odd .vcard { background: #0FF; }  Default - Odd */
				/* author highlighting */
				.commentlist .thread-even .bypostauthor .vcard {} /* Author - Even */
				.commentlist .thread-odd  .bypostauthor .vcard {} /* Author - Odd */

			/* General Comment Styles */
			#comments { clear: both; padding-top: 30px; }
			.commentlist { margin: 0 0 3em 0; }
			.commentlist .comment { clear: both; list-style-type: none; margin-left: 70px; margin-top: 1em; padding-bottom: 2em; position: relative; }
			.commentlist .says { display: none; }
			#respond { clear: both; }
			#respond #comment { width: 90%; }
						
			/* Depth 1 Formatting */
			.commentlist .depth-1 { margin-left: 0; } /* don't indent the first level of comments */
						
			/* vcard & meta-data */
			.commentlist .vcard { height: 63px; color: #000; padding: 0; margin-bottom: 20px; z-index: 1; position: relative; }
			.commentlist .vcard .avatar { background: #000; border: 2px solid #000; float: left; margin: 0; }
			.commentlist .vcard .fn { font-size: 1.8em; position: absolute; z-index: 2; top: 12px; left: 80px;  } /* commenter's name */
			.commentlist .comment-meta { font-size: .9em; line-height: 100%; position: absolute; z-index: 2; top: 40px; left: 80px; } /* date of comment */
				/* vcard links */
				.commentlist .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 { }

			/* Reply Buttons */
			.commentlist li .reply { position: absolute; z-index: 1; top: 40px; right: 7px; }
			.commentlist li .reply a { 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; }
				/* even colors */
				.commentlist .thread-even .reply a { color: #FFF; background: #F09; }
				.commentlist .thread-even .reply a:hover, .commentlist .threadeven .reply a:focus { color: #FFF; background: #732DA2; }
				/* odd colors */
				.commentlist .thread-odd .reply a { color: #FFF; background: #732DA2;  }
				.commentlist .thread-odd .reply a:hover, .commentlist .threadodd .reply a:focus { color: #FFF; background: #F09; }

			/* Comment awaiting moderation message */
			.commentlist .comment div > em { text-align: center; color: #FFF; border: 2px dashed #9DD880; font-family:'myriad pro', 'Neue Helvetica', helvetica, arial, sans-serif !important; font-size: .8em !important; letter-spacing: 2px; font-style: normal; display: block; margin: 1em; padding: 1em 1.5em; line-height: 120%; }
			.commentlist .comment div > em + br { display: none; }
						
			/* Pingbacks */
			.commentlist li.pingback {}
			.commentlist li.pingback.parent {}	
			
	/* Navigation */
	.Navigation { clear: both; padding-top: 50px; }


	/* ÷+÷+÷ SIDEBAR ÷+÷+÷ */
	#Sidebar { float: right; width: 250px; list-style-type: none; margin-top: 75px; padding-bottom: 5em; margin-right: 5%; font-size: .9em; }
	#Sidebar h3 { font-size: .8em; text-transform: uppercase; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dotted #630; }
	#Sidebar h4.Toggle { margin-bottom: 25px; }
	#Sidebar ul { list-style-type: none; margin-bottom: 55px; }
	#Sidebar ul li { margin-bottom: 1em; }
		/* the definition list is used for big perla links with short descriptions like on the wine club page*/
		#Sidebar dl dt { font-size: 24px; }
		#Sidebar dl dt a { color: #732DA2; text-transform: lowercase; }
		#Sidebar dl dd { margin-top: -10px; margin-bottom: 20px; }
	#Sidebar a span { color: #732DA2; }
	#Sidebar a:hover span, #Sidebar a:focus span, #Sidebar a:active span { color: #F09; }
	#Sidebar .current_page_item a { color: #732DA2; text-decoration: underline }
	#Sidebar #Grapevine { margin-top: 2em; }


	/* Sidebar Ad */
	#Sidebar #ad01 { margin: 50px 0; }
		
	/* Follow Us on Facebook - Twitter */
	#FollowUs { padding-top: 40px; margin-top: 40px; background: url('./images/bkg_follow-us.png') top left no-repeat; height: 80px; }
	#FollowUs .Icons { margin-left: 40px; }

	/* ÷+÷+÷ FOOTER ÷+÷+÷ */
	#Footer { background: url('./images/hr_foot.png') top center no-repeat; clear: both; width: 900px; padding-top: 50px; }
	#Footer #Logo { float: right; background: url(./images/logo_wineflirt.png) no-repeat; width: 239px; height: 80px; margin-right: 10px; }
	#Footer #Logo a { display: block; width: 239px; height: 80px; }

		/* Footer Links */
		#FooterLinks { margin-left: 25px; }
		#FooterLinks li { list-style-type: none; margin-bottom: 15px; display: inline; }
		#FooterLinks li a { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: .8em; text-transform: uppercase; font-weight: bold; margin: 0 2px 2px 0; padding: 8px 15px; }

		/* mYmCredit */
		#Footer #mYmCredit { font-size: 11px; clear: both; float: right; text-align: right; margin-top: 50px; }
		#Footer #mYmCredit a { font: 12px 'myriad pro', 'Helvetica Neue', helvetica, arial, sans-serif; letter-spacing: 1px; }
		


/* jQuery Styles - - - - - - - - - - - - - - - - - - - - - - - - */

/* Loading Animation */
.Loading { display: none; position: absolute; left: 10px; top: 10px; background: url(/images/loading.gif); width: 32px; height: 32px; text-indent: -9999em; }

/* Show-Hide Content */
.MakeLink { color: #F09 !important; text-decoration: underline; 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; }

/* Indicators */
.Indicator { position: absolute; z-index: 10; text-align: right; left: 0;  width: 7em; }
.Indicator a { background-color: #FF0; display: block; font-weight: bold; font-size: 12px !important; 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; }




/* SPECIFIC PAGES - - - - - - - - - - - - - - - - */

		.home h1 { margin: 0 auto; padding-top: 40px; width: 929px; height: 154px; position: relative; overflow: hidden; margin-bottom: 0 !important; color: #630; font-weight: normal; font-family: baskerville, georgia, palatino, 'Book Antiqua', times, serif; border-bottom: 2px dotted #EBD8C1; }
		.home h1 a { width: 929px; height: 134px; background: url("./images/promo_home.png") top left no-repeat; display: block; position: absolute; left: 0; top: 40px; z-index: 1; }
		.home #Content { margin-top: 0 !important; }
		.home #ad01 { margin-top: -40px !important;  }
		.home .post { clear: both; padding-top: 50px; }

/* Sign Up */

		.SignupPage { margin-left: 100px; }
		#sign-up-for-wineflirt-promo .SignupPage { width: 85%; }
		#sign-up-for-wineflirt-promo .PromoHeader { margin-bottom: 20px; } 
		#sign-up-for-wineflirt-promo #SignupForm { margin-bottom: 15px; }
		
		.SignupPage .Cols { width: 645px !important; margin: 0 auto; }
		.SignupPage .Col { width: 304px !important; }
		.SignupPage .Gap { margin-right: 25px !important; }
	
		#sign-up-for-wineflirt-promo .SignupPage .SignUpPromoText { padding: 20px; background-color: #e47276; color: #FFF; width: 265px; font-size: 14px; margin-bottom: 15px; margin-top: 6px; }
		#sign-up-for-wineflirt-promo .SignupPage .SignUpPromoText p { margin-top: .5em; margin-bottom: .5em; line-height: 130%; }
	
		/* Forms */
		.SignupPage form { text-align: right; padding: 0; }
		.SignupPage form #signmeupfor { color: #f09; display: block; margin-right: 23px; }
		.SignupPage form .MiscFields select { width: 188px; margin: 5px 0pt; }
		.SignupPage form p { font-family: Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: .6em; font-weight: bold; margin: 8px 0; color: #773A6F; }
		.SignupPage form .MiscFields .Buttons { padding-right: 125px; padding-top: 30px; }
		.SignupPage #Referral p { color: #663333; font-family: baskerville, cambria, Georgia, "Times New Roman", Times, serif; margin: 1.5em 0 0 0; font-weight: normal; text-transform: none; font-size: 14px; }
		
		
		/* Temporary Event Sign Up Form */
		#TemporaryEvent { display: none; }