/*  

Theme Name: MosaicPlus

Theme URI: 

Description: None

Version: 1.0

Author: James

Author URI: 

*/
* {
padding:0;
margin:0;
}

body {
background:#000 url(images/body-bg.jpg) no-repeat fixed center top;
padding:5px 0;
font-family:Verdana, Tahoma, Arial, Serif;
color:#333;
font-size:.8em;
}

p {
line-height:1.4em;
margin-bottom:1em;
}

a {
color:#4f7400;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a.pdf { 
	background: url(images/pdf.png) no-repeat left center;
	padding: 5px 0 5px 20px;
	line-height: 16px; /* To center the text vertically with the icon */
}

h1, h2, h3, h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {
font-size:2em;
}

h2 {
font-size:22px;
}

h3 {
font-size:1.7em;
}

h4 {
font-size:1.4em;

}

h3 span {
font-weight:400;
font-size:60%;
color:#000;
}

img {
border: none;
}

a.img{
border: none;
}


img.left, img.alignleft, div.alignleft  {
position:relative;
float:left;
margin:0 1.8em 1.4em 0;
}

img.right, img.alignright, div.alignright {
position:relative;
float:right;
margin:0 0 1.8em 1.8em;
}

.wp-caption-text {text-align:center;
font-family: tahoma, verdana;
font-size:11px;
color: #555;}

img.clear {padding: 0; border: 0;}

/*------------------*/
.post {
/*border:solid 7px #CCCDBD;*/
margin: 0 0 25px 0;
background-color:#fff;
padding: 0px 10px 10px;
/*-moz-border-radius: 5px;*/
min-height:400px;
}

.post h4, .post h4 a, .post h2, .post h3 {
/* background:#7AC142 url(images/headline.png) repeat scroll 0 0;*/
display:block;
border: 0;
color:#000000;
font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode";
font-size:22px;
padding-left:0px;
line-height: 25px;font-weight:normal;font-style:normal;
margin-bottom:12px;
}

.post h4, .post h3 {font-size: 20px;}

.post .details .user {
background:url("images/user.png") no-repeat left center;
padding-left:15px;
}

.post .date {
/*background:url("images/date.gif") no-repeat left center;
padding-left:15px;*/
color:#777777;
font-size:10px;
font-style: italic;

}

.post a:hover img {border: 3px solid #666;}
.post a img {border: 3px solid #dcdcdc;padding:0;
/*cursor:url(images/zoomin.cur), pointer;*/
}

.post table {font-size: 10px;border-collapse:collapse;}
.post td, .post th {
border:1px solid #C9C9C9;
font-family:arial,helvetica;
font-size:12px;
padding:4px;
color:#555555;
line-height:18px;
margin-bottom:1em;
}

table.fancy tr.odd td {background-color: #EAEAEA; }

ul,ol {
margin:1em;
padding:0;
}

li {
margin:0 1em;
padding:.15em;
}

blockquote {
margin:20px 10px;
border-left:#ccc 2px solid;
}

fieldset {
border:none;
}

.breadcrumbs{
font-size:11px;
padding-left: 10px;
padding-bottom: 5px;
}
.breadcrumbs a{
text-decoration:none;
}
.breadcrumbs a:hover{
text-decoration:underline;
}

.divider1 {
background:#fff url("images/border2.gif") repeat-x;
margin:2em 0 1.5em;
position:relative;
height:14px;
clear:both;
}

.hr{
	background:transparent url("images/hr.gif") repeat-x;
	height:1px;
	margin: 1em 0;
	width: 100%;
}

.blurb {background-color:#F1F5F0;
background-image:url("images/frillybg.jpg");
background-position: center bottom;
background-repeat: no-repeat;
border: 3px solid #D5E0D3;
padding:5px;
margin-bottom:20px;}

.blurb h3 {
font-family:georgia;
font-size:2.1em;
font-weight:normal;
}

/* Pages with items of data (notices, mosiac churches, groups etc */
#pagestyle1 .contentarea div{
background-color: #F1F5F0;
border:2px solid #D5E0D3;
color:#444;
font: normal 1em verdana, "Lucida Sans Unicode", Georgia, "Times New Roman", Times, serif ;
line-height:21px;
padding:12px 12px 0 12px; margin-bottom:25px;
overflow:hidden;

}

#pagestyle1 .contentarea img {padding:0; border:0;margin: 0 0 10px 15px;}
#pagestyle1 .contentarea h5 {font-family:"Trebuchet MS", Georgia, "Times New Roman";
font-weight:normal; font-size:18px;}
/* ------------------- */

/* For Video Pages */
div.vid {background-color: #F1F5F0;
border:2px solid #D5E0D3;
color:#444;
padding: 12px;
width:240px;
height:260px;
margin-right:15px;
margin-bottom: 15px;
float:left;
line-height:20px;
cursor:pointer;
font:  11px "Lucida Sans Unicode", "Lucida Grande", Georgia, "Times New Roman", Times, serif ;
}
div.vid strong {color:#555;font-family: arial;font-size:16px;}
div.vid img {margin:0;border:0;}
.video {display:none;}
div.pretty-hover {background-color: #DBE3DA;border: 2px solid #AEC1AD;}
.catitem { /*Category list*/
background-color:#fff;
border: 1px solid #ccc;
padding:3px;
font-size:11px;
margin:10px 12px 8px;}

.catitem h3 {font-size:12px; margin:0;}
.catitem p {margin:0;line-height:1.2em;}
.catitem .date {float:right; background-color:#ccc; color:#fff;padding:2px;}

.row {margin-bottom:14px;}
.rowitem {float:left;width:250px;padding: 10px 0 0 12px;}
.rowitem img  {	float: left;	margin: 5px 8px 4px 0; border: 5px solid #dedede;padding:0;}
.rowitem h3 {font-size:18px;}
.rowitem a {text-decoration:none;}
.rowitem a:hover {text-decoration:underline;}


#outer {
z-index:2;
position: relative;
width:912px;
padding:5px;
margin:15px auto 5px;
/*background:#EFF0E8 url(images/bg-sample3.jpg) repeat-y scroll right 150px;*/
background-color: #ffffff;
}

#header {
margin-bottom:2px;
background:transparent url(images/frontpagetopbanner.jpg) repeat scroll 0 0;
position:relative;
width:100%;
height:250px;
}

.logoimage {
position:absolute;
top:68px;
right:10px;
}

.logoimage img {
border:none;
}

#search {
position:absolute;
top:100px;
right:10px;
padding-right:0;
color:#aaa;
}

#search input.text {
background:#777;
margin-right:.5em;
padding:.1em;
width:10em;
vertical-align:middle;
border:solid 1px #000;
}

#search input.submit {
background:#555;
cursor:pointer;
border:solid 1px #000;
padding:.25em;
font-size:.8em;
color:#F2F3DE;
vertical-align:middle;
}

#content {
/*padding:0 1em; */
}

#primarycontainer {
float:left;
 width: 640px; 
margin-left: 10px;
}

#primarycontent {
margin:27px 20px 0 0;}
#primarycontent ul li {
list-style-image:url("images/bullet.png");
}

#sidebar {
margin:0;
color:#999;
float:right;
width:250px;
margin-top: 27px;
font-family: "Lucida Sans unicode","Lucida Grande", Georgia, sans-serif;
}

.box-sidebar, .box-clicker {margin: 0 0 12px;}
.box-sidebar h3 , .box-clicker h3 {
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 10px;
padding:0;
text-decoration:none;
text-transform:uppercase;
}

.box-sidebar ul {list-style:none; margin:0 0 -5px;padding:0 5px 5px;}
.box-sidebar li {border-bottom:1px dotted #3C3C3C;margin:0;}
.box-sidebar li a {text-decoration:none;color:#999;padding: 3px 0 3px 3px;display:block;}
.box-sidebar li a:hover {background: #333;color:#ccc;}

.toggle h3 {
cursor:pointer;
height:30px;
line-height:30px;
margin:0;
padding:0 10px;
}

.toggle-open {
background:#2C2C2C url("images/bg-toggle-open.png") no-repeat scroll right top;
}

.box-clicker .toggle-open {
	background:#2C2C2C url("images/bg-toggle-go.png") no-repeat scroll right top;
}

.toggle-close {background:#2C2C2C url("images/bg-toggle-close.png") no-repeat scroll right top;
}

.box3 {
background:transparent url("images/bg-box3.png") repeat-y scroll left top;
padding:0 20px;
position:relative;
}

.box3-top {
background:transparent url("images/bg-box3-top.png") no-repeat scroll left top;
height:20px;
}

.box3-bot {
background:transparent url("images/bg-box3-bot.png") no-repeat scroll left bottom;
clear:both;
height:20px;
}

/* FOOTER */
#footer {
/*background:transparent url("images/bg-footer1.gif") no-repeat scroll 0 0;*/
height:150px;
/*margin:15px 0 7px 31px;*/
overflow:hidden;
padding:13px 0 0;
/*  width:920px;*/
clear:both;
}

#footer h4 {}
#footer p {} 

#leftfoot {float:left;margin-left:40px;padding-top:14px; width:220px;}
#rightfoot {float:right;width:235px;padding-top:14px;margin-right: 50px;}

#logo {position:absolute;right:30px;}
#logo img {border:0;}

/*comments and their styles*/
#comments,#respond {
margin:2em 0 0 5px;
}

#commentform {
margin:10px;
padding:10px;
}

ul.commentlist {
margin:0;
padding:0;
list-style-type:none;
background-color: #fff;
border:solid 7px #CCCDBD;
-moz-border-radius: 5px;
}

#primarycontent ul.commentlist li {
	list-style-image:none;
}

.comment-meta {float:right; font-size:11px;}

textarea {
font:1em Verdana, Arial, Serif;
background:#f9f9f9 url("images/button_bg.gif") repeat-x 50% top;
padding:5px;
width:90%;
height:20em;
border:solid 1px #ccc;
}

#outer input.text {
font:1em Verdana, Arial, Serif;
background:#f9f9f9 url("images/button_bg.gif") repeat-x 50% top;
padding:2px;
border:solid 1px #ccc;
}

.post h5 em {
font-style:normal;
float:right;
font-weight:400;
}

#content,#sidebar,#footer,.widget {
overflow:hidden;
}

/* Begin Contact Form ][ CSS */
.contactform {
position:static;
overflow:hidden;
}

.contactleft {
width:25%;
text-align:right;
clear:both;
float:left;
display:inline;
padding:4px;
margin:5px 0;
font-weight:700;
}

.contactright {
width:70%;
text-align:left;
float:right;
display:inline;
padding:4px;
margin:5px 0;
}

.contacterror {
border:2px solid red;
}

/* End Contact Form ][ CSS */

/* Clearfix */
.clearfix {clear:both;}
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Facebox */
.wider {width:550px}
.wider img {float:right;}
#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}