/*
Theme Name: toliveischrist
Theme URI: http://prototypedesign.org.uk
Description: Redesign of Tim Coomar's blog
Version: 0.2
Author: Timothy Achilles Coomar
Author URI: http://toliveischrist.info
Tags: Tim Coomar, Greek Presbyterian Church
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}
body { line-height:1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

nav ul, ul { list-style:none; } ol { list-style-position: inside; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* ...RESET */

/* FONTS... */

/* IE... */

@font-face {
	font-family: 'ChunkFive';
	src: url('../fonts/Chunkfive.eot');
}

/* Other Browsers... */

@font-face {
	font-family: 'ChunkFive';
	src: local('ChunkFive Regular'),
	     local('ChunkFive-Regular'),
	     url('style/fonts/Chunkfive.otf') format('opentype');
}


/* IE... */

@font-face {
	font-family: 'Candela';
	src: url('style/fonts/CandelaBook.eot');
}

/* For Other Browsers */

@font-face {
	font-family: 'Candela';
	src: local('Candela Book'),
	     local('Candela-Book'),
	     url('style/fonts/CandelaBook.otf') format('opentype');
}

@font-face {
	font-family: 'Candela';
	src: local('Candela Book Italic'),
	     local('Candela-BookItalic'),
	     url('style/fonts/CandelaItalic.otf') format('opentype');
	font-style: italic;
}

@font-face {
	font-family: 'Candela';
	src: local('Candela Bold'),
	     local('Candela-Bold'),
	     url('style/fonts/CandelaBold.otf') format('opentype');
	font-weight: bold;
}

@font-face {
	font-family: 'Candela';
	src: local('Candela Bold Italic'),
	     local('Candela-BoldItalic'),
	     url('style/fonts/CandelaBoldItalic.otf') format('opentype');
	font-weight: bold;
	font-style: italic;
}

/* ...FONTS */


/* MAIN STYLES... */


body {
background:#1a1a1a;
text-align:left;
color:#666;
width:700px;
font-size:14px;
font-family: "Georgia", serif;
margin:0 auto;
padding:0;
}

a:link, a:visited { color:white; text-decoration: none; }
a:hover, a:focus { color: #444;}

p {font-family: Georgia;}
p a:hover {border-bottom: 1px dotted #444;}

a:focus {
outline: none;
}

blockquote { padding-left: 28px; }

h1#title a {color: #9FC54E;}

h1, h1 a {
font-size: 34px;
font-family: "ChunkFive", verdana, helvetica, arial, sans-serif;
letter-spacing:0;
color:#9FC54E;
font-weight:700;
padding:20px 0 0;
text-decoration: none;
margin-bottom: 27px;
margin-top: 35px;
text-shadow: 0px 1px 1px #333;
}
h1 a:hover {
	color: #444;
}

h2 {
font-size: 24px;
font-family: "Candela", verdana, helvetica, arial, sans-serif;
color:#444444;
font-weight: 400;
padding: 0 0 10px;
text-shadow: 0px 0px 2px #111;
}

h3 {
font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}

img.right {
float: right;
margin: 3px 3px 6px 8px;
padding: 5px;
background: #222222;
border: 1px solid #333333;
}

p {
color:#ddd;
font-size: 12px;
line-height:22px;
margin: 0 0 8px 0;
}

img {
border:none;
margin-bottom: 8px;
}

#container {
clear: both;
margin: 0;
padding: 0;
}

#container ul#nav{
float: right;
position: relative;
top: -10px;
background: #9FC54E;
border: 1px solid #9FC54E;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
font-weight: 700;
}

#container ul#nav:hover{
float: right;
background: #a0a0a0;
border: 1px solid #cccccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
font-weight: 700;
}

#container ul#nav li {
	float: left;
	margin-right: 12px;
}
#container ul#nav li.page-item-64 {padding-right: 20px;}
ul#nav li.page-item-2 {padding-left: 20px;}

#container ul#nav li a {display: block; padding: 20px 0 20px 13px;}

#container ul#nav li a, #container ul#nav li a:visited {
	color: #fff;
	text-decoration: none;
}
#container ul#nav li a:hover, #container ul#nav li a:focus {
	color: black;
}

body.blog .content div.post p { font-size: 15px;}
body.single .content div.post p { font-family: "Candela", Tahoma, Arial Narrow, Arial, sans-serif; font-size: 1.2em; line-height: 1.5em; margin-bottom: 18px; }

div.quotescollection_randomquote {padding-top: 10px;}
div.quotescollection_randomquote p q {margin: 25px 0 0 0; font-size: 14px; font-style: italic;}
p#post-info {color: #444; border-top: 1px solid #444; padding: 8px 0 15px 0;}
p#post-info a {color: #888; font-size: 12px; }

.content {
	font-style:normal;
	font-family:helvetica, arial, verdana, sans-serif;
	color:#ffffff;
	background:#333333;
	border:1px solid #444444;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	margin: 40px 0 30px;
	padding: 35px;
}

.content img { border: 1px solid #444; }

.more-link a {color: #9FC54E; font-size: 12px; float: right; }
.content h2, .content h2 a { margin: 6px 0 13px; color: #9FC54E; } 
.content h2 {border-bottom: 1px solid #444; }

div.post { position: relative; margin-bottom: 35px; min-height: 230px;  height: auto !important;  height: 230px;
}

img.post-image { border:1px solid #555; margin: 0 20px 10px 0; float: left;}

div.post p.date {
	position: absolute;
	text-decoration: none;
	top: 0; left: 663px;
	padding: 15px 22px 15px 15px;
	background-color:#333;
	border:1px solid #444444;
	border-left: none;
	text-align: center;
	font: 13px/18px "Georgia", serif; font-style: italic;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
}

em.sub-text { font-size: 9px; color: #111; margin-top: 25px; }
em.sub-text a { color: #444 }

a.sermon-audio-link {
	background: url(http://toliveischrist.info/wp-content/uploads/2010/01/mic-icon.png) no-repeat;
	background-position: -8px 0;
	padding: 4px 0 0 23px;
}
ul.p2c_catlist li {margin-bottom: 17px;}
h3.sermon-heading a {color: rgb(179, 179, 179);} h3.sermon-heading a:hover {color: #9FC54E;}
h3.sermon-heading { font-size: 18px; border-bottom: none; }
div.sermons h3 { font-weight: normal; text-transform: inherit;}

ul.sermon-list {float: left; width: 245px;}
ul.sermon-list h2 {text-align: center;}
ul.english {margin-right: 25px}

p.np-links { font-size: 0.9em; }
p.np-links span a { padding: 3px 5px; margin: 0 4px; background-color: #222; color: #555; }
p.np-links span a:hover { background-color: #9FC54E; color: #222; border-bottom: none; }

textarea#comment { width: 626px; }

.panel {
position: fixed;
top: 50px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(http://toliveischrist.info/wp-content/themes/toliveischrist/style/images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
background:#222222 url(http://toliveischrist.info/wp-content/themes/toliveischrist/style/images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
}

a.trigger.active {
background:#222222 url(http://toliveischrist.info/wp-content/themes/toliveischrist/style/images/cross.png) 85% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type: none;
}

li.page-item-84 {margin-left: 15px; display: inline}

ol {
	margin: 0 0 18px 0;
}

ol li {
	font: 120%/140% "Candela", Georgia, serif;
	font-style: italic;
	margin-bottom: 13px;
}




/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.post a { color: #c8ff7d; padding: 5px 5px 3px;  }
.post a:hover { color: #fff; background: #555;  }
.post:after { content: "."; display: block; visibility: hidden; clear: both }

#single-post-info, #post-info { display:none }