@import url(http://www.chicagonow.com/cgi-bin/mt/mt-static/addons/ChicagoNow.pack/css/base.css);

 body { background-color: #000000; }
#content { min-height: 200px; background: #fff; padding: 10px; border-right: 4px solid #444444; border-left: 4px solid #444444; border-bottom: 4px solid #444444;}

#blog-header {
background: #000;
width: 100%;
}
    #blog-header-inner {
    background: url(http://www.chicagonow.com/blogs/off-broadway-in-chicago/images/obic_header.jpg) no-repeat #fff;
    width: 980px;
    height: 245px;
    margin: 0 auto;
    margin-top: -20px;
    border-right: 4px solid #444444; 
    border-left: 4px solid #444444;
    }
    #blog-header-inner h2 {
    visibility: hidden;
    }

ul.nav li, ul.nav li.active {
        position: relative;
        top: 5px;
        border-bottom: 1px solid #888888;
}
ul.nav li {
	list-style: none;
	float: left;
        line-height: 13px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-radius-topright: 2px;
	-moz-border-radius-bottomleft: 0px !important;
	-webkit-border-radius-bottomleft: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	-webkit-border-radius-bottomright: 0px !important;
}
ul.nav li.active { 
        color: #000 !important;
	background-color: #BA2830;
	-moz-border-radius-topleft: 2px;
	-webkit-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-radius-topright: 2px;
	-moz-border-radius-bottomleft: 0px !important;
	-webkit-border-radius-bottomleft: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	-webkit-border-radius-bottomright: 0px !important;
}
ul.nav li a {
	text-decoration: none;
	color: #000000;
        font-size: 13px;
}

ul.nav li a:hover {
	text-decoration: none;
	color: #000000;
        font-size: 13px;
}
ul.nav li.active a:hover {
	text-decoration: none;
	color: #fff;
        font-size: 13px;
}

ul.nav li.active:hover {
        color: #fff !important;
	background-color: #666;
}

ul.nav {
position: relative;
margin-top: 130px;
margin-left: 0px;
border-bottom: 1px solid #888888;
padding: 4px 0;
width: 980px;
margin-bottom: 10px;
}

#beta #widget-subscribe {
    background-color: #BA2830;
    color: #FFFFFF !important;
}
#footer * {
color: #fff !important;
}

	#footer {
        border-top: 2px solid #444;
	background: #222;
        margin-bottom: -20px;
	}

.page #content {
margin-top: -5px;
}

.entry-title a {
color: #BA2830;
}

/* Contribute Page */
#page-info-blurb {
font-family: Arial, Verdana, Helvetica;
font-size: 14px;
margin: 12px 0;
}
#calendar-list ul, #calendar-list li, #theater-list ul, #theater-list li {
list-style-type: none;
margin-left: 0;
}
#calendar-list li, #theater-list li {
margin-bottom: 16px;
border-bottom: 1px solid #f0f0f0;
}
.calendar-img, .theater-img {
float: left;
margin-right: 12px;
}
.calendar-blurb, .theater-blurb {
float: left;
font-size: 18px;
font-family: Arial, Verdana, Helvetica;
font-weight: bold;
}

.page-title {
font-size: 40px;
font-family: "Arial";
font-weight: normal;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e1e1e1;
padding-bottom: 30px;
margin-bottom: 20px;
color: #333333; 
}
#theater-contrib-widget .theater-blurb span a {
	font-size: 12px;
}
#theater-contrib-widget ul li {
	margin-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
}
#theater-contrib-widget span a {
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
font-weight: bold;
float: right;
margin-top: 4px;
}
#theater-contrib-widget {
padding-left: 4px;
padding-top: 4px;
background: #f0f0f0;
border: 1px solid #ccc;
-moz-border-radius-topleft: 4px;
-webkit-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px !important;
-webkit-border-radius-bottomleft: 4px !important;
-moz-border-radius-bottomright: 4px !important;
-webkit-border-radius-bottomright: 4px !important;
}

/* Broadway CSS */
#beta, #alpha, .entry-content {
font-family: Arial, Verdana, Helvetica !important;
}

.front-page-module {
	margin: 12px 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
}
#broadway-front-page .entry-title {
display: none;
}
#broadway-front-page .entry.summary {
border: 0 !important;
}
#broadway-front-page {
padding-top: 6px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.module-title, .content-by-theater .module-title {
	font-family: "Georgia";
	font-size: 23px;
	color: #BA2830;
	margin-bottom: 7px;
	line-height: 28px;
}
.module-title a {
	text-decoration: none;
	color: #BA2830;
}
h4.module-title {
font-size: 16px;
line-height: 20px;
}
h4.module-title a {
font-size: 16px;
color: #444;
}

.main-index .entry, .main-index .summary {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #ccc;
}

.main-index .entry-footer {
	diplay: none !important;
}

.main-index .entry-header {
	display: none !important;
}

.entry-page .entry-header {
display: block !important;
}
/* Intro */
#intro {
font-family: Arial, Verdana, Helvetica;
margin-bottom: 10px;
}
#intro ul {
margin-left: 20px;
}
#intro ul, #intro li {
font-size: 14px;
line-height: 19px;
}
#intro li {
margin-bottom: 6px;
}
#intro #whats-in-it {
list-style-type: square !important;
font-size: 12px;
line-height: 17px;
}
#intro ul#whats-in-it {
list-style-type: square !important;
margin: 6px 0 6px 0;
}
#intro ul#whats-in-it li {
list-style-type: square !important;
margin-bottom: 0;
}

/* Highlights */
#highlights {
	
}
	#recent-from ul, #recent-from li, #highlights ul, #highlights li {
		list-style-type: square;
		margin-left: 8px;
	}
	#recent-from li, #highlights li {
		margin-bottom: 8px;
	}
	#recent-from, .hlight-link {
		font-family: Arial, Verdana, Helvetica;
		/* line-height: 21px; */
	}
	#recent-from a, a.hlight-link {
		font-weight: bold;
		text-decoration: none;
	}
	
/* Talked about */
#talked-about {
	
}
.talked-about-item {
	width: 278px;
        height: 165px;
	margin-bottom: 12px;
	float: left;
	margin-right: 12px;
}
.talked-about-img {
	width: 125px;
	height: 125px;
	background: #ccc;
	float: left;
	margin: 0 6px 6px 0;
}
.talked-about-blurb {
	width: 135px;

	float: left;

}
        .talked-about-blurb .entry-date {
                display: block;
		font-family: Arial, Verdana, Helvetica;
                font-size: 12px; 
                margin-bottom: 3px;
        }
        .talked-about-blurb .entry-title {
		display: block;
		font-family: Arial, Verdana, Helvetica;
		font-weight: bold;
		font-size: 14px;
		line-height: 15px;
	}
	.talked-about-blurb .entry-body {
		font-size: 13px;
		line-height: 13px;
	}
	.talked-about-blurb .entry-category {
		display: block;
		font-size: 11px;
		font-style: italic;
	}
.talked-about-item .read-more {
display:block;
font-size: 12px;
font-weight: bold;
} 
	
/* Theaters Online */
#theaters-online {
	
}
.module-item-name {
	float: left;
	margin-right: 15px;
}
	.module-item-name a {
		display: block;
		width: 100%;
		height: 100%;
	}
#theaters-online #wiki {
	background: url(http://www.chicagonow.com/blogs/off-broadway-in-chicago/images/wikipedia.jpg) no-repeat center center;
	width: 83px;
	height: 96px;
}
	#wiki span {
		display: none;
	}
#theaters-online #twitter {
	background: url(http://www.chicagonow.com/blogs/off-broadway-in-chicago/images/twitter.PNG) no-repeat center center;
	width: 128px;
	height: 96px;
}
	#twitter span {
		display: none;
	}
#theaters-online #youtube {
	background: url(http://www.chicagonow.com/blogs/off-broadway-in-chicago/images/youtube.jpg) no-repeat center center;
	width: 90px;
	height: 96px;
}
	#youtube span {
		display: none;
	}
#theaters-online #facebook {
	background: url(http://www.chicagonow.com/blogs/off-broadway-in-chicago/images/facebook.jpg) no-repeat center center;
	width: 100px;
	height: 96px;
}
	#facebook span {
		display: none;
	}
#theaters-online #blog {
	background: url() #000 no-repeat;
	text-align: center;
	width: 80px;
	height: 45px;
	line-height: 20px;
	font-family: Arial, Verdana, Helvetica;
	font-size: 16px;
	font-weight: bold;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top: 25px;
}
	#blog a {
		color: #fff;
		text-decoration: none;
	}
	#blog span {
		display: ;
	}
#theaters-online #site {
	background: url() #000 no-repeat;
	text-align: center;
	width: 100px;
	height: 45px;
	line-height: 20px;
	font-family: Arial, Verdana, Helvetica;
	font-size: 16px;
	font-weight: bold;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top: 25px;
}
	#site a {
		color: #fff;
		text-decoration: none;
	}
	#site span {
		display: ;
	}

	
/* Right-rail and Widgets */
/* Latest Releases */
#latest-releases .release {
	width: 300px;
	margin-bottom: 8px;
}
	.release-blurb .release-title a:link, .release-blurb .release-title a:visited {
		text-decoration: none;
	}
	.release-blurb .release-title a:active, .release-blurb .release-title a:hover {
		text-decoration: underline;
	}
	.release .release-img {
		float: left;
		width: 100px;
		height: 100px;
		background: #ccc url(http://www.chicagonow.com/blogs/off-broadway-in-chicago/images/deafault.press.release.jpg) no-repeat;
	}
	.release .release-blurb {
		float: right;
		width: 190px;
		padding: 0 0 0 10px;
	}
		.release .release-blurb .release-title {
			display: block;
			line-height: 19px;
			margin-bottom: 6px;
			font-family: Arial, Verdana, Helvetica;
			font-weight: bold;
		}
	.release-desc {
	font-size: 14px;
	}
/* HotTix */
#hot-tix #hot-tix-logo {
	float: left;
	width: 128px;
}
#hot-tix #about-hot-tix {
	float: right;
	width: 190px;
	padding: 0 0 0 10px;
}


/* Juitter */
/*JUITTER PLUGIN CSS*/
#juitterContainer{ width:100%;margin: 0; font-size: 12px;} 

/*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;background:#FFF;margin:0;padding:0px 2px 3px 2px; clear:both;height:60px;overflow:hidden;border:none;
} 
#juitterContainer .twittList A {color:#d71920 !important;text-decoration:none;} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */
#juitterContainer .twittList .username {color:#000000 !important; font-weight:bold;text-decoration:none;}

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:40px;height:40px;}

#juitterContainer .twittList .twittLI .jRM {float:right;clear:both;color:#000000 !important;text-decoration:underline;} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/
/*end of Juitter CSS*/

/* Contribute Page */
#contribute-instructions {
font-family: Arial, Verdana, Helvetica;
font-size: 14px;
margin: 12px 0;
}
#calendar-listul, #calendar-list li, #theater-list ul, #theater-list li {
list-style-type: none;
margin-left: 0;
}
#calendar-list li, #theater-list li {
margin-bottom: 16px;
border-bottom: 1px solid #f0f0f0;
}
.theater-img {
float: left;
margin-right: 12px;
}
.theater-blurb {
float: left;
font-size: 18px;
font-family: Arial, Verdana, Helvetica;
font-weight: bold;
}

.page-title {
font-size: 40px;
font-family: "Arial";
font-weight: normal;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e1e1e1;
padding-bottom: 30px;
margin-bottom: 20px;
color: #333333; 
}
#theater-contrib-widget .theater-blurb span a {
	font-size: 12px;
}
#theater-contrib-widget ul li {
	margin-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
}
#theater-contrib-widget span a {
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
font-weight: bold;
float: right;
}

#recent-from ul {
float: right;
width: 365px;
}
#recent-from ul li div {
width: 350px;
}
#chris-jones-img {
float: left;
background: #ccc;
}
.pubdate {
display: block;
font-size: 12px;
color: #444;
}
.theater-contrib-widget .theater-blurb {
width: 160px;
}
.theater-contrib-widget .theater-blurb span {
float:left;
}

.content-by-theater li {
margin-bottom: 8px;
}

/* Email Form */
#theatSbmtName {
	width: 500px;
        margin-top: 12px;
}

.formitem {
	width: 100%;
}
	.formitem input, #theatSbmtName textarea {
		font-family: Georgia, "Times New Roman", Times;
		font-size: 19px;
	}
	.formitem input {
		width: 100%;
		height: 30px;
		border: 1px solid #ccc;
	}
	#theatSbmtName textarea {
		width: 100%;
		border: 1px solid #ccc;
	}

.error {
	height: 13px;
	color: #cc0000;
	font-size: 11px;
	margin-bottom: 6px;
        overflow: hidden;
}
	.suggestion {
		color: #777;
		font-size: 11px;
		height: 13px;
	}
	.requiredField {
		color: #cc0000;
	}

#theatSbmtName .button {
	padding: 3px;
	margin: 8px 0;
	background: #ccc;
	border: 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
	#theatSbmt {
		font-size: 14px;
		display: block;
		float: right;
	}
	#theatSbmt:active {
		background: #999;
	}
	
#thanks {
	position: relative;
        top: -30px;
	background: #f0f0f0;
	width:350px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: none;
}
/*
#optional {
	display:none;
	padding-top: 6px;
}
	#openOptionals {
		cursor: pointer;
		font-size: 13px;
		padding: 2px;
		color: #fff;
		background: #336699;
		width: 100px;
		text-align: center;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	} */

#address, #phoneNumber {
margin-bottom: 12px;
}

.preview-carousel li {
margin-right: 3px;
}