@import url('common.css');
/* CSS layout */
body {
	background-color: #000000;
	color: #ffffff
}
a.opt-link,a.opt-link:link,a.opt-link:visited,a.showbtn,a.showbtn:link,a.showbtn:visited
{
	background-color: #663333;
	color: #FFFFFF;
}

a.opt-link:hover,a.opt-link:active,a.showbtn:hover,a.showbtn:active
{
	background-color: #993333;
	color: #999999;
}
.maintext {
	padding-right: 30px;
	padding-left: 30px;
	color: #FFFFFF;
}
h1 {
	color: #D5A56A;
}
a:link {
	color: #CCAAAA;
}
a:visited {
	color: #663333;
}
#col-right {
	width: 35%;
}
.colmask {
	position: relative; /* This fixes the IE7 overflow hidden bug */;
	clear: both;
	float: left;
	width: 100%; /* width of whole page */;
	overflow: hidden;
	background-color: #003300;
	background-image: url('../cinema/images/elements/bg/bg-g.gif');
}
.threecol .colmid {
	right: 25%; /* width of the right column */;
}
	.colmid {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.threecol .colleft {
	right: 50%; /* width of the middle column */;
}
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.threecol .col1 {
	padding: 1%;
	width: 48%; /* width of center column content (column width minus padding on either side) */;
	left: 108%;
	background-color: #003300;
	background-image: url('../cinema/images/elements/bg/bg-g.gif');
}
.col1 {
	float: left;
	position: relative; /* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */;
	overflow: hidden;
}
.threecol .col2 {
	padding: 1%;
	width: 30%; /* Width of left column content (column width minus padding on either side) */;
	left: 25%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */;
	background-color: #003300;
	background-image: url('../cinema/images/elements/bg/bg-g.gif');
}
.col2 {
	float: left;
	position: relative; /* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */;
	overflow: hidden;
}
.threecol .col3 {
	padding: 1%;
	width: 16%; /* Width of right column content (column width minus padding on either side) */;
	left: 76%; /* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */;
	background-color: #003300;
	background-image: url('../cinema/images/elements/bg/bg-g.gif');
}
.col3 {
	float: left;
	position: relative; /* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */;
	overflow: hidden;
}
.gallery2 { list-style: none; padding: 0; margin: 0; }
.gallery2:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery2 li { float: left; width: 80%; }
.gallery2 li a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
.gallery2 li img { display: block; width: 100%; height: auto; }

.caption { float: left; width: 33.33333333%; }