/*
	##     LYNN CHANDHOK
	##     mYm screensheet 3.5.5
	##     Updated: Oct 4, 2007
	##     brent@mimoYmima.com
  
	- - - Color References - - -
	content bkg wash light gray: #DCDBD4;
	page bkg greyish brown: #8f8271;
	lines: #CCC;
	HTML headings green: #690;
	body txt brown: #603913;
	captions for photos brown: #8A5005;
*/

/* - - - Tags on this site - - - */
	
	html, body { color: #603913; background: #8f8271; font-family: cambria, 'lucida bright', georgia, palatino, bookman, 'Bookman Old Style', 'Book Antiqua', Times, serif; }

	/* Links */
	a { color: #903; }
	a:link { color: #903; }
	a:visited { color: #903; }
	a:hover, a:focus { color: #C00; text-decoration: none; }
	a:active { color: #C00;	text-decoration: none; }
	
	/* Headings */
	#PageWrapper h1, #PageWrapper h2, #PageWrapper h3, #PageWrapper h4, #PageWrapper h5, #PageWrapper h6 { color: #690; line-height: 120%; font-style: italic; font-weight: normal; margin: 1.5em 0 .3em 0; }

    #PageWrapper h1 { font-size: 1.3em; color: #666 !important; }
    #PageWrapper h2 { font-size: 1.4em; margin-top: 2em !important; }
    #PageWrapper h3 { font-size: 1.2em; }
    #PageWrapper h4 { font-size: 1.0em; }
    #PageWrapper h5 { font-size: .8em; }
    #PageWrapper h6 { font-size: .6em; }

	/* Forms */
	.Button { border: 2px outset #3CF; cursor: pointer; text-transform: uppercase; padding: .2em .5em; background: #6CF; color: #FFF; font-weight: bold; }
	.Button:hover, .Button:focus { background: #FC3; border: 2px outset #F90; }
	label { color: #39F; }
	label:hover { color: #F93; }
		/* form colors */
		.TextInput, textarea, select { font-size: 1.5em; color: #360; background: #F7F5EB; }
		input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover { background: #FFC; }
		
	/* Lists */
	/*.LinkList li a { padding-left: 12px; margin-left: -12px; } put this in if you want the bullets for link lists to be links - only works if you don't want to mix linklists with regular text */
	.NoBullet li { margin-bottom: .5em; }
	
	/* Note: Create rollover for the linklist */
	body .LinkList { margin: 1em 0 0 1em; }
	body .LinkList li { padding-left: 20px; background-position: 0 6px; }

	/* Text */
	pre { font: inherit !important; line-height: 1.7em !important; }
	#Content p { line-height: 1.7em; }
	.Heavy { font-family: "Agency FB", "Abadi MT Condensed Extra Bold", impact, helvetica, sans-serif; }
	.Serif { font-family: cambria, 'lucida bright', georgia, palatino, bookman, 'Bookman Old Style', 'Book Antiqua', serif; }

/* - - - Page Divisions on this site - - - */

	/* PageWrapper */
	#PageWrapper { font-size: 1.3em; width: 800px; background: #DCDBD4 url(/images/bkg.page.wash.jpg) top left; text-align: left; position: relative; margin: 0 auto; }
	#DecorWrapper { background: url(/images/bkg.pattern.top.gif) top left no-repeat; }
	
	/* Accessibility Links ~ hidden by placement off screen */
	#Accessibility { position: absolute; left: -999em; display: none !important; }
	
	/* Masthead */
	#Masthead { margin-top: 10px; }
	#MainLogo { font-size: 2em; }
	
	/* MainNav */
	#MainNav { font-size: 1.35em; padding: 5px 0 10px 0 !important; font-family: optima, tahoma, geneva, helvetica, sans-serif !important; margin: 0; overflow: hidden; } /* overflow fixes a problem - don't remove */
	#MainNav ul { width: 100%; }
	#MainNav ul li { border-right: 1px solid #666; }
	/*MainNav Links*/
	#MainNav a { padding: 0px 7px 0px 7px; line-height: 1.3em; }
	#MainNav a:link, #MainNav a:visited { text-decoration: none; }
	#MainNav a:hover, #MainNav a:active, #MainNav a:focus { text-decoration: underline; }
	#MainNav .Active a { color: #C00; }
	#MainNav #navAbout { border-right: none !important; }
	#MainNav #navBio a { padding-left: 0;}
	
	/* SectionTitle */
	#SectionTitle { width: 310px; text-align: right; position: absolute; left: 0px; top: 315px; }
	
	/* Content */
	#Content { width: 450px; position: relative; left: 331px; padding-bottom: 100px; padding-top: 20px; }
	#Content h2:after { content:"~"; }
	#PageTop { display: none; }
	
	/* LeftColumn */
	#LeftColumn { width: 235px; position: absolute; left: 43px; top: 388px; }
	#LeftColumn p { line-height: 1.5em; }
	#LeftColumn .Footnote { font-size: .9em; margin-top: 3em; }
	#LeftColumn h3 { font-size: 1.4em; }
	#LeftColumn h3:after { content: "~"; }
	
	/* Page Nav */
	.PageNav { margin-bottom: 2em; float: left; width: 100%; }
	.PageNav a { font-weight: bold; color: #36F; text-decoration: none; background: #DFF2F6; display: block; float: left; width: auto; margin: 0 1px; padding: .3em 1em !important; }
	.PageNav a:hover { font-weight: bold; color: #FFF; background: #36F; }
	.PageNav .PageNavHead { margin-left: .8em; background: none; font-weight: bold; }
	.PageNav .PageNavHead:hover { color: #FC0; background: none; }
	
	/* Footer with a left and right message */
	#Footer { height: 200px; background: transparent url(/images/bkg.pattern.bottom.gif) left bottom no-repeat; clear: both; }
	#Footer .Copyright { font-size: 90%; position: absolute; right: 100px; bottom: 0; }

/* - - - Classes - - - */

	/* vCards */
	.street-address { display: block; }
	
	/* Credits */
	#Credits { position: absolute; bottom: 0px; left: 330px; width: 10em; }
	#Credits p { margin-bottom: 1.5em; font-size: 90%; }
	
	/* Javascript Indicator */
	#JSIndicator { position: absolute; top: 9em; right: 0px; }
	#JSIndicator a:link, #JSIndicator a:visited { font-weight: bold; font-size: .9em; text-transform: uppercase; background-color: #FF0; color: #09C; text-decoration: underline; padding: .5em 1em; }
	#JSIndicator a:hover, #JSIndicator a:active, #JSIndicator a:focus { text-decoration: none; }	

/* - - - Specific Pages on this site - - - */

	/* Home */
	#Home #Content .Photos img { padding-bottom: 10px; }
	#Home #LeftColumn p { font-size: .9em; }
	#Home #LeftColumn h3 { font-size: 1.3em; }
	
	/* About */
	#About #LeftColumn { top: 435px; width: 253px; }

	/* Bio */
	#Bio #LeftColumn { top: 435px; width: 253px; }
	#Bio #MainNav { margin-bottom: 2em !important; }
	
	/* Events */
	#Events #LeftColumn { top: 435px; width: 253px; }
	#Events .IconList { width: 15em; float: right; margin-top: 1em; }
	#Events .IconList li { background-position: 0 3px; }
	#Events .RSSFeed { margin-top: 4em; }
	#Events .RSSFeed .PubDate { margin-top: 1em; font-size: 90%; font-weight: bold; }
	#Events .RSSFeed dd a { font-size: 110%; }
	#Events .RSSFeed dd.Description { border-bottom: #666 1px dashed; padding: .5em 1em 1em 1em; }

	/* Links */
	#Links #LeftColumn { top: 435px; width: 253px; }
	#Links #Content { min-height: 25em; }
	#Links #Poems h3 { font: inherit; color: inherit; font-weight: bold; }

	/* Pub */
	#Pub #LeftColumn { top: 435px; width: 253px; }
	#Pub #Content .NoBullet li { margin-bottom: 1.5em; }
	
	/* Help */
	#Help #Masthead { padding: 2em; }
	#Help #MainNav { margin-left: 331px; }