/*   
Theme Name: Wheat Harvest
Description: A custom theme developed by New North for X. 
Author: New North
Author URI: http://www.gonewnorth.com
Version: 1.0
*/


/* Custom Font
-------------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700);
.rokkitt{font-family: 'Rokkitt', serif;}


/* Core Template, header, wrappers, globals.
-------------------------------------------------------------------------------*/

body {
	font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	background-color: #1C2E4B;
}

body, select, input, textarea {color: #333;}

a, a:visited{color: #224166;}
a:hover {color:#6C4620; text-shadow:1px 1px 0 #fff, 2px 2px 2px #E6E0D7; text-decoration:underline;}

#container {
	background: url(images/bg-wheat-repeat.jpg) repeat-x top center #966334;
	padding-bottom:20px;
}

#header, 
#content, 
#home_slider, 
.home_sidebar, 
.layout-width{
	width: 960px; margin: 0px auto; display:block; clear:both;
}

.fancyblue{
	height: 215px;
		 border-radius:15px;
	-moz-border-radius:15px;
		    box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.3), inset -1px -1px 0 0 rgba(0,0,0,0.3), 0 0 3px 3px rgba(0,0,0,0.3);
	   -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.3), inset -1px -1px 0 0 rgba(0,0,0,0.3), 0 0 3px 3px rgba(0,0,0,0.3);
	background: url(images/bg_nav-drop-repeat.png) repeat-x top left rgb(37,81,128)
}

.layout-white-wrapper
{
		 border-radius:10px;
	-moz-border-radius:10px;
	padding:20px;
	background-color:#fff;
}

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

h1, h2, h3, h4, h5, p, ul, ol, li{
	 line-height:1.5em
}
h1, h2, h3, h4, h5{
	font-family: 'Rokkitt', serif;
	color:#4F463F;
	font-weight:300;
}
h1{font-size:26px;}
h2{font-size:22px;}
h3{font-size:18px}
h4, h5{font-size:16px;}
p{margin-bottom:1.5em;}

#content h1 {
	font-size:38px;
	line-height:1em;
	font-weight:400;
	margin:20px 0px;}
	

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

input, textarea{border:1px solid #D6CEC3; margin:5px 0; padding:5px;
	color:#4F463F;
	font-weight:300;
	font-size:14px;
	text-shadow:1px 1px 1px #fff;
	width:200px; }
 textarea{width:70%;}
 
 label{font-family: 'Rokkitt', serif; font-size:15px; color: rgb(200,152,94)}
 input[type="submit"]{
	 
	 border-radius:10px;
	 color:#8E6336;
	 text-shadow:1px 1px 0 #E3BA8C;
	 font-family: 'Rokkitt', serif; font-size:16px; 
	background:rgb(200,152,94); /*for browsers without rgba support */
	background:rgba(200,152,94, 0.8); /*for browssers with rgba opacity support */
	border:2px solid #fff;
	  }
 input:hover, input:focus{
	 box-shadow:0 2px 2px 2px rgba(0,0,0,0.1);
	 -moz-box-shadow:0 2px 2px 2px rgba(0,0,0,0.1)
	 }
/* Header
-------------------------------------------------------------------------------*/

#header {
	background:url(images/bg-header-nav.png) center top no-repeat;
	height: 200px;
}

#header_top{
	height:122px; position:relative;
}

.header_left, .header_left a{display:block; width:342px; height:100px; }
.header_left{background:url(images/logo-wheat.png) no-repeat; float:left;}
.header_left a{text-indent:-800px; font-size:1px;}

.header_right{
	width:400px; 
	float:right; 
	margin-top:70px;
	padding-right:50px;
	color: #224166; 
	text-shadow:1px 1px 0 #5F90BE; 
	letter-spacing:3px; 
	text-transform:uppercase; 
	text-align:right; 
	font-size:16px;
}


/* Main Navigation
-------------------------------------------------------------------------------*/

#top-nav .menu-main-menu-container {
	height: 66px;
	vertical-align: bottom;
	width:859px;
	margin:0 auto;
}

#top-nav .menu-main-menu-container ul li {
	float:left; 
	display:block;
	text-align:center;
	position:relative;
	z-index:100;
}

#top-nav a[title="welcome"], #top-nav a[title="sponsors"]{width:142px;}
#top-nav a[title="support-us"]{width:155px;}
#top-nav a[title="about-film"]{width:155px;}
#top-nav a[title="contact-us"]{width:155px;}

#top-nav .menu-main-menu-container a , 
#top-nav .menu-main-menu-container a:visited{
	display:block;
	height:25px;
	padding:0;
	color:#F0DBC1;
	font-family: 'Rokkitt', serif;
	text-decoration:none;
	font-size:22px;
	text-shadow:1px 1px 2px rgba(0,0,0,0.5);
	font-weight:400;
}
#top-nav .menu-main-menu-container > .menu > li{padding:20px 0;}

#top-nav .drop-active a[title="about-film"],
#top-nav .drop-active a[title="sponsors"]
{background: url(images/bg-nav-top-arrow.png) bottom center no-repeat;} /* this is the arrow above the dropdownmenu */

#top-nav .menu-main-menu-container a:hover,
#top-nav .menu-main-menu-container .current_page_item a, 
#top-nav .menu-main-menu-container .current_page_ancestor a,
#top-nav .menu-main-menu-container .current_page_parent a 
{color:#fff}

#top-nav .menu-main-menu-container .menu > .current_page_item, 
#top-nav .menu-main-menu-container .menu > .current_page_ancestor,
#top-nav .menu-main-menu-container .menu > .current_page_parent 
{background: url(images/bg-nav-top-arrow.png) top center no-repeat;}

/*1st level drop style*/
#top-nav .menu-main-menu-container ul.sub-menu{
	width: 160px;
		 border-radius:15px;
	-moz-border-radius:15px;
		    box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.3), inset -1px -1px 0 0 rgba(0,0,0,0.3), 0 0 3px 3px rgba(0,0,0,0.3);
	   -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.3), inset -1px -1px 0 0 rgba(0,0,0,0.3), 0 0 3px 3px rgba(0,0,0,0.3);
	background: url(images/bg_nav-drop-repeat.png) repeat-x top left #225283;
	position: absolute;
	display:none;
	border:0;
	padding:0 20px;
	z-index:1000;
}

.menu-item-347 ul.sub-menu{left:-25px;}/*position to center the sponosrs dropdown */

#top-nav .menu-main-menu-container .sub-menu li{
	display:block; 
	width:160px;
	position:relative;
}
#top-nav .menu-main-menu-container .sub-menu a{
	font-size:16px;	
	line-height:36px;
	height: 36px;
	border-top:1px solid #5078AB;
	border-bottom:1px solid #1E4679;
	text-align:left;
	padding:0;
	color:#fff;
}

#top-nav .menu-main-menu-container .sub-menu li:first-child a{border-top:none; padding-top:10px;}
#top-nav .menu-main-menu-container .sub-menu li:last-child a{border-bottom:none; padding-bottom:10px;}
#top-nav .menu-main-menu-container li li a:hover{color:#F0DBC1}

#top-nav .menu-main-menu-container .sub-menu .sub-menu{
	display:none;
}

/* Content Area for Subpages
-------------------------------------------------------------------------------*/
.post{
	float:right; 
	width:635px
}

/* Breadcrumbs 
-------------------------------------------------------------------------------*/

.breadcrumbs{padding:5px 10px 15px 35px;position:relative;}
.breadcrumbs, .breadcrumbs a{
color:#8E6336;
text-shadow:1px 1px 0 #E3BA8C;
text-decoration:none;
font-weight:bold;
display:inline-block;
line-height:18px;
}
.breadcrumbs a{padding:0 5px;}
.breadcrumbs a:hover{color: #6C4620}
a[title="Go to Blog."]{
		text-indent:-500px; 
		font-size:1px; 
		position:absolute; 
		left:10px;
		overflow:hidden; 
		background:url(images/breadcrumb-home.png) no-repeat; 
		width:15px;
		height:15px;
		margin:0 10px 0 0;}


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

#sidebar {
	float: left;
	width: 230px;
}

/* sidebar defaults */
#sidebar > div{
	padding:0 0 15px 0;
	margin:15px 0 0 0;
	background:url(images/bg-sidebar-nav-li.png) bottom no-repeat
}

#sidebar h2{
	background: url("images/wheat.png") no-repeat scroll left center transparent;
}

.widget > ul, 
.widget > p,
.widget > div,
.widget > form
{margin:0 20px 15px 30px;}

.widget a{color:#4F463F; text-shadow:1px 1px #fff;}
.widget li a{padding: 5px 0 5px 20px; background: url("images/bg-nav_sub_arrow.png") no-repeat scroll -10px 0 transparent; display:block;}

.widget input, .widget textarea{width:170px;}
.widget input[type="submit"]{width:auto;}


/* sidebar menu */
#sidebar  .menu-main-menu-container{padding-bottom:0;}
#sidebar .sidebar_menu{background:url(images/bg-sidebar-nav-li.png) bottom no-repeat; padding-bottom:2px; margin:15px 0 0 0;}
.sidebar_menu li{background:url(images/bg-sidebar-nav-li.png) no-repeat;}
.sidebar_menu a,
#sidebar h2{
	color:#4F463F;
	text-shadow:1px 1px 0 #fff;
	line-height:42px;
	font-size:18px;
	padding:0 0 0 30px;
	margin:0;
	text-decoration:none;
	font-family: 'Rokkitt', serif;
	font-weight:400;
}

.jcarousel-skin-wh .jcarousel-item .carousel-link:hover{text-shadow:none; text-decoration: underline}

.sidebar_menu > li{display:none;}
.sidebar_menu .sub-menu li{background:url(images/bg-nav_sub_arrow.png) no-repeat left top}

.sidebar_menu .current-menu-ancestor .sub-menu, 
.sidebar_menu .current-page-item .sub-menu, 
.sidebar_menu .current-menu-item .sub-menu,
.single .sidebar_menu li.menu-item-346 .sub-menu{
	display:block;
	padding-left:20px; font-size:12px;
	padding-bottom:10px;
}
.sidebar_menu .sub-menu .sub-menu{padding-bottom:5px;}

.sidebar_menu .current_menu_item,
.sidebar_menu .current-menu-ancestor,
.sidebar_menu .current-page-ancestor,
.sidebar_menu .current-menu-parent,
.sidebar_menu .current-page-item,
.sidebar_menu .current-menu-item,
.single .sidebar_menu li.menu-item-346
{
	background-color:#fff;
	display:block;
}

.sidebar_menu  a:hover,
.sidebar_menu .current-menu-item > a,
.sidebar_menu .current_page_item > a,
.sidebar_menu .current_page_parent > a,
.sidebar_menu .current_page_item > a,
.sidebar_menu .current-menu-ancestor > a,
.single .sidebar_menu li.menu-item-346 > a
{
	background:url(images/wheat.png) left center no-repeat;
}

.sidebar_menu ul li{
background:#fff;
}

.sidebar_menu ul a{
	font-size:15px; 
	line-height:30px;
}


/* Custom Homepage Styles
-------------------------------------------------------------------------------*/

.home_sponsors, .home_partners, #content{
	   	 border-radius:10px;
	-moz-border-radius:10px;
	background:rgb(200,152,94); /*for browsers without rgba support */
	background:rgba(200,152,94, 0.8); /*for browssers with rgba opacity support */
	padding:10px;
	position:relative;
	z-index:1;
	margin-bottom:20px;
}

.home h2, .home h3{
	color:#6C4620; 
	text-shadow:1px 1px 0 #F7EDE0;
	font-size:30px;
	line-height:30px; margin:0; padding:0 0 10px 10px;
	font-weight:400;
}

.links-see-all{
		float:right; position:absolute; right:20px; top:16px;
}
.links-see-all a{
	 color:#fff; text-shadow:1px 1px 1px #666633; font-size:16px; margin-left:15px;
}

.links-see-all a:hover{
	color:#6C4620; 
	text-shadow:1px 1px 0 #C96;
}

#home_slider {
	height:200px;
	position:relative;
	margin-bottom:50px;
}

.home_sponsors .logos_table{
	display: block;
	text-align: center;
}
.home_sponsors .logos_table p{
	display:block;
	clear:both;
}
.home_sponsors .logos_table p a{
	display:inline-block;
}

.home_sponsors .logos_table p a:hover,
.homepage_product:hover{
	
		  /* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	
	  filter: alpha(opacity=70);
	
	  /* Netscape */
	  -moz-opacity: 0.7;
	
	  /* Safari 1.x */
	  -khtml-opacity: 0.7;
	
	  /* Good browsers */
	  opacity: 0.7;

}
.home_sponsors hr{
	background:#fff;
	border:0;
	height:1px;
	width:100%;
	clear:both;
	display:block;
}

.homepage_products_table{
	
}
.homepage_product{
	display:inline-block;
	width:16%;
	padding:0 1.8%;
	height: 300px;
}
.homepage_product a{display:block; clear:both;}

.homepage_product img{
	padding:0; 
	margin:0;
	box-shadow:none;
	max-width:100%;
	width:100%;
	border:1px solid #966334;
	padding:1px;
	border-radius:10px;
}

.home_content .alignright, 
.home_content .alignleft{
	margin:0; padding:0; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border:0;
}

.home_content p:first-child{
	color:#6C4620;
	font-size:15px;
}
/*
.home_sponsors .logos_table{
	display:table;
	border-collapse: collapse;
	text-align: center;
	
    margin-left:auto; 
    margin-right:auto;
}
.home_sponsors .logos_table p{
	display: table-row;
}

.home_sponsors .logos_table p a{
	display:table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 0 10px;
}
*/

/*
.home_left, 
.home_right {
	width: 450px;
	height: 255px;
	float: left;
}

.home_right{float:right;}
*/

/* 
.logos .homespots{height:188px; width: 421px;}
.logos .sponsors{background:url(sponsors.jpg) no-repeat center;}
.logos .partners{background:url(partners.jpg) no-repeat center;}
.homespots a{display:block; float:left;}
.homespots a:hover{ background:rgba(255,255,255,0.5);}

.jd{height:188px; width:247px;}
.md{width:174px; height:69px;}
.uschi{width:174px; height:119px;}
.harvest{width:269px; height:188px;}
.ts{width:152px; height:188px;}

.home_sidebar article{height:175px;}
*/


/* Custom Page Template Styles
-------------------------------------------------------------------------------*/

#searchform {}
#s {}
#searchsubmt {}

/* Content Area
-------------------------------------------------------------------------------*/

#content {
	margin: 20px auto;
	width:940px;
}

#content .layout-white-wrapper{
	background:url(images/bg-sidebar-repeat.png) repeat-y top left #fff;
}

.home #content .layout-white-wrapper{background-image:none;}
	
	
/* Post and Pages Content Styles
-------------------------------------------------------------------------------*/
.alignleft, .alignright{
		border:10px solid #fff; 
		box-shadow:1px 1px 4px 4px #ccc; 
		max-width:600px;
		height:auto;
}
.alignleft{
		float:left;
		margin-right:10px;
		margin-bottom:10px;
}
.alignright{
		float:right;
		margin-left:10px;
		margin-left:10px;
}

.biohalf{width: 50%; float:left; margin-bottom:20px;}
.biohalf strong{clear:left;}
#meta {}
.postmetadata {
	border:1px solid #D6CEC3; background:#E6E0D7;
	display:block; clear:both; padding:15px; margin:20px 0;
	line-height:22px;}


.navgation {}
.next-posts {}
.prev-posts {}

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

#footer {
	clear: both;
	width: 100%;
}
.footer_top {
	border-top: 3px solid #011132;
	background:url(images/bg-footer-texture.png) #2C4976 ;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}

.footer_top a{color:#fff; text-decoration:none;}
.footer_top a:hover{border-bottom: 1px dotted #fff;}

.footer_top p{padding:10px;}

.footer-gradient{
	padding:25px 0;background:url(images/bg-footer-gradient.png) repeat-x transparent;
}

.home_news_updates{
	width:510px; float:left;
}

.footer_news_updates{
}
.footer_news_updates li{
	padding:10px 10px 16px 10px; margin:0;
	background: url(images/bg-footer-divider-rpt.png) repeat-x bottom;
}

/* footer - media and social icons */

.social {margin:0 10px 20px 10px;}
.social li{
display:block; float:left}
.social a{
	display:block; height:30px; width:30px; padding:5px 5px 10px 0; text-indent:-500px; overflow:hidden;
}

.media-inquiries a,
.social a{background: url(images/icons-social.png) no-repeat; }
.social a:hover{border:none;}
.social .ico-facebook a:hover{background-position:0 -40px;}

.social .ico-twitter a{background-position:-36px 0}
.social .ico-twitter a:hover{background-position:-36px -40px;}

.social .ico-youtube a{background-position:-71px 0}
.social .ico-youtube a:hover{background-position:-71px -40px;}

.footer_news_updates .media-inquiries{background:none; padding-top:15px;}
.media-inquiries a{
	box-shadow:inset 2px 2px 2px 3px #182945;
		 border-radius:10px;
	-moz-border-radius:10px;
	padding:10px 15px 8px 45px;
	font-size:22px; 
	line-height:30px;
	background-color:#233355;
	background-position:-96px -2px;
}
.media-inquiries a:hover{
	background-position:-96px -42px;
	border:0;
}

.footer_contact_info{
	width:280px;
	float:right;
}
.footer_contact_info > div{
	margin-bottom:20px;
}

#footer h4{
	color:#D6C5AB; font-size:24px; 
	font-weight:400;
	background: url(images/bg-footer-divider-rpt.png) repeat-x bottom;
	padding-bottom:6px;
	padding-left:10px;
}
#footer h4 a,  #footer h4 a:visited{color:#D6C5AB;}
#footer h4 a:hover, .footer_top a, .footer_bottom a{text-shadow:3px 3px 2px #000; border:none;}

#footer  .conjo_logo{display:block; width:250px; height:60px; text-indent:-800px; overflow:hidden; background: url(images/logo_conjo.png) no-repeat;}
#footer  .conjo_logo:hover{background-position:0 -60px;}

.footer_bottom{
	color:#4C739F;
	padding:30px 0 60px 0;
}
.footer_copyright{float:left; width:350px;}
.footer_bottom .menu-main-menu-container{float:right;  width:600px;}
.footer_bottom .menu{float:right;}
.footer_bottom li{display:inline-block; padding: 0 5px;}
.footer_bottom .sub-menu{display:none;}
.footer_bottom a{ color: #4C739F; text-decoration:none;}
.footer_bottom a:hover{color:#fff;}

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

.footer_navigation ul {
	margin-right: 25px;
}

.footer_navigation ul li {
	float: left;
	margin-right: 10px;
}

.footer_navigation {
	border: 1px solid black;
	height: 30px;
}


/* Archive and Category Pages 
-------------------------------------------------------------------------------*/

.archive .hentry, .blog .hentry{
	border-top:3px double #C5B8A7;
	position:relative;
	padding:0;
}

.archive .hentry h1 a{}

.post-date{
position:absolute; 
left:-55px;
top:20px;
display:block; 
height:50px; 
width:35px;
padding:5px 15px 10px 5px; text-align:center;
background: url(images/date_bubble.png) no-repeat;
color:#fff;
text-shadow:1px 1px 0 #965E2A ;
font-family: 'Rokkitt', serif;
font-size:28px; 
line-height:15px;
text-transform:uppercase;
}
.post-date .month{font-size:12px; height:18px; display:block;}
.archive .hentry .hentry{}	

#post_scroll{ 
	clear:both;
	display:block;
	font-family: 'Rokkitt', serif;
	font-size:30px;
	text-align:center;
	padding:10px;
}
#post_scroll a{padding:10px;}



/* Comment Styles
-------------------------------------------------------------------------------*/	
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}



/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}



/* Site Custom
-------------------------------------------------------------------------------*/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}