/*
Theme Name: Zebra14
Description: A Child Theme of Carton; potential 2014 site theme
Template: carton
Author: Ben Austro
Theme URI: http://www.footballzebras.com
Version: 14.0.0
*/
@import url(../carton/style.css);

.basic .entry-title,
.basic #site-title {font-family:'Jockey One',sans-serif; font-weight:400;}

/* Menus and Header */

#site-title a { color:#FFFFFF; font-size:100% !important}

h1#site-title { color:#FFFFFF; font-size:60px; text-shadow: 2px 5px 0px #000000;
		line-height:50px}

#site-title a:hover {color:gold;}

h2#site-description {color:#FFFFFF; margin: 10px 30px 0 10px; text-shadow:0 0 10px #000;}	

div.header-wrap   { background-image:url('http://assets.footballzebras.com/blog/zebras_corner.png');
			background-repeat:no-repeat; background-position: center;}

.trademark	{ font-size:10px; font-family: sans-serif; vertical-align:super; letter-spacing:0;
		text-shadow: 0 0 2px #000000; color:#FFFFFF;}

#site-navigation	{margin-bottom: 5px;}

#site-navigation ul li:nth-child(odd) {float:left;}
#site-navigation ul li:nth-child(even) {margin-left: 50%;}

#secondary {left:-340px; width: 340px}
.left-menu-open {left:340px;}

/* Images */

.wp-caption	{ margin-bottom: 0; }

.inline-getty	{ padding: 5px; }

.getty-left	{float: left !important; padding-right: 5px !important;}
.getty-right	{float: right !important; padding-left: 5px !important;}

/* Posts */

h2, h3, h4 {clear: none;}

h2 	{font-size: 26px;}

h3 	{font-size:140%;}

.summary-headline {line-height:75%}

.entry-title {font-size: 2.5em;}

.self-ref {font-variant: small-caps; }

.inline-meta	{float:right; font-style:italic; white-space: nowrap;}

.meta-slug {margin-left:50px;
		font:18px Arial,Helvetica,sans; font-variant:small-caps;}

.entry-content, .assignment_list ul ul, .liveblog-entry-text 	
	{  text-align: justify; text-justify: distribute;
	font-family:'Palatino Linotype', Georgia, Times, 'Times New Roman', serif; 
	font-size:16px;}

.entry-content a:link,
.entry-content a:hover,
.entry-content a:visited,
.entry-content a:active {color: #564660; font-weight: bold
		}

blockquote  {
	margin-left:50px;
	padding-left:20px;
	border-left: 10px solid grey;
	background-color:gainsboro;
	font-style:normal;
	}

blockquote cite,
blockquote em,
blockquote i {
	font-style: italic;
}

del {color:grey;}

ins {color:green; border-bottom:1px green dotted;
	background-color: white !important; }

hr {width: 75%; border: 0; height: 2px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}

/* Tables and Special Content Modifiers */

table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
table td {border-left:0; border-right:0; margin: 0px; vertical-align:baseline;
		}

tr th,
thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	background-color:#e7e7e7;
	border: 0px;
	margin: 0px;
	vertical-align: baseline;
}
tr td {
	border-top: 1px solid #e7e7e7;
	padding: 3px;
}

tr.odd td {
	background-color: #f2f7fc;
}

.highlight-1 {background-color: khaki;}
.highlight-2 {background-color: antique-white;}
.highlight-3 {background-color: gainsboro;}


.nowrap, .roster-name  { white-space: nowrap;}

.agate-two {width: 10px !important;}

.tightchart table tr th,
.tightchart table thead th,
.tightchart table tr td {padding: 6px 6px;}

.condcol, .condensed-column {font-size: small;}

[class^="roster-"], table.smart-table td  {vertical-align: middle; }

.numeric-cell, .roster-experience {text-align:right; padding-right:5px;}

.roster, .grade-card 	{float:left; width:250; max-width:100%; padding-right:1px;}

.roster-header, .grade-header	{font-size:10px;}

.roster-college, .roster-occupation, .smart-table, .text-cell, .text-cell-block {text-align:left; line-height:.9em; }

.text-cell-block {white-space: nowrap;}

.centered-cell {text-align:center; line-height:.9em; }

.roster-note {text-align: left;}

.reversecell, .grade-game, .roster-position,
.roster-number 		{background-color:black;  color:white; text-align:center;} /* removed font-weight: bolder */

.roster-position, .roster-number {font-family:"Jockey One"; font-size:110%;}

td.grade-icon {text-align:center;}

ol li {margin-left: 15px;}

/* remove until workaround
.assignment_list ul > li 	
	{list-style-type: none;
	color: #333333;
	margin-top:15px;
  	font-family: Lato, sans-serif;
  	font-weight: normal;
	
	}
*/


.assignment_list ul  		/* Game list */
	{list-style: disc outside;
	padding-left:15px; margin-left: 2em;
		}

.assignment_list ul ul li	/* Special note for game */
	{list-style-type: none;
	padding-left: 16px;}

.assignment_list ul ul li:before
	{content: "‣";
	padding-right: 8px;
	color: #333333;}

.network  {padding: 1px;
		text-transform:uppercase;
		font-family: Arial, sans-serif;
		font-size: 8px; vertical-align:middle;
		color: black;
		border-radius: 5px 5px 5px 5px;
		border: 1px solid black;
		line-height: 6px;}

.buy-button, .post-edit-link  {padding: 1px;
  		transition: color 0.3s ease-in 0s, background-color 0.3s linear 0s, border-color 0.3s linear 0s;
		font-family: Arial, sans-serif;
		font-size: 8px; vertical-align:middle;
		color: black;
		border-radius: 5px 5px 5px 5px;
		border: 1px solid black;
		line-height: 14px; white-space: nowrap ;}

.buy-button a {border-bottom: none; !important}

.comments-link	{padding: 4px; text-align:center;
		font-size: 10px; vertical-align:middle;
		color: white; background-color:black;
		border-radius: 5px 5px 5px 5px;
		line-height: 8px;
		float:left; margin-right:30px;}

.comments-number {font-size:18px; font-family:'Jockey One',sans-serif;}

var {display:hidden;} /* var is used to hide numbers next to R, U, HL... in rosters to allow ordered sorting. */

#content tr th {padding:3px 3px;}

#content tr td {padding:3px 3px;}

/* Special headings */


.violator	{border: 5px solid black; padding:10px;
		background-color: gainsboro; float:right; width: 200px
		}
	
.basic h4	{font-family:'Jockey One', sans-serif;
	font-weight:200;
	font-size:25px;
	line-height:1em; margin:0 0 0 0;} /* Use h4 for bannered posts */

h5	{font-size:14px; margin:0 0 0 0; line-height:1.2em;}

/* Post Meta */

.entry-meta
	{font-size:14px;
	font-family:Arial;
	}

.meta-block {float:right; font:14px Arial; margin:2px -4px 2px 0px; text-align:right; max-width:60% }

.entry-author-link, .entry-date, .entry-time {padding-right:10px;}

.entry-author-link {font-size:16px;}

.entry-category {	background:#ffbe00; border:1px solid black; margin-top:4px;
			text-transform:uppercase; font-size:11px; font-weight: bold;
			white-space:pre-line; 
			height: 5em;
			width: 12em;
			-moz-border-radius: 1em 4em 1em 4em;
			border-radius: 1em 4em 1em 4em;
			padding: 0 5px
		}

.entry-category:hover {	background-color: #e01a1f;
			color: #fff;
		}

.entry-category a:hover	{text-decoration: none;}

.entry-meta a:link, 
.entry-meta a:visited,
.entry-meta a:active {color: black}

.entry-tags {
	margin: -4px -4px 4px;
}

.entry-tags a {
	position: relative;
	display: inline-block;
	padding:1px 4px 1px 16px;
	margin: 4px;
	background:#F8F8F8;
	background:-moz-linear-gradient(#F8F8F8, #F3F3F3);
	background:-webkit-linear-gradient(#F9F9F9, #F3F3F3);
	background:-o-linear-gradient(#F8F8F8, #F3F3F3);
	background:-ms-linear-gradient(#F8F8F8, #F3F3F3);
	background:linear-gradient(#F8F8F8, #F3F3F3);
	border-radius:4px;
	box-shadow:0 1px 1px rgba(0, 0, 0, .2);
	color: #333;
	font-size: 12px;
}

.entry-utility {text-align: justify;}

.entry-tags a:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 6px;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 3px;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);
}

.entry-tags a:hover {
	top: -3px;
	text-decoration:none;
	-moz-transition: top .1s ease;
	-webkit-transition: top .1s ease;
	-o-transition: top .1s ease;
	-ms-transition: top .1s ease;
	transition: top .1s ease;
}

/* Roundtable */
.ding	{color: red; }
.goodcall 	{color: lime; }
.question	{color: dark-orange; } /* use fa-circle-chevron-right */

/* .ding, .goodcall, .question font-size:250%;  Re-write for correct presentation */



/* Live blog */

/* Note: 2 different plug-ins used.
	Liveblog is the Automattic, Inc. plugin.
	Liveblogging is the plugin that creates entries through the dashboard
*/

.liveblog-entry-text {font-size:14px !important; line-height:15px !important}

.liveblogging-entry {width:100%; height:1px; background-color:lightslategray; margin-bottom:1px; clear:both;}

.liveblog-entry .liveblog-meta .liveblog-author-avatar img {
	width: 100px;
	height: 100px; }

.liveblog-author
	{float:right; border-radius: 1em 4em 1em 4em;
	border-bottom:3px solid lightslategray; 
	display: inline-block;
	padding:1px 4px 1px 16px;
	background-color:lightgray;
	font-size:8pt; line-height: .9em; text-align:center;
	margin-bottom:0;}

.liveblog-score, .liveblog-yes {font-size:110%; background-color:palegreen; color:black;
	}

.liveblog-penalty, .liveblog-neutral {background-color: yellow;}

.liveblog-challenge, .liveblog-no {background-color:lightcoral; color:black;}



/* Comment area */

.comment { /*background-color:lightslategray;*/
		color:black; }

.comment a {color: #564660; font-weight:bold; !important}

.comment-meta,
.comment-author,
.commentmetadata,
.comment-edit-link,
.fn     		 {color: black;}

.comment-body  {border-left: 15px double black;
		padding-left: 10px; }

/* Plugin alterations */
.ctotal 	{font-family: 'Jockey One',sans-serif; font-weight:400;} /* Digg Digg comment total */

div.addthis_toolbox a {border-bottom: none; !important}

/* Sidebar */

.utcw-tag-link {white-space:pre;}

.widget .tagcloud   {text-align: justify; }

.widget .widget-title {
	font-family:'Jockey One', sans-serif;
	font-weight:400;
	font-size: 25px;
        background-color:rgba(0,0,0,.3)
	color:#000000
	}

.widget .widget-title .rsswidget {font-size: 20px;}

.widget  {
	text-align: justify;}

.widget li {font-size: 12px; line-height:15px;}

.widget a:hover {
	font-weight:normal;
	text-decoration:underline;
	}

.widget ul li {
	margin-bottom: 8px}

/* Personalized Widgets */

body.countdown_amount {font-family: 'Jockey One', sans-serif ;}

body.hasCountdown {border: 1px solid lightslategrey; }

a.rsswidget {color: rgb(0,0,0);}

.widget .widget-title a.image-anchor {display:none !important}  



.airtime p	{margin-bottom: 2px} /* Airtime class for FZ on-air appearance widget */

.airtime ul	{
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		}
.airtime li 	{border-top:1px dotted lightslategray;
		clear:both; margin-left:-15px;
		margin-bottom:0px
		}
.airtime li:first-child {border-top:none;}

.imageblock:after	{clear:both;}

.fine-meter	{
	border-collapse:separate; border-spacing: 5px 5px;
	border: 1px solid darkslategrey;
	text-align: center;
	width:304px;
	font-family:'Jockey One', sans-serif;
	font-weight:400;
	font-size:28px;
	line-height:40px;
		}

.fm-money {
	font-size:150%; border-left:1px; border-right:1px;
	background-color:green; color:white; width:38px; height:40px;
	}

.fm-slugs 
	{color:black; background-color:antiquewhite; }
.fm-count {background-color:black; color:yellow}
.fm-susp  {background-color:black; color:red}

.week-upper {
	font-family:'Jockey One', sans-serif;
	font-weight:400;
	font-size:20px;
}