/*  
Theme Name: Tao Garden Site
Theme URI: http://www.glasspendesign.com/
Description: An extensively containered design, suitable for liquid layouts; optimized for website rather than blog use. 
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
*/

/* Color Corral:  */

/*UNIVERSALS */
html, body { height: 100%; }

body { font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #222; }
	
	.win #page { font-size: 12px;}

H1, H2, H3, H4, H5 { font-weight: normal;
	font-family: "Century Gothic", Verdana, sans-serif; }

H4 { text-decoration: underline; }
H5 { font-weight: bold; }

	H1 a { color: #000000; }
	H1 a:visited {color: #000000; }
	H1 a:hover {  }

a { color: #edb11f; 
	text-decoration: none; }
a:visited { color: #e23c26; }
a:hover {text-decoration: underline; }

#beta a,
#topnav a {font-family: "Arial Black", Gadget, sans-serif;
	letter-spacing: .05em;
	font-size: 1.5em;
	padding: 0 .5em;
	color: #fff;
	border-left: .5em solid transparent;
	border-right: .5em solid transparent;
	text-shadow: 2px 0 1px black, 0 2px 1px black, -2px 0 1px black, 0 -2px 1px black; /* below is for IE */
	zoom:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#000000, Strength=2)";
	filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000, Strength=2); }
#beta a:visited,
#topnav a:visited { color: #ccc; }
#beta a:hover,
#topnav a:hover { text-decoration: underline; color: #fff; }
#beta .current_page_item a,
#topnav .current_page_item a { border-color: #e23c26; border-radius: .25em;  }

#site-title a, #site-title a:visited { color: #e23c26; }
#site-title a:hover { text-decoration: none; }
#site-title a { text-shadow: -1px -1px #666, 1px 1px #000;
	zoom:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=-1, OffY=-1, Color=#666666) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#000000)";
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=-1, OffY=-1, Color=#666666)
		progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#000000);
		 }

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

HR { margin-top: 2em;
	margin-bottom: 2em;
	margin-right: 20%;
	margin-left: 20%; }

img { border: none; }
	
.readthis { color: #CC0000; } /* for anything to be really emphasized MANUAL*/

.center { text-align: center; }

.right { float: right; }

.left { float: left; }

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

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


/* WHOLE PAGE */

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


/*HEADER*/

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

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

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

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

#header-text { padding: 1em 0 2em 0;
	text-align: right; }

#site-name { margin: 0;
	padding: 0 3% 0 0;
	text-align: right; }
	
	#site-title { font-size: 3em; font-family: "Arial Black", Gadget, sans-serif; letter-spacing: .1em; } /*the site name*/
	#site-description { font-size: 1.75em; color: #edb11f; padding-right: .25em; } /* the site description, when in use*/
	#site-description p {} /*standardly generated */

ul#topnav { list-style: none; margin-right: 3%; }
#topnav li { display: inline; }

/* BOTH COLUMNS--find these in header.php and footer.php*/

#content { margin-left: 20%; }
#frontpage #content { margin-left: 0; }
	
#content-inner {}
	
#content-footer { clear: both; } /*mostly just there to be a clearing block*/


/*MAIN COLUMN*/

/*#alpha { float: left;
	width:100%;
	margin: 0;
	margin-right:-100%;
	padding: 0; }*/
#alpha { position: absolute; top: 11em; right: 7%; bottom: 4em; left: 27%;
	padding: .5em;
	overflow: auto;
	background-color: #fff;
	color: #000;
	border-radius: 1em; 
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666; }
#frontpage #alpha { top: 1em; right: 6%; bottom: 3em; left: 6%;
	background-color: transparent;
	color: #fff;
	border: none;  
	border-radius: 0;
	padding: 1em;
	background: url("images/cover-lg.jpg") right center no-repeat;
	background-size: auto 100%;	 }
	
	#frontpage #alpha-inner {margin:  auto;
	padding-right: 40%; }
	
#alpha-inner {  }


/*ENTRIES*/

.post, 
.type-page { margin: 0 3%;
	padding: 1px; /*margin collapse fix*/  } /*whole entry wrapper*/

#page-footer { border-top: 1px solid #999;
	margin-top: 2em; }
#frontpage #page-footer { border: none;
	clear: both; }
	
#edit-link { text-align: right; } /* link to edit on Page, Single, Index, Archive */

#post-20 h2 { text-align: center; text-decoration: underline; } /*Speaking calendar*/
#post-20 h3 { background-color: #222; color: #fff; padding: .15em .25em; }

#nav1,
#nav2 { list-style: none; }
#nav1 li,
#nav2 li { text-align: right;
	background-color: #222; }
#nav1 a, #nav2 a {font-family: "Arial Black", Gadget, sans-serif;
	letter-spacing: .05em;
	font-size: 1.5em;
	padding: 0 .25em; }


/*SIDEBAR  (note that many widet ids and classes are redundant)*/

#beta { position: absolute; top: 1em; left: 1em;
	width: 20%; }
	
#beta-inner { font-size: small;
	text-align: center; }

#beta ul { margin-left: 0; 
	padding-left: 0;
	list-style: none; }

#sidebar { padding-top: 0; margin-top: 0; } /*ul, encloses all widgets */

#beta li#cover-img { max-width: 331px;
	margin-bottom: 1em; }
#beta img#coverimg { border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666; 
	width: 80%; }
		
#beta li {  line-height: 1.5; margin-left: 0; padding-left: 0; }
	
li.widget { margin: 2em 0 1em 0;
	padding-left: 0; } /* class of all widgets */

	.widget a {   }

#sidebar H2 { font-size: large;
	margin-bottom: 0;
	padding-bottom: .25em; } /* more versatile than using .widgettitle*/

#sidebar .image-container { padding-top: 1em; }
#sidebar .image-container a { padding: 0 .25em 0 0; }

/*FOOTER*/

#footer { 
	padding: 0;
	position: absolute; bottom: 1em; 
	width: 100%;
	text-align: center;
	color: #999999;
 }
	
	#footer a { }

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