/* ************************************************************ */
/* ******************    General CSS File    ****************** */
/* ************************************************************ */
/*                                                              */
/*     This is the standard CSS file for this website.          */
/*                                                              */
/*     Unless some special browser fixes are required, this     */
/*     should be the only CSS file used by the site.            */
/*                                                              */
/*     Created by Jeff Hitchcock (mail@command-center.org)      */
/*     for the UBC Film Society (http://ubcfilmsociety.com)     */
/*     Created: August, 2009 -- Last Modified: August, 2009     */
/*                                                              */
/* ************************************************************ */

/* ********    Special Fonts Used    ******** */
/* ****************************************** */
/*                                            */
/*      Diavlo & Museo are both fonts by      */
/* Jos Buivenga (exljbris) -> www.exljbris.nl */
/*                                            */
/* ****************************************** */
@font-face {
	font-family: Diavlo;
	src: local("DiavloLight-Regular"),
	     url(fonts/Diavlo_LIGHT_II_37.otf) format("opentype");
	font-weight: 300;
}
/*@font-face {
	font-family: Diavlo;
	src: local("DiavloBook-Regular"),
	     url(fonts/Diavlo_BOOK_II_37.otf) format("opentype");
	font-weight: normal;
}
@font-face {
	font-family: Diavlo;
	src: local("DiavloMedium-Regular"),
	     url(fonts/Diavlo_MEDIUM_II_37.otf) format("opentype");
	font-weight: 500;
}
@font-face {
	font-family: Diavlo;
	src: local("DiavloBold-Regular"),
	     url(fonts/Diavlo_BOLD_II_37.otf) format("opentype");
	font-weight: bold;
}
@font-face {
	font-family: Diavlo;
	src: local("DiavloBlack-Regular"),
	     url(fonts/Diavlo_BLACK_II_37.otf) format("opentype");
	font-weight: 900;
}*/
@font-face {
	font-family: Museo;
	src: local("Museo-500"),
	     url(fonts/Museo700-Regular.otf) format("opentype");
}

/* ********    CSS Reset    ******** */
/* ********************************* */
header, nav, footer, section,
 aside, article, figure, hgroup			{ display: block; }

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
	margin: 0; padding: 0; border: 0; outline: none;
}

/* ********    Body    ******** */
/* **************************** */
body {
	margin: 0px auto;
	width: 950px;
	background-color: rgb(100, 100, 100);
	background-image: url(images/background.png);
	background-repeat: repeat;
	background-position: top center;
	
	color: #222;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
body.multiplebgs {
	background-image: url(images/title-background-2.png), url(images/background.png);
	background-repeat: repeat-x, repeat;
}

/* ********    Basic Elements    ******** */
/* ************************************** */
p { margin: 1.286em 0 0; /*background-color: rgba(255, 0, 0, 0.15);*/ }
/*p + p, p + img.poster + p { margin-top: 0; text-indent: 1.286em; }*/
li p + p { margin-top: 0; text-indent: 1.286em; }
blockquote { margin: 1.286em 40px; color: #666; font-style: italic; }
strong,dfn { font-weight: bold; letter-spacing: 0.1em; }
em,dfn { font-style: italic; letter-spacing: 0.1em; }
em.sc { font-style: normal; font-variant: small-caps; letter-spacing: 0.1em; }
sup, sub { line-height: 0; }
abbr { border-bottom: 1px dotted #666; font-variant: small-caps; letter-spacing: 0.1em; }
address { margin: 0 0 18px; font-style: italic; }
del { color: #666; }
pre { margin 18px 0; white-space: pre; }
pre,code,tt { font: 1em 'Inconsolata', 'andale mono', 'lucida console' monospace; line-height: 1.5; }
mark { background-color: rgba(255, 255, 0, 0.35); }
/* **** Links **** */
a { color: #009; text-decoration: underline; }
a:focus, a:hover { color: #000; }
a[rel~=index] { text-decoration: none; } /* main header */
h2 a[name][href], h3 a[name][href], h4 a[name][href] {
	position: relative; top: -0.75em; font-size: 50%; text-decoration: none; line-height: 0; }
h2 a[name][href] { color: #ccc; letter-spacing: 0; }
h3 a[name][href], h4 a[name][href] { color: #99f; }
h2 a[name][href]:hover { color: #fff; text-decoration: underline; }
h3 a[name][href]:hover, h4 a[name][href]:hover { color: #009; text-decoration: underline; }
/* **** Lists **** */
li ul, 
li ol       { margin: 0 1.286em; }
ul, ol      { margin: 1.286em 1.286em 1.286em 0; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.286em 0; }
dl dt       { font-weight: bold; }
dt			{ margin-top: 1.286em; }
dd          { margin-left: 1.286em;}
/* **** Headers **** */
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; color: #111; }
h1 {
	font-family: Museo, "Times New Roman", serif;
	font-size: 64px;
	font-weight: 700;
	word-spacing: 0.15em;
	text-decoration: none;
	line-height: 2;
	text-align: center;
	color: rgb(245, 245, 245);
	text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);
}
h1:hover, h1:focus {
	color: rgb(225, 225, 255);
}
h2 {
	font-family: "Diavlo", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: 300;
	letter-spacing: 0.1em;
	line-height: 1.286em;
	margin-bottom: 1.286em;
}
h3 {
	font-size: 21px;
	font-weight: 500;
	line-height: 36px;
	margin-bottom: 18px;
	clear: left;
	/*background-color: rgba(0, 255, 0, 0.15);*/
}
h3 > small { font-weight: normal; font-size: 16px; }
h3 > strong { font-weight: 900; }
h2 + h3 { margin-top: 18px; }
h4 { font-size: 1.2em; line-height: 36px; margin-bottom: 18px; /*background-color: rgba(0, 0, 255, 0.15);*/ }
h4 + ul { margin-top: -18px; }
h3 + h4 { margin-top: -18px; } /* Squish h3 and h4 headers together when adjacent */
h5 {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 18px;
	margin-top: 18px;
}
h6 {
	display: run-in;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	font-variant: small-caps;
}

/* ********    Header Section    ******** */
/* ************************************** */
header {
	float: right;
	width: 710px;
	height: 126px;
	margin-right: 80px;
	/*background-color: rgba(0, 255, 0, 0.15);*/
}
header > a > img { /* The FilmSoc Logo, in the right column */
	position: fixed;
	margin-left: -150px;
	margin-top: 18px;
	z-index: 1;
}
header > a > img:hover {
	/*outline: auto 5px -webkit-focus-ring-color; outline-offset: -2px;
	-moz-outline: -moz-mac-focusring solid 2px; -moz-outline-radius: 0 7px 7px;
	-moz-outline-offset: 0;*/
}
header > ul {
	float: right;
	position: relative;
	z-index: 10;
	width: auto;
	list-style: square inside;
	background-color: rgba(255, 0, 0, 0.15);
}
header ul li {
	display: list-item !important;
	width: 100px;
}

/* ******** Sidebar Navigation ******** */
/* ************************************ */
nav {
	position: fixed;
	height: 100%;
	width: 150px;
	z-index: 0;
	
	margin-left: -1600px;
	padding-top: 126px;
	padding-right: 40px;
	padding-left: 1600px;
	border-right: 4px solid rgb(224, 228, 204);
	background-color: rgb(200, 200, 200);
	background-image: url(images/sidebar-back.png);
	background-position: top right;
	background-repeat: no-repeat;
}
nav ul { margin: 0px; }
nav ul + ul { margin: 53px 10px 0 10px; }
nav ul li {
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	list-style-type: none;
}
nav ul ul li { font-size: 14px; }
nav ul li a {
	display: block;
	height: 21px; /* Total Height: 36px */
	
	border-top: 1px solid #000;
	padding: 9px 0 5px 0;
	text-decoration: none;
}
nav ul ul li a { /*height: 3px; /* Total Height: 18px */ /*line-height: 0.5;*/ }
nav li a:hover {
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
	padding: 8px 0 4px 0;
}
nav ul li:last-child a { border-bottom: 1px solid #000; }
nav li:last-child a:hover { border-bottom: 2px solid #000; }
nav a.current { color: #900; }
nav a.current:hover { color: #000; }

/* ******** General Section Properties ******** */
/* ******************************************** */
section, footer {
	border: 1px solid #000;
	background-color: #fcfcfc;
	overflow: hidden; /* Ensure floated content does not escape current section */
}
article, footer, aside a[rel~=bookmark], section {
	-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);
}

/* ******** Non-Article ******** */
/* ***************************** */
section {
	position: relative;
	clear: both;
	left: 160px;
	width: 710px;
	margin-bottom: 17px;
}
section > ul:last-child, section > ol:last-child,
section > dl:last-child { margin-bottom: 0; }

/* ******** This Week Box ******** */
/* ******************************* */
section.this-week {
	/*height: 215px;*/
	width: 710px;
	min-height: 180px;
	/*background-image: url(../Markup/blueprint/src/grid.png);*/
	background-image: url(images/section-grad-bottom-trans.png); /**/
	background-position: bottom;
	background-repeat: repeat-x;
}
section.this-week > h2 {
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-align: center;
	-moz-box-align: center;
	float: left;
	position: absolute;
	width: 70px;
	height: 100%;
	margin: 0;
	border-right: 1px solid #000;
	
	background-color: #a33537;
	background-image: url(images/section-grad-left-trans.png); /**/
	background-repeat: repeat-y;
	background-position: right;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
}
section.this-week > h2 > img {
	display: block;
}
section.this-week > h2 > span { display: none; }

section.this-week > div {
	float: left;
	padding: 18px 0 18px 0;
	margin-left: 80px;
}
section.this-week > div + div { margin-left: 10px; }
section.this-week > div.oneofthree { width: 190px; }
section.this-week > div.oneoftwo { width: 290px; }
section.this-week > div.twoofthree { width: 390px; }
section.this-week > div.threeofthree,
section.this-week > div.twooftwo,
section.this-week > div.oneofone { width: 590px; }

section.this-week > div > div {
	float: left;
	margin-right: 10px;
	/*overflow: hidden;*/
	text-align: center;
}
section.this-week > div.oneofthree > div,
section.this-week > div.twoofthree > div,
section.this-week > div.threeofthree > div { width: 190px; }
section.this-week > div.oneoftwo > div,
section.this-week > div.twooftwo > div { width: 290px; }
section.this-week > div > div:last-child { margin-right: 0px; }

section.this-week h3 {/* background-color: rgba(255, 0, 0, 0.15);*/ text-align: center; margin: 0px; }
section.this-week h4 { text-align: center; font-size: 14px; font-weight: 500; margin: 0; }
section.this-week p { margin-top: 0; font-size: 12px; text-align: left; }
section.this-week > div.oneofone > p { padding-left: 30px; font-size: 14px; }
/*section.this-week img { width: 100%; margin-bottom: 0; }*/
/*section.this-week p:before { position: relative; float: right; padding-right: 10px; top:72px; content: "\2026"; }*/
/*section.this-week span { float: right; }*/
/*section.this-week img { position: relative; top: -50%; width: 190px; height: 126px; }*/

/* ******** Sectional Buttons ******** */
/* *********************************** */
section.button { height: 3.858em; }
section.button.thin { height: 2.57em; }
section.button.shiftup { margin-top: -18px; }
section.button a:hover {
	background-image: url(images/section-grad-top-trans.png); /**/
	background-position: top;
	outline: auto 5px rgba(0, 0, 0, 0.25); outline-offset: -2px;
	-moz-outline: rgba(0, 0, 0, 0.25) solid 2px; -moz-outline-radius: 0 7px 7px;
	-moz-outline-offset: 0;
}
section.button a, section.button a:hover:empty {
	display: block;
	text-align: center;
	font-size: 21px;
	line-height: 2.8;
	
	background-image: url(images/section-grad-bottom-trans.png); /**/
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	outline: none; -moz-outline: none;
}
section.button.thin a { line-height: 1.9; }
section.full.button a { height: 100%; width: 100%; }
section.split.button a { height: 100%; width: 354px; float: left; }
section.split.button a:first-child { width: 354px; border-right: 1px solid #000; }
section.split.button a + a { width: 355px; }
section.thirds.button a { height: 100%; width: 236px; float: left; }
section.thirds.button a:first-child { }
section.thirds.button a + a { border-left: 1px solid #000; }

/* ******** Search Bar ******** */
/* **************************** */
section.search {
	width: 628px;
	height: 3.158em;
	padding: 0.7em 40px 0 40px;
	background-image: url(images/section-grad-bottom-trans.png); /**/
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	/*background-image: url(../Markup/blueprint/src/grid.png);*/
}
section.search h4 { display: inline-block; width: 120px; margin: 0; }
section.search input { width: 390px; margin-left: -4px; }


/* ******** Regular Article ******** */
/* ********************************* */
article {
	position: relative;
	clear: both;
	left: 160px;
	width: 710px;
}
article > section {
	position: static; clear: none; left: 0; width: auto;
	-webkit-box-shadow: none; -moz-box-shadow: none;
	
	border-bottom: 0px solid #000;
	margin-bottom: 0px;
	padding: 18px 40px 35px 40px;
	/*background-image: url(../Markup/blueprint/src/grid.png);*/
}
article > section:last-child {
	background-image: url(images/section-grad-bottom-trans.png); /**/
	background-position: bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #000;
	padding-bottom: 35px;
	margin-bottom: 17px;
}
/*article > section:first-of-type > h2:first-child {*/
article > section > h2:first-child {
	margin: -0.643em -40px 0 -40px;
	width: auto;
	min-height: 53px;
	/*height: 53px; *//* Calculated Height: 72px */
	border-bottom: 1px solid #000;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 17px;
	padding-bottom: 0;
	
	background-color: rgb(55, 53, 163);
	background-image: url(images/section-grad-top-trans.png); /**/
	background-repeat: repeat-x;
	background-position: top;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	color: #fff;
}
/*article > section:first-of-type > h2.this-week:first-child {*/
article > aside + section > h2.this-week:first-child {
	background-color: #a33537;
}

article > section > div.half {
	float: left;
	width: 310px;
	padding-right: 10px;
}
article > section > div.half + div.half { padding-right: 0; margin-right: -10px; }

/* ******** Various Images ******** */
/* ******************************** */
img.poster {
	float: right;
	margin: 0 0 18px 10px;
}
img.poster.left {
	float: left;
	margin: 0 10px 18px 0;
}
section.this-week img.poster { float: none; margin: 0; }
img.poster, iframe {
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
}
img.map { margin: 18px 0 0 0; }
img.poster.tiny { width: 110px; }
img.poster.small { width: 150px; }
img.poster.medium { width: 190px; margin-right: -2px; margin-top: 18px; }
img.poster.large { width: 230px; margin-right: -2px; margin-top: 18px; }
img.h126 { height: 126px; } img.h144 { height: 144px; }
img.h162 { height: 162px; } img.h180 { height: 180px; }
img.h198 { height: 198px; } img.h216 { height: 216px; }
img.h234 { height: 234px; } img.h252 { height: 252px; }
img.h270 { height: 270px; } img.h288 { height: 288px; }
img.h306 { height: 306px; } img.h324 { height: 324px; }
img.h342 { height: 342px; }

/*section.gallery { background-image: url(grid.png) !important;
				  background-repeat: repeat !important;
				  background-position: top left !important; }*/
section.gallery img {
	width: 190px; height: 126px;
	padding-right: 6px;
	padding-bottom: 14px;
}
section.gallery img.portrait {
	position: static;
	width: 130px; height: 198px;
	padding-left: 30px;
	padding-right: 36px;
}

/* ******** Schedule Article ******** */
/* ********************************** */
article.schedule section {
	/*background-image: url(../Markup/blueprint/src/grid.png);*/
}
article.schedule h2 + h3, article.schedule div > h3 { margin-top: 18px; }
article.schedule h3, article.schedule h4 { text-align: center; }
article.schedule div > h4 { margin-top: -18px; }
article.schedule > section > div.half {
	float: left;
	width: 289px;
	padding-right: 40px;
}
article.schedule > section > div.half + div.half { padding-right: 0; }
article.schedule > section.split { padding: 0; }
article.schedule > section.split > div {
	height: 100%;
	width: 269px;
	float: left;
	border-right: 1px solid #000;
	padding: 18px 40px 35px 40px;
}
article.schedule > section.split > div + div {
	margin-left: 10px;
	width: 268px; border-right: none;
}

/* ******** Article Date Aside ******** */
/* ************************************ */
aside {
	float: right;
	margin-right: -120px;
	width: 110px;
}
aside a[rel~=bookmark] {
	display: block; position: relative; width: 60px; margin-bottom: 18px;
	border: 1px solid #888885; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	font: 24px/35px "Helvetica Neue", Arial, sans-serif; text-align: center;
	letter-spacing: 2px; text-decoration: none; color: #666;
	background-color: #fcfcfc;
	/*-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);*/
	background-image: url(images/section-grad-bottom-trans.png); /**/
	background-position: bottom;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
}
aside a[rel~=bookmark] sup {
	position: absolute; padding-top: 4px;
	font-size: 10px; line-height: 10px; letter-spacing: normal;
}
aside a[rel~=bookmark] abbr {
	display: block;
	font: 10px Verdana, sans-serif; letter-spacing: normal; color: white;
	-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px;
}
aside a[rel~=bookmark]>:first-child {
	width: 50px; margin: -1px 0 0 -1px; padding: 0 5px; border: 1px solid #832a28;
	line-height: 16px; text-align: left; text-transform: uppercase;
	background: #a33537;
	
	background-image: url(images/section-grad-bottom-trans.png); /**/
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
}
aside a[rel~=bookmark] sup+abbr {
	position: absolute; top: 0; left: 0; width: 52px; padding: 0 3px;
	border: 1px solid #a33537; border-bottom: 1px solid #832a28;
	line-height: 14px; color: #eaa; text-align: right;
}
aside a[rel~=bookmark] sub {
	display: none; height: 17px; border-top: 1px solid #bbd; margin: 0 3px;
	font: 9px/16px Verdana, sans-serif; letter-spacing: normal; text-align: center; color: #aac;
}
aside a[rel~=bookmark]:hover, aside a[rel~=bookmark]:focus {
	margin-bottom: 0; text-decoration: none;
	outline: auto 5px -webkit-focus-ring-color; outline-offset: -2px;
	-moz-outline: -moz-mac-focusring solid 2px; -moz-outline-radius: 0 7px 7px;
	-moz-outline-offset: 0;
}
aside a[rel~=bookmark]:hover sub, aside a[rel~=bookmark]:focus sub {
	display: block;
}

/* ******** Film Listing ******** */
/* ****************************** */
/*dl.credits > dd { display: run-in; }*/
ul.links {
	font-size: 16px;
	list-style-type: square;
}
ul.links.right { float: right; margin-left: 10px; }

/* ******** Schedule Thin Calendar ******** */
/* **************************************** */
section.thin.calendar {
	/*background-image: url(../Markup/blueprint/src/grid.png);*/
	height: 72px;
	text-align: center;
	background-image: url(images/section-grad-bottom-trans.png); /**/
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
}
section.thin.calendar ol, section.thin.calendar li {
	display: inline-block;
	list-style: none;
	margin: 0; padding: 0;
	overflow: hidden;
}
/*section.thin.calendar li {
	display: inline-block;
	margin: 0; padding: 0;
}*/
section.thin.calendar a:hover, section.thin.calendar a:focus {
	outline: auto 5px rgba(0, 0, 0, 0.25); outline-offset: -2px;
	-moz-outline: rgba(0, 0, 0, 0.25) solid 2px; -moz-outline-radius: 0 7px 7px;
	-moz-outline-offset: 0;
	background-image: url(images/section-grad-top-trans.png);
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
}
section.thin.calendar * { margin: 0; padding: 0; }
/* Top line (year) */
section.thin.calendar > ol > li, section.thin.calendar.past > ol > li + li {
	float: right;
	width: auto;
	height: 72px;
}
section.thin.calendar > ol > li > a, section.thin.calendar.past > ol > li + li > a {
	display: block;
	height: 35px;
	border-bottom: 1px solid #000;
	font-size: 1.5em;
	line-height: 1.9;
}
section.thin.calendar > ol > li > a { width: 710px; }
section.thin.calendar > ol > li + li > a { width: 590px; }
/* Past years section */
section.thin.calendar.past > ol > li:first-child {
	float: left;
	width: 119px;
	height: 72px;
	border-right: 1px solid #000;
}
section.thin.calendar.past > ol > li:first-child a {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 5;
	font-size: 1.5em;
	line-height: 3.5;
}
/* Months list */
section.thin.calendar ol ol { width: 100%; }
section.thin.calendar ol ol > li {
	display: block;
	float: left;
	width: 58px;
	height: 36px;
	border-right: 1px solid #000;
	line-height: 2.4;
}
section.thin.calendar.past ol ol > li { width: 48px; }
/*section.thin.calendar ol ol > li:last-child { width: 51px; }*/
section.thin.calendar.past ol ol > li:last-child { width: 51px; }
section.thin.calendar ol ol > li > a {
	display: block;
	width: 100%;
	height: 100%;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}
section.thin.calendar ol ol { display: block; float: right; }
section.thin.calendar ol ol > li:last-child { border-right: none; }

section.big.month.calendar ol { list-style: none; }

section.big.week.calendar ol {
	width: 100%;
	margin-top: 18px;
	
	list-style: none;
	font-size: 3em;
	line-height: 2;
}
/*section.big.week.calendar li { float: left; width: 25%; }*/

/* ******** Footer Section ******** */
/* ******************************** */
footer {
	position: relative;
	width: 950px;
	
	background-image: url(images/section-grad-bottom-trans.png); /**/
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	/*background-image: url(../Markup/blueprint/src/grid.png);*/
}
.cssgradients footer {
	/*background: -webkit-gradient(linear, left top, left bottom,
		from(rgb(251, 251, 251)), to(rgb(220, 220, 220))) 0 0 no-repeat;*/
}

footer > p { clear: left; margin: 18px 40px; }
footer > p:first-child { font-size: 16px; }
footer > p:last-child { margin-top: -18px; }

footer > ul {
	float: left;
	width: 188px; /* Total Width: 190px */
	margin-right: -30px;
	margin-top: 0;
	border-right: 2px solid #ccc;
	/*background-color: rgba(0, 0, 255, 0.15);*/
}
footer ul { margin-left: 40px; list-style-type: none; }
footer > ul:last-of-type { border-right: none; } /* Find a fix to avoid using last-of-type */
footer > ul ul { width: 158px; margin-left: 30px; }
footer > ul ul > li:before { content: "\00BB  "; }

footer > address {
	float: right;
	margin-right: 40px;
}






/* ******** Constitution ******** */
/* ****************************** */
/* **** Title Section **** */
body.constitution article.title-page { text-align: center; }
body.constitution article.title-page h2 { text-align: left; }
body.constitution article.title-page h3 { margin-top: 18px; }
body.constitution article.title-page h4 { margin-top: 18px; font-size: 24px; }
body.constitution article.title-page h4 + h4 { margin-top: 0; }
body.constitution article.title-page h4 small { display: block; margin-top: -9px; font-size: 14px; }
body.constitution article.title-page section p { text-transform: uppercase; }
body.constitution article.title-page section + section p { text-transform: none; }
body.constitution article.title-page div { float: left; width: 314px; margin: 18px 0; }

body.constitution span.article-split { display: none; }
body.constitution span.article-split + article { counter-reset: article; }
body.constitution span.article-split ~ article h2:before {
	content: "Article " counter(article) ": ";
	counter-increment: article;
}
body.constitution span.bylaw-split { display: none; }
body.constitution span.bylaw-split + article { counter-reset: article; }
body.constitution span.bylaw-split ~ article h2:before {
	content: "Bylaw " counter(article) ": ";
	counter-increment: article;
}
body.constitution span.stop-split ~ article h2:before { content: ""; }
body.constitution h2 { counter-reset: section; }
body.constitution section ol { list-style-type: none; }
body.constitution section ol > li:before {
	display: block;
	float: left; clear: left;
	width: 52px;
	margin-left: -60px;
	padding-right: 8px;
	text-align: right;
}
body.constitution section > ol > li:before {
	content: counter(article) "." counter(section) " ";
	counter-increment: section;
	counter-reset: subsection;
}
body.constitution section > ol ol { margin-left: 40px; }
body.constitution section > ol > li > ol > li:before {
	content: "(\200A" counter(subsection, lower-roman) "\200A) ";
	counter-increment: subsection;
	counter-reset: subsubsection;
}
body.constitution section > ol > li > ol > li > ol > li:before {
	content: " " counter(subsubsection, lower-roman) "\200A) ";
	counter-increment; subsubsection;
}
body.constitution section > ol.executive-duties > li > h4 { margin-top: 18px; }
body.constitution section > ol.executive-duties > li:before { content: ""; }
body.constitution section > ol.executive-duties > li > ol > li:before {
	content: counter(article) "." counter(section) "." counter(subsection) " ";
}