/*
Theme Name: kilter
Theme URI: http://wordpress.org/
Description: Custom theme developed by Karyx for Kilter Theatre. Based on the Twenty Ten theme by Wordpress
Author: Karyx Interactive Design Ltd
Version: 1.0
Tags: kilter, theatre, textured, distressed, parchment, paint blobs

*/

/* =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;
}

/* Kilter specific CSS */

body {
background: url(images/kilter_BG.jpg) repeat top center #EAD7C6;
padding:0;
margin:0;
font-family:'Trebuchet MS', Helvetica, sans-serif;
font-size:13px;
}

#main {
width:960px;
/*background-color:rgb(255,255,255);*/
margin:0 auto;
}

#header {
width:960px;
height:125px;
padding:20px 0 10px 0;
/*background:url(images/kilter_titlebar_BG.png) no-repeat top left transparent;*/
/*padding-left:265px;*/
}

#header img.topquote {
margin-left:265px;
}

#nav {
width:960px;
height:90px;
}

#nav ul {
margin:0;
padding:0;
}

#nav ul li {
display:inline-block;
list-style: none;
padding:0;
margin:0;
height:90px;
}

/* Main navigation */
#nav ul a:link li.whatis , #nav ul a:visited li.whatis {
width:195px;
background:url(images/nav/whatis_off.png) no-repeat top left transparent;
}

#nav ul li.whatis a:hover, #nav ul li.whatis a:active {
width:195px;
background:url(images/nav/whatis_on.png) no-repeat top left transparent;
}

.sidebar {
width:220px;
float:left;
display:inline;
padding:40px 10px;
}

.sb-left {

}

.sb-right {
/*background-color:lime;*/
}

.sidebar p {
margin:5px 0 10px 0;
line-height:20px;
}

.sidebar p + h1 {
margin-top:30px;
}

.sidebar h1 + h2 {
margin-top:20px;
}

.sidebar h1 {
margin:5px 0 10px 0;
font-size:32px;
color:white;
font-weight:600;
}

.sidebar h2 {
margin:5px 0 10px 0;
font-size:18px;
font-weight:500;
line-height:24px;
color:#990033; /* Dark red */
}

.sidebar h3 {
margin:5px 0;
font-size:16px;
font-weight:600;
line-height:20px;
color:#000; /* Black */
text-transform:uppercase;
}

.sidebar img {
border:1px solid rgba(0,0,0,0.3);
}

.latestnews {
padding:5px 0;
}

div.latestnews + h1 {
margin-top:30px;
}

.sidebar ul {
margin-top:20px;
}

.sidebar ul li {
margin-bottom:15px;
line-height:16px;
}

.sidebar ul li a {
color:#990033;
}

.sidebar ul + h1 {
margin-top:40px;
}


#content {
width:480px;
float:left;
display:inline;
}

#contenttop {
width:480px;
height:70px;
background:url(images/kilter_content_top.gif) no-repeat bottom center transparent;
}

#maincontent {
width:420px;
padding:0 30px 150px 30px;
background:url(images/kilter_content_BG.gif) repeat-y bottom center transparent;
}

#maincontent img {
margin-bottom:0;
}

#maincontent h1 {
font-size:40px;
margin:0 0 20px 0;
color:rgb(93,146,161);
}

#maincontent P {
line-height: 22px;
margin-bottom:20px;
}

#maincontent h2 + p {
margin-top:10px;
}

#maincontent h2 {
margin:20px 0;
color:rgb(93,146,161);
line-height:26px;
}

/* FOOTER */
#footer {
width:960px;
clear:both;
/*height:45px;*/
/*background:url(images/kilter_footer_BG.png) no-repeat center center transparent;*/
/*padding:35px 0 0 0;*/
padding-bottom:20px;
text-align:center;
}

#footer p {
font-size:12px;
Font-weight:600;
color:#000;
}

/* LINKS */

a:link, a:visited {
color:#990033;
text-decoration:none;
}

a:hover, a:active {
text-decoration:underline;
}

/* Blog */

#maincontent .post {
padding:20px 10px;
background-color:rgba(93,146,161,0.1); /* faded blue colour */
/*border-bottom:3px solid rgb(93,146,161);
border-top:1px dotted rgb(93,146,161);*/
margin-bottom:10px;
}

#maincontent .post h2.entry-title {
margin: 0 0 15px 0;
}

#maincontent .post div.entry-meta {
font-size:10px;
text-transform: uppercase;
font-weight:600;
margin:10px 0;
color:rgb(93,146,161);
}

/* Lists */


#maincontent ul, #maincontent ol, .entry-content ul, .entry-content ol {
margin:10px 20px;
line-height:20px;
}

#maincontent ul li, .entry-content ul li {
list-style: square;
margin:5px 0;
line-height:20px;
}

/*.entry-content ul, .entry-content ol {
line-height:20px;
}*/

.entry-content ol {
list-style: decimal;
margin:10px 20px;
}

blockquote {

}

cite {

}

/* Headers */

#maincontent h3 {
font-size:14px;
text-transform:uppercase;
font-weight:600;
margin:10px 0;
}

/* Image captions */

p.wp-caption-text {
text-align: center;
color:rgb(93,146,161);
font-style:italic;
font-size:12px;
border-bottom:1px dotted #DFE9EC;
padding:3px 0;
width:420px;
}

span.tagged {
background-color: #990033;
padding:1px 4px;
color:white;
font-style:italic;
-moz-border-radius: 3px; /* Mozilla */
-webkit-border-radius: 3px; /* Webkit */
-khtml-border-radius: 3px; /* Konqueror */
border-radius: 3px;
}

#nav-above {
margin-bottom:10px;
}

#maincontent img.alignleft {
float:left;
margin:0 10px 0 0;
}

audio {
width:420px;
margin:5px 0 10px 0;
}

/* news comments */

label {
font-weight:600;
}

input#author, input#email {
margin-left:15px;
}

input#url {
margin-left:10px;
}

.comment {
padding:20px 10px;
border-bottom:1px dotted #DFE9EC;
}

.comment.odd {
background-color:rgba(93, 146, 161, 0.1);
}