/*
*** General Structure Stuff
*/

/*@font-face {
	font-family: 'GothamMed';
	src: url('../fonts/Gotham-Medium.eot');
	src: local('Gotham Medium Regular'), local('Gotham-Medium'), url('http://harranfoundation.org/css/Gotham-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'GothamMed';
	src: url('../fonts/Gotham-Medium.ttf');
	src: local('Gotham Medium Regular'), local('Gotham-Medium'), url('http://harranfoundation.org/css/Gotham-Medium.ttf') format('truetype');
}*/

html, body {
	height: 101%;
	font: 11px/15px arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: center;
	background: url(../images/backgrounds/bg.jpg) top center no-repeat #000000;
	}

form, img { display: inline; }
input.styled, textarea.styled {
	margin: 2px 0;
	border: 1px solid #D1D1D1;
	font: 11px/13px arial, verdana, sans-serif;
	}
label {
	margin: 2px 0;
	float: left;
	width: 125px;
	letter-spacing: 1px;
	}
img, table { border: 0px; }
td { vertical-align: top; }
a:link, a:visited { color: #999900; text-decoration: none; }
a:hover, a:active { color: #000000; }
#contentRight a:link, #contentRight a:visited { color: #aaaa00; text-decoration: none; }
#contentRight a:hover, #contentRight a:active { color: #ffffff; }


/*
*** Main Blocks
*/

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 1022px;
	min-height: 470px;
	text-align: left;
	}

#header {
	margin: 0;
	height: 130px;
	}
#header #logo {
	padding: 40px 0 24px 0;
	text-align: center;
	}
#header #logo img {
	height: 44px;
	width: 196px;
	}
#header #navShadow {
	position: absolute;
	top: 97px;
	left: 111px;
	}
#header #topNav table {
	margin: 0 0 0 111px;
	width: 799px;
	}

#topNav a {
	display: block;
	margin: 0 1px 0 0;
	height: 22px;
	line-height: 22px;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: #333;
	color: #bbb;
	letter-spacing: 1px;
	}
#topNav a.left.on,
#topNav a.left.on:hover {
	background: #fff;
	color: #aa0;
	}
#topNav a.right.on,
#topNav a.right.on:hover {
	background: #181818;
	color: #fff;
	}
#topNav a:hover {
	background: #444;
	color: #fff;
	}
#topNav td#navProjects { width: 170px; }
#topNav td#navFilm { width: 100px; }
#topNav td#navLibrary { width: 130px; }
#topNav td#navLibrary a {
	margin-right: 0;
	}


#content {
	position: relative;
	min-height: 470px;
	}


#contentCenter {
	float: left;
	margin: 0 0 0 1px;
	width: 799px;
	}

#contentFootRight, #contentFootLeft {
	float: left;
	width: 398px;
	margin: 10px 0 0 0;
	font: 9px/10px arial;
	letter-spacing: 1px;
	color: #ffffff;
	}
#contentFootRight { text-align: right; }
#contentFootRight a, #contentFootLeft a {
	text-decoration: none;
	font: 9px/10px arial;
	letter-spacing: 1px;
	color: #aaaa00;
	}
#contentFootRight a:hover, #contentFootLeft a:hover { color: #ffffff; }



#contentLeftWrap {
	float: left;
	width: 398px;
	margin: 0 0 0 1px;
	}
#contentLeft {
	position: relative;
	min-height: 449px;
	}
#contentLeftInWrap {
	min-height: 449px;
	background: #ffffff;
	-moz-box-shadow: 6px 12px 18px #000000;
	-webkit-box-shadow: 6px 12px 18px #000000;
	box-shadow: 6px 12px 18px #000000;
	}
#contentLeftTop {
	position: relative;
	height: 120px;
	width: 398px;
	border-bottom: 1px solid #eeeeee;
	background: #ffffff;
	}
#contentLeftTop .pad {
	padding: 17px 15px;
	}
#contentLeftTop h3 {
	letter-spacing: 1px;
	}
#contentLeftTopAbout h3 {
	color: #555555;
	}
#contentLeftTop img#close {
	float: right;
	}
#contentLeftTop .action,
#contentLeftTop .socnets {
	position: absolute;
	bottom: 10px;
	left: 15px;
	}
#contentLeftTop .socnets img {
	margin-right: 10px;
	}
#contentLeftBottom {
/*	min-height: 330px;*/
	width: 398px;
	background: #ffffff;
	}
#contentLeftBottom .pad {
	padding: 10px 15px;
	}
#contentLeftBottom p, #contentRightBottom p {
	letter-spacing: 1px;
	line-height: 16px;
	}

#contentLeft h4.performer-header, #contentLeft a.performer-header {
	display: block;
	margin: 0;
	border-bottom: 1px solid #cccccc;
	color: #333333;
	background: #e3e3e3;
	font: 9px/12px arial;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	padding: 10px 15px;
	text-decoration: none;
	}
#contentLeft h4.performer-header .toggle {
	float: right;
	font-size: 20px;
	color: #888888;
	}
#contentLeft h4.performer-header .date, #contentLeft a.performer-header .date {
	text-transform: none;
	font-weight: 900;
	}
#contentLeft div.performer-content {
	display: none;
	padding: 15px;
	letter-spacing: 1px;
	font: 11px/15px arial;
	}

img.people {
	float: left;
	margin: 3px 7px 3px 0;
	}

.newsTitle {
	margin: 0 0 15px 0;
	padding: 0 0 0 12px;
	background: url(../images/icons/arrow-right.gif) 0px 3px no-repeat;
	font-size: 12px;
	}


#subNavLeft {
	position: relative;
	float: left;
	width: 110px;
	min-height: 120px;
	background: #ffffff;
	-moz-box-shadow: 6px 9px 12px #000000;
	-webkit-box-shadow: 6px 9px 12px #000000;
	box-shadow: 6px 9px 12px #000000;
}
#subNavLeft .pad { padding: 5px 0 5px 7px; }
#subNavLeft img {
	border: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	}
#subNavLeft .pad a {
	display: block;
	font-size: 9px;
	line-height: 10px;
	text-decoration: none;
	color: #666666;
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
	}
#subNavLeft .pad a:active, #subNavLeft .pad a:hover, #subNavLeft .pad a.selected {
	color: #000000;
	text-decoration: none;
	}
#subNavLeft .pad div.subSection a {
	padding: 0 0 0 20px;
	}
#subNavLeft .pad div.subSection {
	padding: 2px 0 5px 0;
	margin: 0;
	}
#subNavLeft .pad a:active, #subNavLeft .pad a:hover, #subNavLeft .pad a.selected {
	background: url(../images/icons/box.gif) no-repeat 0px 2px;
	}
#subNavLeft .pad div.subSection a:active, #subNavLeft .pad div.subSection a:hover, #subNavLeft .pad div.subSection a.selected {
	background: url(../images/icons/arrow-right.gif) no-repeat 10px 2px;
	}

#contentRightWrap {
	float: left;
	width: 400px;
	margin-left: 1px;
	}

#contentRight {
	position: relative;
	min-height: 449px;
	}
#contentRightInWrap {
	min-height: 449px;
	background: #181818;
	-moz-box-shadow: -5px 12px 18px #000000;
	-webkit-box-shadow: -5px 12px 18px #000000;
	box-shadow: -5px 12px 18px #000000;
	}
#contentRightTop {
	height: 120px;
	border-bottom: 1px solid #222222;
	background: #181818;
	}
#contentRightTop .pad {
	padding: 17px 15px;
	}
#contentRightTop h3 {
	color: #ffffff;
	letter-spacing: 1px;
	}
#contentRightTop img {
	float: right;
	}
#contentRightBottom {
/*	min-height: 330px;*/
	background: #181818;
	}
#contentRightBottom .pad {
	padding: 10px 15px;
	color: #cccccc;
	}
#contentRight h4.performer-header {
	margin: 0;
	border-bottom: 1px solid #222222;
	background: #080808;
	color: #d1d1d1;
	font: 9px arial;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	padding: 10px 15px;
	}
#contentRight h4.performer-header .toggle {
	float: right;
	margin-top: -7px;
	font-size: 20px;
	color: #888888;
	}
#contentRight div.performer-content {
	display: none;
	padding: 15px;
	color: #cccccc;
	letter-spacing: 1px;
	font: 11px/15px arial;
	}


#subNavRight {
	position: relative;
	float: left;
	width: 110px;
	min-height: 120px;
	background: #181818;
	border-left: 1px solid #000000;
	-moz-box-shadow: 6px 9px 12px #000000;
	-webkit-box-shadow: 6px 9px 12px #000000;
	box-shadow: 6px 9px 12px #000000;
	}
#subNavRight .pad { padding: 5px 0 5px 7px; }
#subNavRight img {
	border: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	}
#subNavRight .pad a {
	display: block;
	font-size: 9px;
	line-height: 10px;
	text-decoration: none;
	color: #bbbbbb;
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
	}
#subNavRight .pad a:active, #subNavRight .pad a:hover, #subNavRight .pad a.selected {
	color: #ffffff;
	text-decoration: none;
	}
#subNavRight .pad div.subSection a {
	padding: 0 0 0 20px;
	}
#subNavRight .pad div.subSection {
	padding: 2px 0 5px 0;
	margin: 0;
	}
#subNavRight .pad a:active, #subNavRight .pad a:hover, #subNavRight .pad a.selected {
	background: url(../images/icons/box.gif) no-repeat 0px 2px;
	}
#subNavRight .pad div.subSection a:active, #subNavRight .pad div.subSection a:hover, #subNavRight .pad div.subSection a.selected {
	background: url(../images/icons/arrow-right.gif) no-repeat 10px 2px;
	}

#home {
	position: relative;
	margin: 0;
	width: 799px;
	height: 449px;
	-webkit-font-smoothing: antialiased;
	}
#home .pad {
	display: none;
	margin: 0;
	padding: 20px 24%;
	height: 409px;
	text-align: center;
	background: url(../images/backgrounds/transBlackHome.png) 0px 0px no-repeat;
	}
#home .pad a:link,
#home .pad a:visited {
	color: #fff;
	}
#home .pad p {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 15px;
	line-height: 1.5em;
	color: #ffffff;
	}
#home .pad .flyer {
	position: relative;
	font-weight: 900;
	}
#home .pad .flyer:before {
	content: ' ';
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 300px;
	margin: -150px 0 0 -250px;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,0,0,1) 0%, rgba(255,0,0,0) 67%, rgba(255,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,0,0,1)), color-stop(67%,rgba(255,0,0,0)), color-stop(100%,rgba(255,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,0,0,1) 0%,rgba(255,0,0,0) 67%,rgba(255,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,0,0,1) 0%,rgba(255,0,0,0) 67%,rgba(255,0,0,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,0,0,1) 0%,rgba(255,0,0,0) 67%,rgba(255,0,0,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(255,0,0,1) 0%,rgba(255,0,0,0) 67%,rgba(255,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#00ff0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

#home .pad p,
#home .pad .flyer * {
	position: relative;
	z-index: 2;
	}
#home .pad .flyer a:link,
#home .pad .flyer a:visited {
	display: inline-block;
	padding: 1em 3em;
	color: #ea3;
	}

#legalCopy { display: none; }

img#close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	}


input.error, textarea.error {
	border: 1px solid #aaaa00;
	} 
em.error {	
	visibility: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	}
div.error, div.thanks {
	color: #aaaa00;
	}
div.error { display: none; }




.mce_inline_error { display: inline; float: right; margin: 2px 0 0 5px; color: #aaaa00; }



/*
*** Basics for use everywhere
*/

gotham { font-family: GothamMed; }

h1 { margin: 0 0 21px 0; }
h2 { margin: 0 0 16px 0; }
h3 { margin: 0 0 6px 0; }
h3 { margin: 0 0 4px 0; }
h1, h1 a { font: lighter 32px/40px arial, verdana, sans-serif; }
h2, h2 a { font: lighter 24px/26px arial, verdana, sans-serif; }
h3, h3 a { font: 16px/20px arial, verdana, sans-serif; color: #aaaa00; }
h4, h4 a { font: 13px/15px arial, verdana, sans-serif; }
h5, h5 a { font: 11px/15px  arial, verdana, sans-serif; }
h6, h6 a { font: 9px/12px arial, verdana, sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a.plainify { text-decoration: none; }

ul.links { list-style-image: url(../images/icons/arrow-right.gif); padding: 0 0 0 17px; margin: 0; }
ul.links a { text-decoration: none; font: bold 12px/20px arial; color: #333333; }
ul.links a:hover { color: #aaaa00; }
#contentRight ul.links a { text-decoration: none; font: 100 11px/20px arial; color: #cccccc; }
#contentRight ul.links a:hover { color: #aaaa00; }
ul.plain { list-style: none; padding: 0; }
ul.square { list-style-image: url(../images/icons/box.gif); padding: 0 0 0 17px; letter-spacing: 1px; }
ul.square li { margin: 2px 0; }

.break2 { margin-top: 2px; }
.break3 { margin-top: 3px; }
.break5 { margin-top: 5px; }
.break10 { margin-top: 10px; }
.break15 { margin-top: 15px; }
.break20 { margin-top: 20px; }
.break25 { margin-top: 25px; }
.break30 { margin-top: 30px; }
.break50 { margin-top: 50px; }
.break100 { margin-top: 100px; }

.pad2 { padding: 0 2px; }
.pad3 { padding: 0 3px; }
.pad5 { padding: 0 5px; }
.pad10 { padding: 0 10px; }
.pad15 { padding: 0 15px; }
.pad20 { padding: 0 20px; }
.pad30 { padding: 0 30px; }
.pad50 { padding: 0 50px; }

.wrap5 { padding: 5px; }
.wrap10 { padding: 10px; }
.wrap3_6 { padding: 3px 6px; }
.wrap7_10 { padding: 7px 10px; }
.wrap12_15 { padding: 12px 15px; }
.wrap17_20 { padding: 17px 20px; }
.wrap22_25 { padding: 22px 25px; }

.width50 { width: 50px; }
.width150 { width: 150px; }
.width175 { width: 175px; }

.dashed { border-top: 1px dashed #D1D1D1; }

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.justify { text-align: justify; }

.mini { font-size: 9px; }

.loose { line-height: 1.45em; }
.tight { line-height: 1.1em; }
.cramped { letter-spacing: -0.05em; }
.spread { letter-spacing: 0.25em; }
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }

.colorText, a.colorText { color: #666666; }
.colorTextLight, a.colorTextLight { color: #D1D1D1; }

.auto { margin: auto; }
.block { display: block; }

.clear {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}