/*
Theme Name: Short Tail Media
Theme URI: http://juicytemples.com
Description: Short Tail Media Theme
Version: 1.0
Author: Juicy Temples
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/stickyfooter.css";
@import "style/css/contact7.css";
@import "style/css/kevin.css";

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: white;
	background: #000 url('style/images/background.jpg') no-repeat;
	background-position: center top;
	}

h1 {
	font-size: 18px;
	}

h1, h2, h3 {
	font-family: "Geneva", sans-serif;
	font-weight: normal;
	}
	
.page h2{
	color: #666;
	font-size: 18px;
	font-weight: bold;
	}

#flashcontent {
	height: 363px;
	}

a, a:hover, a:active {text-decoration: none; outline: 0;}
	
#blog a {color:#2a5d9f;text-decoration: none;}
#blog a:hover {text-decoration: underline;}
	
p {
	margin-bottom: 1em;
	color: #333;
	}
	
blockquote {
	padding-left: 10px;
	margin-left: 15px;
	border-left: solid 2px #999;
	width: 525px;
	line-height: 15px;
	text-align: justify;
	}

.orange {color: #8c4702;}
.green {color: #8ac752;}
.blue {color: #2ac5f5;}
.grey {color: #333;}

body#modal {background: none;}
	
	#modal #content {
		width: 600px;
		margin: 15px 10px 10px 10px;
		}
		
	#modal #content h1 {
		font-size: 28px;
		width: 600px;
		padding: 7px 5px 0 0;
		text-transform: uppercase; 
		}
		
	#modal #content .post {
		background: url('style/images/modalBg.gif');
		padding: 10px 15px 0 15px;
		}
		
	#bottom-cap {
		width: 600px;
		height: 25px;
		margin-top:-20px;
		background: url('style/images/modalBgCap.gif');
		}


/* HEADER */

#header {
	width: 985px;
	height: 130px;
	margin: 0 auto;
	}

/*#logo a{
	display: block;
	width: 336px;
	height: 87px;
	margin-top: 35px;
	background: url('style/images/shortTailLogo.png') no-repeat;
	}*/
	
/* LOGO WITH TAGLINE */
	
#logo a{
	display: block;
	width: 336px;
	height: 90px;
	margin: 35px 0 25px 0;
	background: url(style/images/short_tail_logo_tagline_trademark.png) no-repeat;
	}

#menu {width: 985px;height: 30px;background: url('style/images/menuBg.gif') no-repeat;margin-bottom: 15px;}

ul#menuButtons li {display: inline;}

ul#menuButtons li a {display: block;height: 30px;width: 90px;float: left;}

	ul#menuButtons li a.home {background: url('style/images/menu.png') no-repeat;}
		ul#menuButtons li a:hover.home {background: url('style/images/menu.png') 0 -30px;}
		ul#menuButtons li a:active.home {background: url('style/images/menu.png') 0 -60px;}
		ul#menuButtons li a.home-current {background: url('style/images/menu.png') 0 -30px;}
	
	ul#menuButtons li a.publishers {background: url('style/images/menu.png') -90px 0 no-repeat;}
		ul#menuButtons li a:hover.publishers {background-position: -90px -30px;}
		ul#menuButtons li a:active.publishers {background-position: -90px -60px;}
		ul#menuButtons li a.publishers-current {background: url('style/images/menu.png') -90px -30px;}
	
	ul#menuButtons li a.apply {background: url('style/images/menu.png') -180px 0 no-repeat;}
		ul#menuButtons li a:hover.apply {background-position: -180px -30px;}
		ul#menuButtons li a:active.apply {background-position: -180px -60px;}
		ul#menuButtons li a.apply-current {background: url('style/images/menu.png') -180px -30px;}
	
	ul#menuButtons li a.about {background: url('style/images/menu.png') -270px 0px no-repeat;}
		ul#menuButtons li a:hover.about {background-position: -270px -30px;}
		ul#menuButtons li a:active.about {background-position: -270px -60px;}
		ul#menuButtons li a.about-current {background: url('style/images/menu.png') -270px -30px;}
	
	ul#menuButtons li a.news {background: url('style/images/menu.png') -360px 0px no-repeat;}
		ul#menuButtons li a:hover.news {background-position: -360px -30px;}
		ul#menuButtons li a:active.news {background-position: -360px -60px;}
		ul#menuButtons li a.news-current {background: url('style/images/menu.png') -360px -30px;}
		
	ul#menuButtons li a.adshowcase {background: url('style/images/menu.png') -450px 0px no-repeat;}
		ul#menuButtons li a:hover.adshowcase {background-position: -450px -30px;}
		ul#menuButtons li a:active.adshowcase {background-position: -450px -60px;}
		ul#menuButtons li a.adshowcase-current {background: url('style/images/menu.png') -450px -30px;}
	
	#newlink_btn{margin-left:20px;margin-top:-2px;}

/* SEARCH */

	#searchArea {
		float: right;
		margin: 3px 5px 0 0;
		width: 200px;
		background:url('style/images/searchBar.gif') no-repeat;
		}
	
	.searchinput {
		background: none;
		width:168px;
		height:22px;
		border: 0;
		color: #999;
		float: left;
		padding-left: 10px;
		padding-top: 2px;
		}
	
	.searchButton {
		background:url('style/images/searchButton.gif') no-repeat;
		width:22px;
		height:22px;
		border: 0;
		float: left;
	}

/* Home */
#homebanner {
	background: url(style/images/banner_bg_home01.png) no-repeat;
	height: 330px;
	width: 985px;
	position: relative;
	}
	
#homebanner #action a {
	width: 263px;
	height: 59px;
	display: block;
	background: url(style/images/d30-roll.png) no-repeat 0 0;
	position: absolute;
	top: 185px;
	left: 165px;	
	}
	
#homebanner #action a:hover {
	background: url(style/images/d30-roll.png) no-repeat 0 -59px;	
	}

	ul.quote {
		width: 430px;
		height: 90px;
		}
		
	ul.quote li {
		margin-bottom: 150px;
		}
	
	#movieContainer {z-index: -8}
	
	#home #left {
		float:left; 
		margin-top: 20px;
		height: 145px;
		}
	
	#home #left h1 {
		font-size: 18px;
		width: 190px;
		border-bottom: solid 1px #2b2b2b;
		padding-bottom: 5px;
		margin-bottom: 10px;
		color: #fff;
		text-transform: uppercase;
		}
	
	#home #left p {
		font-size: 15px;
		line-height: 20px;
		width: 225px;
		margin-left: 22px;
		color: #a4a4a4;
		}
	
	#home #left {
		background: url('style/images/halfBox.gif') no-repeat;
		width: 445px;
		padding: 25px 15px 0 30px;
		}
		
	#home #right {
		float:right; 
		margin-top: 20px;
		height: 145px;
		}
	
	#home #right h1 {
		font-size: 18px;
		color: #fff;
		width: 425px;
		text-transform: uppercase;
		border-bottom: solid 1px #2b2b2b;
		padding-bottom: 5px;
		margin-bottom: 5px;
		}
	
	#home #right img{float: left;}
	
	#home #right p {
		font-size: 14px;
		color: #a4a4a4;
		line-height: 15px;
		float: left;
		width: 238px;
		margin: -10px 0 0 12px;
		padding: 12px 0 0 25px;
		background: url('style/images/quote.gif') no-repeat;
		}
	
	#home #right {
		background: url('style/images/halfBox.gif') no-repeat;
		width: 440px;
		padding: 25px 15px 0 30px;
		}
		
	#home p a{
		color: #a4a4a4;
		text-decoration: underline;
		}
	
	#rotateImage img{
		margin-bottom: 25px;
		}
		
	#rotateImage {
		display: block;
		}

/* STANDARD LONG PAGE */
	
	#longPage .top #buttons {
		margin: -40px 0 0 20px;
		float: left;
		}
		
	#longPage .top #buttons ul li {
		line-height: 25px;
		}
	
	#longPage .top {
		background: url('style/images/pageBgExtended.gif') no-repeat;
		display: block;
		height: 240px;
		padding: 35px 0 0 60px;
		}
		
		#longPage .top a{color: #fff;}
		
		#longPage h1{
			font-size: 28px;
			border-bottom: solid 1px #131313;
			width: 680px;
			margin-bottom: 10px;
			text-transform: uppercase;
			}
		
		#longPage .top p {
			font-size: 15px;
			color: #ccc;
			}
		
		#longPage .top p.col-left {
			display: block;
			width: 340px;
			margin-right: 20px;
			float: left;
			}
		
		#longPage .top p.col-right {
			display: block;
			width: 320px;
			float: left;
			}
		
	#longPage .content {
		background: #fff url('style/images/bottomCap.gif') no-repeat;
		background-position: bottom;
		padding: 20px 60px 10px 60px;
		margin-bottom: 15px;
		}

/* STANDARD SHORT PAGE */
	
	#shortPage #buttons {
		margin: -20px 0 0 20px;
		float: right;
		}
		
	#shortPage #buttons ul li {
		line-height: 25px;
		margin-right: -40px;
		}
	
	#shortPage .top {
		background: url('style/images/pageBg.gif') no-repeat;
		display: block;
		height: 70px;
		padding: 25px 0 0 60px;
		}
		
		#shortPage .top a{color: #fff;}
		
		#shortPage h1{
			font-size: 28px;
			margin-bottom: 10px;
			text-transform: uppercase;
			}
		
		#shortPage .top p {
			font-size: 15px;
			color: #ccc;
			}
		
		#shortPage .top p.col-left {
			display: block;
			width: 340px;
			margin-right: 20px;
			float: left;
			}
		
		#shortPage .top p.col-right {
			display: block;
			width: 320px;
			float: left;
			}
		
	#shortPage .content {
		background: #fff url('style/images/bottomCap.gif') no-repeat;
		background-position: bottom;
		padding: 20px 60px 10px 60px;
		margin-bottom: 15px;
		overflow: hidden;
		}

/* Hero Pages */

	#publishers #left, #publishers #right, #advertisers #left, #advertisers #right, #beta #left, #beta #right {
		margin-top: 12px;
		height: 236px;
		width: 468px;
		padding: 10px;
		background: url('style/images/halfBoxLong.gif') no-repeat;
		}
		
	#contact #left, 
	#contact #right {
		margin-top: 12px;
		height: 490px;
		width: 468px;
		padding: 10px;
		background: url('style/images/contactBg.png') no-repeat;
		}
		
	#publishers #left, 
	#advertisers #left, 
	#contact #left,
	#beta #left {float:left;}
	
	#publishers #right, 
	#advertisers #right,
	#contact #right,
	#beta #right {float:right;}

/* Publishers */
		
	#publishers #left h1{font-size: 18px;color: #86be53;border-bottom: solid 1px #2b2b2b;text-transform: uppercase;margin: 4px 0;padding-bottom:5px;}
	#publishers #left h4 {font-size: 14px;font-weight: bold;margin-top: 10px;padding-left: 10px;}		
	#publishers #left p {font-size: 12px;color: #d2d2d2;margin-bottom: 20px;padding-left: 10px;}		
	#publishers #right h1{font-size: 18px;color: #86be53;border-bottom: solid 1px #2b2b2b;text-transform: uppercase;margin: 4px 0;padding-bottom:5px;}
	#publishers #right p {font-size: 12px;color: #fff;padding-left: 130px;}
	#publishers #right p.adweek {padding-left: 0;}
	#publishers #right hr{border: none;margin-bottom: 15px;border-bottom: solid 1px #2b2b2b;}
	
	#publisherHero {
		background: url('style/images/publishersHero.png') no-repeat;
		display: block;
		width: 985px;
		height: 248px;
		text-align: right;
		}
	
	#publisherHero .position{
		float: right;
		margin: 200px 20px 0 0;
		}

/* Beta Results */
		
	#beta #left h1{
		font-size: 18px;
		border-bottom: solid 1px #2b2b2b;
		text-transform: uppercase;
		margin: 4px 0;
		padding-bottom:5px;
		}
		
	#beta #left h4 {
		font-size: 14px;
		font-weight: bold;
		margin-top: 10px;
		padding-left: 10px;
		}
				
	#beta #left p {
		font-size: 13px;
		color: #d2d2d2;
		float: left;
		width: 210px;
		padding: 10px 0 0 10px;
		}
		
		#beta #left img {margin-top: 10px;}
			
	#beta #right h1{
		font-size: 18px;
		border-bottom: solid 1px #2b2b2b;
		text-transform: uppercase;
		margin: 4px 0;
		padding-bottom:5px;
		}
		
	#beta #right p {
		font-size: 14px;
		color: #ccc;
		float: right;
		width: 320px;
		}
		
	#beta #right p i{
		font-size: 11px;
		}
		
	#beta #right li {
		min-height: 90px;
		}
		
	#beta #right p.adweek {padding-left: 0;}
	
	#betaHero {
		background: url('style/images/betaHero.png') no-repeat;
		display: block;
		width: 990px;
		height: 248px;
		padding: 8px 0 0 25px;
		}
		
	ul#betaScroll{
		width: 395px;
		height: 237px;
		overflow: hidden;
		}
		
/* Advertisers */
		
	#advertisers #left h1{font-size: 18px;color: #2ac5f5;border-bottom: solid 1px #2b2b2b;text-transform: uppercase;margin-top: 6px;margin-bottom: 20px;}
	#advertisers #left strong {font-size: 14px;color: #fff;font-weight: bold;margin-top: 10px;}
	#advertisers #left p {font-size: 12px;color: #d2d2d2;margin-bottom: 13px;padding: 0 10px;line-height:17px;}
	#advertisers #right h1{font-size: 18px;color: #2ac5f5;border-bottom: solid 1px #2b2b2b;text-transform: uppercase;margin-top: 6px;margin-bottom: 20px;}
	#advertisers #right p {font-size: 12px;color: #fff;padding-left: 130px;line-height:16px;}
	#advertisers p a{color: #af1616;}
	#advertisers #right .quote-by {font-size: 11px; font-style: italic; margin-top: -10px;}
	
	#advertisersHero {
		background: url('style/images/advertisersHero.png') no-repeat;
		display: block;
		width: 986px;
		height: 248px;
		}
	
	#advertisers .pos1, #advertisers .pos2{
		position: relative;
		top: 165px;
		left: 225px;
		}
	
/* Contact */
		
	#contact #left h1{font-size: 26px;color: #2ac5f5;border-bottom: solid 1px #2b2b2b;text-transform: uppercase;margin-top: 8px;margin-bottom: 20px;}
	#contact #left strong {font-size: 14px;color: #fff;font-weight: bold;margin-top: 10px;}
	#contact #left p {font-size: 12px;color: #d2d2d2;margin-bottom: 13px;padding: 0 10px;}
	#contact ul#formLeft{float: left;line-height: 35px;margin-left: 10px;}
		
	#contact input.text{width: 209px;color: #636363;padding: 7px 0 7px 5px;background: url('style/images/contactTextField.gif') no-repeat;border: none;margin-bottom: 5px;}
		
	#contact textarea.comments{width: 434px;height: 78px;color: #636363;padding: 7px 0 7px 5px;font-family: "arial";font-size: 12px;background: url('style/images/contactCommentsField.gif') no-repeat;border: none;}
		
	#contact table {margin-left: 10px;font-size: 12px;}
		
	#contact input.radio {width: 15px;height: 26px;vertical-align: middle;}		
	#contact select {width: 209px;height: 26px;}
	#contact ul#formRight{float: left;line-height: 35px;margin-left: 10px;font-size: 12px;}	

	#contact #right h1{font-size: 26px;color: #2ac5f5;border-bottom: solid 1px #2b2b2b;text-transform: uppercase;margin-top: 8px;margin-bottom: 20px;}
	#contact #right h4 {margin-bottom: 28px;font-size: 24px;}		
	#contact #right h4 a{color: #fff;padding-left: 10px;}	
		#contact ul.location{font-size: 16px;color: #a3a3a3;margin-bottom: 50px;padding-left: 150px;padding-top: 6px;}	
		#contact ul .first {font-size: 22px;}
		
	#contact #twitter {font-size: 14px;color: #fff;width: 368px;background: url('style/images/logos/logo_twitter.gif') no-repeat 380px 6px;border: solid 1px #1f1f1f;text-align: right;padding: 8px 100px 8px 0;}
		#contact a:hover #twitter {background: url('style/images/logos/logo_twitter.gif') #1d1d1d no-repeat 380px 6px;}

/* Apply Page */

	#applyPage .top {background: url('style/images/applyBg.gif') no-repeat;display: block;height: 180px;padding: 30px 0 0 60px;}
		
		#applyPage .top a{color: #ccc;text-decoration: underline;}
		#applyPage h1{font-size: 28px;border-bottom: solid 1px #131313;width: 680px;margin-bottom: 10px;text-transform: uppercase;}
		#applyPage .top p {font-size: 15px;color: #ccc;}
		#applyPage .top p.col-left {display: block;width: 340px;margin-right: 20px;float: left;}
		#applyPage .top p.col-right {display: block;width: 320px;float: left;}
		
	#applyPage .content {background: #fff url('style/images/bottomCap.gif') no-repeat;background-position: bottom;padding: 0 60px 10px 60px;margin-top: -15px;margin-bottom: 25px;}

	.apply-form-column {width: 288px;float: left;margin-bottom: 10px;}
	.apply-form-column label {display: block;font-size: 11px;margin: 7px 0;color: #666;}	
	.apply-form-column input {font-size: 12px;width: 258px;padding: 2px;color: #333;}
		
	#certify{display: block;color:#666;font-size: 12px;margin-top: 15px;}
	#certify a{color:#666;text-decoration:underline;}
	
/* About Page */

	#about {width: 665px;}
	#about .staff p {color: #666; font-size: 12px; width: 485px;}
	#about .staff img { float: right;}
	#about h2 {font-size: 28px; color: #232323; text-transform: uppercase; border-bottom: solid 1px #e5e5e5;}
	#about .staff h3 {color: #485c07; font-size: 20px; text-transform: uppercase;}
	#about .staff h4 {color: #485c07; font-size: 12px; font-style: italic; margin: 0 0 10px 0;}
	#about .staff {display: block;min-height: 190px;margin-top: 10px;margin-bottom: 10px;}

/* DIRECTORS PAGE */

	#directors {width: 680px;}
	#directors .staff p {color: #666; font-size: 12px; padding-right: 50px; padding-left: 210px;}
	#directors .staff img {margin-right: 30px; float: left}
	#directors h1 {font-size: 28px; width: 680px;padding: 7px 5px 0 5px;margin-bottom: 10px;text-transform: uppercase;}
	#directors h3 {color: #485c07; font-size: 20px; padding-top: 15px; text-transform: uppercase;}
	#directors h4 {color: #485c07; font-size: 12px; font-style: italic; margin: 0 0 10px 0;}
	#directors .staff {display: block; min-height: 175px; padding: 10px;}

/* FEATURES PAGE REPLACED WITH IMAGE */	
/*	#feature {width: 675px;}																									   */
/*	#feature p {color: #666; font-size: 12px;}																					   */
/*	#feature h2 {font-size: 28px;margin-bottom: 20px;color: #232323; text-transform: uppercase; border-bottom: solid 1px #e5e5e5;} */
/*	#feature h1 {font-size: 18px; color: #333;border: none;margin-bottom: 2px;}													   */
/*	#feature .entry {margin-top: 15px;min-height: 75px;}																		   */
/*	#feature .entry p {width: 550px;}																							   */
/*	#feature .entry img {float: left; margin-right: 15px; margin-top: -20px}													   */
/* REPLACED WITH IMAGE */

/*Side Bar */

	#sidebar {
		float: right;
		color: #000;
		width: 180px;
		}
		
		h2.widgettitle {
			font-size: 22px;
			color: #000;
			text-transform: uppercase;
			margin-bottom: 5px;
			}
			
		.widget {
			color: #666;
			font-size: 12px;
			margin-bottom: 15px;
			}
			
		.widget a{
			color: #2a5d9f;
			}
			
		.widget a:hover {text-decoration: underline;}
		
		li.cat-post-item a{
			color: #666;
			line-height: 15px;
			padding-left: 15px;
			background: url('style/images/bullet.gif') no-repeat 0 3px;
			}
		
		li.cat-post-item a:hover {text-decoration: underline;}
	
	
/* Blog */
	
	#blog {
		color: #6f6f6f;
		font-size: 12px;
		float: left;
		overflow: hidden;
		}
	
	#blog h1 {
		margin: 5px 0;
		text-transform: none;
		}
	
	#blog p.singleDate {
		font-weight: bold;
		color: #6f6f6f;
		}
	
	#blog h2 a{
		color: #2a5d9f;
		font-size: 18px;
		text-transform: uppercase;
		}
	
	#blog .excerpt h3 a{
		font-size: 14px;
		text-transform: uppercase;
		color: #9a2069;
		}
		
	#blog .excerpt {
		display: block;
		width: 500px;
		padding-left: 75px;
		}
		
	#blog .excerpt p {
		font-size: 14px;
		line-height: 16px;
		color: #666;
		}
	
	#blog .date {
		display: block;
		float: left;
		margin-right: 35px;
		}
		
	#blog .post {
		margin-bottom: 20px;
		}
	
		#blog .date .month{
			font-size: 12px;
			color: #b2b2b2;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 4px;
			margin-left: 2px;
			}
			
		#blog .date .day{
			font-size: 32px;
			color: #b2b2b2;
			letter-spacing: 1px;
			margin: -5px 0 0 0;
			}
			
		#blog .date .year{
			font-size: 14px;
			color: #b2b2b2;
			letter-spacing: 1px;
			margin: -7px 0 0 2px;
			}
			
	#blog #previousPosts {
		width: 560px;
		}
	
	.singlePost h1 {margin-left: -5px;}
		
	.singlePost {
		display: block;
		width: 575px;
		}
		
/* Footer */

	.footer_wrapper {
		border-top: solid 1px #161616;
		padding: 10px 0 0 10px;
		}
	
	li.footerLinks, li.footerLinks {
		width: 162px;
		float: left;
		line-height: 15px;
		}
	
	li.footerLinks, li.footerLinks a {
		font-size: 11px;
		font-weight: bold;
		color: #999;
		text-decoration: none;
		}
		
	li.footerLinks a:hover, li.footerLinks ul.footer-submenu a:hover {
		text-decoration: underline;
		}
		
	li.footerLinks ul.footer-submenu a{
		color: #545454;
		font-weight: normal;
		}
		
	.footerCopy {
		float: left;
		display: block;
		border-top: solid 1px #161616;
		margin-top: 10px;
		padding-top: 10px;
		width: 985px;
		}
	
	.footerCopy p{
		color: #545454;
		font-size: 10px;
		}
		.footerCopy a{text-decoration: none;}
		.footercopy a:hover {text-decoration: underline;}
		
	/* arranging the z-index of the playr and demo */
	#player {
		z-index: 10;
	}
	#shortTail_D30_content {
		z-index: 5000;
	}
	
/* PRINT PAGE */

.print_link a{
	font-size: 12px;
	color: #999;
	}