/*
Theme Name: kindlee
Theme URI: http://awwlegal.com/kindlee
Description: Custom theme for kindlee.org created by Nathan S. Winesett.  Special thanks to the blank Starkers theme by Elliot Jay Stocks (http://elliotjaystocks.com), which in turn was based on Kubrick theme by Michael Heilemann (http://binarybonsai.com/kubrick/).  Also, special thanks to Chris Coyier at ____, positioniseverything.___, w3schools..., and sitepoint.../
*/

/*@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
*/
/*CSS style.css for awwLegal.com*/

/*  Site Colors:
AWW Original Colors
MAIN GREEN:			#619376
DARKER GREEN:		#527D64
LIGHTER GREEN:		#8BBF97
LIGHT TAN:			#e8e1c1
BURNT ORANGE:		#d07849
DARKER ORANGE:		#B56840
LIGHT YELLOW:		#F9FF67

KLF New Colors
KELLY GREEN         #27600B
KELLY GREEN LIGHT   #70C945
NATHAN ORANGE
WHITE               #ffffff

Kindlee Colors (replace KLF Colors)
Kind Blue           #27600B to 06a9e0
Kind Blue LIGHT     #70C945 to 6ad7fb
Kind Blue DARK      e8e1c1  to 035e7c
NATHAN ORANGE       #ff8533 to a6a6a6
WHITE               #ffffff
*/
#belowheader, #bodycontent, #pagecontent, .navigationcontent, .navigation1, .maintext {
	zoom: 1;
}

/*NSW added to fix portrait mode on phones in header1*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    body {-webkit-text-size-adjust: none;}
}
/*General overides*/

html, body {
	margin: 0; 
	border: 0;
	padding: 0; 
	font-size: 100%;
	height: 100%;
}

/*Global Formating*/

body {
	position: relative; /* This prevented footer from moving improperly in IE7 during font resizing */
	background-color: #06a9e0;
	color: black;
	border-color: gray;
	font-family: arial, helvetica, sans-serif;
}

.parenthetical {
	font-size: 80%;
	padding:0 1em;
}

.center {
	text-align:center;
}

a {
	text-decoration: none;
	color: #035e7c;
}

a:visited {
	color: #035e7c;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
	padding-right: .2em;
}

.maintext a  {
	text-decoration: none;
	color: #06a9e0;
}

.maintext a:visited  {
	text-decoration: none;
	color: #d07849;
}

.maintext a:hover  {
	text-decoration: underline;
}

.maintext a img {
	border: 0;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.imgright {
	float: right;
	border: .1em ridge;
	margin: .5em 0 .5em .5em;
	width: 50%;
}

.imgleft {
	float: left;
	border: .1em ridge;
	margin: .5em .5em .5em 0;
	width: 50%;
}

.columnleft {
	float: left;
	border-right: .2em ridge gray;
	padding-right: 2em;
}

.columnright {
	float: left;
}

.clear {
	clear: both;
}

/* GLOBAL FORMATTING END*/

/*WP-Wordpress Tag Formatting*/
/*WP- wp_list_pages() */
.pagenav { … } /* the outermost list item; contains whole list */
.page-item-2 { … } /* item for Page ID 2 */
.page_item { … } /* any Page item */
.current_page_item { … } /* the current Page */
.current_page_parent { … } /* parent of the current Page */
.current_page_ancestor { … } /* any ancestor of the current Page */

/*WP-wp_list_bookmarks() */
/*#navigation .linkcat h3{
	list-style: none outside;
	border-style: solid;
	border-color: gray;
	border-width: .1em 0;
	font-size: .7em;
	padding-left: 1em;
	text-indent: -.8em;
}
*/
/* WP-Posts*/

.postinfo {
	float: right;
	width: 15em;
	padding: .2em;
	background-color: #035e7c;
	border: .1em gray ridge;
	margin: 1em 0 1em 2em;
	font-size: .8em;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
}

.postinfo p {
	padding:0;
	margin: 0;
	border: 0;
}

.postcontent {
	min-height: 7em;
	max-width: 40em;
	padding-left: 1em;
	padding-top: .1em;
	padding-bottom: 5em;
}

.postauthor {
	text-align: left;
	font-style: italic;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1em;
}

/*WP-Wordpress Tag Formattng END*/

/*Formating for containers*/

#pagecontent {
	position: relative;
	border: 0.3em ridge;
	width: 60em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left:auto; 
	margin-right:auto;
	background-color: white;
}

#header {
	position: relative;
	border-top: .1em solid transparent;
	background-color: white;
	margin: auto;
}

#header1 {
	position: relative;
	margin: auto;
	border-top: .1em solid transparent;
	padding: .2em .2em .5em 1em; 
	line-height: 0;
	color: #06a9e0;
	font-size: 1.2em;
}

#header1 img {
	width: 1.5em;
	margin: auto;
	font-size: 1.1em;
}

#header1 a {
	margin: auto;
	border: 0;
	text-decoration: none;
	color: #06a9e0;
	line-height: 0;
	font-size: 1.1em;
}

#header1	a:hover {
	text-decoration: none;
	color: #06a9e0;
	font-size: 1.1em;
}

#header1 p{
	margin: 0;
	border: 0;
	padding: 0;
	line-height: 0;
	font-style: italic;
	font-family: 'times new roman', 'Nimbus Roman No9 L', roman, times, serif;
	font-size: 1.0em;
}

#header1 strong{
	font-style: normal;
	font-variant: small-caps;
	font-size: 1.1em;
	font-weight: bold;
}

#header2 {
	position: relative;
	border-top: .2em ridge;
	margin: auto;
}

#header2a {
	position: absolute;
	top: 0;
	left: 0;
	width: 20em;
	border-right: .1em ridge;
	height: 100%;
	line-height: 1em;
	text-align: center;
	font-family: 'times new roman', 'Nimbus Roman No9 L', roman, times, serif;
	font-weight: bold;
	margin: auto;
}

#header2a img {
	position: absolute;
	left: 1.5em;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#header2a h1{
	position: relative;
	font-size: 2.8em;
	font-style: italic;
	padding-top: 2.3em;
	z-index: 2;
}

#header2a p{
	position: relative;
	font-size: 1em;
	font-variant: small-caps;
	z-index: 2;
}

#header2b {
	position: relative;
	text-align: center;
	left: 38em;
	width: 40em;
	font-family: 'times new roman', 'Nimbus Roman No9 L', roman, times, serif;
	font-weight: bold;
}

#header2b h1{
	position: relative;
	font-size: 2.0em;
	font-style: italic;
	padding-top: .5em;
	z-index: 2;
	line-height: 1.5;
}

#header2b strong{
	border-bottom: .1em solid black;
	font-size: 1.2em;
	font-variant: small-caps;
	line-height: 2.2em;
}

#header2b1 {
	position: relative;
	border-right: 0.1em ridge;
	width: 50%;
	padding: 1em;
	font-size: .7em;
	text-align: center; /*Note: Put formating in specific children boxes if formatting appears to be applied to parent box. Originally had this in #header2b, but it caused break in IE7 by making #header2b1 text centered all the way across #header2b, which worked in Firefox and Safari.*/
}

#header2b1 a{
	text-decoration:none;
	color: #06a9e0;
}

#header2b1	a:hover {
	text-decoration:underline;
}


#header2b2 {
	position: relative;
	top: 0;
	right: 0;
	width: 45%;	
	height: 100%;
	border-right: .1em solid transparent;
	border-left: .1em solid transparent;
	padding-top: 1.5em;	
	padding-bottom: 1.5em;
	font-size: .7em;
	text-align: center;
}


#header2b2 a{
	text-decoration:none;
	color: black;
}

#header2b2	a:hover {
	color: #06a9e0;
}

#belowheader {
	position: relative;
	border-top: .3em ridge;
}

#navigation {
	position: absolute;
	top: 0;
	width: 17em;
	height: 100%;
	border-right: .3em ridge;
	background-color: #035e7c;
	z-index: 1;
}

.navigationcontent {
	margin: .75em .75em;
}
	
#navigation a{
	display: block;
	border: .12em gray outset;
	padding: .1em .1em .1em 1em;
	background-color: #6ad7fb;
	text-decoration:none;
	text-indent: -.8em;
	color: black;
}

#navigation	a:hover {
	position: relative;
	left: .1em;
	text-decoration:none;
	font-weight: bold;
}

#navigation li{
	list-style: none;
	font-size: .8em;
}

#navigation h2{
	font-variant: small-caps;
	font-style: italic;
	font-size: 1.1em;
	background-color: #a6a6a6;
	padding-left: 1em;
	text-indent: -.8em;
}

#navigation h3{
	border-style: solid;
	border-color: gray;
	border-width: .1em 0;
	font-size: .7em;
	padding-left: 1em;
	text-indent: -.8em;
}

.attorneys {
	font-variant: small-caps;
}

.attorneys li{	
	font-weight: bold;
}

.attorneys a{
	display: block;
	border: .11em gray outset;
	background-color: #6ad7fb;
	text-decoration:none;
	color: black;
}

#navigation li.listlevel2 {
	border-style: none;
	list-style: disc;
	background-color: transparent; /*Note: In IE7, the html for ul inside of a li causes the parent list border to include the child li.  Unintended, but looks fine both ways.*/
	font-size: .75em;
	font-weight: normal;
}

.navigation1 {
	border-top: .2em gray solid;
	font-variant: small-caps;
	font-size: 95%;
}

#bodycontent {
	position: relative;
	height: 100%;
	min-height: 70em;
	border-top: .1em solid transparent;
	border-bottom: .1em solid transparent;
	padding-left: 19.2em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-top: 1em;
	background-color: white;
}

.pagename {
	position: relative;	
	background-color: #035e7c;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 35em;
	padding-top: .01em;
	padding-bottom: .01em;
	line-height: normal;
}

.pagename h2 {
	padding-left: 1em;
	font-family: 'times new roman', 'Nimbus Roman No9 L', roman, times, serif;
	font-style: italic;
	font-variant: small-caps;
	margin: 0;
}	

/*.pagename p {
	padding-left: 1em;
	line-height: .2em;
	font-family: 'times new roman', 'Nimbus Roman No9 L', roman, times, serif;
	font-style: italic;
}
*/
.pagename.h2.a {
	margin: 0;
	border: 0;
	text-decoration: none;
	color: black;
	line-height: 0;
}

.maintext h1 a:hover {
	text-decoration: none;
}

.maintext h2 a:hover {
	text-decoration: none;
}

.maintext h3 a:hover {
	text-decoration: none;
}

.maintext h4 a:hover {
	text-decoration: none;
}

.maintext h5 a:hover {
	text-decoration: none;
}
	
.maintext h3{
	padding-left: 1em;	
	background-color: #035e7c;
	font-variant: small-caps;
}

.maintext h4 {
	padding-left: 2em;
	margin: 3em 0 1.5em 0;
	border-top: .3em ridge gray;
	border-bottom: .1em solid gray;
	line-height: 1.5em;
}

.maintext p {
	text-indent: 2em;
}

.maintext li {
	list-style-type: none;
}

.maintext li strong {
	display: block;
	margin: .2em;
	border-bottom: .12em gray outset;
	padding: .1em .1em .1em 1em;
	/*background-color: #6ad7fb;*/
	text-decoration:none;
	text-indent: -.8em;
	color: black;
	font-weight: bold;
}

.maintext li.listlevel2 {
	list-style-type: disc;
}

#footer {
	position: relative;
	width: 100%;	
}

#footer p{
	text-align: center;
}

#footer strong {
	font-variant: small-caps;
}

.validators {
	text-align: center;
}

.validators a {
	margin: 0;
	border: 0;
	padding: 0;
	text-decoration:none;
}

#disclaimer {
	position: relative;
	width: 100%;
}

#disclaimer p {
	background: #F9FF67;
	border: .2em gray ridge;
	padding: .3em;
	width: 59em;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#disclaimer strong {
	font-size: 1.1em;
	font-variant: small-caps;
	font-weight: bold;
}

#disclaimer em {
	font-style: italic;
	font-weight: bold;
}
/* END awwLegal CSS*/

