/*
Theme Name: Twelve Fifteen
Description: A WordPress Theme for Designing the Urban Commons, started not from scratch but rather from TidyThemes's Blankslate.
Author: Jacob Ford
Author URI: http://jacobford.com/
Version: 0.1
Tags: custom
License: Copyright 2015 Jacob Ford
*/

/*
COLOR PALETTE
Green #7ed181
White #fefefe
Grey #7d7d7d
Pink #ff198a
Dark (rare) #454545
Red (rare) #ff0012
*/

/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
*/

html, body, div {
	padding: 0;
	border: none;
	margin: 0;
}

body {
	height: 100%;
	min-width: 1240px;
}

body {
	background-color: #fefefe;
	background-image: url(images/leisurelight.jpg);
	background-position: 58% 0%;
	background-repeat: no-repeat;
}

           /* while staging page is up        */
body.home, body.page-template-front-page-HOLDING {
	background-image: url(images/bgcompiled.jpg);
}

/* special dark */
body.page-id-47 {
	background-image: url(images/bgcompiled_dark.jpg);
}

div#overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(images/grittile.png);
	background-position:0 0;
	background-repeat: repeat;
	pointer-events: none;
	z-index: 99;
	display: block;
	overflow: auto;
}

h2#title {
	color: #ff198a;
	/* alt: 56px*/
	margin: 32px 0 0;
	padding: 0 0 10px;
	font-family: "League Gothic";
	font-weight: normal;
	font-size: 196px;
	line-height: 143px;
	text-align: center;
	text-transform: uppercase;
}

h2.entrytitle {
	position: relative;
	color: #7d7d7d;
	margin: 0 0 -3px -2px;
	padding: 0 0 0px;
	font-family: "League Gothic";
	font-weight: normal;
	font-size: 65px;
	line-height: 48px;
	text-align: left;
	text-transform: uppercase;
	z-index: 20;
}

article#content {
	width: 700px;
	float: left;
	color: #7d7d7d;
	font-family: Arial, sans-serif;
	/*font-weight: normal;*/
	font-size: 13pt;
	/*line-height: 1.2em;*/
	text-align: justify;
}

/* events page gets narrower #content width */
body.page-id-8 article#content {
	width: 380px;
}

article#content a {
	text-decoration: none;
	background-color: transparent;
	color: #ff198a;
	transition: all .3s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transition: all .3s;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: all .3s;  /* Firefox 4-15 */
	-o-transition: all .3s;  /* Opera 10.50–12.00 */
}

article#content a:hover {
	background-color: #ff198a;
	color: #fefefe;
}

/* TEMPORARY LANDING PAGE */

div#landingpagecopy {
	padding-top: 50px;
	color: #7d7d7d;
	font-family: "League Gothic";
	font-weight: normal;
	font-size: 50px;
	line-height: 42px;
	text-align: center;
	text-transform: uppercase;
}

div#landingpagecopy a {
	text-decoration: none;
	color: #7d7d7d;
	transition: all 1s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transition: all 1s;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: all 1s;  /* Firefox 4-15 */
	-o-transition: all 1s;  /* Opera 10.50–12.00 */
	z-index: 4;
}

div#landingpagecopy a:hover {
	color: #ff198a;
}

/* SUBHEADINGS */

article#content h3 {
	color: #7d7d7d;
	font-family: "League Gothic";
	font-weight: normal;
	font-size: 26px;
	text-transform: uppercase;
	margin-top: .5em;
	margin-bottom: 0;
	line-height: 1em;
}

article#content h4 {
	line-height: 1em;
	margin-bottom: -.75em;
}

/*
#mockupwarning {
	color: #7d7dcd;
	font-family: "League Gothic";
	font-weight: normal;
	font-size: 24px;
	position: absolute;
	bottom: 20px;
	left: 50px;
	float: left;

	transition: all 2s;
}

#mockupwarning:hover {
	opacity: .05;
}
*/

span.countdown {
	font-size: 2em;
	line-height: 100%;
}

/* Sticky Footer from cssstickyfooter.com
   #wrap = #bodysuit
   #main = #ankleandup
*/

/* Get rid of? */
div#torso {
	width: 100%	;
	margin: 0 auto;
}

/*
#left {
	width: 20%;
	height: 100%;
	padding: 200px 0px 0px 50px;
	overflow: hidden;
	float: left;
}
*/

/* JURY */

h2.juror {
	position: relative;
	color: #7d7d7d;
	font-family: "League Gothic";
	font-weight: normal;
	font-size: 50px;
	line-height: 40px;
	text-align: left;
	text-transform: uppercase;
}

h2.juror span.name, h2.juror span.name a {
	color: #454545;
	z-index: 500;
}

h2.juror a {
	text-decoration: none;
	color: #7d7d7d;
	transition: all 1s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transition: all 1s;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: all 1s;  /* Firefox 4-15 */
	-o-transition: all 1s;  /* Opera 10.50–12.00 */
	z-index: 4;
}

h2.juror a:hover, h2.juror span.name a:hover {
	color: #ff198a;
}

/*  THE NAVIGATION MENU */

nav#leftnav {
	width: 230px;
	margin-left: 50px;
	margin-right: 6px;
	overflow: hidden;
	float: left;
}

ul.navmenu {
	list-style: none;
}

ul.navmenu li a {
	color: #7d7d7d;
	display: block;
	width: 150px;

	font-family: "League Gothic";
	text-decoration: none;
	text-transform: uppercase;
	font-size: 42px;

	transition: all 1s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transition: all 1s;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: all 1s;  /* Firefox 4-15 */
	-o-transition: all 1s;  /* Opera 10.50–12.00 */
}

ul.navmenu li a:hover {
	color: #ffffff;
	background-color: #7d7d7d;
	padding-left: 30px;
	width: 160px;
}

ul.navmenu li.current-menu-item a {
	color: #ff198a;
}
/* This rule no longer applicable with Pink.
ul.navmenu li.current-menu-item.menu-item-home a {
	color: #454545;
}
*/
ul.navmenu li.current-menu-item a:hover {
	color: #ffffff;
	background-color: #ff198a;
}

/* GALLERY */

div.galleryentry {
	text-align: left;
	background-color: #7d7d7d; /* Shows through when background fades out */
	width: 216px;   /* REMINDER: update functions.php thumb size */
	height: 290px;  /*   and regen all thumbs upon size change   */
	display: block;
	float: left;
	position: relative;
	margin-right: 12px;
	margin-bottom: 12px;
	transition: 1s all;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transition: 1s all;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: 1s all;  /* Firefox 4-15 */
	-o-transition: 1s all;  /* Opera 10.50–12.00 */
}

/* .rightedge class applied to every 3rd entry in dtucgallery.php */
div.galleryentry.rightedge {
	margin-right: 0;
}

div.galleryflag {
	position: absolute;
	text-align: center;
	margin-top: 1em;
	padding: 5px 5px 3px 5px;
	background-color: #ff0012;
	color: #fefefe;
	font-family: "League Gothic";
	font-weight: normal;
	font-size: 26px;
	text-transform: uppercase;
	line-height: .9em;
	z-index: 2;
}

h5.entrydesigner {
	margin-bottom: 0;
	margin-top: 2px;
	line-height: 1em;
}

div.galleryhoverframe {
	width: 184px; /* (div.galleryentry width) - 2(div.galleryhoverframe border-width) */
	height: 258px; /* (div.galleryentry height) - 2(div.galleryhoverframe border-width) */
	border: 16px solid #7d7d7d;
	opacity: 0;
	transition: 1s all;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transition: 1s all;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: 1s all;  /* Firefox 4-15 */
	-o-transition: 1s all;  /* Opera 10.50–12.00 */
}

div.galleryentry:hover > div.galleryhoverframe {
	opacity: 1;
	transition: 1s all;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transition: 1s all;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: 1s all;  /* Firefox 4-15 */
	-o-transition: 1s all;  /* Opera 10.50–12.00 */
}

div.galleryentry:hover > div.gallerymeta {
	background-color: #7d7d7d;
	transition: 1s all;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transition: 1s all;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: 1s all;  /* Firefox 4-15 */
	-o-transition: 1s all;  /* Opera 10.50–12.00 */
}

div.galleryentry:hover {
	box-shadow: 0 0 5px #808080;
}

div.gallerymeta {
	position: absolute;
	bottom: 0;
	/* max-width: 168px; */
	width: 168px;           /* (div.galleryentry width) - 3(div.galleryhoverframe border-width) */
	padding: 16px 16px 0 0; /* (div.galleryhoverframe border-width) coordinated with below */
	margin: 0 0 16px 16px;
	text-align: left;
	text-shadow: 0 0 2px #909090;
	transition: 1s all;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-transition: 1s all;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: 1s all;  /* Firefox 4-15 */
	-o-transition: 1s all;  /* Opera 10.50–12.00 */
}

div.gallerymeta * {
	color: #fefefe !important;
}

/* INDIVIDUAL ENTRY PAGE */

h3.entrytitle {
	margin-top: 0 !important;
	margin-right: 0 !important;
}

h2.entrytitle span.entrytitledesigner span.by {
	text-transform: lowercase;
}

img.attachment-entry-banner {
	z-index: -1;
}

.button {
	color: #ff198a;
	min-width: 240px;

	border: none;
	background: none;
	margin: 0;
	padding: 0;

	font-family: "League Gothic";
	text-decoration: none;
	text-transform: uppercase;
	font-size: 42px;
	cursor: pointer;
}

#vote-a.voted {
	color: #ff198a !important;
}

#vote-a.vote_error {
	color: #ff0012 !important;
}

.greentext {
	color: #7ed181;
}

/* All text blocks go on white bars 
div.gallerymeta span.highlight {
	background-color: #222222;
} */

/* THE STICKY FOOTER / STINKY FEET */

div#bodysuit {
	min-height: 100%;
}

div#ankleandup {
	overflow: auto;
	padding-bottom: 266px;  /* must be same height as the footer */
}
div#footer {
	position: relative;
	margin-top: -266px; /* negative value of footer height */
	height: 266px;
	clear:both;
}

div#footer div.imgframe {
	background-repeat: no-repeat;
	margin: 50px;
	z-index: 100;
	position: absolute;
	bottom: 0;
	overflow: hidden;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

div#sponsors {
	background-image: url(images/tmlogo.png);
	left: 0;
	height: 50px;
	width: 230px;
	vertical-align: bottom;
	margin: 50px;
	z-index: 100;
	border: none;
}

div#infobox {
	background-image: url(images/heroish.jpg);
	right: 0;
	border-radius: 2px;
	width: 625px;
	height: 164px;
	border: 1px #cdcdcd solid;
}

/* Regular */
@font-face {
    font-family: 'League Gothic';
    src: url('fonts/leaguegothic-regular-webfont.eot');
    src: url('fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Italic */
@font-face {
    font-family: 'League Gothic';
    src: url('fonts/leaguegothic-italic-webfont.eot');
    src: url('fonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-italic-webfont.woff') format('woff'),
         url('fonts/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;

}

/* Condensed */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('fonts/leaguegothic-condensed-regular-webfont.eot');
    src: url('fonts/leaguegothic-condensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-condensed-regular-webfont.woff') format('woff'),
         url('fonts/leaguegothic-condensed-regular-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed Italic */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('fonts/leaguegothic-condensed-italic-webfont.eot');
    src: url('fonts/leaguegothic-condensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-condensed-italic-webfont.woff') format('woff'),
         url('fonts/leaguegothic-condensed-italic-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-condensed-italic-webfont.svg#league_gothic_condensed_itaRg') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* IE 10 #overlay fix! */
@media screen\0, screen\9 { 
    div#overlay {
    	display: none;
    }

    body {
    	background-color: #fefefe;
    	background: url(images/grittile.png) repeat, url(images/leisurelight.jpg) no-repeat 35% 0%;
    }
}