/*================================================================
LAYOUT stylesheet for the website.

Define layout and backgrounds for:
  - Body
  - Wrapper
  - Header
  - Sidebar
  - Content
  - Footer
  ( Navigation is defined in nav.css )
  @import url(/css/pages/forms.css);
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
  
================================================================*/
@import url(/css/global/base.css);
@import url(/css/global/style.css);
@import url(/css/global/thickbox.css);
@import url(/css/global/jquery.jcarousel.css);
@import url(/css/nav_horiz.css);

@import url(/css/pages/skin.css);
@import url(/css/pages/people.css);

@import url(/pages/ajax_articles.css);

/* BODY 
----------------------------------------------------------------*/

body {
	margin: 0 auto;
	background: #343434 url(../images/back_body.png) repeat-x center top;
	text-align: center;
}
/* WRAPPER
----------------------------------------------------------------*/
#wrapper {
	background: url(../images/back_wrapper.png) no-repeat center top;
	width: 890px;
	margin: 0 auto;
	text-align: center;
	clear: both;
}
/* HEADER
----------------------------------------------------------------*/
#header {
	width: 100%; 
	text-align: left;
}
#branding {
	text-indent: -9000px;
	clear: both;
}
#branding h1 a{
	display: block;
	width: 100%; height: 131px;
	cursor: pointer;
}

/* CONTENT
----------------------------------------------------------------*/
#content {
  /* background: url(../images/home_groupshot.png) no-repeat bottom right; */
	margin: 0 11px;
	text-align: left;
	clear: both;
}


/* MAIN
----------------------------------------------------------------*/
#main {
  float: left; /* Creates a left sidebar */
  width: 585px;
  margin: 0 0 0 25px;
  padding: 0;
  text-align: left;
  display: inline; /* float margin fix for stupid IE */
}

/* SECONDARY CONTENT
----------------------------------------------------------------*/
#secondary {
  float: left; /* Creates a left sidebar */
  width: 235px;
  padding-top: 20px;
  height: auto!important;
  height: 460px;
  min-height: 460px;
}
#secondary p,#secondary h2 {
  padding: 0 10px;
}

/* FOOTER
----------------------------------------------------------------*/
#footer {
	background: url(../images/back_footer.png) no-repeat center top;
	width: 100%; height: 100px;
	padding-top: 1em;
	text-align: center;
	clear: both;
}

#featured  {
	border: 1px solid black;
	 height: 450px; width: 200px; overflow: hidden;
}
.flipable  {
	border: 1px solid red;
	width: 200px;  height: 450px;
	float: left;
}