/*
Theme Name: Off-Broadway Alliance
Theme URI: http://www.offbroadwayalliance.com
Description: A custom theme for the Off Broadway Alliance based on the 960 Grid System.
Version: 1.0
Author: James Acklin
Author URI: http://www.acklindesign.com/

	Off-Broadway Alliance Theme 1.0
	http://www.offbroadwayalliance.com/

	This theme was designed and built by James Acklin
	as a custom-job for the Off-Broadway Alliance.

	The CSS, XHTML and design is (c) 2010 - 2011 James Acklin.

*/

/* for ease of updating into the future we use separate style sheets for colours and typography */

@import url(colours.css);
@import url(typography.css);

@font-face {
	font-family: "Levenim MT";
	src: url('lvnm.ttf');
}

@font-face {
	font-family: "Levenim MT Bold";
	src: url('lvnmbd.ttf');
}

/* Begin Structure */

body {
		background: url(images/farBack.jpg) top center #071A30 repeat-y;
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		}

#page {
		background: url(images/back.jpg) top center no-repeat;
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		}

#wrapper {
	background: url(images/pageBack.jpg) top center repeat-y;
}

#header {
		background: url(images/header-home.jpg) top center no-repeat;
		height: 236x;
		width: 960px;
		margin: 0 auto;
		}
		
#miniheader {
		background: url(images/headerBack.jpg) top center repeat-x;
		height: 100px;
		width: 960px;
		margin: 0 auto;
		}

#smallheaderimg {
		width: 172px;
		height: 100px;
		background: white;
}

#headerimg {
		position: relative;
		float: left;
		width: 203px;
		
		
		}
#headertext {
		position: absolute;
		top: 35px;
		left: 240px;
		width: 640px;
		padding-top: 55px;
		padding-left: 20px;
}
		
		
#headernav {
		float: right;
		height: 60px;
		margin-top: 25px;
		white-space: nowrap;
}

#headernav2 {
		float: right;
		height: 60px;
		white-space: nowrap;
}

#nav {
		float: right;
		margin-top: 20px;
}

#nav li {
		display: inline;
		font-family: "Levenim MT Bold", Arial, Helvetica, sans-serif;
		color: white;
		font-size: 1.8em;
		text-transform: uppercase;
		margin-right: 20px;
		
}

.topSocial {
		float: right;
		margin: 17px 15px 0 0px;
}


.hr {
	height: 20px;
	border-bottom: 4px solid #F0F0F0;
	width: 100%;
	margin-bottom: 40px;
}

.memberpic {
	text-align: center;
}

		
/* This hides the 'skip to' links and maintains accessibility */
		
#skip {
		position: absolute;
		top: -500px;
		width: 1px;
		height: 1px;
		overflow: hidden;
		}

#content {
		margin-top: 40px;
		}

#sidebar
{
		text-align: left;
		padding-top: 40px;
		padding-bottom: 25px;
		
		}

#footer {
		width: 960px;
		height: 59px;

		overflow: visible;
		margin: 40px auto 0 auto;
		padding: 25px 0 0 0;
		background: url(images/footerBottom.jpg) top center no-repeat;
		}	
		
#footer p {	
		margin-top: 15px;
		font-family:  "Levenim MT", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #ffffff;
}	
		
#footersocialicons {
	text-align: right;
}
 
 
.post {
		margin: 0 0 40px;
		}

.postmetadata {
		margin: 30px 0;
		}

.smallattachment {
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
		}

.attachment {
		margin: 5px 0px;
		}

.postmetadata {
		clear: both;
		}
		
.memberdetails {
	margin: 0;
	margin-top: 0.6em;
	margin-bottom: -1.4em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #666;
}

/* End Structure */

/* Begin Images */

.memberpicture {
	max-width: 60px;
}


p img {
		padding: 0;
		max-width: 100%;
		}

img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}

.alignright {
		float: right;
		}

.alignleft {
		float: left
		}
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {

		}

html>body .entry li {
		margin: 7px 0 8px 10px;
		}

.entry ul li:before, #sidebar ul ul li:before {
	
		}

.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
		}

.entry ol li {
		margin: 0;
		padding: 0;
		}
.entry ul {

	font-size: 1.5em;
	line-height: 1.5em;
	}
.entry ul li {
	list-style: disc !important;
	margin-left: 1em !important;
}

.entry ul li ul li {
	font-size: 0.6em !important;
	line-height: 1.5em;
	padding-left: 10px;
	list-style-type: circle;
}

.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}

/* End Entry Lists */

/* Begin Form Elements */
#searchform {
		margin: 10px auto;
		padding: 5px 3px;
		text-align: left;
		}

#sidebar #searchform #s {
		width: 108px;
		padding: 2px;
		}

#sidebar #searchsubmit {
		padding: 1px;
		}

.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
		}

select {
		width: 130px;
		}

#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}

#commentform {
		margin: 5px 10px 0 0;
		}

#commentform textarea {
		width: 100%;
		padding: 2px;
		}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}

#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		}

/* End Form Elements */

/* Begin Comments*/

.alt {
		margin: 0;
		padding: 10px;
		}

.commentlist {
		padding: 0;
		text-align: justify;
		}

.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none;
		}

.commentlist li .avatar { 
		float: right;
		padding: 2px;
		}

.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
		}

.commentlist p {
		margin: 10px 5px 10px 0;
		}

.children {
		padding: 0;
		}

#commentform p {
		margin: 5px 0;
		}

.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}

.commentmetadata {
		margin: 0;
		display: block;
		}

/* End Comments */

/* Begin Calendar */
#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}

#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}

#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}

#wp-calendar a {
		display: block;
		}

#wp-calendar caption {
		text-align: center;
		width: 100%;
		}

#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}

/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
		cursor: help;
		}

blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		}

blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

.center {
		text-align: center;
		}

.hidden {
		display: none;
		}

hr {
		display: none;
		}

.navigationTop {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 30px;
		}

.navigationBottom {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		}

/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

.wp-caption {
		text-align: center;
		padding-top: 4px;
		margin: 10px;
		}

.wp-caption img {
		margin: 0;
		padding: 0;
		}

.wp-caption p.wp-caption-text {
		padding: 0 4px 5px;
		margin: 0;
		}
/* End captions */


/* Welcome packet and widgets... */


.welcomepacketbutton:hover, .newsletterbutton:hover {
		background: #237697;	text-decoration: none;
}


.welcomepacketnav {
	font-size: 1.6em;
	font-weight: bold;
	font-family: sans-serif;
	
}

.welcomepacketnav .children .page_item {
		list-style-type: none;
margin-bottom: 1em;
}

.welcomepacketnav .children {
	margin-top: 1em;
}

.page-item-46 {
	list-style-type: none;
}

#wpng-cal-widget-events {
	margin-top: -20px;
	width: 260px;
}

#wpng-cal-widget-events ul {
	float: right;
	display: inline;
	width: 205px;
}

#wpng-cal-widget-events ul li a {
		font-size: 1.1em;
}

.wpng-widget-date-title {
	float: left;
	clear: both;
	display: block;
	font-weight: bold;
	width: 40px;
	height: 35px;
	border: 1px solid black;
	background: white;
	font-family: sans-serif;
	font-size: 18px;
	padding: 3px;
	padding-top: 5px;
	text-align: center;
	text-transform: uppercase;
}



/* Table CSS */

.related-members h4 {
		font-family: "GothamBold";
		font-size: 18px;
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 14px;
}

.related-members table, tr, td {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	padding: 3px;
	line-height: 1.5em;
}

.related-members thead { border-bottom: 1px solid #444; }

.related-members tr:nth-child(even) {background: rgba(232,232,232,0.8); }
.related-members tr:nth-child(odd) {background: transparent;}















body {
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		}

#headerimg .description {
		font-size: 1.2em;
		text-align: left;
		}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
		text-decoration: none;
		font-family: "Levenim MT Bold", Arial, Helvetica, sans-serif;
		}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
		text-decoration: none;
		font-family: "Levenim MT Bold", Arial, Helvetica, sans-serif;
		}

#nav li a {
		color: #ffffff;
		text-shadow: #666 0px 0px 5px;
}

#nav li a:hover {
		color: white;
		text-decoration: none;
		text-shadow: black 0px 0px 5px;
}



#h1-index {
		font-size: 4em;
		font-weight: bold;
		color: #081F3B;
		font-size: 48px;
		font-family: "GothamBold";
		text-shadow: white 1px 1px 0px;
}

#p-index {
		font-size: 1.6em;
		font-weight: bold;
		color: #ffffff;
		position: absolute;
		overflow: visible;
		font-family: "GothamBold";
		text-shadow: #74d0eb 2px 2px 3px;
}

h1.post-title {
		font-family: "Levenim MT Bold", Arial, Helvetica, sans-serif;
		font-size: 2.2em;
		line-height: 1.3em;
		margin-top: 0em;
		margin-bottom: 0.818182em;
		text-transform: uppercase;
		}

h2.widgettitle, h3.widgettitle {
		font-family: "Levenim MT Bold", Arial, Helvetica, sans-serif;
		font-size: 1.7em !important;
		text-transform: uppercase;
		margin-top: 20px !important;
		clear: both;
}
		
#index-recentnews {
		display: block;
		color: #666666;
		text-transform: uppercase;
		font-family: "Levenim MT Bold", Arial, Helvetica, sans-serif;
		margin-bottom: 30px;
		font-size: 2.5em;
		padding-bottom: 10px;
		border-bottom: 1px dashed #333;
}

h2 {
		font-size: 1.8em;
		line-height: 1em;
		margin-top: 0.5em;
		margin-bottom: 1.5em;
}

#header h2 {
		margin-bottom: 0em;
		line-height: 0em;
		}

h3 {
		font-size: 1.6em;
		line-height: 1.125em;
		margin-top: 0.5em;
		margin-bottom: 1.5em;
		}

#sidebar h3 {
		font-size: 1.2em;
		line-height: 1.2em;
		margin-top: 1.2em;
		margin-bottom: 0em;
		}

p, ol li {
		font-size: 1.5em;
		line-height: 1.5em;
		margin-top: 1.2em;
		margin-bottom: 1.2em;
		text-align: left
		}

#sidebar ul li {
	list-style-type: none;
}

ol li {
	list-style-type: decimal;
}

ul li {
	list-style-type: square;
}

a {
		text-decoration: none;
		}

a:hover {
		text-decoration: none;
		}

code {
		font: 1.1em 'Courier New', Courier, Fixed;
		}

acronym, abbr, span.caps
{
		font-size: 0.9em;
		letter-spacing: .07em;
		}

small {
		font-size: 1em;
		line-height: 1.8em;
		margin-top: 1.8em;
		margin-bottom: 1.8em;
		}

.postmetadata {
		text-align: left;
		font-size: 1em;
		font-family: "Verdana", "Trebuchet MS", "Helvetica", Arial, serif;
		}

.smallattachment {
		text-align: center;
		}

.attachment {
		text-align: center;
		}

.navigationTop, .navigationBottom {
		font-size: 1.5em;
		line-height: 1.2em;
		margin-top: 1.2em;
		margin-bottom: 1.2em;
		text-align: left
		}

#sidebar ul ul {
		font-size: 1.2em;
		line-height: 1.5em;
		margin-top: 0.9em;
		margin-bottom: 0em;
}

.commentlist li, #commentform input, #commentform textarea {
		font-size: 0.9em;
		}
		
.commentlist li ul li {
		font-size: 1em;
		}

.commentlist li {
		font-weight: bold;
		}

.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
		}

.commentlist p {
		font-weight: normal;
		line-height: 1.5em;
		text-transform: none;
		}

.commentmetadata {
		font-weight: normal;
		}

#wp-calendar #prev a, #wp-calendar #next a {
		font-size: 9pt;
		}

#wp-calendar a {
		text-decoration: none;
		}

#wp-calendar caption {
		font: bold 1.3em;
		text-align: center;
		}

#wp-calendar th {
		font-style: normal;
		text-transform: capitalize;
		}

.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		}
		
#footerContent {
	color: black !important;
}

#footer h2 {
		font-family: "GothamBold";
		font-size: 2.2em;
		line-height: 0.818182em;
		margin-top: 0em;
		margin-bottom: 0.818182em;
		text-transform: uppercase;
}


.pageContent {
	width: 580px;
	margin: 0px 30px;
display:inline;
  float:left;
}

.homeSidebar {
	width: 260px;
	margin: 30px;
	padding-bottom:25px;
  	padding-top:5px;
  	text-align:left;
	float:left;
}












.aboutRight ul {
list-style: none;
margin:0 0 260px 0;
padding: 0;
}



.aboutRight li {
list-style: none;
margin:0;
padding: 0;
border-bottom: dotted 1px #000000;
}

.aboutRight li a {
display: block;
padding: 0 10px 0 10px;
width: 240px;
line-height: 35px;
background: #ED1B24;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #ffffff;
list-style: none;
text-decoration: none;
}

.aboutRight li ul  li a {
display: block;
padding: 0 10px 0 10px;
width: 240px;
line-height: 35px;
background: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #333333;
list-style: none;
text-decoration: none;
}

.aboutRight li ul li a:visited {
color: #333333;
background: #ffffff;
}

.aboutRight  li ul li a:hover{
color: #000000;
background: #E7E7E7;
}

.aboutRight li ul li:last-child {
border-bottom: none;
}

.nextMeetingBox {
margin-bottom: 15px;
}

.nextMeetingBox p {
margin-top: 0px;
}

.nextMeetingBox h3 {
margin: 0;
font-family: "Levenim MT Bold", Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 22px;
color: #ED1B24;
text-decoration: none;
text-align: left;
font-weight: normal;
}