@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Bree+Serif);
/*********************************************************************
**********************************************************************
**********************************************************************
			BEFORE YOU DO THIS, CUSTOMIZE YOUR GRAPHICS!

/*********************************************************************
**********************************************************************
**********************************************************************

**********************************************************************
**********************************************************************
**********************************************************************
							  FOUNDATION
					This is mostly the structure
					of your site. You shouldn't
					make changes here. It might break
					your site.
**********************************************************************
**********************************************************************
**********************************************************************

Body Styling
**********************************/

/* Contest Types */
body#photo {  } /* defines a photo UGC contest */
body#video {  } /* defines a video UGC contest */
body#audio {  } /* defines a audio UGC contest */
body#text {  } /* defines a text UGC contest */
body#mixed {  } /* defines a mixed UGC contest */

/* Individual Page Styles */
body.home {  } /* override for home/welcome/landing page */
body.registration {} /* override for registration page */
body.submissions {  } /* override for submission page */
body.submissions-detail {  } /* override for submission detail page */
body.prize {  } /* override for prize page */
body.winners {  } /* override for winner page */
body.signin {  } /* override for sign in page */
body.misc {  } /* override for all additional pages */

/* Page and Module Containers */
#container-bg { } /* Additional background container, for more complex, double layer backgrounds */
#container-contest {width:800px; } /* Main contest container - tinkering can prove fatal */
#container-header {} /* Header and Nav container */
#container-contentbg {width:800px;}
#container-content {padding:20px 10px 40px;margin:0 auto; width:650px;} /* Content container */
#container-footer {width:800px; height:101px; margin:0 auto; padding:16px 0 0 0; font-size:12px; } /* Footer container */

@media only screen and (min-width: 1px) and (max-width: 767px) {
body #container-footer {width:auto;} /* Footer container */
}

#container-gallery {} /* Gallery module container */
.container-vote {  } /* Submission voting container */

/**********************************
Global Modules
**********************************/

/* Header */
#header {overflow:hidden;} /* Header, containers logo/branding which is uploaded in the backend.  May have a background image set for transaparent png purposes */
#header img {width:100%;} /* Properties for image-photod contest title */
#header h1 {margin:0; position:relative;} /* Text-photod contest title properties */

/* Navigation Bar */
#navigation {height:58px;} /* Main navigation bar */
#navigation ul {} /* Careful... */
#navigation ul li {font-size:1.3em; height:50px;} /* Seriously, careful... */
#navigation ul li.last {} /* I'm only going to say it one more time...careful... */
#navigation ul li a, #navigation ul li a:hover {display:block;padding:.65em 10px;} /* Navbar link styling */
#navigation ul li a:hover {  } /* Navbar hover link state styling */
#navigation ul li a.home {  } /* Home navbar link */
#navigation ul li a.register {  } /* Registration navbar link */
#navigation ul li a.submit {  } /* Submission navbar link */
#navigation ul li a.gallery {  } /* Gallery navbar link */
#navigation ul li a.prize.winner {  } /* Prize and Winner navbar link */
#navigation ul li.last a.signin {  } /* Sign in navbar link */

/* Typography */
h1.pagetitle, #gallery-header h1 {font-family:'bree serif', serif; margin:0 auto; font-size:1.8em;font-weight:400;} /* Title of page as defined in backend */
p.textblock { color:#000;}
 /* Text/description as defined in backend */

/**********************************
Homepage Modules
**********************************/

/* Contest Date and Time Table */
table.dates {} /* Main table container */
table.dates tr {} /* Table row styling */
table.dates tr th, table.dates tr td {text-align:center;}
table.dates tr th.first {} /* Styling for top-left table header */
table.dates tr th {} /* Table headers styling */
table.dates tr td.first {} /* Styling for leftmost row header */
table.dates tr td {} /* Table data cells */

/**********************************
Registration Modules
**********************************/
input.smalltext, textarea.largetext, select, input[type=file] {border:none; padding:.4em; font-size:1.2em;} /* Properties for form elements */
input.smalltext:focus, textarea.largetext:focus, select:focus, input[type=file]:focus {} /* Form element hover properties */
.inputcontainer {width:95%;} /* Sets size for form element containers */
body input[type="submit"], #container-registration form input[type="submit"], #container-signin form input[type="submit"], #container-submit form input[type="submit"], a.iossubmit, #container-signin input[type="button"], button.displayRegistrationForm {height:31px;  overflow:visible; border:0; display:block; padding:0px 15px;

} /* Properties and image for submit buttons */
#container-contactus input[type="submit"]:hover ,#container-registration form input[type=submit]:hover, #container-signin form input[type=submit]:hover, #container-submit form input[type=submit]:hover, a.iossubmit:hover, #container-signin input[type="button"]:hover, button.displayRegistrationForm:hover {
	
	
	}
 /* Properties and image for submit button hover */

/**********************************
Submission Modules
**********************************/
#submissionconfirm {}

/**********************************
Gallery Modules
**********************************/
#gallery-header {line-height:25px;} /* Clearing container for header elements */
#gallery-header h1 {} /* Unique styling for Recent Submissions header */
#gallery-header a {vertical-align:photoline;line-height:3em;display:block;padding:0px 10px;text-decoration:none;  } /* View Submissions/Search link */
#gallery-header a:hover {} /* View Submissions/Search link hover styles */

.gallery {background:#d7d7d7; padding:17px 0 0;} /* Main unordered list for gallery */
.gallery li.galleryrow {margin:0 auto; width:93%;} /* Individual rows for gallery */
.gallery li.galleryrow ul {margin:0 auto;} /* Child lists for gallery rows */
.gallery li.galleryrow ul li {padding:5px 5px;text-align:center;} /* Individual submission items */
.gallery li.galleryrow ul li:last-child, .gallery li.galleryrow ul li.last {} /* Last item in gallery list */
.gallery li.galleryrow ul li h1 {line-height:1.1em;margin:0;color:#222;} /* Submission Name */
.gallery li.galleryrow ul li h2 {line-height:1.2vem;margin:0;color:#666;} /* Submitter's Name */
.gallery li.galleryrow ul li div.flagcontainer {} /* Link container for submission item, covers IMG */


/* Gallery nav */
.gallery-nav {width:275px;} /* Gallery nav width */
.gallery-nav-back, .gallery-nav-more {width:107px; height:54px; overflow:visible; display:block; text-decoration:none; margin:0 5px; float:left;} /* Gallery nav properties */
.gallery-nav-back {min-width:127px;  height:31px; line-height:31px;  overflow:visible; border:0; display:block;} /* Gallery back image */
.gallery-nav-back:hover {overflow:visible; border:0; display:block;} /* Gallery back hover image */
.gallery-nav-more {min-width:127px;  height:31px; line-height:31px;  overflow:visible; border:0; display:block;} /* Gallery more image */
.gallery-nav-more:hover {overflow:visible; border:0; display:block;} /* Gallery more hover image */
.gallery-nav-back.disabled, .gallery-nav-back:hover.disabled {width:127px; height:31px;  overflow:visible; border:0; display:block;} /* Gallery back disabled image */
.gallery-nav-more.disabled, .gallery-nav-more:hover.disabled {width:127px; height:31px;  overflow:visible; border:0; display:block;} /* Gallery more disabled image */
.gallery-nav span {display:none;} /* Gallery nav seperator */

/* Submission item actions */

/* Submission branding */
.gallery li.galleryrow ul li.featured div.badge {} /* Promoted submission */
.gallery li.galleryrow ul li.winner div.badge {} /* Unranked winner branding */
.gallery li.galleryrow ul li.winner.first div.badge {} /* 1st place winner branding */
.gallery li.galleryrow ul li.winner.second div.badge {} /* 2nd place winner branding */
.gallery li.galleryrow ul li.winner.third div.badge {} /* 3rd place winner branding */

/**********************************
Gallery Detail Modules
**********************************/
h1.submission-title { font-size:1.5em; color:#000; font-family:'bree serif', serif; font-weight:400;} /* Main submission title header */
h2.submission-owner {font-weight:normal; font-size:1.6em;} /* Submission uploader name */
p.submission-description {margin:0 0 1em; font-weight:bold; color:#333;} /* Submission description */
img.submission-large {} /* Properties for large submission image */
.submission-controls {} /* Properties for bottom submission controls */
.submission-controls .container-vote {} /* Vote controls container */
.submission-controls .container-vote a.vote {min-width:127px;  height:31px; line-height:31px; text-align:center; overflow:visible; border:0; display:block;} /* Control to cast vote */
.submission-controls .container-vote a.vote:hover {} /* Cast vote hover */
.submission-controls .container-vote p {font-size:1.4em; line-height:2em;} /* Display of current votes */
.submission-controls .container-vote p span {font-size:1.8em; color:#F60; font-weight:bold;} /* Display of current votes */
.submission-controls .container-social {} /* Social controls container */
.submission-controls .container-social ul.social-controls {} /* Social grouping */
.submission-controls .container-social ul.social-controls li {} /* Social list items */
.submission-controls .container-social ul.social-controls li a {} /* Properties for social links */
.submission-controls .container-social ul.social-controls li a:hover {} /* Properties for social link hovers */
.submission-controls .container-social ul.social-controls li a.facebook {} /* Image for facebook share */
.submission-controls .container-social ul.social-controls li a.twitter {} /* Image for twitter share */
.submission-controls .container-social ul.social-controls li a.email {} /* Image for email share */

/**********************************
Sign In Modules
**********************************/
#container-signin .inputcontainer.twocol .coltwo {min-height:auto; width:47%; padding:0 0 0 1.5em;} /* Set layout properties for signin structure */

/**********************************
Spanish Additions
body.spanish #container-registration form input[type="submit"], body.spanish #container-signin form input[type="submit"], body.spanish #container-submit form input[type="submit"], body.spanish a.iossubmit, body.spanish #container-signin input[type="button"] {background:url(images/button-submit-es.png) no-repeat;}
body.spanish #container-registration form input[type=submit]:hover, body.spanish #container-signin form input[type=submit]:hover, body.spanish #container-submit form input[type=submit]:hover, body.spanish a.iossubmit:hover, body.spanish #container-signin input[type="button"]:hover {background:url(images/button-submit-es.png) 0px -31px;}
body.spanish .gallery-nav-back {background:url(images/button-submit-es.png) 0px -124px;}
body.spanish .gallery-nav-back:hover {background:url(images/button-submit-es.png) 0px -155px;}
body.spanish .gallery-nav-more {background:url(images/button-submit-es.png) 0px -186px;}
body.spanish .gallery-nav-more:hover {background:url(images/button-submit-es.png) 0px -217px;}
body.spanish .gallery-nav-back.disabled, body.spanish .gallery-nav-back:hover.disabled {background:url(images/button-submit-es.png) 0px -248px;}
body.spanish .gallery-nav-more.disabled, body.spanish .gallery-nav-more:hover.disabled {background:url(images/button-submit-es.png) 0px -279px;} 
body.spanish .submission-controls .container-vote a.vote {background:url(images/button-submit-es.png) 0px -62px;}
body.spanish .submission-controls .container-vote a.vote:hover {background:url(images/button-submit-es.png) 0 -93px;}
**********************************/

/*********************************************************************
**********************************************************************
**********************************************************************
       
					  CUSTOMIZE HERE !!
				
				The vast majority of any changes
				you'll do will be here.  Colors,
				backgrounds, font styles, can be
				changed from here.  Have fun! 

**********************************************************************
**********************************************************************
*********************************************************************/
body {background:#4f5b4d url(https://images.tritondigital.com/resources/activationnation/di/circus-pets/bg-body.jpg) top center repeat-x;} /* Background color, font style and color for entire page */

a, a:link, a:active, a:visited {color:#ac2d24;} /* Link color */
a:hover {color:#424d40;} /* Link hover color */
h1.pagetitle, #gallery-header h1 {color:#000; margin:0 auto;} /* Large heading color/styles */

#header {background: #fff;} /* Background color for header box */
#header h1 {color:#fff;} /* Color and/or font for main contest title */
#header h1 a { color:#fff; }
#navigation {
background: #831b18;
background: -moz-linear-gradient(top,  #831b18 0%, #de2e22 53%, #de2e22 55%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#831b18), color-stop(53%,#de2e22), color-stop(55%,#de2e22));
background: -webkit-linear-gradient(top,  #831b18 0%,#de2e22 53%,#de2e22 55%);
background: -o-linear-gradient(top,  #831b18 0%,#de2e22 53%,#de2e22 55%);
background: -ms-linear-gradient(top,  #831b18 0%,#de2e22 53%,#de2e22 55%);
background: linear-gradient(to bottom,  #831b18 0%,#de2e22 53%,#de2e22 55%);
font-family:'bree serif', serif;
color:#fff;
font-weight:400;
margin:0 auto;
font-size:100%;
height:48px;
	} /* Menu bar background */
#navigation ul li a, #navigation ul li a:hover {color:#fff;text-decoration:none;	background:transparent;} /* Menu link color/styles */
#navigation ul li a:hover {
	color:#fbc925;



} /* Menu link hover color/styles  */

#container-contentbg, #container-footer {background:#ece7c0;} /* Background color or image for content */
#container-content {border-bottom:0} /* Border seperating main content from footer */

input.smalltext, textarea.largetext, select, input[type=file] {background-color:#ccc; color:#FFF;} /* Form field background and font colors */
input.smalltext:focus, textarea.largetext:focus, select:focus, input[type=file]:focus {background-color:#666;} /* Clicked-on form field focus colors */
input::-webkit-input-placeholder {color: #FFF;}
input:-moz-placeholder {color: #FFF;}

table.dates tr th, table.dates tr td {border:3px #d8d3af solid;} /* Border/spacing for date table */
table.dates tr th.first {background:transparent;border:none;} /* Styling for top-left date table header */
table.dates tr th {background-color:#ddbd71;color:#fff;} /* Styling for date table headers */
table.dates tr td.first {background-color:#ddbd71;color:#fff;} /* Styling for leftmost row header */
table.dates tr td {background-color:#ece7c0;color:#000;} /* Styling for regular date table cells */

#gallery-header a:hover {background:#d8d3af;color:#000 ;} /* View Submissions/Search link */
#gallery-header a{background:#ddbd71; color:#fff;} /* View Submissions/Search link hover */
.gallery {background:#d8d3af; border:3px solid #d8d3af;} /* Gallery background color/image */





.submission-controls .container-vote p span {color:#F60;} /* Color for number of votes */

#container-submit .inputcontainer.twocol .coltwo, #container-signin .inputcontainer.twocol .coltwo {border-left:1px dotted #999;} /* Middle border/divider on Register and Submit pages

/**********************************
Button Customization
**********************************/
/*Text Custominzation*/
body input[type="submit"], a.gallery-nav-back , a.gallery-nav-more, .submission-controls .container-vote a.vote, #container-registration form input[type="submit"], #container-signin form input[type="submit"], #container-submit form input[type="submit"], a.iossubmit, #container-signin input[type="button"], button.displayRegistrationForm {color:#FFF; text-transform:uppercase; font-size:16px; font-weight:bold; text-decoration:none;} 

/*Normal State*/
body input[type="submit"], #container-content input.ui-button, .gallery-nav-back, .gallery-nav-more, .submission-controls .container-vote a.vote, #container-registration form input[type="submit"], #container-signin form input[type="submit"], #container-submit form input[type="submit"], a.iossubmit, #container-signin input[type="button"], button.displayRegistrationForm {background: #ec1c24;

 -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #c2942a;/*Border-Radius*/
 -moz-box-shadow: inset 0 0 5px #333;
-webkit-box-shadow: inset 0 0 5px #333;
box-shadow: inner 0 0 5px #333;
border:3px solid #c2942a;
}
/*Hover State*/
body input[type="submit"]:hover, #container-content input.ui-button:hover, .gallery-nav-back:hover, .gallery-nav-more:hover, .submission-controls .container-vote a.vote:hover, #container-registration form input[type=submit]:hover, #container-signin form input[type=submit]:hover, #container-submit form input[type=submit]:hover, a.iossubmit:hover, #container-signin input[type="button"]:hover, button.displayRegistrationForm:hover {background: #3a8cb2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: #ec1c24;
-moz-box-shadow: inset 0 0 5px #333;
-webkit-box-shadow: inset 0 0 5px #333;
box-shadow: inner 0 0 5px #333;
border:3px solid #c2942a;}

/*Disabled State*/
.gallery-nav-back.disabled, .gallery-nav-back:hover.disabled, .gallery-nav-more.disabled, .gallery-nav-more:hover.disabled {background:#4b5749;}

#container-content input.ui-button {color:#FFF; border:none;}
#container-content input.ui-button.secondary {background: #CCC; border: 1px solid #CCC; color: #333;}
#container-content input.ui-button.secondary:hover  {background: #b5b5b5;}

.gallery li.galleryrow ul .container-vote a.vote {
background: #ec1c24;
-moz-border-radius:5px;
border-radius: 5px;
-webkit-border-radius:5px;
border:1px solid #c2942a;
-moz-box-shadow: inset 0 0 5px #333;
-webkit-box-shadow: inset 0 0 5px #333;
box-shadow: inner 0 0 5px #333;
border:3px solid #c2942a;} 
/* Control to cast vote */

.gallery li.galleryrow ul .container-vote a:hover.vote {
background: #4b5749;

-moz-box-shadow: inset 0 0 5px #333;
-webkit-box-shadow: inset 0 0 5px #333;
box-shadow: inner 0 0 5px #333;
border:3px solid #c2942a;}