/*  
Theme Name: Tao Garden
Theme URI: http://www.glasspendesign.com/
Description: An extensively containered design, suitable for liquid layouts. 
Version: 1.0
Author: Emily Ravenwood
Author URI: http://www.glasspendesign.com/
License: The XHTML is released under GPL
	http://www.opensource.org/licenses/gpl-license.php
*/


/* Remember to put variable layout in the individual sheets in /stylesheets */

/* *************************** */

/*UNIVERSALS */

img#wpstats { height: 0; } /*fucking stats image*/

body { margin: 0;
	padding: 0; }
	
	.win #page { font-size: 12px; }

#site-title { font-size: 2.5em; }
H1 { font-size: 1.8em; }
H2 { font-size: 1.4em; }
H3 { font-size: 1.25em; }
H4 { font-size: 1em; font-weight: bold; }

#site-title { margin: 3px;
	padding: 0; }
	
	#site-title a { font-weight: normal; }
	
.single h2, .page h2, #whole-archive h2,
.single h3, .page h3, #whole-archive h3 { margin-top: 2em;
		 }
	
.single h1 { padding-top: .5em;
		padding-bottom: .20em; }

dl {}
dt { margin: 1em 0 .25em 0; }
dd{}

HR {}
	HR.divider { margin: 2em 20%; }
	#whole-archive hr.separator { margin: 3em 20%; height: 6px; border-top: 2px solid; border-bottom: 2px solid; }
	
a img { text-decoration: none; border: none; }

.center { text-align: center; }

.small { font-size: small; } /* for small notes */

.tiny { font-size: x-small; } /* for tiny notes */

.search-excerpt {} /* class on <strong> tag around search terms */

.clear { clear: both; } /* anything that needs to be cleared*/

.right-column { float: right; width: 48%; }
.left-column { float: left; width: 48%; }

.float-right { float: right; }
.float-left { float: left; }

.align-left { text-align: left; }
.align-right { text-align: right; }

.hidden { display: hidden; }


/* WHOLE PAGE */

#page { margin: 0;
	padding: 0;
	position: relative; }


/*HEADER*/

#header { margin: 0;
	padding: 0; }

#header-inner {  margin: 0;
	padding: 0;  }

#headerimg { margin: 0;
	padding: 0; }

#headerimg-inner { margin: 0;
	padding: 0; }

#header-text {margin: 0;
	padding: 0;  }

#site-name { padding: .5em; }
	
	#site-title {padding: 0 .25em;}
		#site-name a {text-decoration: none; }
		#site-name a:hover {text-decoration: underline; }
	
	#site-description { padding: 0 1em .5em .5em;} /* the site description, when in use*/
	
		#site-description  p {margin-top: 0; padding-top: 0; }

	#site-description a:hover { text-decoration: none; }


/* BOTH COLUMNS--find these in header.php and footer.php*/
	
#cat-breadcrumb { padding: .15em;} /* cagory parent string, if in use */
		#whole-archive #cat-breadcrumb { margin-left: 1em; }
#cat-breadcrumb-inner {font-size: small;}
		
		#cat-breadcrumb a { text-decoration: none; }
		#cat-breadcrumb a:hover {text-decoration: underline; }
	
#content-footer { clear: both; } /*mostly just there to be a clearing block*/

#jumptop { text-align: right;
	font-size: small; }


/*MAIN COLUMN*/

#alpha-inner {
	padding: 1px 5% 1em 5%;}

#whole-archive #alpha {  float: none !important; text-align: center; }
#whole-archive #alpha { max-width: 60em; margin: 0px auto !important; text-align: left; } /* to un-sidebar the styling */
		
#index-actions,
#story-actions { margin: .75em 0 1em 0; }
#alpha #index-actions a,
#alpha #story-actions a { padding: .20em .30em;
	margin-left: 1em;
	text-decoration: none;
	color: #222;
	border: 1px solid #ccc; 
	border-radius: .75em;
	background color: #eee; 
	background-image: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background-image: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #e6e6e6));
	background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
}

#alpha #index-actions a:hover,
#alpha #story-actions a:hover {
	border: 1px solid #ccc;
	background color: #eee; 
	background-image: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
	background-image: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
	background-image: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
	background-image: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6e6e6), color-stop(1, #f9f9f9));
	background-image: -webkit-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
}

.navigation { display: block;
	padding: 1px; /*margin fix*/ 
	font-size: large; }
	.alignleft { float: left;}
	.alignright{ float: right; }
	.upper { margin-bottom: .5em;}
	.lower { margin-top: 1em; }
	
.pagetitle-wrapper { text-align: center; } /*goes around page title. Views: search */
.page .pagetitle { padding: .5em 0; }

#cat-topmatter  {margin: 1em 0 2em; padding: 1em;  } 
#cat-description,
#cat-meta {  }
	.index-notice { margin: .25em 0;
	border: 3px double;
	padding: .25em;} /* div around the $note */

#arc-img { float: right;
	margin: 0 1em; }
#author-img { float: left;
	margin: 0 1em; }

/*ENTRIES*/

#recentbox { float: left;
	width: 37%;
	padding: 1%;}
	#recentbox ul { list-style: none;
		margin-left: 0;
		padding-left: 0; }
	#recentbox li { padding: .25em 0; }
	#recentbox ul li ul { margin-top: 0; padding-top: 0; }
	#recentbox ul li ul li { padding-top: 0; }
	#recentbox p { padding-top: 0; margin-top: 0;
		font-size: small; }
#newsbox { float: right;
	width: 56%;
	padding: 1%; }
.sitenews { margin: .5em 0; } /* class of the news entries divs on the front page */
	.sitenews a {  }
	.newstitle { margin: .6em 0;
		padding: 0; }
.newsdate { float: right;
	margin: .3em;}
	
/*specific to the Every Night and Alle appendix tournament bracket */
table.bracket { border-spacing: 0; text-align: right; letter-spacing: -3px; line-height: .9; margin-left: auto; margin-right: auto;  }
table.bracket td.padded,
table.bracket th.padded { padding: .25em; letter-spacing: normal; line-height: normal; }
table.bracket th { border-top: 1px solid; font-weight: normal; }
table.bracket th + td { border-top: 1px solid; }
table.bracket .finisher { border-bottom: 1px solid; }


.post { margin-left: .25em; } /*whole entry wrapper*/

#advanced-search ul { list-style: none; }
		
.news-page .post-title { margin-bottom: -.5em; }
	
.posttitle { margin-bottom: 0;
	padding-bottom: 0;  } /*text of title. Views: archive, page, search*/

.postauthor-list { padding-top: .3em; } /* author name in archive view */

.pagetitle {    } /* text of title. Views: single, attachment, index */
	.withauth h1 { padding-bottom: 0;
		margin-bottom: .6em;} /* title on Tennis Sanctuary pages and others with author name */

.postauthor { padding-bottom: 1em;
	text-decoration: underline; } /* div around sometime author name in Single */

.news-page .date-auth { text-align: right; }

span.summary-meta { font-style: italic; } /*class of the summary metadata*/

.teaser { margin: 0 0 .75em 2em;
	list-style: none;
	font-size: small;
	opacity: 0.9; } /* span and li and blockquote */

.authornote,
.metanote,
.topmeta { list-style: none;
	margin: 1.5em 0 2.5em 0;
	font-size: small;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: .8em 4%;
	opacity: 0.8;
	position: relative; } /* class of the author's notes */
	
	.authornote p:first-child,
	.metanote p:first-child,
	.topmeta p:first-child { margin-top: 0; }
	.authornote p:last-child,
	.metanote p:last-child,
	.topmeta p:last-child { margin-bottom: 0; }
	
	.topmeta { margin: 1.5em 3% 2.5em 3%; }  /*summary and notes on the all in one Category template */
	
.single .entry > p:first-of-type:first-letter,
.single .entry H3 + p:first-letter { font-size: 2em;
	line-height: 1; }

.letter { font-style: italic; 
	margin-left: 5%;
	margin-right: 5%; }

#cat-longlist li { font-weight: bold; }
	#cat-longlist ul.children li { font-weight: normal; } /* list of series and arcs on its own page for mobile nav */

#in-series-links { padding: .5em 0;
	font-size: 1.15em; }
	#whole-archive #in-series-links { display: none; }
	#series-prev  { float: left; }
	#series-next  { float: right; }

#arc-links { padding: .5em 0;
	font-size: 1.15em; }
	#wholearchive #arc-links { display: none; }
		
.postmetadata {font-size: small;
	padding-bottom: .5em; } /*contains tags, category and comment link. Views: Archive, Index*/
	
	.postmetadata a { font-weight: normal; }

.wordcount { margin-bottom: .25em; } /* encloses wordcount;  in Archive and Index views */

.wptags { margin-bottom: .25em; } /* div for tags; all views */
	
	.wptags .char-tags + .pair-tags { margin-top: .25em; }

.separator { opacity: 0.4; }

table#styleset,
table#styleset td { border: 1px solid;
	text-align: center; }
table#styleset td { padding: 1em; } /* the Change Theme form table */

#single-footer {font-size: small;
	clear: right; /* makes footer line up properly under series links */
	text-align: right;
	margin: 1.5em 0;} /*footer for Single, Attachment */

#post-dates { margin-top: 50px;
	text-align: right;
	font-size: small; } /* modified and posted on Page and Single */
	#whole-archive #post-dates { margin-top: 1em; }
	
	
/* ARC DESCRIPTIONS PAGE */
ul#arc-descriptions,
ul#arc-descriptions ul { list-style: none; }
ul#arc-descriptions ul.children { margin-left: 2em; margin-bottom: 2em; }
ul#arc-descriptions ul.children ul.children { margin-bottom: 0; }
ul#arc-descriptions li { margin: .5em 0; }
ul#arc-descriptions li a{ font-size: large;  }
ul#arc-descriptions li ul a { font-size: medium; font-style: italic;  }
	

/* TAGS LIST */

#tag-list { padding: 1em;
	text-align: left; } /* goes around the list in the Tags archive, tags.php */

	#tag-list ul { list-style: none; width: 100%; }
	
	#tag-list li { margin-bottom: .5em; width: 49%; float: left; }
	#tag-list li li { width: 100%; float: none; }

.wp-tag-cloud li ul { margin-left: 2em; }

.tag-child { margin-bottom: 2em;
	margin-left: 0; padding-left: 0;}


/* ARCHIVE LIST */

#archives-list { list-style: none;} /* ul around whole thing */

	#archives-list li { margin: .5em 0; }

.year-child { list-style: none; } /* ul containing months of that year */

.month-child { list-style: none; } /* ul containing days of that month */

.archive-toggle { font-size: x-small;} /* span around link to open and close sections */


/* BOOKMARK LIST */

#bookmark-list, 
#bookmark-list ul { list-style: none; } /* ul enclosing whole list */



/*SIDEBAR (mostly in style-specific sheets) */




/*FOOTER*/

#footer { 
	padding: 2em .5em .5em .5em;
	text-align: center;
 }
 #whole-archive #footer { margin-left: 0; }
	
#footer a {font-weight: normal; }

#footer-inner {font-size: x-small;}

.each-note { padding: .5em 0; }

#license-notes { text-align: left;
	padding: 0 1em; }

#license-image { float: left;
	margin-right: 1em;
	margin-top: .25em; }
	
#appearance-menu { 
	margin: 0;
	padding: 0; }
	
	#appearance-menu a { padding: .25em .5em; 
	margin: 0 .5em;
	text-decoration: none; }	
	#appearance-menu a:hover {text-decoration: underline; }
	#appearance-menu a:visited {  }
	
	#appearance-menu ul { 
		list-style: none;
		padding: 0;
		padding-top: .25em;
		margin: 0; 
		height: 2em;}
	
	#appearance-menu li { margin: 0;
		padding: 0;
		display: inline;  }

div.wpchgfontsize { padding: 5px;  }
#chgfontsizeoptions {display: inline; }
	#chgfontsizeoptions img { border: none; }
	#chgfontsizeoptions a { margin: 0; padding: 0; }


/*COMMENTS*/

#comments-wrapper {  margin: .5em 0;
	padding: 1px; /*margin collapse fix */  } /*around entire comment area */

#comments { margin-top: 1em;  } /*heading of the comments area */
.comments-title { margin-top: 2em;  }

#pings {padding-bottom: .25em;
	margin-bottom: 0;
	display: block; }

#all-tickies { background: url("images/hearts.png") top left no-repeat;
	padding-left: 100px;
	min-height: 100px; }

#quick-comment { margin-top: 1.25em;
	padding: .6em .3em;} 
	
	#quickcommentbutton { font-size: large;
		border-radius: .5em; }

	#quick-comment-status { padding: .3em;
		margin-top: 1.25em;
		margin-bottom: 2em;} /*the reply after sending*/
		
	#ticky-count { padding: .3em;
		font-style: italic; }


/* INDIVIDUAL COMMENTS */

.commentlist, .commentlist ul { list-style: none;
	margin-left: 0;
	padding-left: 0; } /* ul; encloses all comments made */

.pinglist { margin-top: 0;
	margin-bottom: 2em; } /* ol; encloses all trackbacks when separated */

ul.children { margin-left: 2em;
	padding-left: 0; } /* ul enclosing any threaded replies; use this for indent */

.commentlist li { margin-top: 1em; } /* encloses each comment; following classes are on this as well, without callback */

/* a div with #div-comment-xxx encloses each comment inside the li and therefore exempt from nesting; all the below classes are contained in this div */

.comment-header {margin-bottom: .5em;
	padding: .25em; } 

#comments-wrapper img.avatar { float: right;
	margin: -.25em -.25em .25em .25em; }

.comment-meta {font-size: small;
	padding-top: 3px;  } /* encloses the date/time */

.comment-text { margin: 0 .3em; } /* the actual text */

.reply { margin-left: 5px; } /*the reply to comment link */
	
/* ADD COMMENT FORM */

#addcomment { padding: .6em;
	text-align: left;
	width: auto; 
	margin-top: 2em; } /* encloses the add-comment section */
	
#add-email-form { margin: 1em; 
	padding: .5em 1em; }  /* the prompt for openID users */

#addheader {margin: .6em 0; } /* the 'leave a reply' header */

#cancel-comment-reply { font-size: small; }
	
form#commentform {padding: .3em; } /* the form itself */

	#commentform textarea { width: 100%;} /* the message writing area; set width to fix occasional FF bug */

/*  IF LOGGED IN*/
table#loggedtable td { padding: .3em 0; }

td#logged-in-note { padding: .5em .25em; }

/* SPLIT OPTIONS */
div#method-header { font-size: large; 
	font-weight: bold;
	text-align: center;
	padding: .25em;
	margin-bottom: 1em;} /* tell me who you are */

table#splittable td { padding: .3em 0; }

.split-notes {font-size: small;}

tr#method { text-align: center; }
	td#trad-meth { border-right: 1px solid;
		text-decoration: underline;
		width: 50%; }
	td#op-id-meth {text-decoration: underline;
		width: 50%; }

tr#field-one {  }
	#field-one td#commenter-name { border-right: 1px solid;  }
	#field-one td#op-id { padding-left: 1em;}

tr#field-two { }
	#field-two td#commenter-email { border-right: 1px solid; }
	td#op-id-blank {  }

/* SINGLE OPTIONS */
table#regtable td { padding: .3em 0; }


/*IN BOTH */
table#contenttable {margin-top: 1em;}

#comment-section td#commenter-content { vertical-align: top; }

tr#allowed-characters {  font-size: small;
	padding: .6em .25em; }

#notes {font-size: small;
	float: right;}

td#button { padding: .15em;} /* submit comment and subscription buttons */
