/*
Theme Name: Kindra
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {border: none;}

a {text-decoration:none;}

/*end reset*/

/*colors
lt olive: #AEB366
dk olive: #63663A
blue: #60A6D5;
red: #CB3327;
*/

body {background:#DBEBF6;
font-family:Trebuchet, Helvetica, Arial, sans-serif;
font-size:16px;
color:#333333;}

#wrapper{
background: #fff;
background-color: rgba(255,255,255,0.75);
margin: 0 auto;
padding:0;
width: 960px;
border-right: 1px solid #60A6D5;
border-left: 1px solid #60A6D5;
border-bottom: 1px solid #60A6D5;
-moz-box-shadow: 0px 10px 50px #60a6d5;}

#header {background: #463F31;
background-image:url(../../../images/gradbg.gif);
height: 108px;}

h1 {text-indent:-9999px;
background-image:url(../../../images/kindralogo.png);
height: 150px;
background-repeat: no-repeat;
padding: 15px;
position:relative;
margin: 0 0 0 15px;
z-index: 10;
width: 960px;}

#container {position:relative;
padding: 0 25px;}

.tag {color: #6A463B;
margin: 0px 0px 25px 0;
padding: 5px 0 5px 0;
background:none;
text-align:right;
border-top: 2px dotted #6A463B;
border-bottom: 2px dotted #6A463B;}

h2 {padding: 5px 0px 5px 50px;
background:#DBEBF6;
color: #6A463B;
margin: 0px -25px 0 -25px;}

.page-id-2 h4 {margin: 25px 0 0 0;}

#article h2 {
width: 550px;
margin: 0px 0px 0 -50px;}

h3 {color: #6A463B;}

h4 {margin: 0px 0 0px 0;
color:#6A463B;
padding: 0px 0 0 0;
display:inline-block;}

h4 a:hover {color: #c00;
text-shadow:0 1px 1px rgba(0,0,0,.25);}

.new h4 {padding: 0 0 5px 0;}

p {line-height: 1.5em;
padding: 0px 0 10px 0;}

.desc p {padding: 0;
line-height: 1em;}

#nav {position:relative;
top: -25px;
margin: 0 50px 0 535px;
width: 550px;
max-width: 600px;
z-index:10}

ul {margin: 0px 0 15px 0;}

li {padding: 2px 0 0px 0;}

#nav li {display:inline-block;
padding: 0 25px 0 0px;}

#nav li:hover, h2 a:hover, h3 a:hover, h4 a:hover {color: #c00;}

#article {width: 550px;
float:left;
margin: 0px 0 0 25px;
padding: 0 0 25px 0;}

.foot {float:left;
display:inline;
font-variant:small-caps;
border-right: 2px dotted #63663A;
padding: 10px 25px 0 25px;
margin: 10px 0;}

#content {padding: 0}

#about {
width: 225px;
float:left;
padding: 10px 25px;
margin: 0 25px 25px 25px;
background: #fff;
border: 2px dotted #63663A;
font-size: .75em;}

#test, form {padding: 10px 25px;
margin: 0 25px;
background: #fff;
border: 2px dotted #63663A;
font-size: .85em;
line-height: 1.5em;
width: 425px;}

form {margin: 25px auto;}


#about h2 {display:inline;
background: none;
font-size: 1.5em;
margin: 0;
padding: 0;}

#about img {float:right;
margin: 5px;}

.new {float:left;
width: 250px;
margin: 10px 25px 0 25px;}

.new img, .post img {border: 1px solid #ccc;}

.new img:hover, .post img:hover {-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;}

.post img {float:left;
clear: both;
margin: 5px 10px 0 0;}

.post h4 {display:block;
padding: 0 0 5px 0;}

.post p {font-size: .85em;}

.post {padding: 0px 0 50px 0;
clear:both;}

.single .post img {float: right;}

.single .post h4 {display:inline-block;}
.foot:last-child {border: none;}

#footer {
clear:both;
color: #9FCAE6;
width: 735px;
margin: 10px auto;
text-align:center;}

#footer p {line-height:1em;
padding: 0;}

#footer h3 {padding:0 0 5px 0;}
a:link {color: #60A6D5;}
a:visited {color: #60A6D5;} 
a:hover {color: #c00;
text-shadow:0 1px 1px rgba(0,0,0,.25);}
a:active {color: #c00;}

.date {margin: 5px 0 2px 0;}
.url {margin: 2px 0;}
.date, .url {color: #808080;

font-weight:bold;
font-size: .85em;}

strong {color: #808080}
.feed {padding: 10px 0;}

.alignright {float:right;
margin: 0 0px 25px 0px;
background: #eee;
padding: 5px;
border: 5px solid #60A6D5;}

.post img.alignright  {margin: 0 0px 25px 25px;}

.alignright:hover {
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;}

.more {float:right;
padding: 5px;
margin: 0 10px 0 0px;
font-size: .75em;}

.continue {clear:both;
color: #9FCAE6;
font-size: .75em;}

.desc img.alignright {display:none;}