/* 
 
Theme Name: BCN
Theme URI: http://www.visionsolutionsni.co.uk
Description: Custom built theme for British Church Newspaper
Version: 1.0
Author: Vision Solutions NI
Author URI: http://www.visionsolutionsni.co.uk




/***********************/
/******* general *******/
/***********************/

* {
	margin: 0;
	padding: 0;
	}

	
body {
	background: url(images/bg_banner.png) top repeat-x;
	color: #545454;
	padding: 0 0 25px 0;
	font: 100% Arial, Verdana, Sans-Serif;
	}

	
p {	
	margin: 0 0 15px 0;
	}


a:link, a:visited,  a:active {
	color: #aa1819;
	text-decoration:none
	}


a:hover {
	color:#aa1819;
	text-decoration:underline;
	}


img, a:link img, a:visited img {
	border: 0;
	margin: 10px 0;
	}
	
	
.imgleft {
	margin: 10px 15px 10px 0;
	float: left;
} 
	
	
.imgright {
	margin: 10px 0 10px 15px;
	float: right;
} 
	
		






/*************************/
/******* structure *******/
/*************************/


/* red banner at top of the page */
#banner {
	width: 880px;
	height: 33px;
	margin: 0 auto;
	text-align: right;
	color: #fff;
	font-size: 11px;
	letter-spacing: .5px;
	padding: 7px 0 0 0;
	}

/* red banner at top of the page */
#banner a {
	margin: 0 0 0 20px;
	color: #fff;
	}

/* wrapper around the whole page */
#wrapper {
	width:880px;
	margin:0 auto;
	clear: both;
	overflow: auto;
	font-size:0.7em;
	background:#FFF;
	padding: 0 25px 35px 25px;
	}


/* wrapper holding the header image */
#logo {
	background-image: url(images/bcn_logo.jpg);
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #e2e2e2;
	width: 100%;
	height: 120px;
	float: left; 
	margin-bottom: 0px;
}


/* sidebar wrapper */
#sidebar {
	width: 250px;
	float:right;
	margin-top: 20px;
	}


/* wrapper which holds on text content on left hand side */
#content {
	width:605px;
	margin-top: 20px;
	float:left
	}


/* left hand side on homepage */
#leftcol {
	width:287px;
	padding-right:18px;
	margin-top: 20px;
	float: left;
	}


/* right hand side on homepage */	
#rightcol {
	width:277px;
	margin-left:18px;
	margin-top: 20px;
	border-bottom:1px dotted #b6b6b6;
	float: left;
	}


/* wrapper around the main primary story */
#minorstory {
	padding: 10px;
	height: 100%;
	overflow: auto;
	border-top:1px dotted #b6b6b6;
	}










		
/**********************/
/******* subnav *******/
/**********************/

.subnav li {
	list-style: none;
	border-bottom: 1px solid #f2f2f2;
	}

.subnav li a:link, .subnav li a:visited {
	display:block;
	padding:4px 4px 4px 8px;
	border-top: 1px solid #f2f2f2;
	}
		
.subnav li a:hover, .subnav li a:active {
	text-decoration:none;
	color: #aa1819;
	}

.subnav li li a:link, .subnav li li a:visited {
	border-left:none
	}
		
	 
	
	








/**********************/
/******* h tags *******/
/**********************/

h1 {
	font: bold 16pt "Lucida Sans", arial;
	margin: 20px 0 10px 0;
	}


#sidebar h2 {
	font: 1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 4px;
	font-weight: bold;
	color: #5f5f5f;
	}


#leftcol h3 , #rightcol h3 {
	font: 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
	color: #5f5f5f;
	}


#post h3 {
	font: 1em Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0.1em;
	margin: 25px 0 0 0;
	font-weight: bold;
	color: #aa1819;
	}


#sidebar h3, #sidebar h2 {
	border-top: 3px solid #a6d1e2;
	padding:6px 0 2px 2px;
	margin:22px 0 10px 0;
	font-size:1em;
	color: #005689;
	}


h4 {
	font-size:1.6em;
	margin-bottom:6px;
	}
	
		
h3 a:link, h3 a:visited {
	color:#5f5f5f;
	}






/************************/
/******* topstory *******/
/************************/

#topstory {
	background: #f9f9f9;
	padding: 15px 15px 0 15px;
	margin: 22px 0 25px 0;
	height: 100%;
	overflow: auto;
	border-bottom:1px dotted #b6b6b6;
	border-top:1px dotted #b6b6b6;
	}

#topstory:hover {
	background:#f1f1f1;
	}

#topstory p {
	line-height: 15px;
	}


.top_headline {
	font-size: 20px;
	color: #aa1819;
	font-weight: bold;
	letter-spacing: .5px;
	}









/****************************/
/******* main stories *******/
/****************************/

#minorstory:hover {
	background:#f1f1f1;
	}

#minorstory p {
	line-height: 15px;
	}


.major_headline {
	font-size: 14px;
	color: #aa1819;
	margin: 0 0 10px 0;
	font-weight: bold;
	}


.minor_headline {
	font-size: 12px;
	color: #aa1819;
	margin: 0 0 5px 0;
	font-weight: bold;
	}










/************************/
/******* archives *******/
/************************/

#arc {
	float: left;
	width: 610px;
	overflow: auto;
	line-height: 18px;
	margin-top: 22px;
	font-size: 12px;
	border-top: 1px dotted #b6b6b6;

}

#arc h4 {
	font-size: 13px;
	color: #aa1819;
	padding: 10px 0 0 0;
}


#arc_small {
	font-size: 10px;
	font-weight: bold;
	padding: 0;
	width; 100%;
	}




	




/*********************/
/******* posts *******/
/*********************/

#post {
	float: left;
	width: 610px;
	overflow: auto;
	line-height: 18px;
	margin: 22px 0;
	padding: 0 0 20px 0;
	font-size: 12px;
}


#post h2 {
	font-size: 18px;
	color: #aa1819;
	padding: 5px 0 5px 0;
	margin-bottom: 5px;
}


#small {
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	color: #999;
	width; 100%;
	border-bottom: 1px dotted #b6b6b6;
	margin: 0 0 20px 0;
	}


#post ul {
	margin-bottom: 15px;
	}


#post li {
	line-height: 20px;
	margin: 0 0 5px 15px;
	list-style: square;
	}
		







/*****************************************/
/***************** footer ****************/
/*****************************************/

#footer {
	width: 900px;
	clear: both;
	margin: 0 auto;
	padding: 10px 0;
	border-top: 1px dotted #b6b6b6;
}


#footerbox {
	width: 210px;
	border-right: 1px dotted #b6b6b6;
	float: left;
	margin: 0 20px 20px 0;
	padding: 10px 0;
}


#footerbox_last {
	width: 205px;
	float: left;
	margin: 0 0 20px 0;
	padding: 10px 0;
}


#footer p {
	font-size: 10px;
	margin: 0;
	padding: 0 20px 0 0;
	text-align: left;
}


#footer a {
	color:#A0A0A0;
	text-decoration:none;
}


#footer a:hover {
	color:#0066cb;
}










/*********************/
/******* forms *******/
/*********************/

select {
	background: #f2f2f2;
	border: 1px solid #9c9c9c;
	width: 100%;
	}
	

#searchform {
	padding: 16px 5px 0 0; 
	}


.button {
	padding: 2px 5px;
	background: #9ec2d7;
	height: 18px;
	color: #454545;
	border: 1px solid #006699;
	width: 40px;
	}


#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}


#commentform textarea {
	width: 100%;
	margin-top:5px;
	}















/************************/
/******* comments *******/
/************************/

.commentlist {
	padding-left:30px;
	}
	

.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#f2f2f2;
	border-top: 1px solid #ddd;
	}


#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	

.commentmetadata {
	display: block;
	}


.commentlist small {
	background:#e9e9e9
	}


.commentlist cite {
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.05em;
	}	
	

	







.image_left {
	float: left;
	margin: 5px 10px 10px 0;
	border: 0px;
}


.image_right {
	float: right;
	margin: 8px 0 10px 10px;
	border: 0px;
}


.demo {
	padding: 10px 0 0 0;
}












/***********************/
/******* sidebar *******/
/***********************/


#sidenav {
	margin: 0 auto;
	margin: 0 0 20px 0;
	width: 100%;
	background: #006699;
}

.sidenav h2 {
	clear: both;
	background-repeat: no-repeat;
	font: bold 10pt "Lucida Sans", arial;
	padding: 7px 0 3px 0;
	color: #202020;
	border-bottom: 1px dotted #cccccc;
}


.sidenav {
	padding: 0;
	margin: 0 0 40px 0;
}


.sidenav ul {
	margin: 0px;
}


.sidenav li {
	list-style: none;
}


.sidenav li a {
	display: block;
	padding: 7px 0 7px 0;
	width: 100%;
	text-decoration: none;
	color: #006699;
	border-bottom: 1px dotted #cccccc;
	font-size: 11px;
}


.sidenav li a:hover {
	color: #3C82AC;
}