/*
Theme Name: Corps of Drums
Theme URI: http://wordpress.org/
Description:
Version: 0.9
Author: Aaron Cooke
Author URI: http://twilightlabs.co.uk
Tags:


 * =CSS 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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
html, body {
	height: 100%;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
 * =Typography
 */
body {
	font-size: 16px;
	line-height: 24px;
	color: #141c07;
	background: #F6F4E7 url(./img/page-bg.gif) repeat-x top center;
	font-family: Cambria, Georgia, Times, Times New Roman, serif;}
h1, h2, h3, h4, h5, p {
	font-weight: normal;
	line-height: 24px;
	margin: 24px 0;
}
h1{
	font-size: 36px;
	line-height: 48px;
}
h2{
	font-size: 24px;
	margin: 24px 0;	
}
h3{
	font-size: 18px;
}
h4{
	font-size: 16px;
	font-weight: bold;
}
h5{
	font-size: 14px;
	font-weight: bold;
}

p {
	font-size: 16px;			/* 16 */
}
p.sectionhead {
	font-size: 18px;
	font-variant: small-caps;
	font-style: italic;
}

blockquote {
	margin: 24px;
	margin-left: 0;
	padding-left: 22px;
	border-left: 2px #D0D49D solid}
ul, ol {
	margin: 24px 0;}
a {
	text-decoration: none;
	border-bottom: 1px #D0D49D dotted;
	color: #27561C;}
a:hover, a:focus {
	color: #B42132;
	border-bottom: 1px #D0D49D solid}
a:active {
  position: relative;
  top: 1px;
	border-bottom-color: #B42132;
}
/*abbr {
	letter-spacing: 0.1em;}*/
small {
	font-size: 16px;}
p small {
	font-size: 14px;}
	
/*
 * =Page Structure
 */
#wrap {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -120px;
	}
	div.container {
		width: 960px;
		margin: 0 auto;
		}
		div.section {
			margin: 0 10px 48px;
			padding: 0 12px;
			}

/*
 * =Generic Classes
 */
.fright {float: right;}
.fleft {float: left;}
.clearb {clear: both;}
	
/* Wordpress Standard Alignment */
.alignleft {float: left; margin-right: 1em;}
.alignright {float: right; margin-left: 1em;}
.aligncenter {display: block; margin: 0px auto;}
/* Image Captions */
.wp-caption {
	border:1px solid #D0D49D;
	background:#F6F4E7;
	padding:6px;
	}

/*
 * =Header
 */
div.header {
	position: relative;
	height: 36px;
	padding: 0 0 12px;
	margin-bottom: 48px;
	background: #27561C url(./img/header-bg.gif) no-repeat top center;
	}
	div.header div {
		width: 940px;
		margin: 0 auto;
		position:relative;
		}
	.header div p {
		font-size: 18px;
		line-height: 24px;
		padding: 0; margin: 0;
		float: left;
		}
		.header div p a {
			color: #F6F4E7;
			text-decoration: none;
			display:block;
			height: 24px;
			padding: 12px;
			border: 0;
			}
		.header div p a:hover, .header div p a:focus {
			text-shadow: #d0d49d 0px 0px 6px;
			color: #F6F4E7;
			}

/* 
 * =Header
 *  =Navigation 
 */
#menu-header {}


/***************** SUB MENU - Main Tabs **********************/

#menu-header ul{
 margin: 0 0 0 240px; padding: 0;
	list-style: none;
}

#menu-header .menu  li {
	display:block;
		float: left;
		line-height:24px;
		padding: 0;
	
}
#menu-header .menu li a {
        display:block;
	height: 24px;
	padding: 12px;
	text-decoration:none;
	color: #F6F4E7;
	border: none;
	
}

#menu-header .menu li a:focus, #menu-header .menu li a:hover {
			background: rgba(20,28,7,0.25);
			}

		
#menu-header .menu .current-menu-item > a, #menu-header .menu .current-menu-ancestor > a {
			background: #d0d49d !important;
			color: #141c07;
			}
/****************** SUB MENU - LEVEL 2 ***********************/
#menu-header li .sub-menu  {
	/*hide the subnavs*/
  		display:none;
			position: absolute;
  		top: 48px; left: 0;
  		height: 30px; width: 916px;
  		margin: 0 6px;
			padding: 6px 6px 0;
			background: #D0D49D;
			border-bottom-left-radius: 2px;
			border-bottom-right-radius: 2px;
			-moz-border-radius-bottomright: 2px;
			-webkit-border-bottom-right-radius: 2px;
  		-moz-border-radius-bottomleft: 2px;
			-webkit-border-bottom-left-radius: 2px;
}
#menu-header  .menu li.current-menu-item ul li {
				display:block;
				float: left;
				line-height:24px;
				padding: 0 0 6px;
				margin-right: 0.5em;
				background: #d0d49d;
				}
				#menu-header .menu li.current-menu-item ul a, #menu-header .menu li.menu-item ul a {
					float: left;
					/*ie doesn't inherit the float*/
					border: 0;
					width: auto;
					display:block;
					height: 24px;
					text-decoration:none;
					color: #27561C;
					padding: 0 0.5em;
					border-radius: 2px;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					}
				#menu-header .menu li ul a:hover, #menu-header .menu li ul a:focus {
					background: #27561C;
					color: #f6f4e7;
					}
				#menu-header .menu li.menu-item ul li.current-menu-item a{
					background: #F6F4E7 !important;
					color: #141C07;
					}
		#menu-header .menu li.current-menu-item ul, #menu-header .menu li.current-menu-ancestor ul {
			/*display active subnav list*/
			display: block;
			}
		#menu-header .menu li.menu-item:hover ul {
			/* display the other topics when
      their parent is hovered */
			display: block;
			z-index: 6000;
			}

/*
 * =Site Footer
 */
div.pagefooter, .pushfooter {
	height: 120px;
	position: relative;
	clear: both;
	}
div.pagefooter {
	background: #141c07;
	padding-top: 24px;
	}
	div.pagefooter div {
		margin: 0 auto;
		width: 916px;
		clear: both;
		color: #F6F4E7;
		background: url(./img/logo_small.png) no-repeat center right;
		overflow: auto;
		}
		.pagefooter h2 {
			color: #D0D49D;
			}
		.pagefooter a {
			color: #839377;
			}
		.pagefooter a:hover, .pagefooter a:focus {
			color: #f2be01;
			}

ul ul.children {
	width: 100%;
	margin: 0 0 0 0.5em;
}

/*
 * =Home page
 */
div.intro .section {
	position: relative;
	padding: 24px 0 24px 252px;}
div.intro h1 {
	font-size: 24px;
	line-height: 48px;
	font-variant: normal;
	font-weight: normal;
	margin-top: 0;}
	.intro h1 span {
		display: block;
		font-size: 48px;
		line-height: 48px;
		font-weight: bold;
		font-style: normal;
		padding-bottom: 24px;}
	div.intro img {
		position: absolute;
		top: 24px; left: 0;}
		
.homesub {
	background: #f6f4e7;
	margin-bottom: 24px;}	

div.homesub .section {
	padding: 0 0 24px;
	overflow: auto;
	margin: 47px 0 0;
	border-top: 1px #d0d49d dotted;
	background: #F6F4E7;
	color: #141c07;}
	
	div.homesub .article {
		margin: 0 10px;
		padding: 0 12px;
		width:436px;
		float: left;}
		
		.homesub .article h2 {
			font-size: 18px;
			font-variant: small-caps;
			color: #839377;
			margin-top: 48px}
			
		.homesub .article ul li, .homesub .article .vevent {
			position: relative;
			padding-top: 24px;}
			.homesub .article ul li p, .homesub .article .vevent p {
				position: absolute;
				top: -24px; left:0;
				margin-bottom: 0;}
			.homesub .article ul li h3, .homesub .article .vevent h3 {
				margin-top: 0;
				font-size: 24px;
				}
				
.redlink a {
	color:#b42132;}
	
/*
 * News Page
 */
.section.main, .section.aside {
	float: left;}

.section.main {
	width: 676px;}

.inner .section .article {
	position: relative;}
	.inner .article .footer{
		border-top: 1px #d0d49d dotted;
		border-bottom: 1px #d0d49d dotted;
		margin: 23px 0 71px;
		color: #839377;
		clear: both;
		}

.section.aside {
	width: 196px;
	/*border-left: 1px #d0d49d dashed;
	margin-left: 0px; padding-left: 21px;*/
	color: #839377;}
	
	.section.aside h2 {
		font-size: 18px;
		font-variant: small-caps;
		color: #839377;
		margin-top: 48px}
		
	.section.aside > div{
		margin-bottom: -1px;}
		
		
.section.main h2 {
	padding: 0;
	color: #141C07;
	line-height: 24px;}

/*
 * About Pages
 */
.main ul  {
	padding-left: 2em;
	list-style: disc;}
	
	.main ul li, .main ol li {
		margin-bottom: 24px;}
		
.main ol {
	padding-left: 2em;
	list-style: decimal;
}
.main form ol {
	padding: 0;
	list-style: none;
}

/*
 * =About
 *  =Committee
 */
.main .article ul.committee {
	padding-left: 0;
	list-style: none;}
	
.committee li {
	position: relative;
	overflow: auto;
	border-bottom: 1px #d0d49d dotted;
	margin: 0 0 24px;
	padding: 0 0 23px;
	}
	.committee li div {
		float: left;
	}
	.committee li div h2 {
		margin: 0}
	.committee li p {
		margin: 0;
	}	
	.committee li img {
		position: absolute;
		top: 0; left: 0;
		height: 72px; width: 72px;
		background: url(./img/person.gif) no-repeat top center;}
	.committee ul {
		margin: 0; padding: 0;
		padding-left: 388px;
		font-style: italic;
	}
		.committee ul li {
			padding: 0; margin: 0;
			border: 0;
		}
		
/*
 * =Events Page
 */	
.main .article .dbem_events_list {
	margin-top: 0;
	padding-left: 0;
	list-style: none;
	}
	.main .article .dbem_events_list li {
		display: block;
		width:676px;
		border-bottom: 1px #d0d49d dotted;
		margin: 0 0 24px;
		padding: 24px 0 47px;
		}
		.dbem_events_list li .date {
			float: left; z-index: -1;
			padding: 6px;
			width: 36px;
			height: 48px;
			position: relative;
			top: -6px;
			background:#27561C;
			color: #F6F4E7;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			}
			.dbem_events_list li .date p {
				margin:0;
				text-align: center;
				width: 36px;
				}
			.dbem_events_list li .date .day {
				font-size: 21px;
				}
			.dbem_events_list li .date .month {
				font-variant: small-caps;
				font-size: 16px;
				}
		.dbem_events_list li div.info {
			position: relative;
			padding-left: 68px;
			padding-right: 228px;
			}
			.dbem_events_list li .info h2 {
				margin: 0;
				}
			.dbem_events_list li p.time {
				margin: 0;
				}
			.dbem_events_list li .location {
				position: absolute;
				right: 0; top: 0;
				text-align: right;
				font-style: italic;
				}
				.dbem_events_list li .location p {
					margin: 0;
					}
			.dbem_events_list li div.notes {
				padding: 0;
				}
				.dbem_events_list li div.notes p {
					margin-bottom: 0;
					}
	.dbem_events_list li.Non-Society, .dbem_events_list li.Non-Society h2{
		color: #839377;
		}
		.dbem_events_list li.Non-Society .date {
			opacity: 0.66;
			}
					
/*
 * =Search Widget
 */
#search_box {
	padding:0;
	width:196px;
	border: 0px;
	margin-bottom: 24px;}
	#search_box #s {
		float: left;
		width: 166px;
		font-size: 14px; line-height: 17px;
		margin: 0;
		border: 1px #D0D49D solid;
		border-bottom-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
		-webkit-border-bottom-left-radius: 2px;
		padding: 2px 2px 3px;
		}
	#search_box label {
		display: block;
		width: 24px; height: 24px;
		background: #D0D49D;
		overflow: hidden;
		border-bottom-right-radius: 2px;
		border-top-right-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
		-webkit-border-bottom-right-radius: 2px;
	}
		#search_box label #search_button {
			font-size: 16px; line-height: 24px;
			}
		#search_box label span {
			display: block;
			height: 22px; width: 22px;
			margin: 1px;
			background: url(./img/search.png) no-repeat;
			}
	#search_box label:hover, #search_box label:focus {
		background: #B42132;
		}
		
#searchformbig #search_box {
	width:356px;}
	#searchformbig #search_box #s {
		width: 326px;
		}

/*
 * =Gallery Page
 *  =Album Overview
 */
div.ngg-albumoverview {
	width: 100%;
	display:block !important;
}
	div.ngg-album {
		position: relative;
		height: 100%;
		overflow: hidden;
		margin-bottom: 23px;
		border-bottom: 1px dotted #D0D49D;
	}
		div.ngg-albumtitle {
			position: absolute;
			left: 240px;
			font-size: 24px;
			line-height: 24px;
			font-weight: normal;
			margin: 0 0 24px;
			color: #27561c;
		}
	div.ngg-thumbnail {
		float: left;
		width: 196px; height: 144px;
		margin-bottom: 24px;
		margin-right: 44px;
	}
		div.ngg-thumbnail a {border: 0;
		}
			div.ngg-thumbnail img {
				background-color:#F6F4E7;
				border:1px solid #27561C;
				margin: 0;
				padding:5px;
				position:relative;
			}
			div.ngg-thumbnail img:hover {
				border: 2px solid #B42132;
				padding: 4px;
			}
	div.ngg-description {
		padding-top: 48px;
		text-align: left;
		}
		div.ngg-description p {margin-top: 0px;
		}
	
/*
 * =Gallery Page
 *  =Gallery Overview
 */
.ngg-galleryoverview {
	width: 100%;
	display:block !important;
	}
	.ngg-gallery-thumbnail-box {
		float: left;
		margin-right: 44px;
		margin-bottom: 24px;
		}
		.ngg-gallery-thumbnail {
			float: left;
			text-align: center;
			}
			.ngg-gallery-thumbnail img {
				height: 132px; width: 184px;
				display:block;
				background-color:#F6F4E7;
				border:1px solid #27561C;
				margin: 0;
				padding:5px;
				position:relative;
				}
			.ngg-gallery-thumbnail img:hover {
				border: 2px solid #B42132;
				padding: 4px;
				}
	.ngg-galleryoverview .ngg-gallery-thumbnail-box:nth-child(3n) {
		margin-right: 0;
		}
	.ngg-galleryoverview .ngg-end-thumb {
		margin-right: 0;
		}
	.ngg-clear {
		clear: both;
		}

/*
 * =Comments
 */

form label small {
	display: block;
	font-size: 12px;
}
form ol {
	list-style: none;
}
form ol li {
	margin-bottom: 24px;
}
form ol li label {
	display: block;
	float: left;
	width: 128px;
	margin-right: 20px;
	text-align: right;
}
form ol li.button button {
	width: 140px;
	margin-left: 148px;
}
form ol li input, form ol li textarea {
	width:366px;
	height: 24px;
	border: 1px #01203D solid;
	font-size: 14px;
	padding: 5px 6px;
	margin: 6px 0;
}
form ol li textarea {
	width: 446px;
	height: 240px;
}
ol.commentlist {
	margin-bottom: 48px;
	list-style: none;
	padding: 0;
}

/*
 * =Links Page
 */
ul.links {
	list-style: none;
	padding: 0;
}

/*
 * =Lightbox
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a {
	border: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*
 * =404 Error
 */
.error404 .section {
	padding-left: 252px;
	padding-top: 24px;
	position: relative;
}
	.error404 .section img.error {
		position: absolute;
		top: 12px; left: 0;
	}
.error404 h1 {
	font-size: 24px;
	line-height: 48px;
	font-variant: normal;
	font-weight: normal;
	margin: 0;}
.error404 h2 {
	margin-top: 0;
	font-size: 48px;
	line-height: 48px;
	font-weight: bold;
	font-style: normal;
	padding-bottom: 24px;}

/*
 * =Sword Winners Table
 */
.swordwinner {
	font-size: 16px;
	line-height: 24px;
	width: 676px;
	border-collapse: collapse;
}
  .swordwinner caption {
  	margin-bottom: 24px;
  }
  .swordwinner td, .swordwinner th {
  	padding: 12px 12px 11px;
  }
	.swordwinner thead th:first-child {
		border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
	}
  .swordwinner thead th:last-child {
    border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
  }
	.swordwinner th {
		text-align: left;
		background: #D0D49D;
	}
	.swordwinner tbody td {
		border: 1px #D0D49D dotted;
		border-top: 0;
	}
	.swordwinner tbody td:last-child {
		border-bottom-right-radius: 2px;
		-moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
		-moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
		border-bottom-left-radius: 2px;
	}