/*
Theme Name: ILCK-Moot
Theme URI: http://iflookscouldkill.co.uk
Description: The ILCK Moot Wordpress theme. 
Version: 1 (WP2.9.1)
Author: Stephen Gray
Author URI: http://iflookscouldkill.co.uk
*/

/* RESET */
/* ----------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia, serif;
	color: #666;
}
a#skiplink{
	display: block;
	height: 1px;
	position: absolute;
	text-indent: -2000px;
}
#page {
	text-align: left;
	}
#container {
	width: 947px;
	margin: 0 auto;
}
/* HEADER */
#header{
	float: left;
	width: 947px;
	margin-bottom: 1.8em;
}
#logo{
	margin-top: 20px;
	float: left;
}
#header_links_search{
	float: right;
}
#header_links_search p, #header_links_search form{
	float: left;
}
#header_links_search p{
	text-transform: uppercase;	
	font-size: 12px;
	font-weight: bold;	
	font-family: Arial, sans-serif;	
	margin-top: 4px;
}
#header_links_search p a{
	float: left;
	margin-right: 15px;
}
#header_login{
	color: #C5D68C;
}
#header_register{
	color: #666699;
}
#header_links_search form{
	height: 24px;
}
#searchform_top .field{
	width: 187px;
	height: 16px;
	font-size: 12px;
	color: #999933;
	padding: 3px;
	margin: 0;
	line-height: 1;
}
#searchform_top .submit{
	background: #558729;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, sans-serif;
	width: 65px;
	height: 24px;
}
#searchform_top input{
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-top: 0px;
	margin: 0;
	float: left;
}

#mainnav{
	float: left;
	width: 100%;
	margin: 1em 0 0 0;
}
#mainnav ul li{
	float: left;
	font-size: 18px;
	margin-right: 4px;
}
#mainnav ul li a{
	display: block;
	border-bottom: 3px solid;
	padding: 15px 60px 4px 5px;
}
.nav ul li a:hover{
	text-decoration: none;
}
.nav ul a.section_2{
	color: #009999;
	color: #333333;
	border-bottom-color: #009999;
}
.nav ul a.section_0{
	color: #660066;
	border-bottom-color: #660066;
	/*fairly sure the widths are auto generated from the length of the page titles, but can't
	can't find where it's done, so have hacked the width of this item for now.*/
	width:33px;

}
#footer_nav ul a.section_0{
	color: #A300A3;
}
.nav ul a.section_1{
	color: #FF8468;
	border-bottom-color: #FF8468;
}
.nav ul a.section_3{
	color: #006699;
	border-bottom-color: #006699;
}
.nav ul a.section_4{
	color: #E88835;
	border-bottom-color: #E88835;
}
.nav ul a.section_5{
	color: #669933;
	border-bottom-color: #669933;
}
.nav ul a.section_6{
	color: #666699;
	border-bottom-color: #666699;
}

/* CONTENT */
#content_container{
	float: left;
	width: 947px;
	padding-bottom: 2em;
}
#section_header{
	height: 156px;
	width: 947px;
	background: #999933;
	position: relative;
	margin-bottom: 30px;
}
#section_header h1{
	bottom: 25px;
	left: 25px;
	position: absolute;
}
#section_header h1, #section_header h1 a{
	color: #FFF;
}
#mainnav li.current_page_item a{
	border-bottom: 3px solid;
}
.home #content_container #section_header{
	background: #333 url(images/backgrounds/home-banner.gif) no-repeat 100% 0;
	height: 228px;
}
.home #content_container #section_header h1{
	width: 430px;
	font-size: 2.8em;
	line-height: 1.32;
}
#mainnav li.current_page_item a.section_2{
	background: #009999;
	border-bottom-color: #009999;
	background: #333333;
	border-bottom-color: #333333;
	color: #FFF;
}
#content_container .section_2{
	/* background: #009999; */
	background: #333333 url(images/backgrounds/lounge-banner.gif) no-repeat 100% 0;
}
#content_container .section_0{
	background: #660066 url(images/backgrounds/about-banner.gif) no-repeat 100% 0;
}

#mainnav li.current_page_item a.section_0{
	background: #660066;
	border-bottom-color: #660066;
	color: #FFF;
}
#content_container .section_1{
	background: #FF8468 url(images/backgrounds/blog-banner.gif) no-repeat 100% 0;
}

#mainnav li.current_page_item a.section_1{
	background: #FF8468;
	border-bottom-color: #FF8468;
	color: #FFF;
}
#content_container .section_3{
	background: #006699 url(images/backgrounds/enterprises-banner.gif) no-repeat 100% 0;
}
#mainnav li.current_page_item a.section_3{
	background: #006699;
	border-bottom-color: #006699;
	color: #FFF;
}
#content_container .section_4{
	background: #E88835 url(images/backgrounds/events-banner.gif) no-repeat 100% 0;
}
#mainnav li.current_page_item a.section_4{
	background: #E88835;
	border-bottom-color: #E88835;
	color: #FFF;
}
#content_container .section_5{
	background: #669933 url(images/backgrounds/community-banner.gif) no-repeat 100% 0;
}
#mainnav li.current_page_item a.section_5{
	background: #669933;
	border-bottom-color: #669933;
	color: #FFF;
}
#content_container .section_6{
	background: #666699 url(images/backgrounds/resources-banner.gif) no-repeat 100% 0;
}	
#mainnav li.current_page_item a.section_6{
	background: #666699;
	border-bottom-color: #666699;
	color: #FFF;
}
/* SIDEBAR LEFT */
#sidebar_left{
	float: left;
	width: 216px;
	margin-right: 24px;
	clear: left;
}
#events_header #sidebar_left{
	clear: none;
	float: right;
}
.subnav, .mootique_subnav{
	border-top: 1px solid #ccc;
}
.mootique_subnav{
	border-bottom: 1px solid #ccc;
}
.subnav li, .mootique_subnav li{
	border-bottom: 1px solid #ccc;
	font-size: 1.6em;
	padding: 7px 2px 7px 2px;
	line-height: 1.3;
}


/* 2nd level subnav */
.subnav li ul, .mootique_subnav li ul{
	margin-left: 1em;
}
.subnav li ul li,.mootique_subnav li ul li{
	font-size: 0.8em;
	border-bottom: none;
}
.subnav li a, .mootique_subnav li a{
	color: #666;
	width: 100%;
}
.subnav li.current_page_item a, .mootique_subnav li.current_page_item a{
	color: #78A000;
}
.subnav li.current_page_item ul li a, .mootique_subnav li.current_page_item ul li a{
	color: #666;
}
/* mootique subnav */
.mootique_subnav ul{
	margin-left: 2em;
}
.mootique_subnav ul li{
	border: none;
}
.mootique_subnav .page-item-2515{
	border-bottom: none;
}



#sidebar_left .categories{
	border-top: none;
}



/* SIDEBAR RIGHT */
#sidebar_right{
	float: right;
	width: 220px; 
}
#sidebar_right #upcoming_events li{
	border-top: 1px solid #ccc;
	font-size: 1.45em;
	color: #666;
	line-height: 1.2;
	padding: 8px 0 10px 50px;
	position: relative;
}
#sidebar_right #upcoming_events h3{
	border: none;
}
#sidebar_right #upcoming_events span.upcoming_date,#sidebar_right #upcoming_events a span.upcoming_date{
	font-size: 11px;
}
.event_list_day{
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	background-color: #D37C31;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
}
#sidebar_right div{
	margin-bottom: 2em;
}

/* CONTENT */
#content{
	width: 462px;
	float: left;
}
.home #content{
	width: 947px;
}
.mini_image{
	width: 150px;
	height: 95px;
	overflow: hidden;
}
.small_image{
	width: 219px;
	height: 108px;
	overflow: hidden;
}
.medium_image{
	width: 300px;
	height: 130px;
	overflow: hidden;
}
.large_image{
	width: 462px;
	height: 202px;
	overflow: hidden;
}



/* BLOG */
.page-template-template-blog-php #content div.post:first-child{
	background: #FFF url(images/backgrounds/blue-dash.gif) repeat-x 0 100%;
	padding-bottom: 0.1em;
	margin-bottom: 2.2em;
	border-bottom: none;
}
/*
#content div.post:first-child p{
	font-size: 1.6em;
	line-height: 1.1;
}
*/
#sidebar_right div h3, #blog_subnav h3{
	color: #009999;
	border-bottom: 2px solid #009999;
	padding-bottom: 0.5em;
}
#sidebar_right div ul li, #blog_subnav ul li{
	font-size: 1.6em;
	padding: 5px 2px 5px 2px;
	line-height: 1.3;
}
#sidebar_right div ul li a, #blog_subnav ul li a{
	color: #999;
}
.page-template-template-blog-php #content h3.title, 
.page-template-template-podcasts-php #content h3.title, 
.single #content h3.title,
.archive #content h3.title{
	font-size: 1.8em;
	margin-bottom: 0.5em;
	line-height: 1.1;
}
.page-template-template-blog-php #content h3.title a, 
.page-template-template-podcasts-php #content h3.title a, 
.single #content h3.title a,
.archive #content h3.title a{
	color: #78A000;
}
.page-template-template-blog-php #content .post, 
.page-template-template-podcasts-php #content .post, 
.single #content .post,
.archive #content .post{
	margin-bottom: 3.5em;
	border-bottom: 1px solid #E5E5E5;
	float: left;
	width: 100%;
}
.page-template-template-blog-php #content .readmore, 
.page-template-template-podcasts-php #content .readmore, 
.page-template-template-events-php #content .readmore, 
.single #content .readmore,
.archive #content .readmore{
	width: 5.5em;
	background: #339933;
	color: #FFF;
	font-size: 1.2em;
	display: block;
	padding: 0.4em;
	float: left;
	clear: both;
	margin-top: 1em;
}
.entry{
	float: left;
	width: 100%;
}
p.meta{
	float: right;
	text-align: right;
	padding: 0;
	color: #999999;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0.2em;
	font-size: 1em;
	margin-top: 1.5em;
}
.page-template-template-events-php #content p.meta{
	position: relative;
}
p.meta a{
	color: #999;
}
.single .entry{
	padding-bottom: 2em;
	float: left;
	width: 462px;
	overflow: hidden;
}

#commentform{
	float: left;
	margin-top: 1em;
}
#commentform label,#commentform input,#commentform textarea{
	clear: left;
	float: left;
}
label{
	margin: 1.5em 0 0.5em 0;
	font-size: 1.2em;
}
#comment_container{
	margin: 2em 0 2em 0;
	background: url("images/backgrounds/blue-dash.gif") repeat-x scroll 0 100% #FFFFFF;
	padding-bottom: 1em;
	float: left;
}
#comments{
	margin-bottom: 1em;
}
cite{
	font-size: 1em;
}
.more_entries{
	float: left;
}
#content #pagination li{
	list-style: none;
	margin: 0;
	float: left;
	clear: none;
	padding-right: 2em;
}




/* HOME */
#latest_blog,#latest_podcast,#featured_events{
	width: 301px;
	float: left;
	margin-right: 22px;
}
#featured_events{
	margin-right: 0;
}
.fe {
	width: 302px;
	border-bottom: 1px solid #ccc;
	float: left;
	height: 95px;
	margin-bottom: 1em;
}
.fe_text{
	float:right;
	width: 145px;
	padding-left: 5px;
}
.fe_text p{
	font-size: 1.1em;
}
.fe_image{
	float: left;
	width: 150px;
	height: 95px;
	overflow: hidden;
}
.fe_date{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 28px;
	width: 32px;
	margin: 0;
	background: #FF8468;
	text-align: center;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.2;
}
#latest_blog .medium_image{
	background: transparent url("images/backgrounds/default/blog home def.jpg") no-repeat 0 0;
}

#featured_events .fe_image_0{
	background: transparent url("images/backgrounds/default/Event Def 01.gif") no-repeat 0 0;
}
#featured_events .fe_image_1{
	background: transparent url("images/backgrounds/default/Event Def 02.gif") no-repeat 0 0;
}


#enterprises_more{
	margin-top: 1em;	
}
#enterprises_more a{
	color: #006699;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, sans-serif;
}
#featured_content .medium_image{
	margin-bottom: 1em;
}
#featured_content{
	border-bottom: 1px solid #009999;
	float: left;
	width: 947px;
	margin-bottom: 2em;
}
#latest_post_date{
	position: absolute;
	top: 0;
	right: 10px;
	background: transparent url(images/backgrounds/homepage-blog-date.png) no-repeat;
	height: 49px;
	width: 49px;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
#featured_content .readmore{
	font-size: 12px;
	color: #FF8468;
	font-weight: bold;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	padding-left: 0.2em;
}
#join_us_enterprises{
	float: left;
	border-bottom: 1px solid #009999;
	width: 947px;
	margin-bottom: 2em;
	padding-bottom: 1em;
}
#join_us{
	width: 301px;
	float: left;
	height: 238px;
}
#homepage_address{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 146px;
}
#homepage_map_address{	
	height: 162px;
	width: 301px;
}
#homepage_map_address #homepage_address{	
	position: absolute;
	right: 0;
	top: 0;
	width: 146px;
}
#homepage_map_address img{	
	position: absolute;
	left: 0;
	top: 0;
	width: 146px;
}
#homepage_directions{
	background: #009999;
	padding: 15px;
	text-align: center;
	margin: 0;
	position: absolute;
	bottom: 0;
}
#homepage_directions a{
	color: #FFF;
}

#enterprises{
	width: 425px;
	float: right;
	background: #FFF url(images/camera.jpg) no-repeat 100% 0;
	padding-right: 200px;
}

/* EVENTS */
#events_header{
	float: left;
	width: 947px;
}
#events_content{
	float: left;
	width: 947px;
}
#events_featured_events{
	float: left;
	width: 643px;
	height: 190px;
	background: #666;
	margin-bottom: 20px;
	margin-top: -10px;
	padding: 20px;
}
#events_featured_events h2{
	color: #FFF;
	margin-bottom: 10px;
}
#events_featured_events h3 a{
	color: #CCC;
	font-size: 14.5px;
	line-height: 1.2;
}
#events_featured_events .fe{
	width: 187px;
	border-right: 1px solid #FFF;
	border-bottom: none;
	padding-right: 20px;
	margin-right: 20px;
	height: 108px;
}
#events_featured_events .fe_2{
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#events_featured_events .fe_image{
	width: 188px;
	height: 108px;
	margin-bottom: 10px;
}
#events_featured_events .fe_0 .fe_image{
	background: transparent url("images/backgrounds/default/Event Def 01.gif") no-repeat 0 0;
}
#events_featured_events .fe_1 .fe_image{
	background: transparent url("images/backgrounds/default/Event Def 02.gif") no-repeat 0 0;
}
#events_featured_events .fe_2 .fe_image{
	background: transparent url("images/backgrounds/default/Event Def 03.jpg") no-repeat 0 0;
}
.events_bg{
	background: #f4f4f4;
}
#events_content .post{
	border-bottom: none;
	width: 643px;
	padding: 20px;
	float: left;
}
.events_title_date{
	float: left;
	border-right: 1px solid #E88835;
	text-align: right;
	padding-right: 30px;
	width: 205px;
}
.events_title_date h3.title a{
	color: #009999;
	font-style: italic;
	padding-right: 0;
	}
.events_title_date p.meta{
	font-size: 14px;
	color: #333;
	text-transform: none;
	padding-right: 0;
	font-family: Georgia, serif;
}
.events_description{
	float: left; 
	width: 375px;
	padding-left: 30px;
}
/* events on single.php */
#single_dates{
	margin: 1em 0 1em 0;
}
#single_dates li{
	list-style: none;
	margin-left: 0;
}
#single_dates li{
	list-style: none;
}
#single_dates .single_date{
	display: none;
}
#single_dates #single_date_0{
	display: inline;
}
/* ENTERPRISES */
.enterprises_box{
	float: left;
	width: 204px;
	height: 181px;
	margin-top: 30px;
}
.enterprises_box_0{
	margin-right: 40px;
}
.enterprises_box h3{
	background: #62903A;
	text-align: center;
	padding: 10px;
}
.enterprises_box h3 a{
	color: #FFF;
}
/* RESOURCES */
.page-template-template-resources-php .post{
	float: left;
	border-bottom: 1px solid #CCC;
	width: 462px;
	margin-bottom: 1em;
}


/* FOOTER */
#footer{
	background: #2F332D;
	clear: both;
	float: left;
	width: 100%;
	padding: 17px 0 250px 0;
	border-top: 2px solid #979996;
}
#footer_content{
	margin: 0 auto;
	width: 947px;
	background: #2F332D;
}
#footer_nav{
	margin-right: 10em;
	float: left;
}
#footer_nav_links, #footer_content_contact{
	float: left;
	width: 100%;
}
#footer_nav_links{
	border-bottom: 11px solid #54554E;
	margin-bottom: 5px;
}
#footer_nav ul li{
	font-size: 1.4em;
	float: left;
	color: #FFF;
	border-right: 1px solid #979996;
	margin-right: 9px;
	padding-right: 9px;
}
#footer_nav ul li:last-child{
	border-right: none;
}
#footer_links{
	width: 20em;
	float: left;
}
#footer_links ul li{
	font-size: 1.4em;
	float: left;
	color: #FFF;
	margin-right: 4px;
}
#footer_links a{
	color: #DDD2C7;
}
#ilck{
	float: right;
	width: 14em;
	font-family: Arial, sans-serif;
	font-size: 0.83em;
	
}
#ilck p{
	color: #DDD2C7;
}
#ilck p a{
	color: #BCBDBB;
	font-weight: bold;
}
#footer_content_contact{
	font-family: Arial, sans-serif;
	color: #FFF;
	font-style: italic;
	font-size: 1.2em;
}
#footer_address, #footer_address address{
	float: left;
}
#footer_address address span{
	padding-right: 15px;
	margin-right: 5px;
	background: url(images/backgrounds/slash.gif) no-repeat 100% 50%;
}
#footer_address a{
	text-decoration: underline;
	font-weight: bold;
}
#footer_phone{
	float: right;
	font-size: 0.75em;
}
#footer_phone a{
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}
#footer_disclaimer{
	display:block;
	width:300px;
	color:#555;
	float: right;
	font-size: 1em;
	line-height:1.25em;
	text-align:right;
}
#footer_disclaimer a{
	color: #555;
	text-decoration: underline;
	font-weight: normal;
}
/* TYPOGRAPHY */
/* ----------------------------------------- */
/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
h1, h2, h3, h5, h5, h6 { font-weight: normal } 
h1{
	font-size: 2.5em;
}
h2{
	font-size: 2.2em;
	color: #333;
}
#content h2{
	margin-bottom: 1em;
}
#featured_content h2 a{
	color: #333;
}
.home h2{
	font-size: 1.83em;
	margin-bottom: 0.8em; 
}
.post h2{
	margin-bottom: 0.82em;
}
h3{
	font-size: 1.6em;
	color: #78A000;
}

#featured_content h3 a{
	color: #666600;	
}
#latest_blog h3, #latest_podcast h3 {
	margin-bottom: 1em;
}
#sidebar_right h3{
	font-size: 1.6em;
	color: #666;
	margin-bottom: 0.73em;
}
#blog_subnav h3{
	margin-bottom: 0.73em;
}
#sidebar_right h3 a{
	color: #666;
}
a{
	text-decoration: none;
	color: #999900;
}
a:hover{
	text-decoration: underline;
}
p{
	line-height: 1.5;
	margin-bottom: 1em;
	font-size: 1.4em;
}
#homepage_address p{
	line-height: 1.2;
}
.post p{
	padding-right: 2em;
}
.intro{
	font-size: 1.6em;
	color: #333;
}
.offscreen_text{
	display: block;
	height: 1px;
	position: absolute;
	text-indent: -2000px;
}
#content ul li{
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1em 2em;
	list-style: disc inside none;
}