/*
Theme Name: Drafted
Theme URI: http://drafted.ca/
Description: Drafted
Version: 0.1
Author: Joseph Cresencia
Author URI: http://cresencia.ca
Tags: fixed width

*/

@import url("reset.css");

body {
	background: #001222 url(images/background.jpg) no-repeat top center;
	font: 12px/1.5em Arial, Helvetica, sans-serif;
}

a {
	color: #eceab0;
	text-decoration: none;
}

a:focus, a:hover {
	text-decoration: underline;
}

a[name]:focus, a[name]:hover {
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

hr {
	margin: 3em 0;
	border: 0;
	border-top: 1px dotted #44494d;
	height: 1px;
}

h1 {
	margin: 1.5em 0;
	padding: 0 0 2em 0;
	color: #fffcd8;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px dotted #44494d;
}

h2 {
	margin: 5px 0;
	font-size: 1.4em;
	font-weight: bold;
}

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

p {
	margin: 0 0 1em 0;
}

h1:first-letter, span.larger {
	font-size: 1.1em;
}

fieldset {
	margin: 0 0 1em 0;
	padding: 1em 3em;
	border-bottom: 1px dotted #44494d;
}

legend {
	margin: 0 0 1em -2em;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
}

label {
	color: #eceab0;
	font-weight: bold;
	cursor: pointer;
}

fieldset a {
	color: #eceab0;
	text-decoration: underline;
	font-weight: bold;
}

input.text, textarea, select {
	margin: 0.2em 0;
	background: #32475f;
	color: #fff;
	padding: 0.5em;
	border: 1px solid #0f151c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
}

select {
	width: 103%;
}

input.error, textarea.error, select.error {
	border: 1px solid #ef4343;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	height: 100px;
	overflow: auto;
	resize: none; /* disable google chrome resize */
}

small {
	font-size: 0.8em;
}

#container {
	background: transparent url(images/container-bg.png) repeat-y;
	width: 980px;
	margin: 0 auto;
	color: #bdbdbd;
}

#header {
	position: relative;
	background: #000 url(images/header.jpg) no-repeat top center;
	height: 230px;
}

#menu {
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 942px;
	height: 84px;
	background: transparent url(images/menu-bg.png) no-repeat bottom;
}

#menu ul {
	float: left;
	padding: 31px 5px 0;
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	display: block;
	float: left;
	padding: 20px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}

#menu ul li a:first-letter {
	font-size: 1.1em;
}

#menu ul li a:link, #menu ul li a:visited {
	color: #fffcd8;
}

#menu ul li a:focus, #menu ul li a:hover {
	background: transparent url(images/menu-hover-bg.png) repeat-x;
	outline: none;
}

#menu ul li a:active, #menu ul li.selected a {
	background: transparent url(images/menu-active-bg.png) repeat-x;	
}

#menu ul li.selected {
	color: #f6f6f6;
}

#menu #search {
	float: right;
	margin: 45px 10px 0;
}

#menu #search #search-box {
	width: 120px;
	border: 1px solid #12243a;
	background: #000;
	color: #fff;
	padding: 5px 10px;
	font-size: 0.8em;
	font-weight: bold;
	float: left;
}

#menu #search #search-button {
	float: left;
	margin: 1px 0 1px 5px;
}

ul#submenu {

}

ul#submenu li {
	display: inline;
}

ul#submenu li a {
	display: block;
	float: left;
	margin: 0 1em 1em 0;
	padding: 0.6em 0;
	color: #fff;
	text-decoration: none;
}

ul#submenu li.selected a {
	font-weight: bold;
	border-bottom: 2px solid #0884c4;
}

ul#submenu li a:focus, ul#submenu li a:hover {
	border-bottom: 2px solid #0884c4;	
}

#glow {
	position: absolute;
	background: transparent url(images/glow.png);
	width: 120px;
	height: 63px;
	bottom: 20px;
	left: 540px;
}

#teaser .inner {
	padding: 10px 20px;
}

#column1 {
	float: left;
	width: 620px;
	background: #0f151c;
	min-height: 800px;
}

#column1 .inner {
	padding: 10px 20px;
}

#column1 ul#breadcrumb {
	padding: 1.5em 0;
	font-size: 0.9em;
}

#column1 ul#breadcrumb li {
	display: inline;
}

#column1 ul#breadcrumb a {
	color: #fffcd8;
	text-decoration: none;
}

#column1 .error-messages {
	color: #fff;
	background: #05080d;
	margin: 2em;
	padding: 2em;
}

#column1 .error-messages ul {
	margin: 1em;
}

#column1 .error-messages ul li {
	list-style: disc;
}

#column1 #contest-box {
	margin: 0 auto 1em;
	width: 580px;
}

#column1 #contest-box div {
	background: #090d11;
	padding: 20px;
}

#column1 #contest-box h3 {
	margin: 1em 0;
}

#column1 #big-image {
	position: relative;
	margin: 0 auto 1em;
	width: 580px;
	height: 275px;
}

#column1 #big-image div {
	position: absolute;
	background: transparent url(images/big-image-bg.png) no-repeat;
	left: 10px;
	bottom: -1px;
	width: 520px;
	height: 200px;
	padding: 20px 20px 0;
}

#column1 #big-image div p, #column1 #big-image div h2, #column1 #big-image div h3 {
	margin: 0.5em 0;
}

#column1 h3.yellow {
	margin: 0.2em 0;
	font-size: 2em;
	font-weight: bold;
}

#column1 h4 {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

#column2 {
	float: right;
	width: 360px;
	padding: 10px 0;
}

#column2 .inner {
	width: 302px;
	margin: 0 auto;
}

#column2 #social-media {

}

#column2 #social-media li {
	display: inline;
	margin: 0 12px 0 0;
}

#column2 #social-media li.last {
	margin: 0;
}

#column2 #bigbox {
	margin: 10px auto;
}

#column2 .box {
	margin: 10px auto;
	background: #060d13 url(images/box-bg.gif);
	border: 1px solid #181c23;
}

#column2 .box p {
	margin: 0.5em 0.8em 0.8em;
}

#column2 .box a {
	color: #fff;
}

#column2 h3 {
	padding: 10px;
	font-size: 1.2em;
	color: #eee;
	font-weight: bold;
	text-transform: uppercase;
}

#column2 h3.header {
	background: transparent url(images/sidebar-header-bg.png) no-repeat top center;
	color: #eee;
}

#column2 h3:first-letter {
	font-size: 1.1em;
}

#column2 ul#recent-posts {
	
}

#column2 ul#recent-posts li {
	margin: 1em 0;
}

#column2 ul#recent-posts li span.time {
	color: #eceab0;
}

#column2 ul#recent-posts li a {
	color: #fff;
	text-decoration: none;
}

#column2 ul#recent-posts li a:focus, #column2 ul#recent-posts li a:hover, #column2 ul#recent-posts li a:active {
	text-decoration: underline;
}


.blue-border {
	border: 1px solid #181c23;
}

ul.tile {
	
}

ul.tile li {
	padding: 0 0 1em 0;
	margin: 0 0 1.5em 0;
	list-style: none;
	border-bottom: 1px dotted #444851;
}

ul.tile li .time {
	color: #eceab0;
}

ul.tile li .blog-image {
	background: transparent url(images/blog-image-bg.jpg) no-repeat;
	float: left;
	width: 176px;
	height: 111px;
	border: 5px solid #070a0e;
	margin-right: 10px;
}

ul.tile li .blog-text {
	float: left;
	color: #878787;
	width: 380px;
}

ul.tile li .blog-text p a {
	font-weight: bold;
	color: #eceab0;
}

ul.pagination {
	float: right;
	margin: 0.5em 0 0 0;
}

ul.pagination li {
	display: inline;	
}


ul.pagination li a, ul.pagination li span {
	display: block;
	float: left;
	margin: 0 0 0 0.5em;
	padding: 1em 0;
	color: #fff;
	font-weight: bold;
}

ul.pagination li span {
	color: #bdbdbd;
}

ul.pagination li a {
	background: #000;
	padding: 1em;
}

ul.pagination li a:focus, ul.pagination li a:hover {
	color: #54cafe;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}

.ta-center {
	text-align: center;
}

.ta-right {
	text-align: right;
}

.red {
	color: #ef4343;
}

.yellow {
	color: #eceab0;
}

.clear {
	clear: both;
}

.blog-post h2 {
	color: #fff;
	font-size: 2em;
	margin: 0.5em 0;
	line-height: 1em;
}

.width-140 {
	width: 140px;
}

.margin-none {
	margin: 0 !important;
}

#column1 #social-media {
	width: 200px;
	margin: 1em auto;
}

#column1 #social-media li {
	margin: 1.5em 0;
}

#column1 #social-media img {
	margin: 0 1em 0 0;
	vertical-align: middle;
}

#column1 #social-media a {
	color: #fff;
	font-weight: bold;
}

#column1 #do-donts {

}

#column1 #do-donts li {
	border-top: 1px dotted #444;
	padding: 2.5em 0;
}

#column1 #do-donts li:first-child {
	border: 0;
}

#column1 #do-donts img {
	margin: 0 1em 0 0;
}

#column1 #do-donts p img {
	margin: 0;
	vertical-align: middle;
}

#column1 #do-donts p {
	font-size: 1.2em;
	margin: 0;
	padding: 0.6em 0;
}

#column1 #judges li {
	border-bottom: 1px dotted #444;
	padding: 2.5em 0;
}

#column1 #judges img {
	float: left;
	margin: 0 1em 0 0;
}

#column1 #judges h3 {
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
}

#column1 #judges h4 {
	color: #eceab0;
	font-size: 0.8em;
	font-weight: normal;
}

#column1 #finalists {
	
}

#column1 #finalists li {
	float: left;
	margin: 0 1.5em 2em 0;
}

#column1 #finalists li.third {
	margin-right: 0;
}

#column1 #finalists h3 {
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
}

#column1 #finalists h3 a {
	color: #fff;
}

#column1 #finalists h4 {
	margin: 0;
	color: #eceab0;
	font-size: 1em;
	font-weight: normal;
}

#finalists-page h3 {
	margin: 0;
	color: #eceab0;
	font-size: 1em;
	font-weight: bold;
}

#finalists-page p {
	
}

#finalists-page ol {
	margin: 1em;	
}

#finalists-page ol li {
	list-style: decimal;
	margin: 0 2em;
}

#finalists-page #finalists-page-header img {
	margin: 0 20px 20px 0;
}

#finalists-page #finalists-page-header h2 {
	padding: 1.5em 0 0;
	color: #fff;
	font-size: 2em;
	font-weight: bold;

}

img.map {
	float: right;
	border: 5px solid #000;
}

.width-32 {
	width: 32%;
}

.horizontal-padding {
	padding: 1em 0;
}

#teaser {
	background: #000;
}

#teaser p {
	margin: 0;
	padding: 1em;
}


#audition-map {
	width: 620px;
	height: 345px;
	margin: 0 0 1em 0;
}

#countdown {
	margin: 10px auto;
	position: relative;
	background: #001222 url(images/countdown-aug.jpg) no-repeat;
	width: 300px;
	height: 150px;
}

#countdown div {
	position: absolute;
	left: 5px;
	bottom: 15px;
	font-size: 4em;
	color: #fff;
}

#countdown div b {
	margin: 0 3px 0 0;
	line-height: 1em;
}

#notification-bar {
	background: #ffffae;
	border-bottom: 1px solid #daa520;
	font-size: 20px;
	height: 50px;
	line-height: 50px; /* Vertical centering of text */
	overflow: hidden;
	text-align: center;
}

#notification-bar span {
	float: right;
	font-size: 12px;
	margin: 0 5px 0 0;
}

#notification-bar a {
	color: #000;
}

.yellow-box {
	padding: 1em;
	border: 1px solid #eceab0;
	background: #181c23;
}

#footer {
	background: #001222;
	padding: 1em;
}

#footer p {
	line-height: 30px;
}

/* Video */
#pdkHolder {
	position: relative;
}

.background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 580px;
    height: 538px;
}
.commmanager {
    position: absolute;
    top: 0px;
    left: 0px;
}
.search {
    position: absolute;
    top: 331px;
    left: 5px;
}
.player  {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}
.releaselist  {
    position: absolute;
    top: 356px;
    left: 5px;
}
.nav  {
    position: absolute;
    top: 331px;
    left: 290px;
}
.releasemodel  {
    position: absolute;
    top: 0px;
    left: 0px;
}