/*
Theme Name:John S Davies HTML5
Theme URI:www.johnsdavisessinger.co.uk
Description: John S Davies Singers
Version: 1.0
Author: Jeremy Clulow
Author URI: http://www.webswonder.co.uk
*/


@import url("css/normalize.css");
@import url("css/homepage.css");
@import url("css/topmenu.css");
@import url("css/footer.css");
@import url("css/images.css");
@import url("css/sidemenu.css");
@import url("css/tables.css");


/* Google Fonts */

@import url(http://fonts.googleapis.com/css?family=Kreon:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);



/*
Helps load fonts first
-------------------------------------------------------------------------------- */


h1, h2, h3, h4, p, li {
	opacity: 1;
	transition: opacity 0.24s ease-in-out;
}


/*
Universal selectors
---------------------------------------------------------------------------------------*/

* {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	color: #333;
}





/*
Framing
---------------------------------------------------------------------------------------*/


body #outerwrap{
	width:1000px;

	/*Forces Minimum Height*/
	height:auto !important;
	border:0px solid #FFF;
	margin:10px auto 5px auto; 
	padding:0px;
	background-color: #FFF; 
	/*Ensures content is default alighned left*/
	text-align:left;
}





/*
General
---------------------------------------------------------------------------------------------------- */


html, body {
	padding:0px 0px 5px 0px;
	margin:0px;
	background: #EEE;
	/*Centre site in old IE browsers*/
	text-align:center;
}



#skiptocontent{
	visibility:hidden;
	display:none;
}



/*
Header
---------------------------------------------------------------------------------------------------- */


header{
	border: 0px solid red;
	width:1000px; 
	height:150px; 
	background-color: #FFF; 
	overflow:hidden;
}


header #topbanner{
	border:0px dotted red;
	width:98%;
	margin:0 auto 0 auto;
	text-align:center;
}

header #topbanner img{
	height:130px; 
	width:auto;
	margin:15px auto 0 auto!important;
	border:0px dotted red;
}




header h1{
	visibility:hidden;
	display:none;
}



header div.description{
	visibility:hidden;
	display:none;
}




/*
Column Layout
---------------------------------------------------------------------------------------------------- */


#contentwrap{
	width:100%;
	padding:0;
	margin: 10px 0px 0px 0px;
	overflow: hidden;
	border:0px dotted red;
	background-color: #FFF;
	background: url(images/back-1.png) repeat-y #FFF;
}



main{
	width:69%;
	float:right; 
	padding:0;
	margin: 0 3% 0 4%;
	overflow: hidden;
	border:0px dotted red;
	background-color: #FFF;
}





article{
	width:100%;
	border:0px dashed green;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:transparent;
}


article.widetemplate{
	width:680px!important
}




/* SEARCH RESULTS PAGE */


article h3.searchhead {
	font-size:160%!important; 
	margin:0 0 10px 0;
	padding:0;
	line-height:1.1em;
	color:#AA6190;
}


article h2.searchlist, 
article h2.searchlist a{
	color:#0000FF;
	font-size:130%!important;
}





/*
General Text formatting
---------------------------------------------------------------------------------------------------- */

article h2{
	
	font-family: Kreon, serif;
	font-size:180%;
	color:#444;
	margin:0;
	padding-bottom:0px;
	font-weight:normal;
	line-height:1.2em;
}


article h2 a {

	font-family: Kreon, serif;
	color:#444;
	font-weight:normal;
	line-height:1.2em;
}


article  h3 {
	font-family: Kreon, serif;
	font-size:120%;
	line-height:1.6em;
	font-weight:normal;
	color:#333;
	margin:0.8em 0px 0.1em 0px;
	padding:0px;
}


article  h4 {
	font-size:110%;
	line-height:1.5em;
	font-weight: normal;
	color:#7B1757;
	margin:0.8em 0px 0.2em 0px;
	padding:0px;
}


article p {
	line-height: 1.6em;
	margin:0.5em 0 1.0em 0;
	padding:0px;
	font-size:100%;
	color:#333;
}


strong{
	font-weight:bold;
}


article ul {
	margin:0 0 0.9em 0;
}


article ul li, 
article ol  li {
	line-height: 1.6em;
	margin:0.3em 0 0.3em 0.5em!important;
	font-size:inherit;
}



article ul li {
	list-style-type: disc!important;
	font-size:inherit
}



article blockquote p{
	font-style: italic;
	line-height:1.6em;
	font-size:100%;
}


article  blockquote {
	font-style: italic;
	margin: auto 1.0em auto 1.5em;
	padding:0em;
}


article hr{
	color:#EFEFEF;
	height:1px
}







/* TEMPLATE PAGE SPECIAL STYLES */

/* Header on Archive pages */


article h3.archivespan{
	font-size:22px;
	font-weight:normal;
	color:#DB9227;
	margin:0;
	padding:0;
}



article #newslisting  hr{

	clear:both;
	padding: 0;
	border: none;
	border-top: medium dotted #DDD; 
	color: #DDD;
	text-align: center;
	margin:30px 0 25px 0;
} 

hr:after { 
	content: "JSD"; 
	display: inline-block; 
	font-family: serif!important;
	position: relative; 
	top: -0.9em; 
	font-size: 1.0em; 
	padding: 0 0.25em; 
	background: #FFF; 
	color:#BBB; 
}




/*Archive Page
---------------------------------------------------------------------------------------*/


p.postdate{
	margin:20px 0 -5px 0!important;
	padding:0!important;
	font-weight:bold;
}

h2.archiveitem a{
	font-family: Kreon, serif;
	margin:0!important;
	padding:0!important;
	border:0px dotted red;
	color:#000033;
	font-size:1.5rem;
	font-weight:normal;
}


h3.archivespan{
	font-family: Kreon, serif;
	min-height:25px!important;
	font-weight:normal;
	text-align:center;
	line-height:1.3em!important;
	font-size:1.4rem!important;
	margin:0!important;
	padding:5px 5px 5px 5px!important;
	border:0px dotted red;
	color:#FFF!important;
	background-color:#BBB;
	display:block;
}


p.categorytype {
	margin:0!important ;
	padding:0!important;
	border:0px dotted red;
	font-style: italic;
	font-size: 0.9rem;
	font-weight:bold;
	color:#999;
}

p.excerpt {
	margin:10px 0 0 0!important ;
	padding:0!important;
	border:0px dotted red;
}

div.postthumb{

}




.postinfo { /* post info shown under the summary of posts on search results */
	text-align:left;
	padding:3px 10px 5px 5px;
	color:#990000;
	border-top:1px dotted #DDD;
	border-bottom:1px dotted #DDD;
	margin: 5px 0px 10px 0px;
	background-color:#F3FAF1
}


.homeexcerpt{
	font-size:70%;
}




/*Fancy Horizontal Rule
---------------------------------------------------------------------------------------*/


#contentcenter hr { 
	clear:both;
	padding: 0;
	border: none;
	border-top: medium dotted #DDD; 
	color: #DDD;
	text-align: center;
	margin:20px 0 0 0;
} 

#contentcenter hr:after { 
	content: "FoSA"; 
	display: inline-block; 
	font-family: 'Open Sans', sans-serif!important;
	position: relative; 
	top: -0.7em; 
	font-size: 1.0em; 
	padding: 0 0.25em; 
	background: #FFF; 
	color:#BBB; 
}





/* News and Events Post Listing Thumbnails
---------------------------------------------------------------------------------------*/

article div.postthumb{
	float:right; 
	margin:0 0 10px 30px;
	border:0px dotted red;
}





/* Visual Form Builder
---------------------------------------------------------------------------------------*/

p.vfb-form-success{
	color:#006600!important;
	font-size:120%!important;
	font-weight:bolder!important;
	border:3px solid #006600!important;
	padding:10px!important;
}


/* Edit Page Button
---------------------------------------------------------------------------------------*/


/*http://www.bestcssbuttongenerator.com*/

p.button{
	clear:both;
	margin: 25px 0 0 0!important;
	text-align:center;
}

.post-edit-link {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
/*	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	*/	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:2px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:5px 22px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.post-edit-link:hover {
/*	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	*/	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.post-edit-link:active {
	position:relative;
	top:1px;
}







/*
Social Network Shares
---------------------------------------------------------------------------------------*/

div.sociallinks{
	margin:30px 0 10px 0;
	border-radius:8px;
	border:2px solid #DDD;
	padding:6px 10px;
}

div.sociallinks img{
	padding:0;
	border:0!important;
	width:6%;
	height:auto;
	margin:0.5em 2% 0 0!important;
	background-color:transparent;
	clear:both;
	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

div.sociallinks img:hover{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	background-color:#DDD;
}

div.sociallinks p{
	color:#999!important;
	font-size:95%!important;
	font-weight:normal;
	margin:0!important;
	padding:0!important;
}






/*
Attachment Page
----------------------------------------------------------------------------------------- */

h3.attachment-title{
	text-align:center;	
}

p.attachment-return{
	text-align:center!important;
	border:0px dotted red;
	margin:0 auto 1em auto!important;
}


img.attachment-image{
	width:100%!important;
	height:auto;
} 


p.entry-caption {
	text-align:center!important;
	border:0px dotted red;
	margin:0 auto 1em auto!important;
	padding:0;
	font-style: italic;
}


p.attachment-description{
	text-align:center!important;
	border:0px dotted red;
	margin:0 auto 0 auto!important;
	padding:0;
}

h4.resolutionhead{
	font-family:'Salsa','Open Sans', sans-serif;
	font-size:2.5rem;
	line-height:1.3em ;
	font-weight: normal ;
	color:#666!important;
	text-decoration:none ;
	margin:0 ;
	padding:0;
	text-align:center;	
}


p.resolutions
{
	margin:1.5em auto 0.5em auto!important;
	padding:10px!important;
	background-color:#EEE;
	text-align:center!important;
}

p.resolutions a
{
	display:inline-block;
	margin:0.3em auto 0.3em auto!important;
	padding:3px 10px!important;
	font-size:100%!important;
	line-height:1.2em!important;
	text-align:center!important;
}





/*
Clearfix
----------------------------------------------------------------------------------------- */

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}