@charset "UTF-8";
/* Twin Lakes Church */
/* HopeExperience.com */
/* Copyright (c) 2009 Twin Lakes Church */
/* Stylesheet by Kevin2 at TLC */
/* For Screen */

/************** Colors Used **************
Chocolate: 5f362c
Mustard: d18c29/d28c26(old)
Telmarine: 2a5d74
Persimmon: bf422f
*/

/************** Root Element **************/
html { margin:0; padding:0; }
body {
	background-repeat: repeat-x;
	height:100%;
	margin:0;
	padding:0 20px;
	color:#000;
	background:#5f362d 0 top;
	background-image: url(/media/images/layout/bodyBG.gif);
	background-repeat: repeat-x;
	font-size:small; 
	font-family: "Myriad Pro", Myriad, "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	}
#container {
	width:920px;
	margin:20px auto;
	box-shadow:0px 10px 10px #2f0600;
	-webkit-box-shadow:0px 10px 10px #2f0600;
	-moz-box-shadow:0px 10px 10px #2f0600;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#2f0600, offX=0, offY=10, positive=true);
	overflow:hidden; 
	background:#d18c29; 
	background-position: bottom center;
	background-repeat: no-repeat; 
	background-image: url(/media/images/layout/contentBG.gif)
	}

/************** Headings **************/
h1 { font-size:150%; }

/************** Links **************/
a:link { color: #1a5caf; }
a:visited { color: #0c2d79; }
a:hover, a:focus { color:#fff; }
a:active { color:#fff; }
a img { border:0 none; }

/************** Standard Elements **************/
code { font-size:110%; }
small { font-size:90%; }
/* abbr[title='and'] { font-family:Baskerville,Palatino,"Book Antiqua",serif; font-style: italic; } */
blockquote, .verse-ref { font-family: Georgia; font-variant: small-caps; font-size: 1em; }
blockquote cite, .verse-ref { font-size: .85em; }
.verse-ref { display: block; text-align: right; padding-right: 5px; }
iframe { background-color: #fff; }
q { quotes: '“' '”' '‘' '’'; }
q:before { content:'“'; }
q:after { content:'”'; }

/************** Page Layout **************/
#header { height:260px; background:#5f362d; background-image: url(/media/images/layout/headerBG.gif);
    cursor: pointer; }

#nav { float:left; width:100%; margin:0; padding:0 0 0 20px; list-style:none; 
    background:#2a5e74; overflow:hidden; }
#nav li { float:left; margin:0; padding:0; }
#nav a { float:left; display:block; margin:0 2px 0 0; padding:4px 8px; border:none;
    border-bottom:none; text-decoration:none; text-transform: uppercase; color:#d18c29; }
#nav a:hover { color: #fff; }
#nav #navCurrent a {
	padding-bottom:5px; color:#fff; background:#d18c29; font-weight: bold; }

#content { background-repeat: no-repeat; width:590px; min-height:500px; float:left; padding-left: 15px; padding-right: 10px }
#content h1 { color: #fff; border-bottom: 1px solid #bf422f; }
#content h2, #sidebar h2 { color: #2a5d74; font-size: 1.25em; text-transform: uppercase; margin-bottom: 0; padding-bottom: 0; }
#content h3, #sidebar h3 { color: #2a5d74; font-size: 1.1em; margin:0; padding:0; }
#content p { font-size: 1.1em; line-height:1.25em; }
#content h2 + p, #sidebar h2 + p, #content h3 + p, #sidebar h3 + p { margin-top:5px; padding-top:0; }

#content h2.devotion-title { font-variant: normal; color: #000; }
#content p.devotion-author { margin:0; }
#content p.devotion-passage { font-weight:bold; padding-top:10px; }
#day-nav { text-align: right; float: right; }
form#day-nav { padding-top:10px; }

#sidebar { width:300px; float:left; padding-left: 5px; }
#sidebar small { display:block; padding:0 5px 5px 0; }
#sidebar blockquote { margin:0; }
#sidebar .verse-ref { font-size:.9em; }

#utility { border-right: none; }
#utility ul { margin: 0; padding: 0; list-style: none; }
#utility li { margin-bottom:2px; padding:0px 0px 0px 15px; list-style:none; height:25px; color:#fff; 
    background:url(/media/images/btnBG.png) left top no-repeat; }
#utility li:hover { padding-left:19px; color:#d18c29; background-position-x:4px; }
#utility a { display:block; width:100%; height:14px; padding:5px 0; color:#fff; text-decoration:none; 
    text-transform:uppercase; font-weight:bold; }
#utility a:hover { color:#d18c29; }
#utility a#twitter_link { padding-left:30px; background:url(/media/images/twitter.png) 0 50% no-repeat; }
#utility a#fb_share_link { padding-left:20px; background:url(http://static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) 0 50% no-repeat; }

#footer { width:920px; margin:0 auto; padding:0; list-style:none; clear:both; text-align:center; }
#footer li { float: right; }
#footer a { display: block; color: #fff; font-size: smaller; margin: 1px 10px; }

/************** Classes **************/
.pill { padding:1px 5px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
    color:#d18c29; background:#000; font-weight:bold; text-transform:uppercase; }

