/*  
Theme Name: COGSW
Theme URI: http://cogsw.org.uk
Description: Church of God South Wales
Version: 1.0
Author: Nick Allport
Author URI: http://allportsofthings.com

*/

@charset "utf-8";
/* CSS Document */

/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	font: 75%/160% Arial, Helvetica, sans-serif;
	color: #333333;
	background: #0066CC url(images/background.png) repeat-x;
    body: 0;
    padding: 0;
}

p {
	padding-bottom: 1em;
}

img {
	border: none;
}

#page {
	width: 898px;
	margin: 0px auto;
	border: double #CCCCCC;
}

h1 {
	color: #000000;
	padding-left: 115px;	
}

#header {
	height: 175px;
	width: 850px;
	margin: 0 auto;
	padding: 16px 24px 0px 24px;
	color: #000;
	font-size: 110%;
	position: relative;
	background-color: #FFFFFF;

}

#breadcrumb {
	height: 30px;
	width: 850px;
	margin: 0 auto;
	padding: 0px 24px 0px 0px;
	color: #000;
	font-size: 110%;
	position: relative;
	background-color: #FFFFFF;
	
}

.button
{
	background-color: #cccccc;
	padding: 2px;
	border: solid 1px #000000;
}

.button:hover 
{
	background-color: #e0e0e0;
}

/* HOLDER - Holds Main Navigation Menu */

.holder 
{
	width: 850px;
	margin: 0 auto;
	background-color: #000000;
	height: 35px;
	padding: 0px 24px 0 24px;
	color: #ffffff;
	text-align: right;
	background-image:url(images/holder.png);
	background-repeat:no-repeat;
	
}

.holder ul {
	margin-right: 3px; 
	margin-top: 2px; 
	list-style: none; 
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 7px 0px 0px 0px;
}

.holder ul li {
	display: inline;
	margin-right: 20px;
}

.holder a, a:visited {
	color: #ffffff;
	text-decoration: none;
}

.holder a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

/* End HOLDER */

.wrap {
	width: 850px;
	margin: 0 auto;
	padding: 20px 24px 20px;
}


#content {
	background-color: #ffffff;
}

#content h2 {
	font: normal 200%/100% Georgia, "Times New Roman", Times, serif;
	color: #FF9900;
	padding-top: 0px;
	margin-top: 0px;
}


.left-col {
	width: 406px;
	float: left;
	margin: 0 0 10px 0;
}

.right-col {
	width: 406px;
	float: right;
	margin: 0 0 10px 0;
}

.thumb-col {
	width: 300px;
	float: left;
	margin: 0 0 10px 0;
}

.feature-col {
	width: 506px;
	float: right;
	margin: 0 0 10px 0;
}

.full-col {
	clear: both;
	margin: 0 0 10px 0;
}

.footer-col {
	width: 270px;
	float: left;
	margin: 0 11.5px 10px 0;
	border: 1px solid #00FF99;
	padding: 0 0 0 0;
}



/* Input Form */

.inputForm 
{
	border: 1px dashed #cccccc;
	width: auto;
	padding: 3px 3px 3px 3px;
}

.inputForm p {
	clear: both;
	padding: 2px 0;
}
.inputForm label {
	float: left;
	width: 110px;
	padding-top: 3px;
}
.inputForm .txtfield {
	width: 240px;
	background: #fff;
	border: solid 1px #CCCCCC;
	padding: 4px;
}

.inputForm .file {
	width: 240px;
	background: #fff;
	border: solid 1px #CCCCCC;
	padding: 4px;
}

ul 
{	
	display: inline-block;
	list-style-type: square;
}
	

.dropdown {
	width: 250px;
	background: #fff;
	border: solid 1px #CCCCCC;
	padding: 4px 0;
}


submit
{
	background-color: #666666;
	color: #ffffff;
}

.submit {
	margin-left: 305px;
}
.red {
	color: #FF6600;
}


/* END Input Form */


#content ul {
	list-style: square;
}
#content li {
	padding-left: 14px;
}


h3 {
	font: bold 130%/160% Arial, Helvetica, sans-serif;
}

h4 
{
	font: bold 110%/140% Arial, Helvetica, sans-serif;
	margin: 3px 0px 3px 0px;
}


#copyright {
	text-align: center;
	background-color: #666666;
	margin: 1px auto 0 auto;
	width: 898px;
	padding: 10px 0;
	font-size: 95%;
	color: #FFFFFF;
}

#copyright a, #copyright a:visited {
	color: #f2f989;
}

/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* END LAYOUT */

#content a {
	text-decoration: none;
	color: #0066cb;
}

#content a:hover {
	text-decoration: underline;
}


table 
{
	background-color: #ffffff;
}

th, td 
{
	text-align: left;
	padding: 2px 2px 2px 2px;
}

.clear 
{
	clear: both;
}

.ajaxSearch .button 
{
	margin-left: 3px;	
}

.ajaxSearch .txtfield 
{
	width: 230px;
}


.centerDiv {
	margin: 0px auto;
	clear: both;
	position: relative;
	width: auto;
	text-align: center;
}

.promo {
	width: 100%;
}


.promo .left {
	float: left;
}

.promo .right {
	float: right;
}

.promo .clear {
	clear: both;
}


/* Gallery Styles */



#thumbs img {
	width:32px; 
	height:32px; 
	border:3px solid #cacaca; 
	margin:4px 3px 0 0;
	background-color: #222;
}
html>body div#thumbs img {margin:3px 3px 0 0;}

.setPhoto{float:left; display:block;border:1px solid #cacaca; background-color:#eee; margin:0px 20px 14px 0; padding:5px;}
.setPhoto h3{margin:0; padding:0; font-size:9px;font-weight:normal; color:#999; text-align:left; line-height:12px;clear:both;}
.setPhoto a{float:left; display:block;}
.setPhoto img{margin:0; border:0; width:180px; height:150px; background-color:#222;}

#feature {
	width:100%;
}

#bigPhoto {
	float:left; 
	display:block;
	border:1px solid #cacaca; 
	background:#eee url(../ims/loadingImage.gif) no-repeat center center; 
	min-width:250px; 
	min-height:250px;
	width: 406px;
}

#bigPhoto h2{margin:0; padding:0; font-size:9px;font-weight:normal; color:#999; text-align:left; line-height:12px; clear:both;}
#bigPhoto a{float:left; display:block;}

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

#feature #bigPhotoMeta{margin:5px 15px;float:left; width:500px; clear:both;color:#777;font-size:9px;}
#feature #bigPhotoMetaContainer{display:none; width:500px;}
#feature #bigPhotoMeta ul{margin:5px 0px; padding:0 0 0 15px; list-style:square;}
#feature #bigPhotoMeta li{margin:2px 0;}

#thumbarea{width:100%; float:left; clear:both;}
h2.thumbhint{font-size:11px; line-height:12px; padding:0; margin:10px 5px 0px; font-weight:normal; width:210px; float:left;}
#thumbs{width:100%; padding:0; float:left; margin:0;position:relative;top:0;}
#mask{width:100%; padding:0; margin:0; clip: rect(0px, 210px, 256px, 0); overflow:hidden; position:relative; top:0px;}

#thumbs img{width:32px; height:32px; border:3px solid #cacaca; margin:4px 3px 0 0;background-color: #222;}
html>body div#thumbs img{margin:3px 3px 0 0;}

#prevwork{position:absolute; top:3px; left:213px;}
#nextwork{position:absolute; top:238px; left:213px;}


h3.tab{font-size:11px; padding:0 4px; line-height:25px; border:1px solid #ccc;border-right-color: #888;background-color:#ccc;margin:15px 0 0; float:left;clear:both;}
#sample{padding:8px; background-color:#ccc; border:1px solid #ccc;float:left;clear:both;border-bottom-color: #888;border-right-color: #888;}



/* Events */
#events {
	width: 100%;
}

#events table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0 0 0 0;
}



#map {
	border: 2px solid #CCCCCC;
	width: 402px;
	height: 300px;
}

table.directions th {
  	padding: 2px 2px 2px 5px;
	background-color:#EEEEEE;
}

img {
	color: #000000;
}

p img {
padding: 0 3px 0 3px;
float: right;
}