/*   
Theme Name: TC-HOP Theme
Description: Theme for the Traverse City House of Prayer
Author: Ben Slater
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }
body { }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; }
a { }
a:hover { } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#sidebar { }

#sidebar ul{ 
	list-style-type:none;
}

.navgation { }
.next-posts {
	float: right;
	margin: 8px 23px 5px 0px;
}

.prev-posts {
	float: left;
	margin: 8px 0px 5px 23px;	
}

#searchform { }

#label {
	float: left;
	margin: 5px 10px 0px 0px;
}

#s {
	float: left;
	margin: 0px 0px 2px 0px;
	width:137px;
}

#submit { 
	float: left;
}

#search_but {
	margin: 0px 0px 5px 0px;
}	

.screen-reader-text {  }
	
ol.commentlist { 
	list-style: none; 
	margin: 0px 0px 0px 23px;
}
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }

input { 
	margin: 5px 0px 15px 23px;
}

textarea {
	margin: 5px 0px 0px 23px;
}


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */


/********************** Header ***************************/
#logo{
	background-color: #b6ad9b;
	background-image: url(./images/bg_header.jpg);
	background-repeat: repeat-x;
	height: 69px;
	width: 774px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#logo a{
	margin: 0px auto;
}
#header {
	margin: 0px 0px 0px 0px;
	width: 774px;
	height:293px;
	background-image: url(./images/header.jpg);
	background-repeat: no-repeat;
	position:relative;	
}
#header ul{
	list-style-type: none;
	display:inline;
	position:absolute;
	top:271px;
	left:123px;
}
#header li{
	float:left;
		
}
.lastchild{
	border-right: 0px none #4d4b4a !important;
}
#header ul a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4d4b4a;
	text-decoration: none;
	padding: 0px 7px 0px 7px;
	border-right: 2px solid #4d4b4a;
}
#header ul a:hover{
	color:#000000;
}


/********************** Body ***************************/
body {
	background-image:url(images/background.jpg);
	color: #4d4b4a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #e5e2db;
	background-repeat: repeat-x;
}

* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#container {
	margin: 0px auto;
	text-align: left;
	width: 780px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/********************** Content ***************************/

#content {
	background-color: #7b6b5c;
	width:774px;
	display:block;
	position:relative;
	
}
#content h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #FFFFFF;
	margin: 0px 23px 6px 28px;
	padding: 20px 0px 0px 0px;
	border-bottom: 1px solid #bbb6a0;
}
/********************** Content - left ***************************/
#left {
	background-color: #ddd8c6;
	border: 1px solid #c2bdaa;
	width:550px;
	margin: 0px 0px 10px 28px;
	padding: 0px 0px 15px 0px;
	float:left;
	display:inline;
}

.verse{
	padding: 10px 0px 10px 50px;
	width:410px;
}

#left a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;color: #4d4b4a;
}
#left a:hover{
	color:#000000;
}

.text{
	float:left;
	width:518px;
	margin-bottom: 15px;
	
}

.meta { 
	font-size: 10px;
	margin: 5px 0px 15px 13px;
}

.postmetadata {
	font-size: 10px;
	margin: 15px 0px 15px 23px;
}

.leavecomments {
	
}


#left h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #4d4b4a;
	text-decoration: none;
	margin: 20px 0px 10px 23px;
}

#left h2 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #4d4b4a;
	text-decoration: underline;
	margin: 20px 0px 0px 0px;
}

#left h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4d4b4a;
	text-decoration: underline;
	margin: 20px 0px 10px 23px;
}

#left p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:lighter;
	color: #4d4b4a;
	margin: 6px 0px 0px 23px;
}

#left img{
	margin: 10px 10px 10px 10px;
}

.photos{
	float:right;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
}
.photos img{
	display:block;
	border-color:#000;
	border-width:2px;
	/*
	border-top-width:2px;
	border-bottom-width:2px;
	border-left-width:4px;
	border-right-width:4px;
	*/
}

.divider {
	border-bottom: 1px solid #7b6b5c;
	margin: 5px 0px 0px 23px;
	width: 500px;
}


/********************** Content - right ***************************/
#right {
	float:right;
	width:150px;
	background-color:#dad9cf;
	margin: 0px 23px 10px 0px;
	padding: 0px 0px 6px 10px;
	display:inline;
	border: 1px solid #c2bdaa;
}
#right h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #2c2c2c;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#c2bdaa;
	width:140px;
	text-align:center;
	padding: 3px 0px 3px 0px;
	margin: 10px 0px 5px 0px;
}
#right p{
	padding: 10px 9px 0px 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4d4b4a;
}
#right a{
	padding: 0px 10px 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4d4b4a;
	font-weight:bolder;
	display:block;
}
#right a:hover{
	color:#000000;
}
#right span a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #605c4c;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#c2bdaa;
	width:138px;
	text-align:left;
	padding: 3px 0px 3px 5px;
	margin: 15px 6px 0px 6px;
}



/**********************Gallery ***************************/
#photo_gallery_display {
	background-color: #ddd8c6;
	border: 1px solid #c2bdaa;
	width:535px;
	height:570px;
	margin: 0px 0px 0px 28px;
	padding: 0px 0px 0px 0px;
	float:left;
	display:inline;
}

#photo_gallery
{
	background-color: #ddd8c6;
	border:1px solid #aaa;
	width:175px;
	margin: 0px 22px 5px 0px;
	padding: 5px 0px 5px 0px;
	float:right;
	display:inline;
}

#photo_gallery ul { 
	padding:0; 
	margin:5px; 
	list-style-type:none; 
   	float:right;	
} 

#photo_gallery a.gallery span { 
	position:absolute; 
	width:1px; 
	height:1px; 
	top:5px; 
	left:5px; 
	overflow:hidden; 
	background:#fff; 
} 

#photo_gallery a.gallery, #photo_gallery a.gallery:visited { 
	display:block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	margin:1px 2px 1px 2px; 
	text-align:left; 
	cursor:default; 
} 

#photo_gallery a.slide1a {
    background:url(images/dan_pgtn.jpg);
    height:59px;
    width:77px;
}
    
#photo_gallery a.slide1b {
    background:url(images/gary_pgtn.jpg);
    height:59px;
    width:77px;
}
#photo_gallery a.slide1c {
    background:url(images/leaders1_pgtn.jpg);
    height:49px;
    width:77px;
}
    
#photo_gallery a.slide1d {
    background:url(images/group1_pgtn.jpg);
    height:49px;
    width:77px;
}
#photo_gallery a.slide1e {
    background:url(images/gilbert_pgtn.jpg);
    height:59px;
    width:77px;
}

#photo_gallery a.slide1f {
    background:url(images/group2_pgtn.jpg);
    height:59px;
    width:77px;
}
    
#photo_gallery a.slide1g {
    background:url(images/mike_pgtn.jpg);
    height:77px;
    width:48px;
}

#photo_gallery a.slide1h {
    background:url(images/jackie_pgtn.jpg);
    height:77px;
    width:48px;
}

#photo_gallery a.slide1i {
    background:url(images/leaders2_pgtn.jpg);
    height:78px;
    width:48px;
}

#photo_gallery a.slide1j {
    background:url(images/group3_pgtn.jpg);
    height:59px;
    width:77px;
}

#photo_gallery a.slide1k {
    background:url(images/leaders3_pgtn.jpg);
    height:59px;
    width:77px;
}

#photo_gallery a.slide1l {
    background:url(images/ella_slater_pgtn.jpg);
    height:77px;
    width:48px;
}

#photo_gallery a.slide1m {
    background:url(images/laura_pgtn.jpg);
    height:59px;
    width:77px;
}


#photo_gallery ul {
    width:170px;
    height:550px;
}

#photo_gallery li {
    float:left;
}


#photo_gallery a.gallery:hover {
    border:1px solid #fff;
}

#photo_gallery a.gallery:hover span {
    position:absolute;
    width:523px;
    height:550px;
    top:58px;
    left:36px;
    color:#000;
    background:#ddd8c6;
}




/********************** footer ***************************/
#footer, #footer a {
	background-color: #bbb6a0;
	width: 774px;
	height:22px;
	text-align:center;
	padding: 10px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #4d4b4a;
}
#footer a:hover{
	color:#000000;
}