/*
Theme Name: NACOA
Theme URI: http://www.google.co.uk
Description: Theme for NACOA
Version: 1
Author: Andy Mantell
Author URI: http://www.andymantell.co.uk/
Tags: NACOA
*/

/* Generic text styles and resets */
/* ------------------------------ */
body { font-size:62.5%; font-family : "Arial", sans-serif; background-color : #fff }
* {	margin : 0; padding : 0; color : #464646 }
.hide { position : absolute; left : -10000px }
p, ul, ol, h3, h4, h5, h6 { margin-bottom : 1em; line-height : 1.3em }
.youtubeVideo { margin-bottom : 1em }
h1.pad, h2 { margin-bottom : 0.5em }
	li { margin-bottom : 0.25em }
p, ul, ol { font-size : 1.3em }
a img { border : none }

a[href*='youtube'], .youtubeVideo { display : block; height : 305px; background : #000 url(images/youtube.png) no-repeat bottom left; color : #626262; text-align : center; text-decoration : none; line-height : 250px }

h1, h2, h3, h4, h5, h6 { font-weight : normal }
h1, h2 { font-size : 2.1em; font-family : "Georgia", "Arial", sans-serif; color : #e3590d }
	h2 a { color : #e3590d }
h3 { font-size : 1.5em }
h4 { font-size : 1.3em }

/* Easyclear */
/* --------- */
#header ul:after,
.features:after,
.formfield:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* Links */
/* ----- */
a { text-decoration : underline; color : #1b6a98 }
a:hover { text-decoration : none }

h1 a, h2 a, h3 a, h4 a { text-decoration : none }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration : underline }

/* Main Layout */
/* ----------- */
#wrapper { width : 900px; margin : 272px auto 0 auto }
	#mainContent { position : relative; float : left; margin-right : 340px; width : 560px; z-index : 2 }
	#sidebar { float : right; width : 320px; margin-left : -320px }
	
/* Header */
/* ------ */
#header { position : absolute; top : 0; left : 0; width : 100%;  height : 232px }
	#header .graphic { background : #c9e8fa url(images/header.jpg) no-repeat center 0; height : 145px}
	#header .nav { background-color : #153c53 }
		#header h2 { position : absolute; left : -1000px }
h1 a { position : absolute; top : -255px; left : 0; z-index : 2; text-indent : -10000px; overflow : hidden; width : 148px; height : 154px; background : transparent url(images/logo.png) no-repeat 0 0; }

/* Main nav */
/* -------- */
.nav .inner { width : 900px; margin : 0 auto; position : relative; height : 45px }
.nav ul { font-size : 1.4em; position : absolute; bottom : 0; left : 0; margin : 0; width : 644px }
	.nav li { list-style : none; float : left; margin : 0 10px 0 0 }
		.nav li a { display : block; padding : 8px 12px; text-decoration : none; font-weight : bold; color : #5fa6cf; background-color : #fff }
		.nav li.page_item a:hover, #header .nav .current_page_item a { background-color : #fff; color : #5fa6cf }
		
		/*colour overrides*/
		.nav a.child1,
		.nav a.child2,
		.nav a.child3,
		.nav a.child4,
		.nav a.child5 { color : #fff }
		
		.nav a.child0 { background-color : #c9e8fa; color : #153c53 }
		.nav a.child1 { background-color : #d8c946 }
		.nav a.child2 { background-color : #42b985 }
		.nav a.child3 { background-color : #4389b3 }
		.nav a.child4 { background-color : #e54953 }
		.nav a.child5 { background-color : #5f65e8 }

/* Search form */
/* ----------- */
#searchForm { width : 999px; height : 42px; margin-left : auto; margin-right : auto }
	#searchForm fieldset { float : right; border : 0 }
		#searchForm input { font-size : 1.2em; background-color : #ecf8ff; border : 1px solid #86bfe1; vertical-align : top; margin-top : 9px; padding : 3px } 
		#searchForm #searchsubmit { background-color : #328abc; border : 1px solid #8dc3e3; color : #fff;  padding : 2px 8px }
		
/* Sidebar */
/* ------- */
#sidebar { font-size : 1em }
#sidebar li { list-style-type : none; margin-bottom : 25px }
	#sidebar li li { margin-bottom : 1em }

	#featured-events ul, .textwidget { background : url(images/holes.png) repeat-x bottom left }

	#featured-events{ background : #d3ecfb url(images/notepaper.png) repeat; position : relative }
		#featured-events .widgettitle { width : 294px; height : 57px; overflow : hidden; position : absolute; left : 15px; top : -30px; background : transparent url(images/whatsHappening.png) no-repeat 0 0; text-indent : -10000px }
		#featured-events ul { padding : 38px 15px 20px 15px }
			#featured-events ul a { color : #1f5b7e; font-family : "Georgia", "Arial", sans-serif; font-size : 16px; text-decoration : none }
				#featured-events ul a:hover { text-decoration : underline }
				#featured-events .date { font-size : 11px; margin-bottom : 0 }
		
	.widget_text { background-color : #cff7e6; color : #464646 }
		.widget_text h2 { margin-bottom : 0; color : white; background : #4abc8a url(images/celebSupport.png) no-repeat 10px 10px; height : 0; padding : 33px 0 0 0; overflow : hidden; line-height : normal }
		.textwidget { padding : 10px 10px 20px 10px }
			.textwidget h3 { font-weight : bold; font-size : 1.4em; margin-bottom : 5px } 
			.textwidget img { float : left; margin : 0 10px 10px 0 }

/* Homepage */
/* -------- */
#home h1 { font-size : 2em; color : #474747; font-family : "Arial", sans-serif }
p.description { color : #686868; font-size : 1.5em; margin-bottom : 2em }

/* Homepage feature blocks */
/* ----------------------- */
.features { margin-bottom : 10px; padding-bottom : 10px; border-bottom : 1px solid #c6c6c6}
	.features a { cursor : pointer; float : left; background : #c9e8fa url(images/features.jpg) no-repeat 0 0; width : 178px; height : 178px; position : relative; margin-right : 13px; text-decoration : none }
	.features a#two { background-position : 0 -177px}
	.features a#three { margin-right : 0; background-position : 0 -354px }
		.donateBubble { position : absolute; top : -28px; right : 8px; text-indent : -10000px; overflow : hidden; background : transparent url(images/donateOnline-REMOVE.png) no-repeat 0 0; width : 96px; height : 79px }
		.features a span { color : #fff }
		.features a span.text { font-size : 1.2em; padding : 10px; width : 157px; position : absolute; bottom : 0; left : 0; background : transparent url(images/opaque-66.png) repeat 0 0 }
			.features a span.text span { font-size : 1.5em; display : block }

/* Footer */
/* ------ */
#footer { clear : both; background-color : #c9e8fa; padding-bottom : 25px }
	#footer .inner { width : 900px; margin-left : auto; margin-right : auto; padding : 15px 0 }
	#footer ul { float : left }
		#footer li { display : inline; padding : 0 10px 0 0 }
			#footer a { color : #4d93bb; text-decoration : none }
			#footer a:hover { text-decoration : underline }
	#footer p { color : #4d93bb; float : right }
		
/* Posts */
/* ------- */
#posts { font-size : 1em; width : 100% }
	.post { list-style-type : none; background : url(images/divider.png) repeat-x bottom left; padding-bottom : 15px; margin-bottom : 15px }
	.post p.date { font-size : 1.3em; color : #858585 }
		.post p.date abbr { text-decoration : none; border-bottom : none; color : #858585 }
	.eventDetails { position : relative; background : #e1f3ff url(images/holes.png) repeat-x bottom left; padding : 30px 25px 10px 25px; margin : 1.5em 0 }
		.eventDetails h3 { position : absolute; top : -15px; right : 15px; text-indent : -10000px; width : 82px; height : 39px; background : transparent url(images/eventInfo.png) no-repeat 0 0 }
		.eventDetails p.summary { }
		.eventDetails p.location { font-family : "Georgia", "Arial", sans-serif; font-size : 1.6em; margin-bottom : 0.25em }
		.post .eventDetails p.date { margin-bottom : 0; color : #464646 }
		.eventDetails p.time { color : #565555 }
	
		.post ul, .post ol { padding-left : 2em }
			.post li { padding-left : 0.5em; list-style-type : disc }
			
		img.alignright { float : right; margin : 0 0 10px 10px }
		img.alignleft { float : left; margin : 0 10px 10px 0 }

/* Basic form styles */
/* ----------------- */
	.formfield { margin-bottom : 0.5em; font-size : 1.3em }
		.formfield label { float : left; margin-bottom : 0.5em }
		.formfield input { float : right }
		.formfield textarea { display : block; clear : left; width : 560px }