/*
Theme Name: Crescent Arts Centre
Theme URI: http://roger.herbert.name/
Description: A custom theme for the Crescent Arts Centre.
Version: 3a
Author: Roger Herbert

A template set by Roger Herbert || http://roger.herbert.name/
*/

@import url('reset.css');

body {background-color: #EBE6D8; background-image: url('images/bg_test02.png'); color: rgb(128,128,128); color: rgba(0,0,0,0.4); font: normal normal normal 12px/1 Helvetica, Arial, sans-serif;}
h1 { font-size: 24px; line-height: 1.1; margin-bottom: 0.5em;}
h2 { font-size: 18px; line-height: 1.1; margin-bottom: 0.5em; text-transform: uppercase;}
h3 { font-size: 16px;}
h4 { font-size: 14px;}
h5 { font-size: 12px;}
h6 { font-size: 12px;}

h3,h4,h5,h6 { font-weight: bold; line-height: 1.1; margin-bottom: 0.5em;}

a {color: #7E0B0E;}

.breadcrumb { margin-left: 194px; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dotted #999;}

.postbox .edit_link { font-size: 14px;}

.post-text { font-size: 14px; line-height: 1.5; overflow: hidden;}
.post-text p { margin-bottom: 1em;}
.post-text strong { font-weight: bold;}
.post-text em { font-style: italic;}
.post-text code {font-family: monospace;}
.post-text ol { list-style-type: decimal; padding-left: 2em;margin-bottom: 1em;}
.post-text ul { list-style-type: disc; padding-left: 2em;margin-bottom: 1em;}
.post-text blockquote { padding: 2em 2em 1em; border: 1px solid #ccc; margin: 1em;}
.post-text cite { font-style: italic; }
.post-text pre { }
.post-text img { border: 0.5em solid #fff; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	}


.post-text .alignright { float:right; margin: 0 0 10px 25px;}
.post-text .alignleft { float:left; margin: 0 25px 10px 0;}
.post-text h1 { border-top: 1px dotted #333 ; margin-top: 1em; padding-top: 1em; }
.post-text h2 { border-top: 1px dotted #999; margin-top: 1em; padding-top: 1em; }
.post-text h3 { border-top: 1px dotted #ccc; margin-top: 1em; padding-top: 1em; }
.post-text .vevent ol,.post-text .vevent ul { list-style-type: none; }

#mc_signup_container { width: 250px; float:left; margin-right: 2em;}

td.amrcol1 { width: 100px; font-size: 11px;}
td.amrcol1 ul { padding: 0;}
td.amrcol2 ul { padding: 0;}
.addevent a { float: right;}
tr.vevent { padding: 10px 0; border-bottom: 1px solid #999;}

#wrapper {width: 960px; margin: 0 auto;}

#header {padding: 100px 0 10px; overflow: hidden;}
#logo { margin-top: -26px; }
#nav { width: 766px; overflow: hidden; float:right;}
#nav a { color: #B91014; text-decoration: none; display:block; float:left; padding: 10px; background: rgb(228,232,194); background: rgba(200,204,137,0.4); margin-right: 10px; text-transform: uppercase; }
#nav a:hover {color:#fff; background-color: #B91014;}
#nav #search {color: #B91014; background: rgb(228,232,194); background: rgba(200,204,137,0.4); float: right; padding: 5px 5px 5px 10px;}
#nav #search:hover {background-color: #B91014; color: #fff;}
#search input { font: normal normal normal 12px/1 Arial, sans-serif; padding: 5px; margin: 0; border: none; margin-left: 5px;}
#search label {text-transform: uppercase; cursor: pointer;}

#content {min-height: 300px; margin-bottom: 25px; background-color: #fff; color:#333; padding-right: 50px; padding-top: 50px; overflow: hidden;}
#content a { color:#B91014; border-bottom: 1px dotted #B91014; text-decoration: none;}
#content a:hover { color:#fff; background-color: #B91014; border: none;}
.meta { color:#666; width: 169px; text-align: right; margin-left: -194px; float:left; line-height: 1.75;}
.postbox, #programmes { padding: 0 0 50px 0; margin-left: 194px;}

#related { margin-top: 50px;}
#related li { margin-bottom: 1em; font-size: 14px;}

#pagination { text-align: center; padding-bottom: 50px;}

#footer {}

#panels, #sitemap, #newsflash {
		margin-bottom: 25px;
		padding-bottom: 25px;
		overflow: hidden;
		border-bottom: 1px dotted #999;
}

.panel { float:left; width: 184px; height:64px; background: rgb(228,232,194); background: rgba(200,204,137,0.4); margin-right: 10px;}
.panel:last-child { margin-right: 0;}
.panel h3 { font-size: 14px; margin-bottom: 10px; color: #333;}
.panel a { text-decoration: none; display:block; height:48px; padding: 16px 0 0 16px; text-transform: uppercase;}
.panel a:hover { background-color: #B91014; color: #fff;}
.panel a strong { font-weight: bold; display:block;}
.panel img { float:left; margin-right: 10px; }
.panel#tw { float: none; width: auto; margin-left: 776px;}

/*
#sitemap h3 {
	font-size: 14px;
	margin-bottom: 10px;
	color: #333;
}
*/
#sitemap a {
	text-decoration: none;
	display: block;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}
#sitemap ul {
	overflow: hidden;
	clear: both;
}
#sitemap li.page_item {
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
	font-weight: bold;
	width: 184px;
}
#sitemap li.page_item:first-child {
	margin-left: 0;
}
#sitemap li.page_item a {
	background: rgb(228,232,194);
	background: rgba(200,204,137,0.4);
	color: #B91014;
}
#sitemap li li.page_item {
	margin: 0;
	float: none;
	border: none;
	font-weight: normal;
	border-bottom: 1px dotted rgba(185,16,20,0.3);
}
#sitemap li li.page_item a {
	color: rgba(0,0,0,0.7);
	background-color: transparent;
}
#sitemap li.page_item a:hover {
	color: #fff;
	background-color: #B91014;
}

#the_end, #newsflash p { padding: 10px; overflow: hidden; margin-bottom: 25px; background: rgb(228,232,194); background: rgba(200,204,137,0.4); }
#newsflash p {margin-bottom: 0; text-align: center; color: #000;}
#the_end a { text-decoration: none;}
#sponsors { overflow: hidden; width: 292px; float: right;}
#sponsors li {float:left; margin-left: 10px;}
#sponsors a { display:block; height: 64px; padding: 10px; background-repeat: no-repeat; background-position: center center;}
#sponsors a:hover { background-color: rgba(255,255,255,0.4);}
#sponsors span { display:none;}
#address { text-transform:uppercase; width:306px; float: left; margin-right: 10px; padding: 10px 10px 10px 36px; background: transparent url('images/vcard-16x16.png') no-repeat 10px 10px; line-height: 1.4;}
#spo_lottery a { background-image: url('images/logo_lottery.png'); width: 88px;}
#spo_acni a { background-image: url('images/logo_acni.png'); width: 50px;}
#spo_bcc a { background-image: url('images/logo_bcc.png'); width: 64px;}

#home_photo { width:940px; height: 330px; float: left; margin: -40px -40px 10px 10px; background-position: center center; background-repeat: no-repeat;}
#home_photo a { display:block; width: 940px; height: 0; text-align: center; padding: 298px 0 32px; background-color: transparent; text-decoration: none; border-bottom: none; }
#home_photo a:hover { background: transparent; background: rgba(255,0,0,0.1); }
#home_photo span { color: #666; display: inline-block; margin: 0 auto; padding: 10px 15px; background-color:#fff; }

#latest { margin-left: 572px; background: rgb(255,255,255); background: rgba(255,255,255,0.7); height: 330px; padding: 25px 15px 0 25px;}
#latest h2 { padding-left: 10px;}
#latest ol { margin-bottom: 10px; border-bottom: 1px dotted #666;}
#latest li { border-top: 1px dotted #666; }
#latest li a { display: block; padding:10px 0 10px 10px; border-bottom: none; }
#latest li:first-child { font-size: 18px; }

#pagination, #nav_archives { overflow:hidden; margin-left: 194px;}
#pagination a { display: block; float: left; padding: 10px; margin-right: 10px; border: 1px solid #999;}
#pagination a:hover { border: 1px solid #999;}

#nav_archives {margin-bottom: 5em;}
#nav_archives li { display: block; float: left; padding: 10px; margin-right: 10px; border: 1px solid #999;}

#programmes li { border-top: 1px dotted #666; font-weight: bold;}
#programmes li a { display: block; padding:10px 0 10px 26px; border-bottom: none; }

#children {overflow: hidden; }
#children ul {float:left; width: 184px; margin-right: 10px; }
#children a { display:block; padding: 10px; text-transform: uppercase; margin-bottom: 10px; border: none; background-color: rgba(200,204,137,0.4); }

.wp-caption-text {font-style: italic; font-size: 11px; padding: 5px 0; }

#masthead { display:block; background-color: #fff; padding: 10px; width: 940px; height: 330px; overflow: hidden; background: #fff url() no-repeat 10px 10px; background-size: 940px 330px; }
#mastmenu { overflow: hidden; padding-left: 10px; margin: 0 auto 25px; background-color: #fff;}
#mastmenu a { display: block; padding: 0 10px 10px 0; float:left; }
#mastmenu img { width: 60px; height: 60px;}

#upcoming { overflow: hidden; padding: 1em 1em 0; background-color: #fff; margin-bottom: 25px;}
#upcoming li { padding-left: 6em; margin-bottom: 1em; overflow: hidden; height: 5em;}
#upcoming li img { margin-left: -6em; float: left; height: 5em;}
#upcoming li a { font-size: 16px; line-height: 2; }

/* 
PLUGIN VERSION 
#masthead { display: none; background-color: #fff; padding: 10px; width: 940px; height: 330px; overflow: hidden; background: #fff url() no-repeat 10px 10px; background-size: 940px 330px; }
#masthead a {display: block; width: 940px; height: 330px; background-size: 940px 330px; }

#mastmenu { overflow: hidden; }
#mastmenu ul {background-color: #fff; overflow: hidden; float:left; padding: 0 0 10px 10px; margin-bottom: 25px; }
#mastmenu li {float: left; margin-right: 10px;}
#mastmenu img { width: 64px; height: 64px;}
*/


@media screen and (max-device-width: 480px) {
	#wrapper { width: 100%;}
	#header { padding: 0; text-align: center;}
	#nav { float: none; width: auto;}
	#nav a { width: 25%; margin: 0; padding: 15px 0;}
	#nav #search { display: none;}
	#logo { margin: 5px;}

/*
	#upcoming h2 { text-align:center; padding: 0 10px; color: #000; }
	#upcoming ul {float:none; padding: 11px 0 0 11px; margin-bottom: 25px; }
	#upcoming li {float:left; margin: 0 11px 11px 0;}
*/
	#content { padding: 10px; min-height:0;}
	.breadcrumb { display: none;}
	.postbox, #pagination { margin: 0; padding: 0;} 
	.postbox img { max-width: 100%;}
	#newsflash, #panels, #sitemap { margin: 0; padding: 0;}
	#sitemap li.page_item { float: none; width: auto; margin: 10px; padding: 0;}
	#sitemap .children { display:none;}
	.panel { float: none; width: auto; margin: 10px; padding: 0;}
	.panel#tw { margin: 10px;}
	#home_photo { float: none; margin: 0; padding: 0; width: auto; height: 200px;}
	#home_photo a { padding: 0; width: auto; height: 200px;}
}