/*
Theme Name: Depict 2017
Theme URI: http://watershed.co.uk
Description: Depict Wordpress theme 2017. Started with Starkers by Elliot Jay Stocks
Version: 1.0
Author: david.redfern@watershed.co.uk
Author URI: http://watershed.co.uk
Tags: Depict
*/

/* @import "style/css/reset.css"; */

@font-face {
  font-family: 'MuseoSans500';
  src: url('fonts/MuseoSans_500-webfont.eot');
  src: url('fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/MuseoSans_500-webfont.woff2') format('woff2'),
         url('fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('fonts/MuseoSans_500-webfont.svg#museo_sans500') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* defined as museo_sans_300 but is actually Museo300-Regular */

@font-face {
  font-family: 'MuseoSans300';
  src: url('fonts/MuseoSans/300/MuseoSans_300-Regular.eot');
  src: url('fonts/MuseoSans/300/MuseoSans_300-Regular.eot?#iefix') format('embedded-openfonts'),
       url('fonts/MuseoSans/300/MuseoSans_300-Regular.woff2') format('woff2'),
       url('fonts/MuseoSans/300/MuseoSans_300-Regular.woff') format('woff'),
       url('fonts/MuseoSans/300/MuseoSans_300-Regular.ttf') format('truefonts'),
       url('fonts/MuseoSans/300/MuseoSans_300-Regular.svg#museo_sans300') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MuseoSans300';
  src: url('fonts/MuseoSans/500/MuseoSans_500-Regular.eot');
  src: url('fonts/MuseoSans/500/MuseoSans_500-Regular.eot?#iefix') format('embedded-openfonts'),
       url('fonts/MuseoSans/500/MuseoSans_500-Regular.woff2') format('woff2'),
       url('fonts/MuseoSans/500/MuseoSans_500-Regular.woff') format('woff'),
       url('fonts/MuseoSans/500/MuseoSans_500-Regular.ttf') format('truefonts'),
       url('fonts/MuseoSans/500/MuseoSans_500-Regular.svg#museo_sans500') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'MuseoSans300';
  src: url('fonts/MuseoSans/300/MuseoSans_300-Italic.eot');
  src: url('fonts/MuseoSans/300/MuseoSans_300-Italic.eot?#iefix') format('embedded-openfonts'),
       url('fonts/MuseoSans/300/MuseoSans_300-Italic.woff2') format('woff2'),
       url('fonts/MuseoSans/300/MuseoSans_300-Italic.woff') format('woff'),
       url('fonts/MuseoSans/300/MuseoSans_300-Italic.ttf') format('truefonts'),
       url('fonts/MuseoSans/300/MuseoSans_300-Italic.svg#Museo-300Italic') format('svg');
  font-weight: normal;
  font-style: italic;
}

/* body */

@font-face {
  font-family: 'MuseoSans500';
  src: url('fonts/MuseoSans/500/MuseoSans_500-Regular.eot');
  src: url('fonts/MuseoSans/500/MuseoSans_500-Regular.eot?#iefix') format('embedded-openfonts'),
       url('fonts/MuseoSans/500/MuseoSans_500-Regular.woff2') format('woff2'),
       url('fonts/MuseoSans/500/MuseoSans_500-Regular.woff') format('woff'),
       url('fonts/MuseoSans/500/MuseoSans_500-Regular.ttf') format('truefonts'),
       url('fonts/MuseoSans/500/MuseoSans_500-Regular.svg#museo_sans500') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* bold */

@font-face {
  font-family: 'MuseoSans500';
  src: url('fonts/MuseoSans/700/MuseoSans_700-Regular.eot');
  src: url('fonts/MuseoSans/700/MuseoSans_700-Regular.eot?#iefix') format('embedded-openfonts'),
       url('fonts/MuseoSans/700/MuseoSans_700-Regular.woff2') format('woff2'),
       url('fonts/MuseoSans/700/MuseoSans_700-Regular.woff') format('woff'),
       url('fonts/MuseoSans/700/MuseoSans_700-Regular.ttf') format('truefonts'),
       url('fonts/MuseoSans/700/MuseoSans_700-Regular.svg#museo_sans700') format('svg');
  font-weight: bold;
  font-style: normal;
}

/* italic */

@font-face {
  font-family: 'MuseoSans500';
  src: url('fonts/MuseoSans/500/MuseoSans_500-Italic.eot');
  src: url('fonts/MuseoSans/500/MuseoSans_500-Italic.eot?#iefix') format('embedded-openfonts'),
       url('fonts/MuseoSans/500/MuseoSans_500-Italic.woff2') format('woff2'),
       url('fonts/MuseoSans/500/MuseoSans_500-Italic.woff') format('woff'),
       url('fonts/MuseoSans/500/MuseoSans_500-Italic.ttf') format('truefonts'),
       url('fonts/MuseoSans/500/MuseoSans_500-Italic.svg#museo_sans500_italic') format('svg');
  font-weight: normal;
  font-style: italic;
}

/* bold italic */

@font-face {
  font-family: 'MuseoSans500';
  src: url('fonts/MuseoSans/700/MuseoSans_700-Italic.eot');
  src: url('fonts/MuseoSans/700/MuseoSans_700-Italic.eot?#iefix') format('embedded-openfonts'),
       url('fonts/MuseoSans/700/MuseoSans_700-Italic.woff2') format('woff2'),
       url('fonts/MuseoSans/700/MuseoSans_700-Italic.woff') format('woff'),
       url('fonts/MuseoSans/700/MuseoSans_700-Italic.ttf') format('truefonts'),
       url('fonts/MuseoSans/700/MuseoSans_700-Italic.svg#museo_sans700') format('svg');
  font-weight: bold;
  font-style: italic;
}

/* Museo Slab 500 */

@font-face {
  font-family: 'MuseoSlab500';
  src: url('fonts/MuseoSlab/500/MuseoSlab_500-Regular.eot');
  src: url('fonts/MuseoSlab/500/MuseoSlab_500-Regular.eot?#iefix') format('embedded-openfonts'),
       url('fonts/MuseoSlab/500/MuseoSlab_500-Regular.woff2') format('woff2'),
       url('fonts/MuseoSlab/500/MuseoSlab_500-Regular.woff') format('woff'),
       url('fonts/MuseoSlab/500/MuseoSlab_500-Regular.ttf') format('truefonts'),
       url('fonts/MuseoSlab/500/MuseoSlab_500-Regular.svg#museo_slab500') format('svg');
  font-weight: normal;
  font-style: normal;
}


body
{
	/* background:#ffffff url(images/interface/depictWallpaper.jpg) repeat scroll top left; */
	font-family: MuseoSans500, helvetica, sans-serif!important;
	font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

h1,h2,h3,h4,h5,h6
{
	font-family: MuseoSans500, helvetica, sans-serif!important;
}

h1,h2,h3,h4,h5,h6,p
{
	margin: 0em 0em 1em 0em;
	font-weight: normal;
}

	.page-template-page-home h1 {
		margin: 0em 0em 1em 0em;
		padding: 0;
	}

h1
{
	font-size:2em;
	color:#00b4e4;
	margin:0 0 10px 0;
	padding:0;
	font-weight:500;
}

    #centerCol h1 a, h1 a:visited
    {
        display: block;
        width: 247px;
        text-decoration: none;
    }
    
    #centerCol h1 a:hover
    {
        display: block;
        width: 247px;
        text-decoration: none;
        border-bottom:1px dotted #ccc;
    }

    #centerCol img {
        max-width: 100%;
        height: auto;
    }

h2
{
	font-size:1.6em;
}

h2.widgettitle 
{
    border-top: 1px solid #00b4e4;
    padding: 10px 0 0 0;
	color:#00b4e4;
	margin:0 0 10px 0;
	font-size: 22px;
}

h2.subtitle
{
	font-size:1.5em;
	margin:0 0 5px 0;
	padding:0;
	color:#ffffff;	
}

h2.groupTitle
{
	margin-bottom: 20px;
}

h3
{
	font-size: 1.2em;
	color:#00b4e4;
	margin:10px 5px 10px 0;
	padding:0;
}
  
h4
{
    margin:0;
    padding:0;
    color:#E50736;
}

p, li
{
	font-size: 18px;
	line-height:1.4em;
	color:#eeeeee;
}

em 
{
	color:#db37b4;
}

	em.country
	{
		color:#999999;
	}


b, strong {
	font-weight: 700;
}

.top {
    margin-top: 0;
}

.small {
    font-size: 15px;
}

.clearfix {
    clear: both;
}

.bullets

{
	list-style-type:disc;
	color:#ffffff;
	font-size:1.1em;
	line-height:1.4em;
	margin:10px 0 0 20px;
}

   
ol
{
	/*list-style: disc;*/
	margin: 0px 0px 10px 20px;
    padding: 0px;
    color:#cccccc;
}

ol li
{
	/*list-style: disc;*/
	list-style:decimal;
}

ul  {
	margin: 0;
	padding: 0;	
	list-style: none;
}

a, a:visited
{
    color:#fff;
    text-decoration: underline;
    transition: opacity 0.3s ease-in-out;
}

.btn {
    transition: opacity 0.3s ease-in-out;
    background: #008d39!important;
    border-color: #008d39!important;
    color: #fff!important;
    font-size: 15px!important;
}

.form-control {
    font-size: 15px;
}

    a:hover, a:focus, .btn:hover
    {
        color: #fff;
        opacity: 0.8;
        text-decoration: none;
    }
    
    body a img, a:hover img
    {
       display: inline;
       border-bottom: 1px transparent #ccc;
    }

a.more-link 
     {
	  padding:0;
	  margin:0 0 0 0;
	 line-height:1em;
      }

blockquote
{
	margin: 0em 1em 1em 0;
    padding-left: 1em;
    border-left: 10px solid #00b4e4;
    color: #00b4e4;
}

blockquote p {
    color: #00b4e4;
}

.alignleft {
float: left;
padding-right: 15px;
}

.alignright {
float: right;
padding-left: 15px;
}

#wrapper
{
	background-color:transparent;
	color: #ffffff;
}

#header
{
	background:transparent;
    margin-bottom: 10px;
}

#header a
{
	text-decoration: none;
}

#header a:hover
{
	text-decoration: underline;
}


	/* 
#headerLogos a
	{
		display:block;
		text-align: right;
		margin-bottom: 10px;
	}
 */
	
	img.watershedStamp {
		margin:0 0 0 0;
	}

    #depictLogo img {
        max-width: 100%;
        height: auto;
    }

    @media(max-width: 767px) {
        #depictLogo img {
            width: 150px;
        }
    }
	
	.searchbox
    {
        margin:0px;
        padding: 0px;
        margin-top: 10px;
        /*overflow: auto;*/
    }
        .searchbox input {
            font-size: 15px;
        }
    
    #tagline  {
    	padding-top: 3.5em;
    }  
        

        #tagline h2 {
            font-weight:normal;
            color:#ffffff;
            margin:0;
            font-size: 22px;
         }

        @media(max-width:1200px) {
            #tagline h2 {
             }
            .searchbox {
             }
        }
        
        @media(max-width:990px) {
            #tagline h2 {
            }
            .searchbox {
                margin-top: 10px;
            }
        }
        
        @media(max-width:767px) {
            #tagline {
                display: none;
            }
            .searchbox {
                margin-top: 10px;
            }
        }
  
	ul.headerLogos{
				margin: 0em 1em 0em 0em;
				padding: 0;
				text-align: right;
			 }
			 
			.headerLogos li{
				margin:0 0 0 0;
				padding:0;
				display:inline;
			}
			
			.headerLogos li img{
				margin:1em 0 0 0;
			}	  
        
#pageWrapper
	{
         margin: 30px 0;
         padding: 20px 30px 0 30px;
         background-color:#000000;
         /* border-radius: 5px; */
	}

@media (max-width:767px) {
    #pageWrapper {
        padding: 20px 15px 0 15px;
        margin: 0;
        border-radius: 0;
    }
}
				
#page {
	clear:both;
	padding-top: 10px;
	}

@media(min-width:768px) {
#leftCol
{
	padding-bottom: 50px;
}	
}

#leftCol #nav, #leftCol #nav-navbar, #search-collapse {
    background: #000000!important;
    border: 0px!important;
    border-color: transparent!important;
    border-radius: 0!important;
}

#leftCol #nav-navbar, #search-collapse {
    box-shadow: none!important;
}

    #leftCol #nav ul
    {
        margin: 0 0 0 0;
        padding: 0;
    }
    
    #leftCol #nav li
    {
        margin: 0 0 10px 0;
        font-size: 18px;
        list-style: none;
    }
    
    #leftCol #nav #menu-main-navigation li::before {
        display: none;
    }
    
    #leftCol #nav #menu-main-navigation a
    {
        color:#ffc941;
		text-decoration: none;
    }
    
    #leftCol #nav .menu-item a:hover {
        color:#ffffff;
        opacity: 0.8;
    }    

	#leftCol .current_page_item {
		margin-top:0;
	}
	

	#leftCol #nav #menu-main-navigation .current_page_item a
	{
		color:#ffffff;
        opacity: 1!important;
	}

    #leftCol #nav #menu-main-navigation .sub-menu {
        margin-top: 5px;
    }
	
	#leftCol #nav #menu-main-navigation .sub-menu li {
		margin:0px 0px 0px 0px;
	}
	
	#leftCol #nav #menu-main-navigation .sub-menu a {
		margin:0px 0px 0px 10px;
		text-transform:capitalize;
		font-size: 14px;
	}
	
	#leftCol #nav #menu-main-navigation li  .sub-menu li a {
		margin:0px 0px 0px 10px;
		text-transform:capitalize;
		font-size: 15px;
		border-bottom:0px;
		color: #00b4e4;
	}
	
	#leftCol #nav #menu-main-navigation li  .sub-menu li.current_page_item a {
		color: #ffffff;
	}

    @media(max-width:767px) {
        #header {
            margin-bottom: 10px;
        }

        #leftCol #nav {
            margin-bottom: 20px;
            background: #000000;
        }
        #leftCol #nav .navbar-toggle {
            background: none;
            float: none;
        }
        #search {
            display: none;
        }

        #leftCol #nav.affix {
            z-index: 999;
            top: 0;
            left: 0;
            width: 100%;
            webkit-box-shadow: 0px 0px 10px 1px #444;
            -moz-box-shadow: 0px 0px 10px 1px #444;
            box-shadow: 0px 0px 10px 1px #444;
            padding-top: 25px;
        }

        #leftCol #nav.affix .navbar-header {
            padding: 0 15px;
        }

        #leftCol #nav #search-collapse form {
            margin: 10px 0;
        }

        #leftCol #nav #search-collapse form button {
            margin-top: -3px;
        }

        #leftCol #nav #nav-navbar {
            margin-top: 10px;
        }
    }

    @media(min-width:768px) {
        .navbar-header {
            display: none;
        }
        #leftCol #nav #nav-navbar {
            padding: 0!important;
        }
        #leftCol #nav.affix {
            position: relative!important;
        }
        #search-collapse {
            display: none!important;
        }
    }
	
    #leftCol h2
    {
        margin:30px 40px 0 0;
		font-size:1.2em;
        line-height:1.6em;
    }

        #leftCol h2 img
        {
            padding:0;
            margin:0;
            text-align:top;
        }
        
       #facebook
        {
        	margin-top: 30px;
        }
       
       #facebook p a
        {
        	font-size:1.2em;
        	color:#00b4e4;
        	line-height:1.2em;
        	border-bottom:0px;
        	text-transform: none;
        }
        
			#facebook p a:hover
			{
				border-bottom: 1px dotted #9A9999;
			}
        
        #facebook p a img
        {
        	padding: 0px 2px 0px 0px;
        	xvertical-align:text-top;
        }
 		
    #leftCol form label
    {
         display:block;
         margin:10px 0px 5px 0px;
         padding:0;
    }
 
    #leftCol form input
    {
        margin:0px 0px 5px 0px;
    }
        
        #leftCol form input.submit
        {
            margin:10px 0px 0px 0px;
        }


#centerCol
{
	margin:0 0 0 0;
}

    #centerCol.wide
    {
        margin:0 0 0 0;
        padding:0;
    }

    #centerCol h2 {
        margin: 1.5em 0em 1em 0em;
        color: #00b4e4;
    }

    #centerCol h2.top {
        margin-top: 0;
    }

	#centerCol a, a:visited
    {
        color:#fff;
        padding:0;
        margin:0;
     }

        #centerCol a:hover
        {
            color: #fff;
            text-decoration:none;
            border-bottom: none;
            opacity: 1;
         }
     #centerCol ul 
    {
		list-style-type:disc;
		list-style-position: outside;
		margin:0 0 1em 0;
    }  
      
    #centerCol li 
    {
		margin:0em 0em 0em 2em;
		padding:0em 0em 0.5em 0em;
    }


    #singleCol
    {
        margin:0 0 28px 0;
        padding:0; 
    }
    
    .page-template-competition-php #singleCol h1 {
        padding-top: 1em;
     }
    
        #singleCol ul li
        {
            list-style: disc;
            margin: 0px 0px 10px 20px;
            padding: 0px;
            color:#cccccc;
        }
        
        /* Adjustments for about page */
        .page-id-5 #singleCol ul li {
			margin: 0px 0px 10px 0px;
			list-style: none;
			list-style-position: outside;
		}
	
	.doubleCol 
	{
		width:247px;
		float:left;
		margin:0 26px 0 0;
	}
	
		.doubleCol p a
        {
            padding:0 0 0 0;
            font-size:1.3em;
        }

		.doubleCol p a.action
        {
            padding:0 0 0 0;
			margin:8px 0 0 0;
            font-size:1.1em;
        }

		.doubleCol p img
        {
            margin:5px 0 5px 0;
        }
	
        .doubleCol.narrow 
         {
            width:220px;
            float:left;
        }

		.doubleCol p, .doubleCol.narrow p
         {
            margin:0 0 1em 0;
        }
		
		.contentBlock 
		{
			padding:0;
			margin:0 0 20px 0;
		}
		
		.contentBlock h3
		{
			padding:0;
			margin:10px 0 5px 0;
		}
		
		.contentBlock.sponsors
		{
			padding:10px;
			margin:0 0 20px 0;
			border:1px solid #494847;
			font-size:0.8em;
			text-align:center;
		}


        #sidebar, #centerCol {
            margin-bottom: 20px;
        }
	
	  
    
    /* Wordpress generates a class based on the template name.
       So we can use this to change column sizes based on a per template basis*/ 

   	.page-template-page-home-php #centerCol #singleCol p
	{
		margin:0px 78px 10px 0px;
		padding:0;
		line-height:1.4em;
		font-weight:normal;
	}

		.page-template-page-home-php #centerCol #singleCol a p
		 {
			color:#E50736;
			margin:0;
			padding:0;
		}
		
	#google_translate_element {
		text-align: left;
		margin-bottom: 10px;
	}
		
    .page-template-competition-php #sidebar p
     {
        font-size:15px;
        margin:0 0 0 0;
        padding:0;
    }
		
		
    .page-template-competition-php #sidebar ul
    {
        margin:10px 50px 0px 0px;
        padding:0;
    }
    
    .page-template-competition-php #sidebar img
    {
        margin:6px 0px 6px 0px;
        padding:0;
    }
				
    #searchResults
    {
     margin:0 0 20px 0;
     padding:0; 
    }
    
        #searchResults .post 
        {
            margin: 2em 0em 0em 0em;
        }
        
        #searchResults p 
        {
            font-size: 1.2em;
        }
        
        #searchResults p#categoryTags 
        {
            font-size: 1em;
        }
        
            #searchResults p#categoryTags a 
            {
                font-size: 1em;
                color:#688970;
            }

#sidebar
{
}
	
	#sidebar p, #sidebar span
		{
			font-size: 15px;
		}


    #sidebar.narrow 
    {
        width:158px;
        margin:20px 0px 0px 0px;
    }

    #sidebar p.post-date
    {
        font-weight:bold;
    }
    
    #sidebar a.post-title
    {
        font-weight:bold;
        color: #fff;
        font-size: 15px;
    }

    #sidebar li.cat-post-item {
        margin: 0 0 10px 0;
        padding: 0 0 20px 0;
        border-color: #494846;
    }
    
    #sidebar li.cat-post-item p
    {
        margin:0;
        padding:0;
    }

	#sidebar ul.judges li
    {
        margin:0 0 15px 0;
        padding:0;
        clear: both;
    }
    
    #sidebar .decent-comments li {
        border-bottom: 1px solid #494846;
        padding: 0 0 20px 0px;
        margin: 0 0 10px 0;
    }

    #sidebar .decent-comments li:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    #sidebar .decent-comments li a {
        color: white;
    }

    #sidebar .decent-comments .comment {
        padding-top: 0;
    }


#FSContact3, #mc_embed_signup {
	font-size: 18px;
}

#FSContact3 .fscf-div-error {
	color: red;
}

#FSContact3 p, #mc_embed_signup p {
	color: #000000;
}

#FSContact3 a, #mc_embed_signup a {
	color: #000000;
	opacity: 0.9;
	transition: opacity 0.3s ease-in-out;
}

#FSContact3 a:hover, #mc_embed_signup a:hover {
	color: #000000;
	text-decoration: underline;
}

#FSContact3 fieldset{
	background-color: #eeeeee;
	margin-top: 30px;
	padding: 10px 20px 10px 20px;
	color: #000000;
}


	#FSContact3 legend {
		background-color: #3d3b39;
		/* margin-left: -10px; */
		padding: 5px 5px 5px 5px;
		color:#ffffff;
		border: 1px solid #f05a22;
		width: 50%;
	}

	
	#FSContact3 h2, #mc_embed_signup h2 {
		font-size: 24px;	
	}

/* 
	#FSContact3 label {
		width: 50%;
	}
 */

	#FSContact3 input[type="text"], #FSContact3 textarea, #mc_embed_signup input[type="text"], #mc_embed_signup input[type="email"], #mc_embed_signup textarea {
		margin-top: 0.5em;
		margin-bottom: 20px;
		padding: 5px;
		font-size: 18px;
		color: black;
		border: 1px solid #f05a22;
		width: 75%;
	}
	
	#FSContact3 select,#mc_embed_signup select{
		margin-top: 5px;
		margin-bottom: 20px;
		padding: 5px;
		font-size: 18px;
		color: black;
		border: 1px solid #f05a22;
		width: 50%;
	}
	
	
	#FSContact3 input[type="checkbox"], #FSContact3 input[type="radio"], #mc_embed_signup input[type="checkbox"], #mc_embed_signup input[type="radio"] {
		/* display:inline; */
		margin: 0;
		width: 20px;
	}
	
	/* 
#FSContact3 .fscf-option-label {
		display:inline;
		border: 1px solid blue;
	}	
 */
	
	#FSContact3 .fscf-button-submit, #mc_embed_signup #mc-embedded-subscribe {
		margin: 30px 0px 0px 10px;
		padding: 5px;
		width: 200px;
		text-align: center;
		font-size: 18px;
		background-color: #f05a22;
		border: 1px solid #f05a22;
		color: #ffffff;
		font-weight: normal;
		cursor: pointer;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	#mc_embed_signup #mc-embedded-subscribe {
		margin: 0px;
	}
	
	#entry-data .fscf-button-submit:hover, #mc-embedded-subscribe	 {
		opacity: 0.9;
		transition: opacity 0.3s ease-in-out;
	}
	
/* 
Mailchimp sign up form on /join-our-mailing-list/
 */
 
#mc_embed_signup	
	{clear:left;}
	
	#mc-embedded-subscribe .button
	{
		transition: opacity 0.3s ease-in-out;
		background: #d14800!important;
		border-color: #d14800!important;
		color: #fff!important;
		font-size: 15px!important;
	}

#films
{
	padding: 20px;
	background:#000000;
    margin-bottom: 20px;
}

@media(max-width:767px) {
    #films {
        margin: 0 -15px;
    }
}

	#films .film-item
	{
		display: -moz-inline-box;
		display: table-column;
		vertical-align: top;
        margin-bottom: 20px;
	}

    .film-item .film-item-inner {
        background: #000000;
        border-radius: 3px;
        padding: 10px;
    }
	
        #films .film-item img {
            width: 100%;
            height: auto;
        }
	
        #films .film-item .filmThumbnail {
            position:relative;
            margin: -10px -10px 10px -10px;
            transition: opacity 0.3s ease-in-out;
        }
        
        #films .film-item .category-2014 .filmThumbnail {
            position:relative;
        }
        
        #films .film-item .play
        {
            background:url(images/play_small_sprite.png) no-repeat top left;
            height:40px;
            position:absolute;
            top:0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width:40px;
        }

        #films .film-item .filmThumbnail:hover {
            opacity: 0.8;
        }
        
        #films .film-item p, #films .film-item h3
        {
            padding:0;
            margin:5px 0 0 0;
            line-height:1.2em;
        }
        
        #films .film-item a
        {
            padding:0;
            margin:0;
            font-size:1em;
        }
        
#home_random_film
{
    margin: 0px 0px 10px 0px;
    background-color: #000000;
    padding: 10px 10px 7px 10px; 
    position: relative;
}

    #home_random_film p
    {
       margin: 0px 0px 0px 0px;
    }
    
    #home_random_film img
    {
       margin: 0px 0px 5px 0px;
       border: 1px solid #ffffff;
    }
    
    #home_random_film .play
        {
            position:absolute;
            background:url(images/play_small_sprite.png) no-repeat top left;
            height:40px;
            width:40px;
            left:104px;
            top:40px;
            
        }   
    

#film_nav 
{
    overflow:auto;
}
    
    #film_nav li
    {
        list-style: none;
        float:left;
		margin:0 10px 0 0;
		padding:0;
		background:#cccccc;
    }
    
        #film_nav li a
        {
            display:block;
            padding:10px 15px;
			margin:0;
			font-size:18px;
			color:#000000;
            text-decoration: none;
        }

            #film_nav li.active
            {
                background-color:#000000;
            }

                #film_nav li.active a, #film_nav li.active a:hover
        
                {
                    color:#fff;
                }

@media (max-width: 767px) {
    #film_nav {
        margin-bottom: 20px;
    }
    #film_nav li {
        float: none;
        margin-bottom: 1px;

    }
}

#centerCol p.film-breadcrumb a.selectedCat
{
    font-weight:bold;
	
}

#film-share {
	padding: 0em 0em 1em 0em;
}

#film-share h3 {
	padding: 0em 0px 0px 0px;
}

#film-share .button {
	padding: 0em 0em 0em 0em;
}


.single .post
{
    overflow: auto;
}


#player-wrapper 
{
	background:none repeat scroll 0 0 transparent;
	display:block;
	position:relative;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0;
}

    #player-wrapper h1, h2 
    {
        text-align:left;
        margin:0px 0px 10px 0px;
    }
	
	#player-wrapper h1
    {
        margin:0 0 10px 0;
        padding:0;
        display:inline-block;
    }
	
	
	#player-wrapper #player 
    {
        display:block;
        height:306px;
        margin:0 auto;
        width:544px;
    }

        #player-wrapper #player .play 
        {
            background:url(images/play_sprite_89.png) no-repeat top left;
            display:block;
            height:89px;
            left:229px;
            position:absolute;
            top:180px;
            width:89px;
        }
    
        #player-wrapper #player, #player object
        {
            outline:0;
        }


#filmInfoWrapper {
    margin:20px 0px 0px 0px;
}

    #filmInfoWrapper h1 
        {
            margin:0px 0px 13px 0px;
        }


    .ratingblock {
        clear:both;
        border-top:#434243 1px solid;
        border-bottom:#434243 1px solid;
        margin:30px 0 20px 0;
        padding:20px 0 20px 0;
    }

    p.film-breadcrumb {
        font-size: 15px;
    }

/*Encloses film comments form and rating*/    
#filmFeedback
{
        margin:20px 0 0 0;
        float:left;
}
    
    #filmFeedback ul.commentlist 
    {
        margin:20px 0 30px 0;
    }
        
        #filmFeedback ul.commentlist li 
        {
            margin:0 30px 20px 0;
            font-size:15px;
            list-style: none;
        }
        
        #filmFeedback ul.commentlist li:before {
            font-family: FontAwesome;
            content: "\f075";
            float: left;
            margin-right: 5px;
            font-size: 18px;
            color: #fff;
            line-height: 18px;
        }

    #filmFeedback .comment-author.vcard, cite.fn {
        font-weight:bold;
    }
        
    #filmFeedback h2#comments 
    {
        margin:0 0 10px 0;
    }
  
#commentform
{
	margin: 0 0 1em 0;
}

.comment .comment-meta, .comment p
{
   margin: 0;
   padding:0em 0em 0.5em 0em;
   word-wrap: break-word;
}


#centerCol .report_comment a, #centerCol .comment-meta a
{
    color: #ccc;
}

    #centerCol .report_comment a:visited, #centerCol .comment-meta a:visited
    {
        color: #ccc;
    }
    
    #centerCol .report_comment a:hover, #centerCol .comment-meta a:hover
    {
        /*border: 1px solid black;*/
        text-decoration:underline;
    }
    
.comment-nav
{
    margin: 0em 0em 2em 0em;
    overflow: auto;
    color: #000000;
    font-weight: bold;
    font-size: 1.17em;
    display: none;
}

.page-numbers, #centerCol .comment-nav a
{
float: left;
display: block;
width: 30px;
margin: 5px 10px 5px 0px;
padding: 5px 0px;
background-color: #cccccc;
text-align: center;
}

.page-numbers
{
    background-color: #00b4e4;

}

#centerCol .comment-nav a
{
    color: #00b4e4;
}

#centerCol .comment-nav a:hover
{
    background-color: #00b4e4;
    color:#000000;
}

 #films_sidebar
{
    margin: 20px 0px 0px 0;
    padding: 10px 10px 0 10px;
    background:#000000;
    border-radius: 3px;
}

@media(max-width: 767px) {
    #films_sidebar {
        margin: 0 -15px;
    }
}

    #films_sidebar .film-item
        {
            margin:0px 0px 20px 0px;
        }
    
    #films_sidebar h2
    {
        color: #00b4e4;
        font-size: 1.4em;
    }
    
    #films_sidebar p
        {
            padding:0;
            margin:5px 0 0 0;
            font-size: 15px;
        }

    #films_sidebar a {
        font-weight: bold;
    }
        
    #films_sidebar img 
        {
            margin:0;
            padding:0;
            width: 100%;
            height: auto;
        }  
            
        #films_sidebar .filmThumbnail
        {
            position:relative;
            transition: opacity 0.3s ease-in-out;
        }    
        
        #films_sidebar .filmThumbnail:hover {
            opacity: 0.8;
        }

        #films_sidebar .film-item .filmThumbnail .play
        {
            background:url(images/play_small_sprite.png) no-repeat top left;
            height:40px;
            left:0;
            position:absolute;
            top:0;
            right: 0;
            bottom: 0;
            margin: auto;
            width:40px;
        }                      

.page-template-competition-php .post
{
border: 1px solid red;
float: left;
width: 250px;
margin: 0px 20px 20px 20px;
}

#footer {
	clear:both;
    background: #444;
    margin: 0 -30px;
    padding: 20px 30px 20px 30px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    
}

	#footer p {
		margin-bottom:10px;
	}
	
	#footer h2 {
		font-size:18px;
		margin:1em 0em 0.5em 0em;
		padding:0;
	}
	
	#footer a {
		text-decoration: none;
	}
	
		#footer a:hover {
			text-decoration: underline;
		}

    @media(max-width:767px) {
        #sponsors {
            margin-bottom: 15px;
        }
    }

  	.secondaryNav{
	margin:30px 0 20px 0;
	padding:0px;
	 }
	
			.secondaryNav a{
			color:#cccccc;
			 }
	
		.secondaryNav ul{
			margin:0 0 0 0;
			padding:0;
		}
		
		.secondaryNav li{
			margin:0;
			padding:0;
			list-style: none;
			font-size: 15px;
		}
		
			.sponsorsFooter{
					margin:0;
					padding:0;
			 }
			 
				.sponsorsFooter li{
					margin:0 0 0 0;
					padding:0;
					display:inline;
				}
				
				.sponsorsFooter li img{
					margin:10px 20px 0 0;
				}	
				
.clear {
	clear:both;
}


/*  News*/

#newsList .date {
		margin:0 0 0 0;
		float:left;
		padding:6px;
		text-align:center;
		display:block;
		background:black;
		border:1px solid white;
		
	}
	
	#newsList .date span {
		display:block;
		margin:0 0 2px 0;
	}
	
	#newsList .date span.day {
		font-size:2em;
	}
	
	#newsList {
		margin:20px 0 30px 0;
		
	}
	
	.newsItem {
		padding:0 0 0 70px;
		margin:0 0 0 0;
	}

	.newsItem h2 a{
		text-decoration:none;
	}
	
	.newsItem p img {
		width:419px;
		height:auto;
	}

    .section-title {
        background: #000;
        color: #fff;
        padding: 10px 15px;
        display:inline-block
    }
	
 #catogoryTags a {
		color:#688970;
	}
	
	#catogoryTags a:visited {
		color:#688970;
	}
	
.winners-diary-list, .winners-diary-item  
{
    margin-top: 2em;
}

.winners-diary-list h2, .winners-diary-item h2  
{
    font-family:georgia;
    font-weight:500;
    font-size:2em;
}

.winners-diary-list p, .winners-diary-item p  
{
    font-size:1.1em;
}

.winners-diary-list a, .winners-diary-item a
{
    color: #e50736;
}

.categoryTags a
    {
        color:#688970 !important;
    }
    
.page-template-page-2010-winners-diary-php p
{
    font-size:1.1em;
}

/* Star ratings */
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(vote/stars/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(vote/stars/star.png) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
.left { float:left; }
#rateFeedback {font-size:1.2em;color:#888;padding-left:4px;}
#rating{ display:none;}
#rating .rateit
{
    color: #00b4e4;
    font-size: 1.2em;
}

#rating p
{
    padding: 0;
    margin: 1em 0em 2em 0em;
}



a.tag-link {color:white;}

	/*	twitter*/
	
	span.twit {
		display:none;
	}
	
	div.avatar a img {
		display:none;
	}
	
	div.avatar {
		background:url(images/interface/twitterIcon.jpg) top left no-repeat;
		height:27px;
		width:31px;
		float:left;
		padding:0 5px 2px 0;
		}
		
		ol.tweets {
			margin:0 0 0 0;
			width:180px;
		}
		
		#follow {
			height:27px;
			background:url(images/interface/twitterFollowIcon.jpg) top left no-repeat;
			color:#00b4e4;
			
		}
		
		#follow a, #follow a:visited {
			padding:0 0 0 37px;
			color:#00b4e4;
			font-size:1em;
			
		}
		
		#webBanner a img{
			margin:30px 0;
			padding:0;
            max-width: 100%;
            height: auto;
		}
		


.facebookLink
{
	margin-bottom:20px;
	overflow:auto;
    font-weight: normal;
    font-size: 15px;
}

.facebookLink a {
    text-decoration: none;
    color: #fff;
}

/* 
.facebookLink i, #mailingListLink i {
    font-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
}
 */

.facebookLink img
{
	float:left;	
}


#mailingListLink
{
	overflow:auto;
	border-bottom:1px solid #494846;
	padding-top:1em;
	padding-bottom:5px;
    font-size: 18px;
    color: #fff;
}

#mailingListLink a
{
	text-transform:none;
}



/* code copied in from signUp.css */

#loadingIcon
{
	display:inline;
	margin-left:10px;
	display:none;
}

input:focus {
    outline: none;
}

.signUpLabel
{
	display:block;
	padding:0px;
	margin:0px;
	width:22px;
	height:22px;
	border:1px solid orange;
}

.errorList
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
    font-size: 15px;
}


.errorListItem
{
	background-image: url('images/mailingList/crossSmall.png');
	background-repeat: no-repeat;
	background-position: 0px 3px; 
	padding-left: 14px; 
	color:#E50736;
}


.formTextBoxContainer
{
	height:20px;
	width:148px;
	margin-bottom:10px;
	background:url('images/mailingList/textBox3.png');
	line-height:20px;
}


.formButtonContainer
{
	height:25px;
	width:148px;
	margin-bottom:10px;
	line-height:25px;
}


.textBox
{
	display:inline;
	float:left;
	font-size:12px;
	line-height:20px;
	color:#666666;
	width:102px;
	height:20px;
	background-color:transparent;
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	border:0px;
}


.tickOrCross
{
	display:none;
	margin-top:3px;
	width:15px;
	height:15px;
	float:right;
	margin-right:5px;
}

#mc-embedded-subscribe-form
{
	padding:0px;
	margin-top:10px;	
}

.wp-caption-text {
	font-size: 11px;
}

#centerCol .cta-button-lg {
	display:inline-block;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	background-color: #008d39;
	color: #ffffff;
	font-weight: normal;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}	
	
#centerCol .cta-button-lg:hover {
		opacity: 0.9;
		transition: opacity 0.3s ease-in-out;
	}
	
#centerCol .cta-button-sm {
	display:inline-block;
	padding: 5px 10px 5px 10px;
	text-align: center;
	font-size: 18px;
	/* background-color: #ffffff; */
	opacity: 0.75;
	color: #ffffff;
	border: 1px solid #fefefe;
	font-weight: normal;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}	
	
#centerCol .cta-button-sm:hover {
		opacity: 0.9;
		transition: opacity 0.3s ease-in-out;
		border: 1px solid #fefefe;
	}	


/* Contact form 7 specific styles */


.wpcf7-form fieldset{
	width: auto;
	padding: 0px 0px 0px 10px;
	margin-top: 20px;
}

.wpcf7-form legend{
	color: #ffffff;
	padding: 10px 10px 5px 0px;
	margin-left: -10px;
	width: auto;
	margin-bottom: 40px;
	font-size: 22px;
}

.wpcf7-form label {
	color: #ffffff;
	font-weight: 300;
}

.wpcf7-form input, .wpcf7-form textarea {
	padding: 5px;
	color: #000000;
	background-color:#999999;
	border: 1px solid #ffffff;
}

.wpcf7-form radio {
	padding: 0px 5px 0px 0px;
	margin: 0px 5px 0px 0px;
}

.wpcf7-form .wpcf7-submit, #centerCol .btn-cta {
    transition: opacity 0.3s ease-in-out;
    background: #008d39!important;
    border-color: #008d39!important;
    color: #fff!important;
    font-size: 18px!important;
    padding: 15px;
    border-radius: 4px;
    border-style: none;
    text-decoration: none;
}

    .wpcf7-submit:hover, #centerCol .btn-cta:hover
    {
        color: #fff;
        opacity: 0.8;
        text-decoration: underline;
    }
    
/* video embedding */    
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}