/* 
Theme Name: UnionPicturesInc
Theme URI: http://www.unionpictures.ca
Author: Paul Morrison
Author URI: http://iamunr.com
Description: Final creation for Union pictures, created by <a href='http://iamunr.com' target='_blank'>Paul Morrison</a>
*/

/*STYLING RESETS, this resets all the browser issues, and resets everything to 0*/

html, body, div, span, input, textarea, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, ol, ul, li, fieldset, form, label, legend, table, tbody,tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	color: #333333;
	background: #ffffff url('images/bg.png') repeat-x top left;
	text-align: center;
	font-family:  arial,verdana, serif;
	line-height: 18px;
	font-size: 12px;
}

a { 
	text-decoration: none;
	color: #21578a; }
	
a:hover {
	text-decoration: underline;
	color: #3c7fbf; }

br.secret{
	height: 0px;
	line-height: 0px;
	clear: both;
	}	
	
.wrapper { 
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

.header { width:800px; height: 156px; }
	.header .logo { float: left; margin: 25px 20px 0;}
	.header .search {float: right; margin: 50px 20px 0;}
	.header .search input { padding: 5px 30px 4px 6px; color: #AAACAD; font-size: 11px; line-height: 11px; width: 268px; background: url('images/search.png') no-repeat top left;}
	
.navigation { width: 800px; height: 35px; display: block; background: url('images/navigation.jpg') no-repeat top left;}
	.navigation li { float: left; display: inline; margin: 8px 20px 0 0;}
	.navigation li img { display: none;}
	.navigation li.first { margin-left: 20px!important;}
	.navigation a {color: #c2c2c2;}
	.navigation a:hover { color: #ffffff;}

	.navigation li.active { margin: 4px 20px 0 0;}
	.navigation li.active a { color: #ffffff;}
	.navigation li.active a:hover {text-decoration: none;}
	.navigation li.active img { vertical-align: middle; display: inline;}
	.navigation li.active a span { display: inline-block; background: url('images/nav-left.png') no-repeat top left; line-height: 24px; height: 26px; padding: 0 0 0 10px;}

.socialicons {width: 800px; height: 35px; display: block;position: relative; top: -35px;}
	.socialicons li { float:right; display:inline; margin: 0px 0px 0px 0px;list-style:none;z-index:900;}

.post { margin-top: 40px;}
	.post .preview {float: left; width: 260px; margin-right: 22px;}
	
	.post .content {float: left; width: 518px;}
	.post .content h1 {font-family: Futura, Arial, verdana, sans-serif; color: #21578a; font-size: 20px; font-weight: normal; line-height: 26px; margin:0 0 15px 0;}

	
	
	.post .content .synimg { margin: 20px 0 10px 0;}
	.post .content .synopsis { margin: 0 0 20px 0;}
	

.footer p { padding: 30px; font-size: 11px; color: #c1c1c1; text-align: center;}

/* CSS for "Sexy Pop Up Social Icon CSS Sprite" Doohicky */

.sharing-cl{
  overflow:hidden; 
  margin:0;
  padding:0;
  list-style:none;
}
.sharing-cl a{
  overflow:hidden;
  width:75px;
  height:30px;
  float:left;
  margin-right:5px;
  text-indent:-300px;
}
.sharing-cl a{
  background:url(http://webdeveloperjuice.com/demos/images/share-sprite.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
  margin-right:0;
  background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
  margin-right:0;
  background-position:-350px 1px;
}


/*slideshow touchups*/
.slideshow {width: 800px; height: 270px; overflow: hidden;}
	.slideitem, .slideitem .br {width: 800px; height: 270px;}
	.slideitem { float: left; width: 800px;}
	.slideitem .br { background: url('images/homebanneroverlay.png') no-repeat bottom right; text-align: center;}
	
	.slideshow .container { height: 270px; position: relative;  display: block; width: auto!important; width: 1px; min-width: 1px; max-width: 400px; margin: 0 auto;}
	.slideshow h1.movietitle { width: 400px;}
	.slideshow .container .topright { padding: 0 15px 0 0; background: url('images/bigbanner/topright.png') no-repeat top right; float: left; position: absolute; bottom: 0;}
	.slideshow .container .topleft { padding: 15px 0 15px 15px; background: url('images/bigbanner/topleft.png') no-repeat top left; float: left;}
	
/*newsblock homepage*/
.newsblock {width: 513px; background: url('images/newsblockbg.jpg') repeat-y top left; margin: 25px 0 20px 0; float: left;}
	.newsblock .newsitem { margin: 15px 15px 5px;}
 	.newsblock .newsitem h2.newstitle {display: inline; width: 400px; font-size: 14px!important;}
	span.date { width: 150px;}
	
.posterblock { width: 268px; float: right; margin-top: 25px; background: url('images/postermid.jpg') repeat-y top left; text-align: center;}
	.posterblock .postercutoff { width: 140px!important; display: block; overflow: hidden; height: 209px !important; float: left; margin-top: 10px;}
	.posterblock .miniposter { width:140px; height: 209px; overflow: hidden;}
	.posterblock .miniposter li {width: 140px!important; height: 209px!important; float: left;}
	
	.posterblock .miniprev { float: left; display: block; margin: 80px 15px 0 14px; text-indent: -9000px; line-height: 0; font-size: 0; height: 36px; width:36px; background: url('images/miniprev.png') no-repeat top left;}
	.posterblock .mininext { float: left; display: block; margin: 80px 10px 0 15px; text-indent: -9000px; line-height: 0; font-size: 0; height: 36px; width:36px; background: url('images/mininext.png') no-repeat top left;}
	.posterblock .miniprev:hover, .posterblock .mininext:hover { background-position: bottom left;}

/*general page coding*/
.subbanner {margin-bottom: 10px;}

.breadcrumb { float: left; margin: 0 0 10px; color: #919191;}
.breadcrumb a {font-weight: bold; color: #21578a;}
.page { }
	.page .leftside { float: left; width: 270px; margin-right: 30px;}
	.page .rightside {float: left; width: 500px; display: block;}
	.page .rightside .ttf {margin-bottom: 15px;}
	.news .rightside .ttf {margin-bottom: 0;}
	.page p {margin-bottom: 10px;}
	
	
.bioimg {float: left; margin-right: 10px;}
.biopiece p {display: block; float: left; width: 355px;}
.biopiece strong {font-weight: bold; font-size: 16px;}

.submit { width: 155px; float: right; height: 32px; background: url('images/form-submit.jpg') no-repeat top left; display: block; text-indent: -9000px; line-height: 0, font-size: 0; margin-right: 36px; cursor: pointer;}
	
/*Contact Page*/
.contactunion { list-style-type: none;}
	.contactunion li {margin: 0 0 9px 0;}
	.contactunion li input { width:331px; height: 16px; padding: 4px 5px; background: url('images/form-input.jpg') no-repeat top left;}
	.contactunion li label {font-weight: bold; width: 120px; display: inline-block; vertical-align: top;}
	.contactunion li textarea { width: 331px; height: 106px; padding: 4px 5px; background: url('images/form-textarea.jpg') no-repeat top left;}
	.contactunion li.submit input { width: 155px; float: right; height: 32px; background: url('images/form-submit.jpg') no-repeat top left; display: block; text-indent: -9000px; line-height: 0, font-size: 0; margin-right: 36px; cursor: pointer;}
	.contactunion li.submit input:hover { background-position: bottom left;}
	
/*News Posts*/
.reading { list-style-image: url('images/list.jpg'); margin: 5px 0 0 30px}
	.news .rightside .newsitem {margin-bottom: 20px!important;}
	.news .rightside .alt {background: #ededed;}
	.fullpost p {margin-bottom: 10px;}
	.fullpost .ttf {vertical-align: middle;}
	
/*pagination*/
.wp-pagenavi {width: 100%; display: block; text-align: center; padding-top: 10px;}
	.wp-pagenavi a {padding: 10px; margin: 0 20px; font-weight: bold; border: none!important;}
	.wp-pagenavi a.page { margin: 0;}
	.wp-pagenavi a.current { margin: 0; font-weight: normal; color: #a5adb3!important; text-decoration: none; cursor: default;}
	
	
/*Filmview layout*/
.filmsitem { margin-bottom: 10px; width: 800px; height: 92px; background: url('images/filmview-base.jpg') no-repeat top left; overflow: hidden; line-height: 20px;}
	.filmsitem .preview {float: left; margin: 10px; }
	.filmsitem .preview a img {position: absolute;}
	.filmsitem .preview .overlay {position: relative; top: 0; left: 0;}
	
	.filmsitem .description {width: 450px; float: left; margin: 10px;}
	.filmsitem h2 { font-size: 18px;}

	.filmsitem a { color: #333333;}
	
/*Single films*/
.filmbanner {position: absolute;}
	.banneroverlay {position: relative; top: 0; left: 0;  width: 800px; height: 103px; background: url('images/filmbanneroverlay.png') no-repeat top left;}
	.bannertitle .itsthetitle { background: url('images/bannertitle_left.png') repeat-x top left; display: block; vertical-align: middle; height: 40px; float: left; padding-left: 20px; margin-top: 30px;}
	.bannertitle .itsthetitle h1 { margin-top: 5px;}
	.bannertitle img {vertical-align: middle; float: left; margin-top: 30px;}
	
	.presskit { float: right; }
	.theposter { float: left; margin: 10px 20px 0 0;}
	
	.filmcontent { float: left; width: 480px;}
	.filmcontent p {margin: 10px; line-height: 20px}
	
	.infolet {margin: 10px 0;}
	.infolet .top { width: 480px; background: url('images/boxtop.jpg') no-repeat top left; padding-top:12px;}
	.infolet .bot { background: url('images/boxbot.jpg') no-repeat bottom left; padding-bottom: 12px;}
	.infolet .mid { padding:0 15px; background: url('images/box.jpg') repeat-y bottom left; line-height: 20px;}
	.infolet ul {list-style-type: none;}
	
/* Search Results*/
#cse-search-results { margin: 25px 0 0 0; background: #ffffff;}
#cse-search-results iframe { width: 750px!important; background: transparent!important;  margin: 0 25px; height: 400px;}
#cse-search-results iframe li {background: red;}


/*Comments
------------------------------------------------------------ */
/*Top
---------------------------------------*/
.comment-number {
	display: block;
	font-size: 1.3em;
	padding: 0 0 10px 30px;
	background: url(./images/comments-bubble-big.gif) no-repeat 0 .1em;
	}
.comment-number span {
	font-size: 1.3em;
	color: #777;
	}
.none { border-bottom: 1px solid #ddd; }
a#leavecomment { padding-left: 10px; }
/*Body
---------------------------------------*/
div.c-single, li.comment {
	padding: 20px 20px 10px 20px;
	border-top: 1px solid #ddd;
	background: #efefef;
	}
li.comment { padding: 20px 20px 0 20px; }
li.comment.depth-2 {
  margin-bottom: 10px;
  border: 1px dashed #ccc;
  background: #fff;
  }
ul.children {
	margin: 10px 0 0 20px;
  clear: both;
	}
div.alt, li.thread-odd { background: #fff; }
div.admin, li.comment.bypostauthor, li.comment li.comment.bypostauthor, li.comment.comment-author-admin, li.comment li.comment.comment-author-admin { background: #DCDFC2; }
div.c-grav {
	float: left;
	width: 80px;
	margin: 0;
	text-align: right;
	}
div.c-body {
	float: right;
	width: 464px;
  font-size: 1.3em;
	}
ul.children div.c-body { width: 404px; }
div.c-body p { margin-bottom: 10px; }
div.c-head {
	margin: 0 0 10px 0;
	font-weight: bold;
	}
div.c-date {
  float: right;
  color: #757575;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	}
div.c-date span {
	color: #C1C1C1;
	font-weight: bold;
	}
.c-permalink a:link, .c-permalink a:visited {
  color: #c1c1c1;
  font-size: .7em;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	text-transform: uppercase;
  }
div.reply, div.cancel-comment-reply { float: right; }
div.reply { padding-bottom: 10px; }
div.reply a:link, div.reply a:visited {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	text-transform: uppercase;
  }
/*Form
---------------------------------------*/
form#commentform { margin-bottom: 20px; }
#respond { font-size: 1.5em; }
h4#postcomment {
	margin: 20px 0;
	padding: 0 0 5px 0;
	font-size: 1.2em;
	color: #555;
	border-bottom: 1px solid #ddd;
	}
form#commentform label.comment-field {
	display: block;
	margin: 10px 0 5px 0;
	}
input.text-input, form#commentform textarea {
	padding: 7px 3px;
	background: #F4F4F4;
	font-family: inherit;
  border: 2px solid #acacac;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 591px;
	}
input#author, input#email, input#url { width: 350px; }
form#commentform input:focus, form#commentform textarea:focus { background: #fff; }
form#commentform input#submit {
  padding: 5px;
  width: 150px; 
  }
form#commentform p.guidelines {
  font-size: .8em;
	margin: 10px 0;
  color: #777;
	}
p.subscribe-to-comments, p.comments-rss{ margin: 0 0 10px 0; }
p.comments-rss a {
  padding: 0 0 0 19px;
  background: url(../images/feed-icon.png) no-repeat 0 .15em;
  }
/*Note
---------------------------------------*/
p.note {
	font-style: italic;
	font-size: 1.3em;
	}
/*Pingbacks/Trackbacks
---------------------------------------*/
h3.pinghead {
  font-size: 1.3em;
  color: #444444;
  }
ol.pinglist {
  list-style-type: decimal;
	list-style-position: inside;
	margin: 0 0 10px 10px;
  font-size: 1.3em;
  }