/*   
Theme Name: Trinity
Description: Trinity Presbytarian Church Hinsdale, IL
Author: Alex Stomp
Author URI: http://www.vampa.org
Version: 2.0.0
.
All Rights reserved to Vampa Design. License can be bought by contacting us.
.
*/

/*** RESET STYLES ***/

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: none;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}

ul{list-style: none;}
span.hidden{visibility: hidden;}
.displayNone{display: none;}

/*** WRAPS ***/

html{background: #ffffff;float: left;text-align: center;width: 100%;}
body{margin: 0px auto;width: 960px;}
#wrapper{float: left;text-align: left;width: 960px;}
#header-wrap{position: relative;z-index: 3000;}
#content{clear: both;position: relative;left: 0; float: left;display: block; width: 960px;}
#footer{border-top: 1px solid #515151;clear: both;float: left;margin-top: 15px;padding-top: 5px;margin-bottom: 40px; width: 960px;}

/*** HEADER ***/

#logo{background: url('./img/logo.png') no-repeat;display: block;float: left;height: 70px;margin-top: 10px;width: 370px;}
#top-nav{position: absolute; top: 53px;right: 0;}
#top-nav li{float: right;border-bottom: 6px solid black;padding-bottom: 2px;width: auto;margin-left: 10px;}
#top-nav li a{color: black;	padding: 53px 10px 5px 10px;letter-spacing: 2px;width: auto;}
#right-side-list{right: -31px;top: 82px;position: absolute;}
a.to-twit{background: url('./img/img-twitter.png') no-repeat;display: block;width: 24px;height: 74px;}
a.to-search{
	background: url('./img/img-search.png') no-repeat;
	display: none;/**CHANGE DISPLAY TO BLOCK FOR SEARCH**/
	width: 24px;height: 70px;}
.drop-down{position: absolute; right: -7px; top: 76px;width: 351px;padding:20px;background: url('./img/hover-bg.png') repeat;z-index: 1000;}
.drop-down-list li a{color: #414141; line-height:28px;font-size: 18px;}
.drop-down-list li a:hover{color: black;}
#twitter-avatar{float: left;width: 100px;}
#tweet {float: right;width: 230px;margin-top: -100px;}
#tweet *{font-size: 15px;}
#twitter-follow a{color: #313131;margin: 20px 87px 0 87px;float: left;clear: both;padding: 7px 15px;background-color: #e6e6e6;border: 1px solid #cccccc;}
#twitter-follow a:hover{background-color: #d6d6d6;border: 1px solid #e6e6e6;}

/*** CONTENT ***/

.home-content{position: relative; z-index: 1;}
#home-slogan{position: absolute;top: -17px;left: 60px;z-index: 3500;}
#home-slogan p{color: #414141;}
#home-slogan a {color: #313131;}
#home-slogan a:hover{color: #000000;}
#home-image{position: absolute;left: 0;top: 2;margin-top: 2px;z-index: -1;}

#home-post-loop{background: url('./img/loop-bg.png') repeat;border-top: 1px solid black;display: block; float: left; margin-top: 356px;height: 95px;width: 960px;}
li.home-post{border-right: 1px solid #515151;float: left;padding: 0px 20px;margin: 10px 0;height: 75px; width: 279px;}
#home-post-loop>li.home-post:last-child{border: none;}
li.home-post a h3{font-size: 19px;text-transform: capitalize;color: #d1d1d1;}
li.home-post a h3:hover{color: white;}
li.home-post p{color: #717171;padding-top: 7px;line-height: 15px;font-size: 12px;}
li.home-post p a{color: #919191;line-height: 15px;font-size: 12px;}
li.home-post p a:hover{color: white;}

#content-meat{float: left;width: 480px;min-height: 400px}
#content-meat h2, #content-meat h3, #content-meat h4{padding-top: 14px;font-size: 19px;}
#content-meat p, #content-meat p{line-height: 19px;font-size: 12px;}
#content-meat p{padding-top: 12px;}

#content-image{position: relative; right: 0px;margin-top: 2px;width: 450px;height: 250px;z-index: 50;float: right;}

span.quote-wrap{background: url('./img/quotes2.png') no-repeat bottom right;min-height: 100px;display: block;width: 390px; padding: 20px 20px 0 20px;float: right;clear: right;}
#page-quote{background: url('./img/quotes.png') no-repeat top left;padding: 20px 20px 0px 20px;width: 390px;min-height: 100px;display: block;float: right;clear: right;margin-top: 20px;}
p.quote{color: #111111;font-size: 18px;}
p.quote-origin {color: #414141;text-align: right;padding-top: 5px;font-size: 14px;}

.media-li a{float: left; clear: both;padding-top: 7px; padding-left: 10px; font-size: 15px;color: #414141;}
.media-li a:hover{color:black;}

.post-header {float: left; padding-bottom: 5px; border-bottom: 1px solid #cacaca;}
.post-header p{float: left; color: 1px solid #aaaaaa;}
ul#blog-posts li p{float: left; clear: left;}

.sermon-browser div.clear{display: none;}
div#poweredbysermonbrowser{display: none;}
.sb_edit_link a{display: none;}

table.sermons {float: left;}
table.sermons a{color: #353535;text-decoration: underline;}
table.sermons a:hover{color: black;}
table.sermons tr{float: left; clear: left;padding-bottom: 10px;}

/*** FOOTER ***/

#footer-nav{float: right;}
#footer-nav li, #footer-nav li a{color: #414141;float: left;padding-left: 20px;font-size: 12px;}
#footer-nav li a:hover{color: #000000;}
p.footer-center{color: #414141;}
p.footer-center a{color: #414141;}
p.footer-center a:hover{color: #000000;}