/* CSS Document */

/* Notes: Colors
 * 		
 		Md Gray: #7B7775
		Red: #C03202
-------------------------*/

#content-int { /* interior content wrapper */
	clear: left;
	background-color: #FFF;
}

/* Content containers interior
--------------------------------*/
/* 	main container width: 620px
	sidebar container width: 160px */
	
#container-int-sidebar-right {
	width: 160px;
	padding-bottom: 100px;
	float: right;
	background: url(../images/bkgd-sidebargrayfade.jpg) bottom left repeat-x;
	background-color: #D5D5D5;
}
#container-int-sidebar-right img {
	display: block;
}
#container-int-main { /* main content area for interior */
	margin: 0;
	background-color: #FFF;
	float: left; /* floated element and added width */
	width: 620px;
}

/* Sidebar w/bullets Interior
-------------------------------*/
/* Sidebar width edge to edge 160px
   Sidebar content area: 120px  */

div.sidebar-int {
	margin: 0;
	padding: 20px;
}
div.sidebar-int ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.sidebar-int ul li {
/*	display: block; */
	margin-left: 0px;
	padding: 5px 0px 5px 12px;
	background: url(../images/bullet-redarrow.gif) 0 .6em no-repeat;
	color: #000;
	font-weight: normal;
}
div.sidebar-int a:link, div.sidebar-int a:visited {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
div.sidebar-int a:hover {
	color: #C03202;
	font-weight: bold;
}
div.sidebar-int img.sidebarbug {
	margin-top: 15px;
	border: solid #000 1px;
}

/* Show Content formatting
------------------------------*/
/* Content width: 575px */

#showintro, #standardcontent, #standardcontent-shortpage, #standardcheating {
	padding: 15px 15px 15px 30px;
}

#showintro img.showimage {
	float: left;
	margin: 0 15px 15px 0;
}
#showintro h1, #standardcontent h1, #standardcontent-shortpage h1 {
	margin: 10px 0;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	color: #C03202;
}

#standardcontent h1.toppadding, #standardcontent-shortpage h1.toppadding {
	margin-top: 2em;
}

#showintro p.subhead { /* author and director */
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 15px;
}
#showintro p em {
	font-weight: bold;
	font-style: normal;
	line-height: 1.2em;
	text-transform: uppercase;
}
#showintro p {
	font-size: 1.1em;
	margin-bottom: 10px;
}
#showdescription {
	padding: 0 15px 15px 30px;
	clear: left;
}
#showdescription p, #standardcontent p {
	font-size: 1.1em;
	clear: left;
	line-height: 1.5em;
	margin-bottom: 10px;
}
#showdescription img, #standardcontent img {
	margin: 10px 0 10px 10px;
	float: right;
}
#showdescription img.showpic {
	margin: 10px 0;
	display: block;
	float: left;
}
#showdescription h2, #standardcontent h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}
table.columnlist {
	margin-bottom: 10px;
}
table.columnlist td {
	width: 33%;
	line-height: 1.5em;
}
table.columnlist a:link, table.columnlist a:visited {
	color: #C03202;
}
table.columnlist a:hover {
	color: #000;
}

#container-int-main p.clearfloat {
	clear: both;
}

div.showreview {
	border: solid #999 1px;
	margin-bottom: 1em;
	width: 570px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
}

#showdescription div.showreview h1 {
	font-size: 1.3em;
	font-weight: bold;
	padding: 1em 15px;
	background-color: #CCCCCC;
}

#showdescription div.showreview h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #666;
	margin: 1em 15px 0 15px;
	padding: 0;
}

#showdescription div.showreview h3 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 15px 1em 15px;
	padding: 0;
}

#showdescription div.showreview p {
	font-size: 1.2em;
	margin: 1em 15px;
	line-height: 1.5em;
}


/* Standard Content formatting
------------------------------------*/
/* Content width: 575px */

p.toplink {
	text-align: right;
}

#container-int-main img.nofloat {
	float: none;
	margin: 10px 0;
	display: block;
}

#container-int-main h3.inline {
	margin-top: 1.2em;
	font-size: 1.1em;
	font-weight: normal;
}

#container-int-main ul {
	margin: 0 0 1.5em 0;
	padding: 0;
}

#container-int-main li {
	margin-left: 2em;
	padding-left: 1em;
}

#container-int-main ul.pagelinks {
	margin: 0 0 2em 0;
	padding: 0;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.5em;
}

#container-int-main ul.pagelinks li {
	margin-left: 2em;
	padding-left: 0;
}

#container-int-main ul.pagelinks a:link, #container-int-main ul.pagelinks a:visited {
	text-decoration: none;
	color: #000;
}

#container-int-main ul.pagelinks a:hover {
	color: #C03202;
	font-weight: bold;
}

#pastproductions ul {
	margin: 0 0 2em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.2em;
	list-style: none;
}

#pastproductions li {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}

#showslist h3 {
	font-size: 1.1em;
	font-weight: bold;
}

#showslist h2 {
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}

#showslist h3.separator {
	border-top: solid #999 1px;
	padding-top: 1.2em;
}


/* Separators
--------------------------------*/

div.redrule3 {
	height: 3px;
	border-bottom: solid #C03202 3px;
}

/* Footerbar gray
--------------------------- */
#footerbar-int {
	background-color: #666;
	height: 1%;
}
