/*
Theme Name: IndigoSprings2.0
Theme URI: http://wordpress.org/
Description: A WordPress theme for Indigo Springs Homeowners Association, based on the WP Default theme.
Version: 2.0
Author: Tony Gaver
Author URI: http://indigospringshoa.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
@import "all.css"; /* just some basic formatting, no layout stuff */
	
	body {
	        background: #fff url('images/bkgdstripes.gif') top;
                background-color: #036;
		margin:10px 10px 0px 10px;
		padding:0px;
		}

        #container {
                margin: 0px auto;
                position: relative;
                width: 850px;
                min-height: 675px;
                border: 1px solid #FE4;
	       background: #fff url('images/containerbkgd.gif') top;
                }

                 /* for Internet Explorer */
                 /*\*/
                 * html .container {
                 height: 675px;
                 }
                 /**/

	
	#leftcontent {
		position: absolute;
		left:0px;
		top:180px; /* This is from the top of the container */
		width:200px;
		}

	#centercontent {
		background:#fff;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                top: 180px;
   		margin-left: 199px;
   		margin-right:209px;
		border:0px solid #000;
		/*
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp
		*/
		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 201px;
   		margin-right:211px;
		}
	html>body #centercontent {
   		margin-left: 201px;
   		margin-right:211px;
		}

	#rightcontent {
		position: absolute;
		right:0px;
		top:190px; /* This is from the top of the container */
		width:190px;
		}

	#rightcontent p {
		font-size:10px
		} 

        #rightcontent h2 {
                font-size: 16px;
                color: #036;
                }

        #rightcontent ul {
                list-style-type: none;
                padding: 0;
                margin-left: 0;
                font-weight: bold;
                color: #fff;
                }

        #rightcontent li {
                list-style-type: none;
                margin-left: 0px;
                color: #036;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                }

	#banner {
	        background: #eee url('images/header.gif') no-repeat top;
		height:180px;
		voice-family: "\"}\"";
		voice-family: inherit;
		}
	html>body #banner {
		height:180px;
		}
		
	p,h1,pre {
		margin-top:8px;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}
		
	#banner h1 {
		font-size:14px;
		padding:10px 10px 0px 10px;
		margin:0px;
		}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

#menu {
width: 12em; /* set width of menu */
background: #eee;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #000;
background: #fe4;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #ffc;
text-decoration: none;
}

#menu a:hover {
color: #003;
background: #fff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */

}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {

float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->

.post p {
  background: #93A9D5;
  margin: 2px;
  text-align: justify;
  font-size: 12px;
}

.post h2 {
  margin-top: 0px;
  font-size: 14px;
  font-variant: small-caps;
  color: #fff;
  background: #003;
}

.post h3 {
  margin-top: 2px;
  font-size: 20px;
  color: #003;
}

#wp_news {
  background: #eee;
  border: 1px solid #000033;
}

.entry {
  margin: 2px;
  text-align: justify;
  font-style: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

#footer  {
clear: both;
width: 848px;
align: bottom;
position: absolute;
margin-top: 5px;
margin-left: 1px;
margin-bottom: 1px;
background-color:#003366;
text-align: right;
font-size: 9px;
color: #ffffff; text-decoration: none; font-family: "Arial", "Helvetica", sans-serif;
}


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

small, #rightcontent ul ul li, #rightcontent ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */