/* 
	www.yorkstudentcinema.org :: Default Style :: /style/style.css
	Adapted from Breeze Style - Richard Adams (http://www.wblinks.com)
	Updated  : 5 January 2007
	Authors  : Richard Adams
		   John Neeson

	You may study this CSS to see how certain things work so that you can
	use them in your own site. Please don't just cut and paste the whole 
	thing though!
*/

/* Default Values
------------------------------------------------------------------------------*/

* {
	padding: 0px;
	border: 0px;
	margin: 0px;
}
 
/* Links
------------------------------------------------------------------------------*/

p a {
	color: #555;
	border-bottom: 1px dashed #555;
	text-decoration: none;
}

p a:hover {
	border-bottom: 1px solid #555;
}

#nevermiss li a {
    color: #555;
	border-bottom: 1px dashed #555;
	text-decoration: none;
}

#nevermiss li a:hover {
	border-bottom: 1px solid #555;
}

/* Typography
------------------------------------------------------------------------------*/

h1 {
	font-size: 1.5em;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	margin-top: 10px;
}

p.center {
	text-align: center;
}

/* Page Structure
------------------------------------------------------------------------------*/

body	{
	background: #282828;
	color: #555;
	font-family: Lucida Grande, Verdana, serif;
	font-size: 12px;
}

#container {
	margin: 20px auto;
	border: 10px solid #fff;
	border-bottom: none;
	border-right: 10px solid #fff;
	padding-bottom: 10px;
	width: 780px;
	background: #fff;
}

#banner {
	background: #fff url(../random.php?) top right no-repeat;
	width: 590px;
	height: 230px;
	padding-left: 190px;
}

#info {
	font-size: 10px;
	font-weight: bold;
	margin-top: -35px;
	height: 25px;
	width: 180px;
	text-indent: -9999px;
	background: url(../images/info.gif) top left no-repeat !important;
	border-top: 10px solid #fff;
	border-right: 10px solid #fff;
}

#logo {
	width: 180px;
	height: 195px;
	border-top: none;
	border-right: 10px solid #fff;
	position: absolute;
	top: 30px;
	background: #333 url(../images/logo.gif) top left no-repeat;
}

#logo p {
	font-weight: bold;
	text-align: center;
	padding-top: 168px;
	padding-right: 10px;
	color: #fff;
	font-family: Lucida Grande, Verdana, serif;
}

/* Menu
------------------------------------------------------------------------------*/

/* IE doesn't like transparent PNGs, and I can't be bothered applying a DirectX 
filter as it'll probably crash knowing IE. So IE just gets a square edge rather 
than a curvy one. Moral of the story, use something better than IE. */
#menu {
	float: right;
	width: 400px;
	height: 35px;
	margin-top: -35px;
	padding-left: 38px !important;
	padding-left/**/: 0px;
	background: url(../images/menu_left.png) top left no-repeat !important;
	background/**/: none;
	border-left: none !important;
	border-left/**/: 10px solid #fff;
}

#menu ul {
	list-style: none;
	margin: 0;
}

#menu ul li {
	float: left;
	text-align: center;
}

#menu ul li a {
	display: block;
	background: #333;
	width: 100px;
	margin: 0;
	color: #fff;
	height: 20px;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
}

#menu ul li a {
	border-top: 10px solid #fff;
}

#menu ul li a:hover {
	color: #333;
	background: #fff;
}

/* Sidebar
------------------------------------------------------------------------------*/

#sidebar {
	float: right;
	width: 180px;
	background: #333 url(../images/sb_footer.gif) bottom left no-repeat;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px !important;
	margin-top/**/: -3px;
	color: #fff;
}

#sidebar h1 {
	font-size: 14px;
	font-weight: bold;
}

#sidebar h1 a {
        color: #fff;
}

#sidebar .images {
	text-align: center;
}

/* pageContent
------------------------------------------------------------------------------*/

#pageContent {
	float: left;
	width: 570px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#pageContent ul {
	margin-left: 25px;
    padding: .75em 0 2em;
}

#pageContent li {
    padding-bottom: 1.1em;
}
#pageContent li strong {
    font-size: 1.2em;
}
#pageContent li a {
    color: #555;
    border-bottom: 1px dashed #555;
    text-decoration: none;
}
#pageContent li a:hover {
    border-bottom: 1px solid #555;
}

#pageContent p {
	margin-bottom: 10px;
}

#pageContent h2 {
	font-size: 1.2em;
	font-weight: bold;
}

#pageContent h3 {
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
}

#pageContent h4 {
	font-size: 0.9em;
	font-weight: normal;
	padding-bottom: 6px;
}

#pageContent h4 a {
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: underline;
	color: #555;
}

#pageContent div.reviewer {
	font-weight: bold;
	text-align: right;
}

#pageContent h4 a:hover {
	font-size: 0.9em;
	text-decoration: none;
}

#pageContent div.image {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}

#pageContent .image img {
	border: 1px solid #000;
}

/* Form
------------------------------------------------------------------------------*/

.form {
	margin: 10px;
}

.form table td.title {
	text-align: right;
	padding-right: 5px;
}

.form table td.buttons {
	text-align: center;
}

input, 
select,
textarea {
	padding: 3px;
	border: 1px solid #333;
}

/* filmInfo
------------------------------------------------------------------------------*/

.filmInfo {
	clear: both;
}

.filmInfo h2 img {
	margin-bottom: -5px;
}

.filmInfo h2 a {
	text-decoration: none;
	color: #555;
}

.filmInfo h2 a:hover {
	color: #000;
}

#pageContent .filmInfo .image {
	float: right;
	padding: 10px;
	padding-top: 0px;
	padding-right: 0px;
	border: 0px solid #333;
}

#pageContent .filmInfo .image.left {
	float: left;
	padding-left: 0px;
	padding-right: 10px;
}

#pageContent .filmInfo .image img {
	border: 1px solid #000;
}

/* Footer
------------------------------------------------------------------------------*/

#footer {
	clear: both;
	width: 770px;
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	color: #fff;
	background: #333;
	text-align: center;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #aaa;
}

/* Schedule page
------------------------------------------------------------------------------*/

#weektable { 
	vertical-align: middle;
	color: #000;
	background: #000; 
	text-align: center;
	margin: 0 auto;
}

#weektable td {
	padding: 8px;
}

#weektable td a.filmlink {
	text-decoration: none;
	color: #000;
}

#weektable td a.filmlink:hover {
	text-decoration: none;
	color: #fff;
}

.wk0 {
	background: #000;
	font-weight: bold;
	font-size: 14px;
	color: #fff; 
}

.wk1 { 
	background: #e4b863;
}

.wk2 { 
	background: #edcc8c;
}
.wk3 { 
	background: #f4e0b8;
}
.wk4 { 
	background: #fefac7;
}
.wk5 { 
	background: #dae8d7;
}
.wk6 { 
	background: #daebfa;
}
.wk7 { 
	background: #c8e0f7;
}
.wk8 { 
	background: #ccd3ff;
}
.wk9 { 
	background: #ebc6d6;
}
.wk10 { 
	background: #e5b08f;
}


/* Misc
------------------------------------------------------------------------------*/

#pageContent div.notification {
	color: #f00;
}

#pageContent div.quote {
	margin-left:  20pt;
	margin-right: 20pt;
	color:        green;
}