/*
Theme Name: HTN
Theme URI: http://www.kremsa.com
Description: The new HTN theme
Author: Kremsa
Version: 1.0
*/
@import url("base.css");
@import url("common.css");

div#latestreviews
{
	border-top: 1px dotted #a1a1a1;
	border-bottom: 1px dotted #a1a1a1;
	padding-bottom: 20px;
	margin-bottom: 22px;
}

div#latestreviews h2
{
	background: url(images/h_latestreviews.png) top left no-repeat;
	display: block;
	height: 47px;
	width: 100%;
	text-indent: -9999px;
	border-bottom: 1px dotted #a1a1a1;
}

div#latestreviews ul
{
	margin: 16px 0 20px 0;
}

div#latestreviews ul li
{
	margin-right: 15px;
	float: left;
}

div#latestreviews ul li:hover { position: relative; }
div#latestreviews ul li.last { margin-right: 0; }

div.boxes-left
{
	width: 638px;
	float: left;
}

div.boxes-right
{
	width: 304px;
	float: left;
	margin-top: -5px;
}

div.boxes-left div.box
{
	background: url(images/bg_box.png) top left repeat-x;
	width: 304px;
	height: 205px;
	float: left;
	margin-right: 15px;
	margin-bottom: 14px;
}

div.boxes-left div.box-2 h2
{
	margin-top: -8px;
	padding-bottom: 8px;
}

div.boxes-left div.box-2 { margin-bottom: 0; }

div.boxes-left div.box-polls
{
	height: auto;
	overflow: display;
	background: url(images/bg_box.png) top left repeat-x;
	background-color: #ebe9dc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

div.boxes-left h2
{
	background-attachment: scroll;
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 41px;
	width: 100%;
	text-indent: -9999px;
	border-bottom: 1px dotted #a1a1a1;
}

h2.intheatres { background-image: url(images/h_intheatres.png); }
h2.ondvd { background-image: url(images/h_ondvd.png); }
h2.vod { background-image: url(images/h_vod.png); }
h2.stream { background-image: url(images/h_stream.png); }
h2.trulyfreefilm { background-image: url(images/h_trulyfreefilm.png); }
h2.polls { background-image: url(images/h_polls.png); }

div.boxes-left div.box ul li
{
	border-bottom: 1px dotted #a1a1a1;
	padding: 7px 0 0 9px;
	height: 41px;
	position: relative;
}

div.boxes-left div.box ul.simple li
{
	padding: 11px 0 0 9px;
	height: 36px;
}

div.boxes-left div.box ul li h3 a
{
	color: #f26522;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
}

div.boxes-left div.box-2 ul.simple li
{
	padding: 4px 0 0 9px;
	height: 46px;
}

div.boxes-left div.box-2 ul.simple li h3 a
{
	font-size: 16px;
}

div.boxes-left div.box ul li h3 a:hover
{
	color: #22AFF2;
	text-decoration: none;
}

div.boxes-left div.box ul li span
{
	font-style: italic;
	font-size: 10px;
	color: #666666;
}

div.boxes-left div.box ul li div.comments,
div.comments-bubble
{
	position: absolute;
	top: 8px;
	right: 6px;
	background: url(images/box_bubble.png) top left no-repeat;
	width: 26px;
	height: 23px;
	color: #fff;
	font-size: 11px;
	padding: 3px 0 0 0;
	text-align: center;
}

div.boxes-right div.box
{
	background-color: #f26522;
	width: 304px;
	height: 206px;
	margin-bottom: 13px;
}

div.boxes-right div.box-orange { background-color: #f26522; }
div.boxes-right div.box-blue { background-color: #22aff2; }

div.boxes-right h2
{
	background-attachment: scroll;
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 47px;
	width: 100%;
	text-indent: -9999px;
	border-bottom: 1px dotted #a1a1a1;
}

h2.newsfeed { background-image: url(images/h_newsfeed.png); }
h2.recentcomments { background-image: url(images/h_recentcomments.png); }
h2.readerapplauds { background-image: url(images/h_readerapplauds.png); }

div.boxes-right ul.small li
{
	border-bottom: 1px dotted #a1a1a1;
	padding: 6px 10px 0 10px;
	height: 42px;
}

div.boxes-right ul.small li a
{
	color: #fff;
	font-style: italic;
	font-size: 11px;
	line-height: 12px;
}

div.boxes-right ul.small li a span { text-decoration: underline; }

div.boxes-right ul.big li
{
	border-bottom: 1px dotted #a1a1a1;
	padding: 4px 0 0 9px;
	height: 43px;
	position: relative;
}

div.boxes-right ul.big li
{
	padding: 7px 0 0 9px;
	height: 40px;
}

div.boxes-right ul.big li h3 a
{
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
}

div.boxes-right ul.big li span, div.boxes-right ul.big li span a
{
	font-style: italic;
	font-size: 10px;
	color: #fff;
}

div.review-popup
{
	position: absolute;
	z-index: 100;
/*	top: -64px;*/
	top: -64px;
	left: 34px;
	background: url(images/bg_popup_bottom.png) bottom left no-repeat;
	width: 316px;
/*	min-height: 187px;*/
	display: none;
	padding: 0 0 32px 0;
}

div.review-popup div.inner
{
	background: url(images/bg_popup_top.png) bottom left no-repeat;
	width: 270px;
	padding: 10px 23px 10px 23px;
/*	height: 187px;*/
}

div.review-popup h4
{
	font: 22px "Times New Roman", Times, serif;
	color: #f26522;
	margin-bottom: 2px;
}

div.review-popup h5
{
	font: bold italic 12px Arial, Helvetica, sans-serif;
	color: #22aff2;
	margin-bottom: 7px;
}

div.review-popup span.date { color: #898989; }

div.review-popup div.meta a
{
	text-decoration: underline;
	color: #898989;
}

div.review-popup p
{
	color: #636363;
	margin: 6px 0;
	line-height: 16px;
}

div.review-popup p a
{
	color: #898989;
	text-decoration: underline;
}

.detail h1
{
	font: italic 36px "Times New Roman", Times, serif;
	color: #22aff2;
}

.detail h1.dotted { border-bottom: 1px dotted #a1a1a1; }

ul.postlist
{
	border-top: 1px dotted #a1a1a1;
	margin-top: 12px;
}

ul.postlist li
{
	border-bottom: 1px dotted #a1a1a1;
	min-height: 26px;
	padding: 5px 0 0 0;
	position: relative;
}

ul.postlist li h2
{
	width: 539px;
	padding-left: 2px;
	display: inline-block;
	float: left;
}

ul.postlist li h2 a
{
	color: #f26522;
	font: normal 16px "Times New Roman", Times, serif;
}

ul.postlist li span.author
{
	margin-top: 5px;
	display: block;
}

ul.postlist li div.comments-bubble
{
	position: absolute;
	top: 4px;
	right: 5px;
}

div.text
{
	color: #333333;
	margin-top: 17px;
	line-height: 16px;
}

div.text p
{
	margin-bottom: 16px;
}

div.text a
{
	color: #22aff2;
	text-decoration: underline;
}

.text h1
{
	font: italic 36px "Times New Roman", Times, serif;
	color: #f26522;
}

p.bigblue
{
	border-bottom: 1px dotted #A1A1A1;
	color: #22AFF2;
	font: italic 30px/33px "Times New Roman", Times, serif;
	margin: 6px 0 32px;
	padding-bottom: 13px;
}

p.bigblue-noborder
{
	border-bottom: none;
	margin-bottom: 0 !important;
	padding-bottom: 0!important;
}

ul.bios li
{
	overflow: hidden;
	width: 100%;
	margin-bottom: 17px;
}

ul.bios li div.card
{
	float: left;
	width: 304px;
	height: 111px;
	background-color: #f26522;
}

ul.bios li div.card div.image { float: left; position: relative; }
ul.bios li div.card div.image img
{
	width: 111px;
	height: 111px;
}

ul.bios li div.card div.image div.overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 111px;
	height: 111px;
	z-index: 90;
	opacity: 0.3;
	filter: alpha(opacity='30');
	background-color: #f26522;
}
ul.bios li div.card:hover div.image div.overlay { opacity: 0; }
ul.bios li div.card div.meta
{
	float: left;
	margin: 15px 0 0 12px;
}

ul.bios li div.card div.meta div.firstname,
ul.bios li div.card div.meta div.lastname
{
	color: #fff;
	font: bold italic 18px/17px "Times New Roman", Times, serif;
}

ul.bios li div.card div.meta div.links
{
	margin: 17px 0 0 2px;
	color: #fff;
}
ul.bios li div.card div.meta div.links a { color: #fff; }

ul.bios li div.bio
{
	margin-left: 18px;
	float: left;
	width: 460px;
	color: #7d7d7d;
	font-size: 10px;
}

ul.fest
{
	margin: 0 0 0 162px;
}

ul.fest li
{
	float: left;
	float: left;
	width: 304px;
	height: 111px;
	background-color: #f26522;
	margin: 0 16px 16px 0;
}
ul.fest li.last { margin: 0 0 16px 0; }
ul.fest li div.image
{
	float: left;
	position: relative;
	width: 150px;
	height: 111px;
}
ul.fest li div.image div.overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 111px;
	z-index: 90;
	opacity: 0.3;
	filter: alpha(opacity='30');
	background-color: #f26522;
	cursor: pointer;
}
ul.fest li:hover,
ul.fest li:hover div.image div.overlay
{
	background-color: #22AFF2;
}
ul.fest li div.meta
{
	float: left;
	width: 154px;
}
ul.fest li div.meta a,
ul.fest li div.meta a:hover
{
	display: block;
	width: 142px;
	height: 96px;
	padding: 15px 0 0 12px;
	color: #fff;
	text-decoration: none;
	font: bold italic 18px/17px "Times New Roman", Times, serif;
}

.post h1
{
	font: normal 36px "Times New Roman", Times, serif;
	color: #f26522;
}

.post h1 span
{
	color: #666;
	font-size: 18px;
	font-style: italic;
}

.post div.post-meta
{
	border-bottom: 1px dotted #A1A1A1;
	border-top: 1px dotted #A1A1A1;
	position: relative;
	padding: 15px 0 6px 4px;
	margin: 13px 0 0 0;
}

.post div.post-meta div.author
{
	color: #666666;
	float: left;
}
.post div.post-meta div.author a { color: #666666; }

.post div.post-meta div.date
{
	color: #959595;
	float: left;
	margin-left: 18px;
	margin-right: 20px;
}

.post div.post-meta div.comments-bubble
{
	float: left;
	position: relative;
	top: -4px;
}

.post div.entry
{
	margin-top: 13px;
}

.post div.tags
{
	border-bottom: 1px dotted #A1A1A1;
	border-top: 1px dotted #A1A1A1;
	padding: 10px 0 14px 0;
}

.post div.tags a
{
	color: #22aff2;
	text-decoration: none;
	font-weight: bold;
}

.post div.tags a:hover { text-decoration: underline; }

.post div.tags div.tags-left
{
	float: left;
	width: 152px;
}

.post div.tags div.tags-left h3
{
	background: url(images/h_tags.png) top left no-repeat;
	width: 49px;
	height: 19px;
	text-indent: -9999px;
}

.post div.tags div.tags-left h4
{
	color: #9f9f9f;
	font-weight: normal;
	font-size: 12px;
}

.post div.tags div.tags-right
{
	float: right;
	width: 630px;
	line-height: 16px;
}

.post div.tools
{
	margin: 0 0 0 0;
	border-bottom: 1px dotted #A1A1A1;
	padding: 10px 0 9px 0;
}

.post div.tools div.tools-left
{
	float: left;
	width: 133px;
	border-right: 1px dotted #A1A1A1;
	margin-right: 10px;
	height: 22px;
	padding-top: 6px;
}

.post div.tools div.tools-left h3,
.tools-top h3
{
	background: url(images/h_toolbelt.png) top left no-repeat;
	width: 118px;
	height: 15px;
	text-indent: -9999px;
}

.post div.tools div.tools-right
{
	float: right;
	width: 627px;
}
.post div.tools div.tools-right div.netflix
{
	margin-top:6px;
}

div.v_line
{
    border-right: 1px dotted #A1A1A1;
    float: left;
    height: 27px;
    margin: -5px 22px 0 11px;
    width: 1px;
}

.post div.tools div.tools-right div.netflix a,
a.orangebtn,
a.tool_btn
{
	display: block;
	float: left;
	margin-right: 1px;
	color: #fff;
	font-size: 11px;
	font-weight: bold; 
	padding: 2px 0 4px 10px;
	background-color: #f26522;
	height: 11px;
	min-width: 134px;
}

.post div.tools div.tools-right div.netflix a:hover
{
	text-decoration: none;
}

.post div.tools div.tools-right div.netflix a.tool_btn,
a.tool_btn
{
    color: #999999;
    font-size: 10px;
    height: 15px;
    margin-right: 15px;
    padding: 0;
    text-align: right;
    width: 149px;
    min-width: 1px;
}

.post div.tools div.tools-right div.netflix a.netflix,
a.netflix 
{ 
	background: url("images/btn_netflix_small.jpg") no-repeat scroll left top transparent !important;
}

.post div.tools div.tools-right div.netflix a.amazon,
a.amazon
{
	padding-top: 3px;
	height: 16px !important;
	background: url("images/btn_amazon_small.jpg") no-repeat scroll left top transparent !important;
}


div.tools-top
{
	width: 161px;
	border-bottom: 1px dotted #A1A1A1;
	float: left;
	margin: 0 10px 0 0;
}

div.tools-top h3
{
	margin-top: 16px;
}

div.tools-top a
{
	text-decoration: none;
	text-align: left;
}

div.tools-top a span
{
    color: #999999;
    font-size: 10px;
    display: inline-block;
    width: 50px;
    line-height: 10px;
    text-align: left;
    margin-left: 95px;
    float: left;
}

div.tools-top a.netflix
{
	background: url("images/btn_netflix.jpg") no-repeat scroll left top transparent !important;
	margin-top: 10px;
	height: 21px !important;
	width: 145px;
}

div.tools-top a.amazon
{
	background: url("images/btn_amazon.jpg") no-repeat scroll left top transparent !important;
	margin-top: 8px;
	height: 25px !important;
	width: 129px;
}

div.tools-top div.line
{
	height: 42px;
	width: 161px;
	border-top: 1px dotted #A1A1A1;
}

.post div.tools div.tools-right div.share
{
/*	float: left;
	margin-left: 0px;
	margin-top: 6px;
	width: 65px;*/
	float: right;
	margin-left: 45px;
	margin-top: 6px;
	width: 150px;
}

/* basic WP styles */
.alignright,img.alignright
{
	float: right;
	margin: 0 0 1em 1em;
}

.alignleft,img.alignleft
{
	float: left;
	margin: 0 1em 0 0;
}

.aligncenter, img.aligncenter
{
	display: block;
	margin: 1em auto;
	text-align: center;
}

/* polls */
div.boxes-left div.box ul.wp-polls-ul
{
	margin: 0;
	width: 290px;
	margin-bottom: 10px;
}

div.boxes-left div.box ul.wp-polls-ul li
{
	border-bottom: none;
	height: auto;
	margin: 0;
}

div.boxes-left div.box input.btn
{
	color: #fff;
	font-size: 13px;
	padding: 0 10px;
	background-color: #f26522;
	height: 24px;
	cursor: pointer;
	margin-bottom: 10px;
}

div.boxes-left div.box ul.wp-polls-voting li
{
	margin-bottom: 5px;
}

div.boxes-left div.box a.polls-archive
{
	color: #f26522;
	text-decoration: none;
	margin-left: 117px;
}

#nav-below
{
	margin: 20px 0 10px;
}

#nav-below a
{
	font-size: 14px;
	font-weight: bold;
}

div.fb-like
{
	width: 88px;
}

div.detail-padded
{
	margin-bottom: 20px;
}

h2.subtitle
{
	color: #949494;
	font-size: 14px;
	font-weight: bold;
}

div.post-thumb img
{
	/*max-width: 120px;*/
}

/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	div.boxes-left div.box ul li
	{
		height: 39px;
		padding: 8px 0 0 9px !important;
	}
	
	ul.postlist li
	{
		min-height: 26px;
		padding: 6px 0 0 0;
	}
	
	div.boxes-left div.box-2 ul.simple li
	{
		height: 43px;
		padding: 4px 0 0 9px !important;
	}
}