/* Design by PixelBender.ca 
Created June 2010 
Author: tsilver@pixelbender.ca*/

div.clear {
clear: both;
height: 1px;
}


/* 1 --------universal elements-------- */


/* -- typography -- */
	
/* -- Droid Serif -- */

@font-face {
font-family: 'DroidSerifRegular';
src: url('type/DroidSerif-Regular-webfont.eot');
src: local('☺'), url('type/DroidSerif-Regular-webfont.woff') format('woff'), url('type/DroidSerif-Regular-webfont.ttf') format('truetype'), url('type/DroidSerif-Regular-webfont.svg#webfontOAAhrq6s') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DroidSerifItalic';
src: url('type/DroidSerif-Italic-webfont.eot');
src: local('☺'), url('type/DroidSerif-Italic-webfont.woff') format('woff'), url('type/DroidSerif-Italic-webfont.ttf') format('truetype'), url('type/DroidSerif-Italic-webfont.svg#webfontKHo48rSK') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DroidSerifBold';
src: url('type/DroidSerif-Bold-webfont.eot');
src: local('☺'), url('type/DroidSerif-Bold-webfont.woff') format('woff'), url('type/DroidSerif-Bold-webfont.ttf') format('truetype'), url('type/DroidSerif-Bold-webfont.svg#webfontcY5tFAO2') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DroidSerifBoldItalic';
src: url('type/DroidSerif-BoldItalic-webfont.eot');
src: local('☺'), url('type/DroidSerif-BoldItalic-webfont.woff') format('woff'), url('type/DroidSerif-BoldItalic-webfont.ttf') format('truetype'), url('type/DroidSerif-BoldItalic-webfont.svg#webfont7Z4rXpYC') format('svg');
font-weight: normal;
font-style: normal;
}


/* -- Droid Sans Serif -- */

@font-face {
font-family: 'DroidSansRegular';
src: url('type/DroidSans-webfont.eot');
src: local('☺'), url('type/DroidSans-webfont.woff') format('woff'), url('type/DroidSans-webfont.ttf') format('truetype'), url('type/DroidSans-webfont.svg#webfontKYIQSBQk') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DroidSansBold';
src: url('type/DroidSans-Bold-webfont.eot');
src: local('☺'), url('type/DroidSans-Bold-webfont.woff') format('woff'), url('type/DroidSans-Bold-webfont.ttf') format('truetype'), url('type/DroidSans-Bold-webfont.svg#webfontljpTCDjw') format('svg');
font-weight: normal;
font-style: normal;
}

div.clear { clear: both; height: 1px; }

body {
background-color: #f0f0f0;
text-align: center;
font-family: DroidSerifRegular, "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6 {
margin: 1em 0;
color: #004773;
font-family: DroidSansRegular, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}

	h1 {
	font-size: 2em;
	}
	
	h2 {
	font-size: 1.8em;
	}
	
		h2.section_head {
		margin-top: 0;
		padding-bottom: 0.2em;
		font-size: 1.6em;
		color: #999;
		}
	
	h3 {
	font-size: 1.6em;
	}
	
	h4 {
	font-size: 1.4em;
	}
	
	h5 {
	font-size: 1.2em;
	}
	
	h6 {
	font-size: 1em;
	}

p {
margin: 1em 0;
line-height: 1.8;
}

	p a, p a:visited {
	font-weight: bold;
	color: #12487C;
	text-decoration: none;
	padding-bottom: 0.1em;
	border-bottom: dashed 1px #12487C;
	}
	
	p a:hover, p a:active {
	border-bottom: none;
	color: #000;
	}
	
		div#wrapper footer p a, div#wrapper footer p a:visited {
		color: #fff;
		border-bottom: dashed 1px #fff;
		}
	
		div#wrapper footer p a:hover, div#wrapper footer p a:active {
		border-bottom: none;
		color: #ccc;
		border-bottom: dashed 1px #ccc;
		}
		
sub {
vertical-align: sub;
font-size: smaller; 
}

	
a.archives {
display: block;
margin-top: 2em;
text-align: right;
font-weight: bold;
color: #12487C;
text-transform: uppercase;
text-decoration: none;
padding-bottom: 0.1em;
}

	a.archives:hover, a.archives:active {
	border-bottom: none;
	color: #000;
	}
	
p.deck {
margin-top: -1.4em;
font-size: 105%;
font-family: DroidSerifItalic, "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}

p.cutline {
margin-top: 1px;
font-size: 0.9em;
text-align: left;
color: rgb(102, 102, 102);
color: rgba(102, 102, 102, 1);
}

p.byline {
color: rgb(102, 102, 102);
color: rgba(102, 102, 102, 1);
}

p img {
float: left;
margin: 5px 15px 15px 0;
}

hr {
margin: 2em 0;
border: dashed 1px #999;
}

/* -- Advertising Styling -- */

a.banner_ad {
display: block;
margin: 0 0 2em 0;
}

	a.banner_ad img {
	border: none;
	}

/* -- Form Styling -- */

form {
width: 60%;
margin-top: 2em;
padding: 2em;
background: #E4E4E4; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E4E4', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#E4E4E4), to(#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #E4E4E4,  #ffffff); /* for firefox 3.6+ */
border: solid 1px #ccc;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
box-shadow:inset 0 0 10px #999999;
-moz-box-shadow:inset 0 0 10px #999999;
-webkit-box-shadow:inset 0 0 10px #999999;
}

	form input, form select {
	margin: 0.6em 0 2em 0;
	}

div#wrapper div.content section.primary ul {
list-style: none;
color: rgb(18, 72, 124);
color: rgba(18, 72, 124, 1);
}

	div#wrapper div.content section.primary ul.styled {
	margin: 1em 2em;
	list-style: disc;
	color: rgb(0, 0, 0);
	color: rgba(0, 0, 0, 1);
	}
	
div#wrapper div.content section.primary ol {
margin: 1em 2em;
color: rgb(18, 72, 124);
color: rgba(18, 72, 124, 1);
}

	div#wrapper div.content section.primary li {
	padding: 0.4em 0;
	line-height: 1.8;
	}
	
		div#wrapper div.content section.primary ul.runtime li {
		padding: 0.4em 0;
		line-height: 1.4;
		}

strong {
font-family: "DroidSansBold", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}

em {
font-family: DroidSerifItalic, "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}


/* 2 --------base site structure-------- */

body.base div#wrapper, body.sub div#wrapper {
background: url(../images/wrapper_bg.jpg) center top repeat-y;
margin: 0 auto;
margin-top: -1em;
width: 960px;
text-align: left;
font-size: 1.2em;
}

	body.base div#wrapper div#search, body.sub div#wrapper div#search {
	background-color: #004773;
	margin: 0 60px;
	/* until search funtion up and running */
	height: 20px;
	/* padding: 1em 1em 1px 1em; */
	font-size: 1em;
	font-family: DroidSansRegular, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	}
	
		body.base div#wrapper header div#search p, body.sub div#wrapper header div#search p {
		margin: 0;
		}

body.base div#wrapper header {
background: url(../images/viff-banner.jpg) right top no-repeat;
height: 450px;
margin: 0 60px;
}

body.sub div#wrapper header {
background: url(../images/sub_head_bg.jpg) center bottom no-repeat;
margin: 0 60px;
padding: 2em 40px;
}

		
		body.base div#wrapper header section {
		padding: 50px 0 0 50px;
		}
		
		body.base div#wrapper header section h1 {
		background: url(../images/cityreels_logo.png) center top no-repeat;
		width: 340px;
		height: 140px;
		margin-top: 0;
		text-indent: -999em;
		}
		
			body.base div#wrapper header section h2 {
			margin: 100px 0 -2px 0;
			padding: 0;
			font-family: DroidSansBold, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
			color: #fff;
			color: rgba(255,255,255, 1);
			text-transform: uppercase;
			text-indent: 25px;
			font-size: 8em;
			font-weight: bold;
			line-height: 0.75;
			letter-spacing: -2px;
			}
			
				body.base div#wrapper header section h2 span {
				font-family: 'DroidSerifItalic', "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
				text-transform: none;
				font-size: 80%;
				color: #FF99FF;
				color: rgb(255,255,255);
				color: rgba(255,255,255, 1);
				}
				
					body.base div#wrapper header section p {
					background: #fff;
					margin: 0;
					padding: 0.4em 75px 0.4em 1em;
					}
					
		body.sub div#wrapper header section a h1 {
		float: left;
		background: url(../images/cityreels_logo.png) center top no-repeat;
		width: 340px;
		height: 140px;
		margin: 0;
		text-indent: -999em;
		}
		
			body.sub div#wrapper header section a:hover h1 {
			background: url(../images/cityreels_logo.png) center bottom no-repeat;
			}
		
			body.sub div#wrapper header section h2 {
			float: left;
			color: rgb(255,255,255);
			color: rgba(255,255,255, 1);
			}
			
			body.sub div#wrapper header section h2 {
			display: block;
			float: right;
			width: 360px;
			margin-bottom: 0;
			color: rgb(255,255,255);
			color: rgba(255,255,255, 1);
			text-align: center;
			}
			
				body.sub div#wrapper header section p {
				float: right;
				width: 360px;
				font-size: 1.1em;
				color: rgb(255,255,255);
				color: rgba(255,255,255, 1);
				text-align: center;
				}
		
div#wrapper div.content {
margin: 0 85px;
padding: 2em 0;
}

div#wrapper div.content section.primary {
float: right;
width: 62%; /*525px*/
padding-top: 1px;
}

	div#wrapper div.content section.primary h2 {
	margin-top: 0;
	}
	
	div#wrapper div.content section.primary section {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: dashed 1px #12487C;
	}
	
		div#wrapper div.content section.primary section h2 span {
		font-size: 0.5em;
		color: #666;
		font-style: italic;
		}
		
		div#wrapper div.content section.primary section img.float {
		float: left;
		margin: 5px 0 0 0;
		}
		
			div#wrapper div.content section.primary section img.float + p {
			margin-left: 150px;
			}
			
				div#wrapper div.content section.primary section p.float_graph {
				margin-left: 150px;
				}
			
				div#wrapper div.content section.primary section img.float + p + ul {
				list-style: none;
				margin-left: 150px;
				}
				
						div#wrapper div.content section.primary section img.float + p + ul.highlights {
						list-style: disc;
						margin-left: 150px;
						padding-left: 1em;
						color: #000;
						}
				
					div#wrapper div.content section.primary section img.float + p + ul li {
					padding: 0.4em 0;
					}
				
					div#wrapper div.content section.primary section img.float + p + ul li a {
					font-weight: bold;
					color: #12487C;
					text-decoration: none;
					padding-bottom: 0.1em;
					border-bottom: dashed 1px #12487C;
					}
					
					div#wrapper div.content section.primary section img.float + p + ul li a:visited {
					font-weight: bold;
					color: #12487C;
					text-decoration: none;
					padding-bottom: 0.1em;
					border-bottom: dashed 1px #12487C;
					}
	
						div#wrapper div.content section.primary section img.float + p + ul li a:hover, div#wrapper div.content section.primary section img.float + p + ul li a:active {
						border-bottom: none;
						color: #000;
						}
						
				ul.link_list {
				list-style: none;
				}
				
					ul.link_list li {
					padding: 0.4em 0;
					}
				
					ul.link_list li a {
					font-weight: bold;
					color: #12487C;
					text-decoration: none;
					padding-bottom: 0.1em;
					border-bottom: dashed 1px #12487C;
					}
					
					ul.link_list li a:visited {
					font-weight: bold;
					color: #12487C;
					text-decoration: none;
					padding-bottom: 0.1em;
					border-bottom: dashed 1px #12487C;
					}
	
						ul.link_list li a:hover, div#wrapper div.content section.primary section img.float + p + ul li a:active {
						border-bottom: none;
						color: #000;
						}
		div#wrapper div.content section.primary section img.current_edition {
		float: left;
		margin-right: 20px;
		border: solid 10px #fff;
		box-shadow: 3px 3px 12px #818181;
		-webkit-box-shadow: 3px 3px 12px #818181;
		-moz-box-shadow: 3px 3px 12px #818181;
		filter: progid:DXImageTransform.Microsoft.dropShadow(color=#999999, offX=3, offY=3, positive=true);
		}
		
		div#wrapper div.content section.primary section img.movie_poster {
		margin-right: 10px;
		border: solid 10px #fff;
		box-shadow: 3px 3px 12px #818181;
		-webkit-box-shadow: 3px 3px 12px #818181;
		-moz-box-shadow: 3px 3px 12px #818181;
		filter: progid:DXImageTransform.Microsoft.dropShadow(color=#999999, offX=3, offY=3, positive=true);
		}
			
		a.archives + h2.section_head {
		margin-top: 3em;
		}
			
	div#wrapper div.content section.primary section.highlighted {
	background: url(../images/hl_bg.jpg) #E5E5E5 left bottom repeat-x;
	padding: 1em 2em;
	border-top: dashed 1px #12487C;
	border-bottom: dashed 1px #12487C;
	}

div#wrapper div.content section.secondary {
float: left;
width: 32%; /*270px*/
padding: 1px 0 0 0;
}


	div#wrapper div.content section.secondary p.slug {
	font-family: DroidSansRegular, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: rgb(102, 102, 102);
	color: rgba(102, 102, 102, 1);
	}
	
	div#wrapper div.content section.secondary section {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: dashed 1px #12487C;
	}
	
		
		div#wrapper div.content section.secondary section h2 {
		font-size: 1.4em;
		}
	
	div#wrapper div.content section.secondary p a.download {
	display: block;
	background: url(../images/dl_button.jpg) #EAEAEA left top no-repeat;
	width: 250px;
	margin: -1em 0 3em 0;
	padding: 210px 0 1em 0;
	border-top: dashed 1px #12487C;
	border-bottom: dashed 1px #12487C;
	text-align: center;
	}
	
		div#wrapper div.content section.secondary p a:hover.download {
		background: url(../images/dl_button.jpg) #EAEAEA right top no-repeat;
		border-top: dashed 1px #12487C;
		border-bottom: dashed 1px #12487C;
		}
		
	div#wrapper div.content section.secondary p a.trailers {
	display: block;
	background: url(../images/trailers_button.jpg) #EAEAEA left top no-repeat;
	width: 250px;
	margin: -1em 0 3em 0;
	padding: 210px 0 1em 0;
	border-top: dashed 1px #12487C;
	border-bottom: dashed 1px #12487C;
	text-align: center;
	}
	
		div#wrapper div.content section.secondary p a:hover.trailers {
		background: url(../images/trailers_button.jpg) #EAEAEA right top no-repeat;
		border-top: dashed 1px #12487C;
		border-bottom: dashed 1px #12487C;
		}
		
			div#wrapper div.content section.secondary p a.vlaff_trailers {
			display: block;
			background: url(../images/button_bg.jpg) #fff left bottom repeat-x;
			width: 250px;
			height: 3em;
			margin: -1em 0 3em 0;
			border-top: dashed 1px #12487C;
			border-bottom: dashed 1px #12487C;
			text-align: center;
			line-height: 3em;
			}
	
				div#wrapper div.content section.secondary p a:hover.vlaff_trailers {
				background: url(../images/button_bg.jpg) #fff left top repeat-x;
				border-top: dashed 1px #000;
				border-bottom: dashed 1px #000;
				}
				
	div#wrapper div.content section.secondary p a.ratecard {
	display: block;
	background: url(../images/rc_button.jpg) #EAEAEA left top no-repeat;
	width: 250px;
	margin: -1em 0 3em 0;
	padding: 210px 0 1em 0;
	border-top: dashed 1px #12487C;
	border-bottom: dashed 1px #12487C;
	text-align: center;
	}
	
		div#wrapper div.content section.secondary p a:hover.ratecard {
		background: url(../images/rc_button.jpg) #EAEAEA right top no-repeat;
		border-top: dashed 1px #12487C;
		border-bottom: dashed 1px #12487C;
		}
		
	div#wrapper div.content section.secondary p a.twitter {
	display: block;
	background: url(../images/twitter_button.jpg) left top no-repeat;
	width: 250px;
	height: 100px;
	margin-bottom: 2em;
	padding: 0;
	text-decoration: none;
	border: none;
	text-indent: -999em;
	}
	
		div#wrapper div.content section.secondary p a:hover.twitter {
		background: url(../images/twitter_button.jpg) right top no-repeat;
		}
		
	div#wrapper div.content section.secondary p a.facebook {
	display: block;
	background: url(../images/facebook_button.jpg) left top no-repeat;
	width: 250px;
	height: 100px;
	margin-bottom: 2em;
	padding: 0;
	text-decoration: none;
	border: none;
	text-indent: -999em;
	}
	
		div#wrapper div.content section.secondary p a:hover.facebook {
		background: url(../images/facebook_button.jpg) right top no-repeat;
		}

div#wrapper footer {
clear: both;
background-color: #002235;
margin: 1em 60px 0 60px;
padding: 2em;
color: #fff;
text-align: center;
}


/* 3 --------primary navigation-------- */

body.base nav {
background-color: #022032;
display: block;
height: 125px;
margin: 0 60px;
}

	body.base nav ul {
	list-style: none;
	}
	
	body.base nav ul li {
	float: left;
	display: inline;
	width: 209px;
	height: 125px;
	border-right: dashed 1px #c7c7c7;
	border-color: rgba(255, 255, 255, 0.3);
	}
	
		body.base nav ul li.last {
		border-right: none;
		}
	
	body.base nav ul li a {
	display: block;
	background: url(../images/nav_bg.jpg) 0 0 no-repeat;
	height: 125px;
	vertical-align: middle;
	text-align: center;
	font-size: 2em;
	color: #fff;
	text-decoration: none;
	line-height: 100px;
	}
	
		body.base nav ul li a span {
		display: block;
		margin-top: -80px;
		color: #c7c7c7;
		font-size: 0.6em;
		font-style: italic;
		}
	
		
		body.base nav ul li a:visited {
		color: #fff;
		}
		
		body.base nav ul li a:hover {
		background-position:-150px 0;
		}
		
body.sub nav {
display: block;
background-color: #022032;
height: 50px;
margin: 0 60px;
}

	body.sub nav ul {
	list-style: none;
	}
	
	body.sub nav ul li {
	float: left;
	display: inline;
	background-color: #022032;
	width: 209px;
	border-right: dashed 1px #c7c7c7;
	border-color: rgba(255, 255, 255, 0.3);
	}
	
		body.sub nav ul li.last {
		border-right: none;
		}
	
	body.sub nav ul li a {
	display: block;
	background-color: #022032;
	background: url(../images/nav_bg.jpg) 0 0 no-repeat;
	vertical-align: middle;
	text-align: center;
	font-size: 1.4em;
	color: #fff;
	text-decoration: none;
	line-height: 50px;
	}
	
		
		body.sub nav ul li a:visited {
		color: #fff;
		}
		
		body.sub nav ul li a:hover {
		background-position:-150px 0;
		}
		
	body.sub nav ul li a.current {
	background: #041422;
	}