body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 16px;
	line-height: 1.125em;
	background: #f8f4e8;
	color: #555;
}

strong { 
	font-weight: bold; 
}

em { 
	font-style: italic; 
}

input,
button,
textarea { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

a, a:visited { 
	text-decoration: none; 
	outline: none; 
	font-weight: bold;
	color: #1285b3;
}

a:hover { 
	color: #196c8c;
}


/* the utilities */

.clear {
	clear: both;
}

.small {
    font-size: 0.75em;
}

.quiet {
	color: #95928d;
}

.quiet a, .quiet a:visited {
  font-weight: normal;
  color: #807d79;
}

.quiet a:hover {
  color: #666461;
}


h1 { font-size: 3.2em; font-weight: bold; letter-spacing: -0.05em; line-height: 1em; }

h2 { font-size: 2.8em; font-weight: bold; letter-spacing: -0.05em; line-height: 1em; margin-bottom: .5em; color: #333; }

h3 { font-size: 2.1em; font-weight: bold; letter-spacing: -0.05em; line-height: 1em; margin-top: .25em; margin-bottom: .5em; }

h4 { font-size: 1.4em; font-weight: bold; letter-spacing: -0.05em; line-height: 1em; text-transform: uppercase; }


/* the basic structure */

#the_top_bar {
	height: 44px;
	background: url(img/the_header_bg.jpg) top center repeat-x;
}

#the_bottom_rung {
	color: #fff;
	background: url(img/the_footer_bg.jpg) top left repeat-x;
}

#the_dead_space {
	background: #f8f4e8 url(img/the_sub_header_bg.jpg) top left repeat-x;
}


/* the header */

#the_header {
	width: 992px;
	margin: 0 auto;
}

#the_header h1 {
	float: left;
	margin-left: 36px;
	width: 177px;
	height: 42px;
}

#the_header h1 a {
	display: block;
	text-decoration: none;
	text-indent: -9999em;
	overflow: hidden;
	width: 177px;
	height: 42px;
	background: url(img/h1_a.png) -36px 0 no-repeat;
}

#the_header h1 a:hover {
	background: url(img/h1_a.png) -36px -44px no-repeat;
}


/* navigation */

#the_header ul#primary_navigation {
	float: right;
	margin-right: 36px;
	width: 362px;
}

#the_header ul#primary_navigation li {
	float: left;
	height: 42px;
}

#the_header ul#primary_navigation li a {
	display: block;
	height: 42px;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden;
	border-bottom: 0;
}

li#the_films a {
	background: url(img/h1_a.png) -592px 0 no-repeat;
	width: 83px;
}

li#the_films a:hover {
	background: url(img/h1_a.png) -592px -44px no-repeat
}

li#the_society a {
	background: url(img/h1_a.png) -675px 0 no-repeat;
	width: 102px;
}

li#the_society a:hover {
	background: url(img/h1_a.png) -675px -44px no-repeat;
}

li#the_events a {
	background: url(img/h1_a.png) -777px 0 no-repeat;
	width: 96px;
}

li#the_events a:hover {
	background: url(img/h1_a.png) -777px -44px no-repeat;
}

li#the_blog a {
	background: url(img/h1_a.png) -873px 0 no-repeat;
	width: 81px;
}

li#the_blog a:hover {
	background: url(img/h1_a.png) -873px -44px no-repeat;
}

/* content */

#the_bitchin_content {
	padding: 2em 0;
	margin: 0 auto;
	width: 900px;
	overflow: auto;
}


/* a potpurri of blocks */

#the_bitchin_content div.block {
  overflow: auto;
  padding: 1em 0;
  border-top: 1px solid #c4c2b9;
}

#the_bitchin_content div.block.first {
  border-top-width: 0;
}

#the_bitchin_content div.block .primary {
  width: 580px;
  float: left;
}

#the_bitchin_content div.block .primary.switch {
  float: right;
}

#the_bitchin_content div.block .primary .primary-block {
  margin: 2em 0;
  clear: both;
  overflow: auto;
}

#the_bitchin_content div.block .division {
  border-top: 1px solid #c4c2b9;
  padding: 1em 0 0;
}

#the_bitchin_content div.block .primary .primary-block .two_column {
  float: left;
  width: 290px;
}

#the_bitchin_content div.block .tertiary {
  width: 280px;
  float: right;
}

#the_bitchin_content div.block .tertiary.switch {
  float: left;
}

#the_bitchin_content div.block .tertiary h3 {
  clear: both;
  margin-top: 1.5em;
  margin-bottom: .75em;
  font-size: 1.3125em;
}

#the_bitchin_content div.block ul.linked_list {
}

#the_bitchin_content div.block ul.linked_list li {
  margin: 0 0 .35em 0;
  line-height: 1em;
}

#the_bitchin_content div.block ul.linked_list li a {
  display: inline;
}

#the_bitchin_content div.block ul.linked_list li span.info {
  font-size: .75em;
}


/* a potpurri of text */

.plain_text {
    font-size: 0.9em;
    float: left;
    clear: left;
    width: 444px;
    padding: 0 100px;
    line-height: 1.5em;
}

.plain_text p,
.plain_text ul {
    margin-bottom: 1em;
}

.plain_text .intro {
    font-size: 1.125em;
    font-weight: bold;
}

.plain_text em {
  font-size: 1.125em;
  font-family: palatino, georgia, times;
  font-style: italic;
}

.plain_text strong {
  font-weight: bold;
}

.utility_text {
  font-size: 0.9em;
  line-height: 1.5em;
}

.utility_text p,
.utility_text ul {
    margin-bottom: 1em;
}

.utility_text em {
  font-size: 1.125em;
  font-family: palatino, georgia, times;
  font-style: italic;
}

.utility_text strong {
    font-size: 1.125em;
    font-weight: bold;
}


/* committee */

ul.members_list li {
  clear: both;
  overflow: auto;
  margin: 0 0;
  padding: 1em 0;
  border-top: 1px solid #c4c2b9;
}

ul.members_list li .poster {
  float: left;
  padding: 10px;
  margin: 0;
	background: url(img/b_40.png) top left repeat;
}

ul.members_list li .poster img {
  width: 120px;
  margin: 0;
}

ul.members_list li .info {
  float: right;
  width: 420px;
}

ul.members_list li .info .title strong {
  font-size: 1.4em
}

ul.members_list li .info .meta {
  font-size: .8em;
  line-height: 1.25em;
}

ul.members_list li .info .meta p {
  padding: .75em 0 0;
}


/* the blog! */
ul.posts li {
  padding: .5em 0;
  width: 900px;
  display: block;
  clear: both;
  overflow: auto;
  border-top: 1px solid #c4c2b9;
}

ul.posts li cite {
  padding: .5em 0;
  display: block;
  width: 200px;
  float: left;
  clear: left;
  font-style: normal;
}

ul.posts li .content {
  width: 400px;
  float: left;
}

ul.posts li .content h3 {
  margin-bottom: .15em;
}

ul.posts li .related {
  padding: .5em 0;
  width: 240px;
  float: right;
}

ul.posts li .related li {
  overflow: hidden;
  padding: 0;
  width: 240px;
  float: right;
  border: none;
}

/* film show */

div.block .tertiary div.poster {
  clear: both;
  float: left;
  padding: 10px;
  margin: 0 0 2em;
  background: url(img/b_40.png) top left repeat;
}

div.block .tertiary div.poster img {
  width: 165px;
}

div.block .primary object {
  margin: 0 0 0 -60px;
  width: 640px;
  height: 360px;
}

div.block .primary p.info {
  margin: -1em 0 2em .1em;
  line-height: 1.5em;
}

div.block .primary .primary-block p.info {
  margin: 1em 0;
  font-size: .8em;
  line-height: 1.25em;
}

div.block .primary .primary-block .two_column .credits {
  margin: 0 0 0 2em;
}

div.block .primary .primary-block .two_column .credits .principle cite {
  width: 108px;
  float: left;
}

div.block .primary .primary-block .two_column .credits .principle cite a {
  font-weight: bold;
  font-style: normal;
}

div.block .primary .primary-block .two_column .credits .principle li {
  overflow: auto;
  padding: 0 0 .25em;
}

div.block .primary .primary-block .two_column .credits .principle .nested {
  width: 150px;
  float: left;
}

div.block .primary .primary-block .two_column .credits .principle .nested li {
  padding: 0;
}

div.block .primary .primary-block .two_column .credits .principle .nested li a {
  font-weight: 200;
  font-size: .9em;
}

/* forms */

div.block form {
  background: #ebe7db;
}

div.block form fieldset {
  padding: 0;
  border-bottom: 1px solid #c4c2b9;
}

div.block form fieldset legend {
  font-size: 1.4em;
  padding: 1em 0 .4em 1em;
  font-weight: bold;
}

div.block form fieldset img {
  margin: .90em 0 0 .5em;
}

div.block form fieldset .field {
  border-top: 1px solid #c4c2b9;
  background: #dfdbcf;
  display: block;
  overflow: auto;
  padding: .50em 10px;
}

div.block form fieldset .field a {
  float: left;
  display: block;
  padding: .25em 10px;
  font-size: 2em;
}

div.block form fieldset p {
  text-align: right;
  border-top: 1px dashed #ebe7db;
  padding: 0;
}

div.block form fieldset p a, div.block form fieldset p a:visited {
  background: #dfdbcf;
  display: block;
  padding: .25em 10px;
  font-size: 2em;
  font-weight: bold;
}

div.block form fieldset p a:hover {
  background: #ebe7db;
}

div.block form fieldset .field label {
  float: left;
  padding: 1em 0 0;
  font-size: .8em;
  width: 144px;
}

div.block form fieldset .field input[type='text'], div.block form fieldset .field textarea, div.block form fieldset .field input[type='file'], div.block form fieldset .field input[type='password'] {
  float: left;
  width: 300px;
  border: 1px solid transparent;
  font-size: 1.3em;
  padding: .35em .2em .2em;
  font-weight: bold;
  background: #faf7ef;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	border-radius: .25em;
}

div.block form fieldset .field textarea {
  height: 9em;
  font-size: .9em;
  font-weight: 200;
  line-height: 1.2em;
}

div.block form fieldset .field input[type='text']:focus, div.block form fieldset .field textarea:focus {
  background: #fff;
}

div.block form fieldset .field.checkbox {
  padding: .3em 10px .15em 152px;
}

div.block form fieldset .field.checkbox label {
  float: left;
  padding: 0 6px;
}

div.block form fieldset .field.checkbox input {
  float: left;
}

div.block form fieldset .buttons {
  text-align: right;
  padding: .5em 1em;
}

div.block form fieldset .field .fieldWithErrors label {
  color: #912f2d;
}

div.block form fieldset .field .fieldWithErrors input, div.block form fieldset .field .fieldWithErrors textarea {
  border-color: #912f2d;
}

div.block div.errorExplanation {
  display: none;
}


/* the films index page */

div.block ul.films {
  margin-left: 0;
  margin-right: 0;
	overflow: auto;
}

ul.films li {
	margin: 10px;
	float: left;
	width: 160px;
	background: url(img/b_40.png) top left repeat;
}

ul.films li a {
	display: block;
	position: relative;
}

ul.films li a img {
	margin: 10px;
}

ul.films li a h3 {
  margin: 0;
	display: none;
	font-weight: normal;
	font: 1.2em Georgia, 'Times New Roman', serif;
	letter-spacing: 0;
  position: absolute;
  bottom: 0;
  margin-bottom: 20px;
  left: 20px;
  margin-right: 20px;
  color: #ccc;
  padding: 10px;
	background: url(img/b_50.png) top left repeat;
}

ul.films li.blank a img.poster, ul.films li.blank a img.blank {
	width: 140px;
}

ul.films li.poster a img {
	width: 140px;
}

ul.films li.thumbnail a div.thumbnail {
	width: 140px;
	margin: 10px 10px 12px;
	overflow: hidden;
}

ul.films li.thumbnail a div.thumbnail img {
	height: 181px;
	margin: 0;
	float: left;
}

ul.films li.thumbnail a h3 {
  margin-bottom: 8px;
}

ul.films li a:hover h3, ul.films li.blank a h3, ul.films li.thumbnail a h3 {
	display: block;
}

ul.films li a:hover h3 {
	color: #fff;
}


/* pagination */

div.pagination {
  float: right;
  margin: 2px 8px 0 0;
  padding: 0;
	background: none;
  font-size: 1.2em;
}

div.pagination a, div.pagination span {
  display: none;
}

div.pagination .next_page, div.pagination .prev_page {
  display: block;
	text-decoration: none;
	text-indent: -9999em;
	overflow: hidden;
	margin: 1px 3px;
  height: 16px;
  width: 16px;
  background-color: transparent;
  background-position: top left;
  background-repeat: no-repeat;
  opacity: .75;
  filter: alpha(opacity=75);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

div.pagination .next_page:hover, div.pagination .prev_page:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

div.pagination .next_page {
  background-image: url(img/next_page.png);
}

div.pagination .prev_page {
  background-image: url(img/prev_page.png);
}

div.pagination .disabled {
  display: none;
}

/* the footer */

#the_footer {
	padding: 2em 0;
	margin: 0 auto;
	width: 900px;
  font-size: .8em;
}

#the_footer p {
  font-size: 1em;
  font-weight: 200;
  color: #a3c1cc;
}

#the_footer ul {
  font-size: 1em;
  display: block;
  padding: 0 0 24px;
}

#the_footer ul li {
  padding: 0 12px 0 0;
  display: inline;
}

#the_footer ul li a, #the_footer ul li a:visited {
  color: #a3c1cc;
  font-weight: 200;
}

#the_footer ul li a:hover {
  color: #fff;
}

#user_nav {
	position: fixed;
	z-index: 5;
	bottom: 0px;
	display: block;
	background: url(img/b_75.png) top left repeat;
	color: #fff;
	-moz-border-topright-radius: .50em;
	-webkit-border-top-right-radius: .50em;
}

#user_nav p {
  font-size: .75em;
	padding: .50em;
	display: block;
	text-align: right;
}

#user_nav a, #user_nav a:visited {
	color: #aaa;
	border: 0;
	font-weight: 200;
}

#user_nav a:hover {
	color: #fff;
	border: 0;
}