/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: style.css
* Version: 1.0.0 (2009-11-19) YYYY-MM-DD
* Author: Shaking Paper
* Description: Stylesheet for The Big Group.

*/

/* Eric Meyer 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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: 100;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ul, ol, li {
	list-style:none;
}

html, body {
	height:100%; 
	width: 100%;
}

body {
	background-color:#0f0601;
	color: #FFF;
	overflow: auto;
	position:absolute;
}

/*
a {
	color: #595959;
	text-decoration: none;
}
*/

/* End CSS Resset */

/* Begin Stylesheet */

#wrapper {
	border-right: 1px solid #332B27; 
	border-left: 1px solid #332B27;
	height:auto;
	width:900px;
	position:relative;
	margin: 0pt auto 20px auto;
	}

	#header {
		height:105px;
		position: relative;
		width:100%;
		border-bottom: 1px solid #332B27;
	}
	
		#header img {
			margin: 30px 0 0 26px;
		}
	
	#content { 
		height:auto;
		min-height:200px !important;
		overflow: hidden;
		padding: 20px 0 10px;
		font-size: 13px;
		position: relative;
		line-height: 20px;
	}

	#content_home { 
		height:auto;
		min-height:200px !important;
		font-size: 13px;
		position: relative;
	}	

	.hero {
		position: relative;
		width: 900px;
		height: 673px;
		overflow: hidden;
	}
	
	#slideshow img {
		position: absolute;
		left: 0;
		top: 0;
		width: 900px;
		height: 673px;
	}
	
	#content .post {
		padding: 20px 26px 0;
	}
	
		#title { 
			height: 67px;
			border-bottom: 1px solid #332B27;
			font-size: 34px;
			line-height: 40px;
		}
		
			#title h1 {
				padding: 0 0 0 33px;
				font-family: Georgia, Palatino, Times New Roman, serif;
			}
			
	.post h2 {
		margin-bottom: 4px;
	}
				
	.post p {
		margin-bottom: 20px;
	}
	
	.post img.alignright {
		margin: 0 0 10px 30px;
		clear: both;
		display: block;
	}
			
	.post h2 {
		font-size: 18px;
		padding-top: 12px;
	}
	
	.post a {color:#9f9b99;text-decoration: none;}
	.post a:hover {text-decoration: underline;}
	
	a.pdf {
		background: url(images/pdf.png) no-repeat top left;
		font-size: 14px;
		color:#9f9b99;
		height: 41px;
		padding: 11px 0 0 60px;
		margin: 12px 0;
		display: block;
		max-width: 250px;
	}
			
#footer {
	border-top: 1px solid #332B27; 
	border-bottom: 1px solid #332B27; 
	color: #615954;
	font-size: 11px;
	font-family: Georgia, Palatino, Times New Roman, serif;
	height:37px;
	position: relative;
	clear: both;
}

	#footer p {
		padding: 10px 10px 0 0;
	}

	#footer a {
		color: #615954;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}

/* sitewide styles */

	.left { /* applies left float to any element with this class */
		float:left;
	}
	
	.right { /* applies right float to any element with this class */
		float:right;
	}
	
	.aligncenter,
	div.aligncenter { /* positioning for images in WYSIWYG editor */
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.alignleft { /* positioning for images in WYSIWYG editor */
		float: left;
		padding: 5px;
	}
	
	.alignright { /* positioning for images in WYSIWYG editor */
		float: right;
		padding: 5px;
	}
	
	/* End Stylesheet */
	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:892px; height:42px; position:relative; z-index:100;border-bottom: 1px solid #332B27;padding-left: 8px;/padding:0 0 0 6px;/width:894px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:898px; w\idth:897px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:16px;text-decoration:none; color:#9f9b99; height:32px; padding:7px 5px 3px 25px; line-height:29px; font-family: Georgia, Palatino, Times New Roman, serif;}
.menu a:hover {font-style: italic; color: #FFF;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:42px;left:0; width:149px;border-top:1px solid #332B27;}
.menu ul ul li {border:1px solid #332B27; border-width: 0 1px 0 1px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:42px;t\op:42px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#000; color:#FFF; height:auto; line-height:1em; padding:10px 10px; width:138px;border-width:0 1px 1px 1px; border-bottom: 1px solid #332B27;font-size: 14px;}
.menu ul ul a:hover {background:#1e1c1c; font-style: normal;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
/*
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}
*/

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu_item_2, .menu_item_4, .menu_item_5, .menu_item_7, .menu_item_10, .menu_item_12, .menu_item_355 {
	background: url(images/menu_border.png) no-repeat top right;
}

.menu_item_2 {
	width: 115px;
}

.menu_item_4 {
	width: 112px;
}

.menu_item_5 {
	width: 99px;
}

.menu_item_7 {
	width: 98px;
}

.menu_item_10 {
	width: 105px;
}

.menu_item_355 {
	width: 102px;
}

.menu_item_12 {
	width: 97px;
}

/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}

#flash_bg, #flash object {
	background-color: #110904;
}

#flash {
	width: 900px;
	height: 600px;
	margin: 0pt auto;
}