/* Tags */
body {
	font: 14px 'Lato',Arial,Helvetica,sans-serif;
	color: #444;
	margin: 0;
	background-color: #F9F8FC;
}

a:link, a:visited {color:#3984F2; text-decoration:none;}
a.light:link,a.light:visited {color:#fff; text-decoration:none;}
a.blu:link,a.blu:visited {color:#2d5179; text-decoration:none;}
a.gry:link,a.gry:visited {color:#929baf; text-decoration:none;}
a.sel:link,a.sel:visited {color:#444; text-decoration:none;}

a:hover {color:#3984F2;	text-decoration:underline;}
a.light:hover {color:#fff; text-decoration:underline;}
a.gry:hover {color:#3984F2; text-decoration:underline;}
a.blu:hover {color:#3984F2; text-decoration:underline;}
a.sel:hover {color:#3984F2; text-decoration:underline;}

a:active {color:#3984F2;}
a.light:active {color:#fff;}
a.gry:active {color:#929baf;}
a.blu:active {color:#2d5179;}
a.sel:active {color:#444;}

img {border-width:0;}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	font-weight: 300;
}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top:0;}
h1 {
	/*color: #2D5179;*/
	font-size: 30px;
}
h2 {
	font-size: 24px;
} 
h3 {
	font-size: 20px;
} 
p:first-child {margin-top:0;}
p:last-child {margin-bottom:0;}
/*ol {padding:0;	margin:0;}*/
ul {list-style-type:none; padding:0; margin:0;}
li {padding:0;	margin:0;}
form {margin:0;}
input, textarea, select, option, optgroup {
	/*font: 13px Arial,Helvetica,sans-serif;*/
	font: 14px 'Lato',Arial,Helvetica,sans-serif;
}
input[type=text], input[type=password], textarea {
	margin: 2px 0;
	border: 1px solid #ccc;
	padding: 2px;
}
select {
	margin: 2px 0;
	border: 1px solid #ccc;
	padding: 1px 2px 1px 0;
}
input[readonly], textarea[readonly] {
	outline: none;
	color: #555;
}
pre {text-align:left;}
table {border-collapse:collapse;}
/*td {padding:0;}*/
tr {vertical-align:top;}

/* Classes */
.alignc {text-align:center;}
.alignl {text-align:left;}
.alignr {text-align:right;}

.bggry {background-color:#F0F0F0;}
.bggrn {background-color:#0d0;}
.bgblue {background-color:#3984F2;}
.bgblue2 {background-color:#929baf;}
.bgdkblue {background-color:#404E66;}
.bgorg {background-color:#F1B63A;}
.bgred {background-color:#c33;}
.bgw {background-color:#fff;}

.bord {border:1px solid #ccc;}
.bordt {border-top:1px solid #ccc;}
.bordr {border-right:1px solid #ccc;}
.bordb {border-bottom:1px solid #ccc;}
.bordl {border-left:1px solid #ccc;}

.bordtl {border-top: 2px solid #fff;}
.bordbl {border-bottom: 2px solid #fff;}

.br {margin-top:1em;}
.brb {margin-bottom:1em;}

.bul {background:url(/images/arrow_gry.png) 0 2px no-repeat; padding-left:20px;}
.bulw {background:url(/images/arrow_white.png) 0 2px no-repeat; padding-left:20px;}

.cap, h2.cap {margin-top:20px; padding-bottom:2px;}
.clear {clear:both;}
.float {float:left;}
.floatr {float:right;}

.formbox {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:10px;
	background-color:#f0f0f0;
}
.formleft {
	width:500px;
}
.formtag {
	float:right;
	margin-left:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px 5px;
	font-size: 14px;
	text-transform:uppercase;
}

.hang1 {
	padding-left:1em;
	text-indent:-1em;
}
.hang30 {
	padding-left:30px;
	text-indent:-30px;
}
.hide {display:none;}

.indent1 {padding-left:1em;}
.indent2 {padding-left:2em;}

.inline {display:inline;}
.inline-block {
	display:-moz-inline-stack;
	display:inline-block;
}

.inputmid {width:155px;}
.inputwide {width:493px;}
.inputshort {width:45px;}

.m0 {margin:0;}
.m20 {margin:20px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.ml2 {margin-left:2px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.mt2 {margin-top:2px;}
.mt5 {margin-top:5px;}
.mt10, h2.mt10 {margin-top:10px;}
.mt20, h2.mt20 {margin-top:20px;}
.mt30, h2.mt30 {margin-top:30px;}

.pad {padding:5px;}
.pad2 {padding:2px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}
.pad30 {padding:30px;}
.padb {padding-bottom:5px;}
.padb2 {padding-bottom:2px;}
.padb10 {padding-bottom:10px;}
.padb20 {padding-bottom:20px;}
.padl {padding-left:5px;}
.padl10 {padding-left:10px;}
.padl20 {padding-left:20px;}
.padl30 {padding-left:30px;}
.padr {padding-right:5px;}
.padr10 {padding-right:10px;}
.padr20 {padding-right:20px;}
.padt {padding-top:5px;}
.padt2 {padding-top:2px;}
.padt3 {padding-top:3px;}
.padt10 {padding-top:10px;}
.padt20 {padding-top:20px;}
.padt30 {padding-top:30px;}
.padh5 {padding-left:5px; padding-right:5px;}
.padv2 {padding-top:2px; padding-bottom:2px;}
.padv10 {padding-top:10px; padding-bottom:10px;}
.padv20 {padding-top:20px; padding-bottom:20px;}
.padlabel {padding: 2px 5px;}

.posabs {position:absolute;}
.posrel {position:relative;}

/* Text */
.like-h2 {
	font-size: 24px;
	font-weight: 300;
}
.like-h3 {
	font-size: 20px;
	font-weight: 300;
}
/*.big {font:1.385em Arial,Helvetica,sans-serif;}*/ /*18px*/
.big {font-size: 18px;}
/*.small {font-size:.923em;}*/ /*12px*/
.small {font-size: 13px;}
.smaller {font-size:.909em;} 
/*.tiny {font-size:.769em;}*/ /*10px*/
.tiny {font-size: 12px;}
/*.title {font:bold 1.154em Arial,Helvetica,sans-serif;}*/ /*15px*/
/*.title {font:bold 1.154em Arial,Helvetica,sans-serif;}*/ /*15px*/
.title {font: 16px 'Lato',Arial,Helvetica,sans-serif;} /*15px*/
/*.label {font:bold 1.077em Arial,Helvetica,sans-serif;}*/ /*14px*/
.label {font: 15px 'Lato',Arial,Helvetica,sans-serif;} /*15px*/
.unsmall {font-size: 1.182em;}
/*.formtitle {font:bold 1.364em Arial,Helvetica,sans-serif;}*/ /*15px*/
.formtitle {font: bold 16px 'Lato',Arial,Helvetica,sans-serif;} /*15px*/
/*.formlabel {font:bold 1.273em Arial,Helvetica,sans-serif;}*/ /*14px*/
.formlabel {font: bold 15px 'Lato',Arial,Helvetica,sans-serif;} /*14px*/

.bold {font-weight:bold;}
.norm {font-weight:normal;}
.serif {font-family:Georgia,'Times New Roman',Times,serif;}
.uc {text-transform:uppercase;}

/* Colours */
.blue {color:#2D5179;}
.gold {color:#D7C100;}
.green {color:#0d0;}
.grey {color:#929baf;}
.orange {color:#F1B63A;}
.red {color:#c33;}
.white {color:#fff;}

/* Rounded corners */
.rad5 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.radl5 {
	-moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px; border-bottom-left-radius:5px;
}

/* Search box */
#searchfield {
	margin: 0;
	outline: none;
	border: 0;
	padding: 3px;
	width: 280px;
	font-size: 1em;
}
#searchlabel {padding:8px 0 0 6px;}
#searchsel {margin:0; border:0; padding:0;}

/* Message boxes */
.message {
	border:solid #D7D58A 1px;
	padding:5px;
	background-color:#FFFAD5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.ok {
	border:solid #8f8 1px;
	padding:5px;
	background-color:#cfc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.warning {
	border:solid #E89F9F 1px;
	padding:5px;
	background-color:#F7DDDD;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.htmldiv b, .htmldiv strong, .message b, .message strong, .warning b, .warning strong {
	font: bold 15px 'Lato',Arial,Helvetica,sans-serif;
}

/* Layout */
/*#pageplusads {margin:0 auto; width:1000px;}
#pageplusads div {overflow:hidden;}*/
#pagebox {
	margin: 0 auto;
	width: 840px;
}
#pagebox div {
	overflow: hidden;
}
#pagebox.pagebox-ads {width: 1020px;}
#adbox {
	float: right;
	width: 160px;
	padding-top: 190px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#maincol {
	float: left;
	width: 840px;
}
#viewbg {/*background:transparent url(/images/bg_view_mid.png) top left repeat-y;*/}
#viewbox {
	/*background: transparent url(/images/bg_view_top.png) top left no-repeat;*/
	/*padding:15px 20px 0 20px;*/
	margin-top: 20px;
}
#viewend {/*background:transparent url(/images/bg_view_bot.png) top left no-repeat;*/}
#editbg {/*background:transparent url(/images/bg_edit_mid.png) top left repeat-y;*/}
#editbox {
	padding: 15px 10px 10px 10px;
	/*background: transparent url(/images/bg_edit_top.png) top left no-repeat;*/
}
#editend {/*background:transparent url(/images/bg_edit_bot.png) top left no-repeat;*/}
#editbox h2 {font-size: 22px;} 
#editbox h3 {font-size: 18px;} 


#header {
	margin: 10px auto;
	width: 840px;
}
#header-social {
	float: left;
	padding: 0 0 10px 205px;
}
#header-user {
	float: right;
	padding-bottom: 10px;
	color: #929baf;
	font-size: 13px;
	text-align: right;
}
#header-logo {
	float: left;
}
#header-menubtn, #header-searchbtn {
	display: none;
	float: right;
	padding: 40px 0 0 10px;
}
#header-mainlinks {
	float: left;
	padding: 27px 0 0 20px;
}
#header-search {
	float: right;
	margin-top: 15px;
	width: 320px;
	text-align: right;
}
#footer {
	padding: 50px 10px 20px 10px;
	font-size: 13px;
	text-align: center;
}
.leftcol-tgl {
	display: none;
	padding-left: 10px;
}
.leftcol {
	display: block;
	float: left;
	padding-top: 5px;
	width: 160px;
	font-size: 14px;
}
.leftcol-item {
	margin-top: 5px;
	-moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px; border-bottom-left-radius:5px;
}
.contentcol {
	float: right;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	width: 640px;
	background-color: #fff;
}
.centrecol {
	float: left;
	width: 480px;
}
.leftcol-1 {
	float: left;
	width: 480px;
}
.rightcol-1 {
	float: right;
	width: 320px;
}
.leftcol-2 {
	float: left;
	width: 640px;
}
.rightcol-2 {
	float: right;
	width: 190px;
}
.sidebox {
	padding: 7px 10px 10px 10px;
	background-color: #fff;
}
.sidebox h2 {
	font-size: 22px;
}
.sidebox h3 {
	font-size: 18px;
}

#home-cards-div {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
#home-cards,
#home-cards > div,
#home-cards > div > a {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.home-card-caption {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 2;
	display: inline-block;
	padding: 5px 10px;
	background-color: rgba(255,255,255,0.8);
	color: #333;
	font-size: 20px;
	font-weight: 300;
	text-align: left;
}
.home-card-caption-title2 {
	font-size: 16px;
}
.home-cards-nav {
	position: absolute;
	bottom: 5px;
	z-index: 2;
	display: none;
	font-size: 50px;
}
.home-cards-left {
	left: 5px;
}
.home-cards-right {
	right: 5px;
}
.home-cards-nav a {
	/*color: #fafafa;
	font-size: 80px;
	font-weight: bold;*/
	/*-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .8);
	box-shadow: 0 0 5px rgba(0, 0, 0, .8);*/
}
.home-cards-nav a:hover {
	/*color: #fff;
	text-decoration: none;*/
}

a.button-film-section {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	padding: 3px 8px;
	background-color: #eaeaea;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
}
a.button-film-section:hover, a.button-film-section:focus, a.button-film-section-current {
	background-color: #3984F2;
	color: #fff;
}

.profile-label {
	width: 190px;
}
.profile-share {
	float: left;
}
.profile-intro {
	padding: 0 20px;
	font-size: 18px;
}

#film-embed {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
#film-embed iframe, #film-embed object, #film-embed embed  {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
#film-narrow-details {
	display: none;
}
.iconbar {
	margin-top: 10px;
	padding: 5px;
	height: 14px;
	background-color: #fff;
	line-height: 14px;
}

.logo-narrow {
	display: none;
	float: right;
	margin-left: 10px;
	padding: 5px;
	background-color: #fff;
}
.logo-narrow img {
	width: 100px;
}
.message-narrow {
	display: none;
}
.option-div {
	border: 1px solid transparent;
	padding: 3px 5px;
}

/*.datepicker {width:130px;}*/
input.datepicker {width: 120px;}
.ui-datepicker {font-size: 11px !important;}


@media only screen and (max-width: 1000px) {
	#pagebox.pagebox-ads {width: 840px;}
	#adbox {display: none;}
}

@media only screen and (max-width: 840px) {
	#header {
		margin: 10px;
		width: auto;
	}
	#header-social {
		padding-left: 0;
	}
	#header-user {
		
	}
	#header-mainlinks {
		padding-left: 10px;
	}
	#header-search {
		width: 260px;
	}
	#header #searchfield {
		width: 220px;
	}
	#pagebox, #pagebox.pagebox-ads {
		width: 100%;
	}
	#maincol {
		width: 100%;
	}
	#viewbox {
		padding: 10px;
		width: auto;
	}
	.leftcol-1, .leftcol-2 {
		float: none;
		padding: 10px;
		width: auto;
	}
	.rightcol-1, .rightcol-2 {
		float: none;
		margin-top: 30px;
		width: auto;
	}
	#editbox {
		margin: 0 auto;
		width: 660px;
	}
	.leftcol-tgl {
		display: block;
	}
	.leftcol {
		display: none;
		float: none;
		padding-left: 10px;
	}
	.leftcol-item {
		margin-top: 5px;
		-moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px;
		-webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px;
		border-top-right-radius:5px; border-bottom-right-radius:5px;
	}
	.contentcol {
		float: none;
		margin-top: 10px;
	}
	#film-narrow-details {
		display: block;
	}
	.logo-narrow {
		display: block;
	}
}

@media only screen and (max-width: 720px) {
	#header-searchbtn {
		display: block;
	}
	#header-search {
		display: none;
		clear: both;
		float: right;
		width: 300px;
	}
	#header #searchfield {
		width: 260px;
	}
}

@media only screen and (max-width: 535px) {
	#header-logo img {
		width: 120px;
	}
	#header-menubtn,
	#header-searchbtn {
		display: block;
		padding-top: 25px;
	}
	#header-menubtn img,
	#header-searchbtn img {
		width: 32px;
	}
	#header-mainlinks {
		display: none;
		clear: both;
		float: none;
		padding-top: 20px;
	}
	.profile-label {
		width: auto;
	}
	.profile-share {
		float: right;
	}
	.profile-edit {
		clear: both;
	}
	.profile-intro {
		padding: 0;
	}
}