/*
Theme Name: ESL Podcaster (eslnews.org.nz)
Theme URI:
Description: Designed for podcasters who also post complete transcripts of shows. In "Settings," under "Reading," set "Blog pages show at most" to 1, so you only get the transcript of the most recent show on the main page.  Even with this setting, the pages for categories, tags and search will get up to 15 results per page. In "General Settings," The "Tagline" is the description that shows only on the main page.  Links to RSS and "Subscribe to iTunes" are in the header. Install <a href="http://www.mightyseek.com/podpress/">podPress</a>, then under "General Options" for "podPress," set the "Location" to "top."
Version: 0.14
Author: Charles Kelly
Author URI: http://www.manythings.org/wordpress/
Tags: podcast, fixed width, two columns, right sidebar, widgets, widget ready
*/

* {margin:0; padding:0; }

body {
font:70% "arial", helvetica, sans-serif;
color:#000;
}

a {
color:#124AA8;
text-decoration:none;
font-weight:bold;
}

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

p {padding-top:10px;}

h1 {margin: 20px 0 0}

img {
margin:8px 10px 5px 10px;
}

input {vertical-align: middle}

h2 {
font: normal 1.6em "arial", helvetica, sans-serif;
margin: 0 0 12px;
}

blockquote {
margin: 10px 25px 10px 30px;
border-left: 3px solid #124AA8;
background: #FFFDD5;
padding: 5px 15px;
font-size: 1.3em;
color:#000;
}

blockquote p {
font-size: 1em !important;
margin: 0;
}

.aligncenter,
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

#wrapper {
width: 830px;
margin: 0 auto;
padding: 10px 0 0 0;
}

#header {
margin-bottom: 15px;
position:relative;
overflow:hidden;
}

#header-bg {
background:#E7E6E6 url(images/header-bg.jpg) no-repeat scroll 0 0;
height:116px;
position:relative;
border-top:5px solid #FFF;
}

#header-bg h1 {
position:absolute;
top:0px;
left:15px;
//color:#fff;
color: black;
line-height: 0.85em;
font-size: 3.5em;
margin: 14px 0 15px;
padding:10px 10px 4px 10px;
}

#header-bg h1 a {
font-family:"Arial Black";
font-weight:normal;
//color:#fff;
color: black;
}

#header-bg h1 span {
display: block;
font-size: 0.9em;
font-weight: normal;
color: white;
}

#navcontainer {
height:30px;
position:absolute;
bottom:0;
left:0;
width:830px;
}

ul#navlist {
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

ul#navlist li {	
border-right:1px solid #bbb;
float:left;
width:84px;
margin:0;
padding:0;
text-align:left;
}

ul#navlist li a {
background-color: navy;
color:#e7e7e7;
display:block;
font-size:12px;
text-decoration:none;
height:30px;
font-weight:bold;
padding:5px 14px 0 8px;
}

ul#navlist li a:hover {
background-color:#124AA8;
color:#fff;
}

#navlist li.current_page_item {
background:#666;
color:#FFF !important;
}

#skip {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0.5em;
border-bottom:2px solid #000;
}

#skip li {
display:inline;
font-size:120%;
line-height:2.5;
margin:0 1em 0 0;
padding:0;
}

#skip a:link, #skip a:visited {
background:transparent url(images/arrow-skip.gif) no-repeat scroll 100% 60%;
border-color:#fff;
color:#666;
font-weight:normal;
padding-right:10px;
}

#skip a:focus, #skip a:active, #skip a:hover {
background-color:#FFFDD5;
color:#000000;
text-decoration:underline;
}

#divSearchForm {
float:right;
margin:-32px 0 0 0;
font-size:120%;
}

#divSearchForm label {
display:inline;
margin:0;
color:#333;
font-family:"arial", helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
vertical-align:middle;
}

#divSearchForm input.txt {
display:inline;
width:130px;
padding:2px;
border:1px solid #999;
vertical-align:middle;
}

#divSearchForm input.txt:focus {
color:#000;
background:#f6feda;
}

#divSearchForm input.btn {
margin:0;
vertical-align:middle;
}

#container {
width: 100%;
margin-bottom:10px;
}

#container:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}

#content {
width: 570px;
float: left;
padding: 0 10px 0 0;
overflow: hidden;
}

#content h2 {
font:normal 1.9em "arial", helvetica, sans-serif;
padding: 0 0 4px;
color:#000;
}

#content h2 a {
font-weight:bold;
text-decoration:none;
color:#000;
}

#content h2 a:hover {
color:#0000ff;
text-decoration:underline;
}

#content h2.pagetitle {
padding-left: 3px;
padding: 1px 0 4px;
}

#content h3 {
font:bold 1.7em "arial", helvetica, sans-serif !important;
color:#000;
margin-bottom:-5px !important;
}

#content p, ntent li {
font-size: 1.3em;
line-height: 1.4em;
}

#content h3 a {
text-decoration:underline;
}
	
#content .post {
margin: 0 0 2.2em;
}

#content .post h2 {
font-size:2em;
margin:0 0 -2px;
}

#content .post h3 {
margin-bottom:0px !important;
}

.post ul, .post ol {
margin:0 0 6px 35px;
font-size:12px;
}

.post li {
padding:8px 25px 0 0;
color:#000;
}

.post .postmetadata {
font-size:1em;
color:#444;
}

.postmetadata a {
color:#333;
text-decoration: underline;
}

.postmetadata a:hover {
color:#00f;
}

.entry {
 text-align: justify;
}

.entry h1 {
font-size: 1.8em;
margin: 15px 0 10px;
}

.entry h2 {
font-size: 1.65em !important;
font-weight: bold !important;
margin: 15px 0 10px !important;
padding: 0 !important;
border: none !important;
}

.entry h3 {
font-size: 1.45em !important;
font-weight: bold !important;
margin: 15px 0 10px !important;
padding: 0 !important;
}

.entry h4 {
font-size: 1.3em;
margin: 15px 0 10px;
font-weight: bold !important;
}

.nav {
font-size: 1.3em;
padding: 0 0 22px;
}

.navigation {
font-size: 1.3em;
margin:20px 0 5px 0;
height: 1.3em;
}

.alignleft {float: left;}

.alignright {float: right;}

h3#comments,h3#respond {
padding: 1px 0 4px;
border-bottom: 1px solid #EEE;
}

.commentlist {
margin: 20px 0 30px 18px;
font-size:120%;
}

.commentlist img {
float:none;
padding:0;
border:0;
}

.commentlist li {
padding:5px 0 20px;
font-size:90%;
}

.cdata {
background:#FFFDD5;
border-top:1px solid #BFBC7D;
padding: 3px 3px 3px 7px;
height: 1%;
}

.cdata strong {
 display: block;
 color:#000;
}

#content img.avatar {
 	float: right;
display: inline;
border: 0;
margin: 1px 1px 0;
}

.ctext {
 padding: 0 7px;
}

.commentlist li p {
font-size: 1em !important;
}

.commentmetadata {
font-size: 0.85em;
}

.commentmetadata a {
 color: #848144;
}

#comment {
width: 530px;
height: 170px;
}

.tags,
#tag_cloud {
margin: 0 0 15px;
}

.tags {
 text-align:center;
 line-height:21px !important;
}

abbr, acronym {
border:medium none;
}

abbr[title], acronym[title] {
border-bottom:1px dotted #999;
cursor:help;
font-style:italic;
}

code, kbd, pre {
font-family: Monaco,"Courier New",Tahoma;
}

pre {
padding:10px;
background:#F6F7F5;
font-size:120%;
}

code {
color:#990000;
font-family:"Courier New",Courier,mono;
}

.txtRed {
color:#FF0000;
font-size:130%;
}

.txtGrey {
color:#999;
}

#footer {
clear: both;
margin: 0 0 15px;
font-size: 1.1em;
color: #808080;
}

#footer p{
text-align:center;
color:#999;
}

#footer p a{
color:#999;
}

#footer p a:hover{
color:#000;
}
	
#base .baseHdr{
font-size:1.5em;
color:#000;
font-weight:bold;
margin-bottom:10px;
border:none;
padding:0;
}

#base {display: inline; float: left; margin: 0; width:100%; clear:left;}

#base {background:#F0F0F0; border-bottom:3px solid #000; border-top:3px solid #000; position: relative; }

#base ul {margin:10px 10px; padding:10px 0 0 4px; width:252px; display:inline; float:left; list-style-type:none; }

#base li {padding:5px 4px; border-top:1px solid #C0BDBD; line-height:15px;}

.grid12 h6 { margin: 10px 0 50px 0; }

/* START ADDITIONS by CK */
.description {
border: 1px solid #ddd;
text-align: left;
padding: 8px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* RSS feed stuff in header */
ul#rssCK {
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

ul#rssCK li {	
float:left;
margin:0;
padding:0;
text-align:left;
}

ul#rssCK li a {
color:#e7e7e7;
display:block;
font-size:12px;
text-decoration:none;
font-weight:bold;
padding:0 0 0 8px;
}

ul#rssCK li a:hover {
background-color:#124AA8;
color:#fff;
}

/************************************* rollover menus ********************/

/** MENU STUFF **/

#sidebar h2 {
font:bold 1.2em "arial", helvetica, sans-serif;
padding: 4px 0 4px 4px;
line-height:1em;
background-color: navy;
color: #e7e7e7;
margin: 6px 0 3px 0;
}

#sidebar h3 {
font: normal 1.4em/1.1em "arial", helvetica, sans-serif;
padding: 0 0 3px;
}

#sidebar {
float: left;
width: 210px;
font-size: 1.2em;
line-height: 1.2em;
}

#sidebar  ul{
list-style: none;
margin: 0 0 0 0;
}

#sidebar{
text-align: left;
width: 230px;
margin: 0 0 0 0;
background-color: #fff;
color: #000;
font-size: 12px;
font-weight: bold;}

#sidebar a:link{
color: navy;
}
#sidebar a:visited{
color: navy;
}
#sidebar a:hover{
color:#0000ff;
}

#sidebar ul{
margin-left:0px;
margin-top:0px; 

}

// NEEDED FOR IE and menu
#sidebar ul, #sidebar li{
margin: 0;
padding: 0;}

#sidebar li a{
font-weight: normal;
display: block;
width: 100%;
padding: 3px 0 3px 3px;
background-color: transparent;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #ddd;
font-size: 12px;}

html>body #sidebar li a{
width: auto;}

#sidebar li a:hover{
background-color: #444;
color: #fff;
}

#sidebar .last{
border: none;}




#footer ul#admin {
	float:right;
	display:block;
	list-style-position:outside;
	list-style-type:none;
}
#footer ul#admin li {
	display:block;
	float:left;
	margin-left:12px;
}


#header ul#admin {
	float:right;
	display:block;
	list-style-position:outside;
	list-style-type:none;
}
#header ul#admin li {
	display:block;
	float:left;
	margin-left:12px;
}