/*
Theme Name: TribLIVE Radio
Theme URI: sportstalk.triblive.com
Author: Matthew Fincher - Digital Operations Team
Author URI: sportstalk.triblive.com
Description: This theme was built for the new sports talk radio website. This theme is a responsive design.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

NOTES BY MATT FINCHER:
	This css file is very long. each section has a label above it on what that part does.
*/


/* NEW SECTION=========================================================================================  */
/* RESPONSIVE GRID SYSTEM =============================================================================  */
div.blogauthor {/* border-right:1px solid #ababab; */
	margin: .25% 1% 2% 0;
	float:left;
	height:480px;
	overflow:auto;
	background: #fcfcfc;
		background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
		background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
		background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
		border: 1px solid #d2d2d2;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	    box-shadow: 0px 0px 15px (0,rgba0,0,0.1);
		-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.blogauthor h1 { font-size: 2em; }
.blogauthor h2 { font-size: 1.3em;
				margin-top:6%;
}
#hosts > a{
	z-index:999999;
	padding:10px;
	position:relative;
}
.post-entry > p {
	margin: 10px;
}

#onAir > li {display:inline;}
ul#hostinfo {display:inline;
			 clear:both;}

ul#hostinfo li {
	display:block;
}
.clear {clear:both;}

#onAir h4 {
	color:#cfcfcf;
	font-size: 112%;
}
.hidden {display:none;
}

/* Basic Styles */


ul#crumbs {
	list-style-type:circle;
	margin-left:10px;
}

ul#crumbs li {
	float:left;
	margin-right:30px;
}
#discussing {
	position: fixed;
	bottom:0;
	border-top:2px solid #6b0000;
	left:0;
	padding:0px 0 0 22px;
	width:100%;
	background-color:#900;
	color:white;
	height:29px;
	z-index:999;
}

#discussing ul {
list-style-type:none;
margin:0 auto;
padding: 0;
position: relative;
}

#discussing ul li {
float:left;
}

#discussing ul li.right {
float:right;
border-right:1px solid white;
padding:4px 30px 0;
position:relative;
right:72px;
}

/* override podcast plug-in width */
/*.entry-content div#podcasts { width:95%;
}
.otherSidebarContent div#podcasts {
	padding: 2px;
}
*/


.readMore {
	float:right;
	padding-right:10px;
	padding-top:20px;
}

a.readMore img {
	margin-bottom:-7px;
}

section {
	padding-bottom:20px;
}

#about h1 {font-size: 2em;
}
.taxonomy-description p { line-height:100%;
		padding-top: 0;
}
.page-header .taxonomy-description p { font-size:1.75em;
}
.aboutPage img { border:1px solid black;
					margin-right:5px;
					margin-bottom:15px;
					float:left;
}

.page-header {margin-top: 15px;
}

#featuredPostsGroup {margin-right: 1.6%;
}

.featuredPostInnerBox {
}
.featuredPostText {
	font-size:17px;
	margin-top:25px;
}

article.featuredPosts {
			 height:276px;
			 position:relative;
			 margin-top:8px;
}



figure.featuredImageContent { background-color:#171617;
}

figure.featuredPostContent {/* height: 216px; */
							height: 252px;
							position:relative;
							padding:30px;
							text-overflow:ellipsis;
}
ul#socialmedia {   list-style:none;
					margin-top:8px;
}
ul#socialmedia li {display:inline;
                   margin-right:5px;
}

.homefooter { height: 40px;
             position:absolute;
			 bottom:0;
			 left:0;

}


body {
    background-color: #FFFFFF;
}
body {
    background-color: #F1ECD4;
}
body {
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
* {
    margin: 0;
    padding: 0;
}
html {
    color: #000000;
}
.wp-polls-ul input {
    float: right;
    left: -289px;
    position: relative;
    top: 4px;
    width: 20px;
}


body {
    background-color: #FFFFFF;
}
body {
    background-color: #F1ECD4;
}
body {
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
* {
    margin: 0;
    padding: 0;
}
html {
    color: #000000;
}
.wp-polls-ul label {
    left: 18px;
    position: relative;
    width: 300px;
}
figure.featuredPostContent { background-color: white;
}
figure.featuredPostContent .homefooter { background-color: #171617;
	width:100%;
	color:white;
}
div#logo img {
	float:left;
	padding-top:40px;
}
div#about {border: 1px double black;
           padding:10px;

}
#about h1 {font-size:.1.2em;

}
#about h2 {font-size:1em;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

	#onAir {
		background-color:#580D0D;
		border:2px solid #979579;
		color:white;
		width:auto;
		margin:0 auto;
		padding:10px;
		max-width:476px;
	}

		#onAir img {
			border:1px solid white;
		}

		#onAir #listenNow {
			max-width:50%;
		}
#ads {
	padding-bottom:120px;
	padding-top:20px;
	width:938px;
	margin:0 auto;
}

#slider {
	margin:0 auto;
}

	#bigBox {
		float:left;
		width:320px;
	}

	#topCompanion {
		 float:left;
		 width:190px;
	}

	#leaderTop {
		 float:left;
		 width:728px;
		 margin-right:20px;
	}

	#blogSideBar {
		float:left;
		 width: 300px;
		  border:3px dotted green;
        }

	.widget {
		background-color:white;
		margin-top:15px;
		padding:5px;
	}

#slider {
	margin-top:30px;
	position:relative;

}
#blog {
	 float:left;
	 width:100%;
	 margin-right:-320px;
}
	.blogPost {
		color:pink;
	}
	#blog #bloginner {
		margin-right:320px;
	}
	#content {
		margin-right:20px;
		background-color:white;
		padding:10px;
	}
	#insideBlog {
		float:left;
		margin-right:-300px;
		width:100%;
	}
	.dateHome {
		display:none;
	}
	 .dateIcon {
		display:block;
		width:70px;
		margin: 5px 10px 5px 5px;
		height:70px;
		background: #fcfcfc;
		background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
		background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
		background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
		border: 1px solid #d2d2d2;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		box-shadow: 0px 0px 15px (0,rgba0,0,0.1);
		-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		float:left;

	}
		.dateIcon p {
			font-family: Helvetica, sans-serif;
			font-size: 38px;
			text-align: center;
			color: #9e9e9e;
			padding-top:11px;
		}

			 .dateIcon p span {
				background: #d10000;
				background: linear-gradient(top, #d10000 0%, #7a0909 100%);
				background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);
				background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);
				font-size: 25px;
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;
				display: block;
				margin-top:10px;
				border-top: 3px solid #a13838;
				border-radius: 0 0 10px 10px;
				-moz-border-radius: 0 0 10px 10px;
				-webkit-border-radius: 0 0 10px 10px;
				padding: 6px 0 6px 0;
			}
			.customStyles .dateIcon p span {
				background: #5a5a5a;
				background: linear-gradient(top, #5a5a5a 0%, #000 100%);
				background: -moz-linear-gradient(top, #5a5a5a 0%, #000 100%);
				background: -webkit-linear-gradient(top, #5a5a5a 0%, #000 100%);
				color: #fdbf36;
				border-top: 3px solid #000;
				}
			#body-Penguins-24-7 .dateIcon p span {
				color: #e7daad;
				}

	#insideBlog #bloginner {
		margin-right:320px;
		background-color:white;
	}
	h4.heading a {
		color:white;
	}

	a[class="mobileshow"], a[class="mobilehide"] {
		display:none;
	}
	figure img {
		float:left;
		height:100%;
		width:100%;
		/* width:100%; */
	}
	figcaption {
		background-color:black;
		opacity:0.6;
		filter:alpha(opacity=30);
		color:white;
		height:30px;
		padding:5px;
		position:relative;
		top:-30px;
	    margin-bottom:-30px;
	}

.post-data {
	clear: both;
	font-size: 12px;
	font-weight: 700;
	margin-top: 20px;
}

.post-data a {
	color: #111;
}

.post-entry {
	clear: both;
}

.post-meta {
	clear: both;
	color: #9f9f9f;
	font-size: 12px;
	margin-bottom: 10px;
}

.post-edit {
	clear: both;
	display: block;
	font-size: 12px;
	margin: 1.5em 0;
}

.post-search-terms {
	clear: both;
}



#footer {
	color:white;

	margin:30px auto 0px auto;
	height:auto;
	width:100%;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
	font-size:12px;
}
 #footer img {padding-bottom:10px;}

/* =Navigation (main menu)
-------------------------------------------------------------- */
/* separate menu from site content */
div#content.site-content: {margin-top:20px;
	}
nav.primary {overflow:visible;
	width:100%;
	z-index:2147483639;
	display:none;  }

.menu-button {
  position: relative;
  display: block;
  padding: 1em;
  color: red;
  cursor: pointer;
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  font-weight: bold;
  font-size:1.2em;
  text-transform:uppercase;
}

/* triangle after the menu button */
.menu-button:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 16px;
	top:50%;
	margin-top: -6px;
	border-width: 6px 6px 0px 6px;
	border-style: solid;
	border-color: #fff transparent #fff;
}
.menu-button.active:after {
	border-width: 0px 6px 6px 6px;
}

/* get rid of padding and margin off all ul's (not sure about using * here, could be better) */
.menu, .menu * {
    margin:0;
    padding:0;
    list-style:none;

}


/* position all dropdowns off screen */
.menu ul {
    position:absolute;
    top:-999em;
}

.sub-menu {
	padding-left:0px;
	text-align:left;
	display:none;

}
/* style the main nav list items */
.menu li {
    clear: left;
 /*   float:left;
    position:relative; */
    width: 100%;
}
.menu > li { margin: 0; }

/* change the main nav list items on hover */
.menu li:hover {
   visibility:inherit; /* fixes IE7 'sticky bug' */
}
/* style all the links */
.menu a {
    font-size: 1em;
    color: black;
    display:block;
    text-decoration: none;
}
.menu a, .menu-button {
	padding: 12px 0px 12px 5px;
}
.menu li a:hover {
		font-weight: bold;
}



/* take off bold on hovered submenu items */
.menu li li:hover a:hover{
	font-weight:normal;
}

/* position first drop */
.menu li:hover ul {
    top:auto; /* match top ul list item height */
	position:relative;
}
/* make sure second drop is still off screen */
ul.menu li:hover li ul {
    position: absolute;
    top:-999em;
}
/* position second drop */
ul.menu li li:hover ul {
    top:auto;
    position:relative;
}
/* make sure third drop is still off screen */
ul.menu li li:hover li ul {
    position: absolute;
    top:-999em;
}
/* position third drop */
ul.menu li li li:hover ul {
    top:auto;
    position:relative;
}

@media only screen and (min-width: 768px) {
	html { min-width: 768px;}


	.menu-button {
    display: none;
  }

  .sub-menu {
	/* padding-left:30px; */
	margin:-1px 0 0 -24px;
	}

	/* split the drop down menu into two columns */
.sub-menu {display:inline-block;
	width:425px !important;
}

.sub-menu li {width:50% !important;
}
.sub-menu li:nth-child(even) {float:right;}

.menu > li {/* margin: 0 20px; */ }
.menu li li {margin-left: 0; }

  /* outer menu container */
 #colNav {width:100%;
  			  text-align:center;
			  background-image: url(images/navbar.png);
			  height:160px;
			  background-repeat:no-repeat;
			  background-position:center center;
			  background-size:auto 120%;

}
/* this should make it possible to center it using the text-aling in the colNav
   and it make the menu visible for the screen sizes larger than tablet */
nav.primary {display:inline-block !important;
         /*  width:100%; */
}

.menu {
/*    margin:0 20px; */
}
/* position first drop */
.menu li:hover ul {
    top:45px; /* match top ul list item height */
	position:relative;
}

/* the drop down menu color on screen sizes bigger than tablet */
.menu li li {
   background-color:#470000;
}

 .primary {
 	/*	   text-align:center;
		   margin:0 auto;*/
 }



	.menu{
        height: 50px;
		margin:50px auto 0;
		/*	left:130px; */
		position:relative;
		/*top:50px; */
	/*	width:89%; */
    }

    /* restyle so main links are horizontally aligned */
    .menu li {
        clear: none;
		display:inline-block;
        width: 18%; /* this will need to be adjusted for your needs */
		text-align: center;
    }
    /* new style for drop list items */
    .menu li li {
		/* took this out for two column list */
    	/* clear: left;
        width: 209%; */
    }

    /* reposition and style the first drop */
    .menu li:hover ul{
        background:none;
        left: auto;
        position: absolute;
        top: -1;
        width: 100%;
        z-index: 2147483639;
    }
    /* reposition and style the second drop */
    ul.menu li li:hover ul{
        background: #000;
        position: absolute;
        top: -1px;
        left:100%;
    }
    /* reposition and style the third drop */
    ul.menu li li li:hover ul{
        background: #000;
        position: absolute;
        top: -1px;
        left:100%;
    }
}
@media only screen and (min-width: 861px) {
    /* bigger screen bigger nav */
    .menu{
        height: 50px;
		margin: 50px auto 0;
		text-align:center;
	/*	left:130px;
		position:relative;
		top:50px;
		width:100%;*/
    }



    /* bigger screen bigger font size and padding */
    .menu a {
        font-size: 1em;

    }
	.menu a, .menu-button {
	 padding: 17px 8px;
}

}
@media only screen and (min-width: 1100px) {
 .menu li {
        clear: none;
		display:inline-block;
        width: 18%; /* this will need to be adjusted for your needs */
	 text-align:center;
    }
}
/* =Navigation (to go from blog to blog)
-------------------------------------------------------------- */
.navigation {
	color: #111;
	display: block;
	font-size: 13px;
	height: 0;
	line-height: 28px;
	margin: 0;
	padding: 0 5px;
}

.navigation a {
	color: #aaa;
	padding: 4px 10px;
}

.navigation a:hover {
	color: #111;
	text-decoration: none;
}

.navigation .previous {
	float: left;
}

.navigation .next {
	float: right;
}

.navigation .bracket {
	font-size: 36px;
}

/* =Pagination (pages)
-------------------------------------------------------------- */
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #c31e24;
}

.customStyles .pagination a:hover{
color:#fdbf36;
background: #000;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #c31e24;
color:#fff;
}
.customStyles .pagination .current{
background: #000;
color:#fff;
}

/* =Comments
-------------------------------------------------------------- */
#commentform {
	margin: 0;
}

.commentlist {
	border-bottom: 1px solid #e5e5e5;
	list-style: none;
	margin: 0;
	padding: 0;
}

.commentlist ol {
	list-style: decimal;
}

.commentlist li {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #fff;
	border-radius: 4px;
	margin: 0;
}

.commentlist .bypostauthor {}

.commentlist li cite {
	color: #111;
	font-size: 1.1em;
	font-style: normal;
	font-weight: 400;
}

.commentlist li.alt {
	background: #f9f9f9;
}

.commentlist .children {
	list-style: none;
	margin-left: 10px;
	padding: 10px;
}

.commentlist .avatar {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin-right: 10px;
	padding: 0;
	vertical-align: middle;
}

.comment-author .fn {
}

.comment-author .says {
	color: #999;
}

.comment-body .comment-meta {
	color: #999;
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: left;
}

.comment-body .comment-meta a {
	font-size: 11px;
}

.comment-body {
	clear: both;
	padding: 10px;
}

.comment-body p {
	clear: both;
}

.comment-body .reply {
}
.pingback, .trackback {
	list-style: none;
	margin: 20px 0;
}

.pingback cite,
.trackback cite {
	font-style: normal;
}

#pings,
#comments {
	text-align: left;
}

#respond {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #C5C5C5; /*was #eaeaea;*/
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -ms-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -o-linear-gradient(top, #ffffff, #eaeaea);
	background-image: linear-gradient(top, #ffffff, #eaeaea);*/
	border: 1px solid #ccc;
	border-bottom-color: #aaa;
	border-radius: 4px;
	clear: both;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea);
	margin-top: 15px;
	padding: 10px 20px 50px;
}

#respond label {
	display: inline;
}

.reply {
	margin: 10px 0;
}

.comment-form-url input,
.comment-form-email input,
.comment-form-author input,
.comment-form-comment textarea {
	display: block;
}

.nocomments {
	color: #999;
	font-size: .9em;
	text-align: center;
}

/* BLOGSIDEBAR ========================================================================  */
.grid {
	/* float: right; */
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}
.col-300_BlogSideBar   {
	display: inline;
	margin-right: 2.127659574468%;
}
.fit {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

<!-- Custom Login/Register/Password Code @ http://digwp.com/2010/12/login-register-password-code/ -->
<!-- CSS -->
/* tabbed list */
ul.tabs_login {
	padding: 0; margin: 20px 0 0 0;
	position: relative;
	list-style: none;
	font-size: 14px;
	z-index: 1000;
	float: left;
	}
ul.tabs_login li {
	border: 1px solid #E7E9F6;
	 -webkit-border-top-right-radius: 10px;
	 -khtml-border-radius-topright: 10px;
	 -moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	 -webkit-border-top-left-radius: 10px;
	 -khtml-border-radius-topleft: 10px;
	 -moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	line-height: 28px; /* = */ height: 28px;
	padding: 0; margin: 0 5px 0 0;
	position: relative;
	background: #fff;
	overflow: hidden;
	float: left;
	}
ul.tabs_login li a {
	text-decoration: none;
	padding: 0 10px;
	display: block;
	outline: none;
	}
html ul.tabs_login li.active_login {
	border-left: 1px solid #E7E9F6;
	border-bottom: 1px solid #fff;
	 -webkit-border-top-right-radius: 10px;
	 -khtml-border-radius-topright: 10px;
	 -moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	 -webkit-border-top-left-radius: 10px;
	 -khtml-border-radius-topleft: 10px;
	 -moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	background: #fff;
	color: #333;
	}
html body ul.tabs_login li.active_login a { font-weight: bold; }
.tab_container_login {
	background: #fff;
	position: relative;
	margin: 0 0 20px 0;
	border: 1px solid #E7E9F6;
	 -webkit-border-bottom-left-radius: 10px;
	 -khtml-border-radius-bottomleft: 10px;
	 -moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	 -webkit-border-bottom-right-radius: 10px;
	 -khtml-border-radius-bottomright: 10px;
	 -moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	 -webkit-border-top-right-radius: 10px;
	 -khtml-border-radius-topright: 10px;
	 -moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	z-index: 999;
	float: left;
	width: 100%;
	top: -1px;
	}
.tab_content_login {
	padding: 7px 15px 15px 15px;
	padding-top: 10px;
	}
	.tab_content_login ul {
		padding: 0; margin: 0 0 0 15px;
		}
		.tab_content_login li { margin: 5px 0; }
/* global styles */
#login-register-password {  }
	#login-register-password h3 {
		border: 0 none;
		margin: 10px 0;
		padding: 0;
		}
	#login-register-password p {
		margin: 0 0 15px 0;
		padding: 0;
		}

/* form elements */
.wp-user-form {}
	.username, .password, .login_fields {
		margin: 7px 0 0 0;
		overflow: hidden;
		width: 100%;
		}
		.username label, .password label { float: left; clear: none; width: 25%; }
		.username input, .password input {
			font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
			float: left; clear: none; width: 200px; padding: 2px 3px; color: #777;
			}
.rememberme { overflow: hidden; width: 100%; margin-bottom: 7px; }
#rememberme { float: left; clear: none; margin: 4px 4px -4px 0; }
.user-submit { padding: 5px 10px; margin: 5px 0; }
.userinfo { float: left; clear: none; width: 75%; margin-bottom: 10px; }
	.userinfo p {
		margin-left: 10px;
		}
.usericon { float: left; clear: none; width: 15%; margin: 0 0 10px 22px; }
	.usericon img {
		border: 1px solid #F4950E;
		padding: 1px;
		}

<!-- Custom Login/Register/Password Code @ http://digwp.com/2010/12/login-register-password-code/ -->







/* NEW SECTION==================================================================================  */
/* COLS.CSS=====================================================================================  */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.span_2_of_2, .span_1_of_2, .span_3_of_3, .span_2_of_3, .span_1_of_3, .span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4, .span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5, .span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6, .span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7, .span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8, .span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9, .span_1_of_9, .span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, .span_4_of_10, .span_3_of_10, .span_2_of_10, .span_1_of_10, .span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, .span_5_of_11, .span_4_of_11, .span_3_of_11, .span_2_of_11, .span_1_of_11, .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 {
/*	background-color:gray; */
	color:black;
	padding:5px;
}
	.span_2_of_3Blog, .span_1_of_3Blog {
		color:black;
		padding:5px;
		background-color:none;
	}
.col {
	display: block;
	float:left;
	width:100%;
	margin: .25% 0 .25% 1.6%;
}


/* .col:first-child { margin-left: 0; } *//* all browsers except IE6 and lower */

/*  GRID OF TWO   ============================================================================= */

.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49%;
}

/*  GRID OF THREE   ============================================================================= */

.span_3_of_3 {
	width: 97%;
}

.span_2_of_3, .span_2_of_3Blog {
    width: 63.5%;
	/*	width: 49.5%; */
}

.span_1_of_3, .span_1_of_3Blog {
	width: 30.7%;
}

.span_1_of_3_host {
	width: 32.2%;
	margin-left:0;
}

/*  GRID OF FOUR   ============================================================================= */

.span_4_of_4 {
	width: 100%;
}

.span_3_of_4 {
	width: 74.6%;
}

.span_2_of_4 {
	width: 49.2%;
}

.span_1_of_4 {
	width: 23.8%;
}

/*  GRID OF FIVE   ============================================================================= */

.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%;
}

.span_3_of_5 {
  	width: 59.36%;
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}

/*  GRID OF SIX   ============================================================================= */

.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}

/*  GRID OF SEVEN   ============================================================================= */

.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
	width: 85.48%;
}

.span_5_of_7 {
  	width: 70.97%;
}

.span_4_of_7 {
  	width: 56.45%;
}

.span_3_of_7 {
  	width: 41.92%;
}

.span_2_of_7 {
  	width: 27.42%;
}

.span_1_of_7 {
  	width: 12.91%;
}

/*  GRID OF EIGHT   ============================================================================= */

.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.3%;
}

.span_6_of_8 {
	width: 74.6%;
}

.span_5_of_8 {
	width: 61.9%;
}

.span_4_of_8 {
	width: 49.2%;
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 22.8%;
}

.span_1_of_8 {
	width: 11.1%;
}

/*  GRID OF NINE   ============================================================================= */

.span_9_of_9 {
	width: 100%;
}

.span_8_of_9 {
	width: 88.71%;
}

.span_7_of_9 {
	width: 77.42%;
}

.span_6_of_9 {
	width: 66.13%;
}

.span_5_of_9 {
	width: 54.84%;
}

.span_4_of_9 {
	width: 43.55%;
}

.span_3_of_9 {
	width: 32.26%;
}

.span_2_of_9 {
	width: 20.97%;
}

.span_1_of_9 {
	width: 9.68%;
}

/*  GRID OF TEN   ============================================================================= */

.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
	width: 89.84%;
}

.span_8_of_10 {
	width: 79.68%;
}

.span_7_of_10 {
	width: 69.52%;
}

.span_6_of_10 {
	width: 59.36%;
}

.span_5_of_10 {
	width: 49.2%;
}

.span_4_of_10 {
	width: 39.04%;
}

.span_3_of_10 {
	width: 28.88%;
}

.span_2_of_10 {
	width: 18.72%;
}

.span_1_of_10 {
	width: 8.56%;
}

/*  GRID OF ELEVEN   ============================================================================= */

.span_11_of_11 {
	width: 100%;
}

.span_10_of_11 {
	width: 90.7%;
}

.span_9_of_11 {
	width: 81.47%;
}

.span_8_of_11 {
	width: 72.24%;
}

.span_7_of_11 {
	width: 63.01%;
}

.span_6_of_11 {
	width: 53.78%;
}

.span_5_of_11 {
	width: 44.55%;
}

.span_4_of_11 {
	width: 35.32%;
}

.span_3_of_11 {
	width: 26.09%;
}

.span_2_of_11 {
	width: 16.86%;
}

.span_1_of_11 {
	width: 7.63%;
}

/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.46%;
}

.span_10_of_12 {
	width: 83%;
}

.span_9_of_12 {
	width: 74.54%;
}

.span_8_of_12 {
	width: 66.08%;
}

.span_7_of_12 {
	width: 57.62%;
}

.span_6_of_12 {
	width: 49.16%;
}

.span_5_of_12 {
	width: 40.7%;
}

.span_4_of_12 {
	width: 32.24%;
}

.span_3_of_12 {
	width: 23.78%;
}

.span_2_of_12 {
	width: 15.32%;
}

.span_1_of_12 {
	width: 6.86%;
}






/* NEW SECTION==================================================================================  */
/* BASIC PAGE SETUP ============================================================================= */

body {
margin : 0 auto;
padding : 0;
font : 100%/1.4 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', sans-serif;

text-align: center;
background-color:white;
color:black;
position:relative;
}


#hosts {text-align:center;
		float:right;
}

.span_1_of_3_host {
		width:29%;
		margin:0 0 -2%;
		padding: 0 2% 5%;
	}

	#hosts > a img {
		margin-top:-19px;
	}

button,
input,
select,
textarea {
font-family : MuseoSlab100, lucida sans unicode, 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
color : #333; }

/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
font-family:  MuseoSlab300, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-weight : normal;
margin-top: 0px;
letter-spacing: -1px;
}

h1 {
font-family:  LeagueGothicRegular, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
color: #580D0D;
margin-bottom : 0.2em;
font-size : 3em; /* 96 / 16 */
line-height : 1.4;
}


h2 {
color: #222;
margin-bottom : .5em;
margin-top : .5em;
font-size : 2em; /* 40 / 16 */
line-height : 1.2;
}

#showlineup h2 {margin-top:2em;
}

h3 {
color: #333;
margin-bottom : 0.3em;
letter-spacing: -1px;
font-size : 2.75em; /* 28 / 16 */
line-height : 1.3; }


h4 {
color: #444;
margin-bottom : 0.5em;
font-size : 21px; /* 24 / 16  */
line-height : 1.35; }}

	footer h4 {
		color: #ccc;
	}
	.featuredPosts h4 {
		height:30px;
	}
    .featuredPosts figcaption h4 a {
	padding-left:5px;
    }
	hgroup h4 {
		color:#444;
		margin-bottom:0.5em;
		font-size:21px;
		line-height:1.25;
	}
h5 {
color: white;
margin-bottom : 1.25em;
font-size : 15px; /* 20 / 16 */ }

h6 {
color: #666;
font-size : 1em; /* 16 / 16  */
margin-top: -9px;}

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address {
margin-bottom : 1.5em;
font-size : 1em; /* 16 / 16 = 1 */ }
section p {
	padding-top:10px;
}
p {
hyphens : auto;}


p.introtext {
font-family:  MuseoSlab100, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-size : 2.5em; /* 40 / 16 */
color: #333;
line-height: 1.4em;
letter-spacing: -1px;
margin-bottom: 0.5em;
}



p.handwritten {
font-family:  HandSean, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-size: 1.375em; /* 24 / 16 */
line-height: 1.8em;
margin-bottom: 0.3em;
color: #666;
}

p.center {
text-align: center;
}


.and {
font-family: GoudyBookletter1911Regular, Georgia, Times New Roman, sans-serif;
font-size: 1.5em; /* 24 / 16 */
}

.heart {
font-family: Pictos;
font-size: 1.5em; /* 24 / 16 */
}

ul,
ol {
margin : 0 0 1.5em 0;
padding : 0 0 0 24px; }

li ul,
li ol {
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl,
dd {
margin-bottom : 1.5em; }

dt {
font-weight : normal; }

b, strong {
font-weight : bold; }

hr {
display : block;
margin : 1em 0;
padding : 0;
height : 1px;
border : 0;
border-top : 1px solid #ccc;
}

small {
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline; }

sup {
top : -.5em; }

sub {
bottom : -.25em; }

.subtext {
	color: #666;
	}

/* LINKS =============================================================================  */

a {

-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}


/* IMAGES ============================================================================= */

img {
border : none;;
max-width: 100%;
height:auto;}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */

table {
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em;
width : 100%; }

th, td, caption {
padding : .25em 10px .25em 5px; }

tfoot {
font-style : italic; }

caption {
background-color : transparent; }

/* show line up table */
#lineup {border:1px solid #cacaca; text-align:center;}
#lineup td{border-bottom:1px solid #CCC; text-align:left; width:10%;vertical-align:middle;padding:.2em;}
#lineup th{text-align:center;background:#333; color:#FFF; border:none; font-size:.9em;}
#lineup td.even{background:#FFF; text-align:center;}
#lineup td.firstCol {text-align:left;
}
#lineup td.odd{background:#CCC;border-bottom:1px solid #FFF; text-align:center;}

table#lineup {width:95%;}
/*#lineup td	{border-bottom: 1px solid #CCC;
			width:10%;
			padding:.2em;
			text-align:left;
			vertical-align:middle;
			}
#lineup td.even {background: none repeat scroll 0 0 #FFF;
             text-align:left;
}		*/

/*
#lineup td.odd {background:none repear scroll 0 0 #CCC;
	         text-align:center;
}
#lineup	{ border: 1px solid #CACACA;
			text-align:left;
}
#lineup th {background: none repeat scroll 0 0 #333;
			border:medium none;
			color: #FFF;
			text-align:center;
			vertical-align:middle;
}
*/

/* FORMS ============================================================================= */

form {
margin : 0; }

fieldset {
margin-bottom : 1.5em;
padding : 0;
border-width : 0; }

legend {
*margin-left : -7px;
padding : 0;
border-width : 0; }

label{
font-weight : normal;
cursor : pointer;
display:block;
margin:10px 0 0 0;
position:relative;
top:0;
left:0;
}

	label.inline{
	display:inline;
	margin:0;
	}

	label span{
	color:#666;
	font-size:0.9em;
	}

	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}

	label.disabled{
	color:#ccc;
	}

.widget.widget_search {
	height:30px;
}
button,
search,
input,
select,
textarea {
font-size : 100%;
margin : 0;
vertical-align : baseline;
*vertical-align : middle; }

button, input {
line-height : normal;
*overflow : visible; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
padding: 0.5em 1em;
margin: 0 0 1em; 0;
cursor : pointer;
}

input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box; }

input[type="search"] {
	box-sizing : content-box;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0;  }

input{
display:block;
width:97%;
margin:0 0 20px 0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
background:#fff;
}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}

	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0px 0px 2px #ddd;
	-webkit-box-shadow:inset 0px 1px 2px #ddd;
	box-shadow:inset 0px 1px 2px #ddd;
	}

textarea{
width:97%;
height:200px;
margin:0 0 20px 0;
border:1px solid #ccc;
padding:5px;
font-family:inherit;
font-size:0.9em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
overflow : auto;
vertical-align : top;
}

/* Colors for form validity */
input:valid,
textarea:valid   {
/* Styles */ }

input:invalid,
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00;
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00; }

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color : #ccc; }








/*  NEW SECTION=============================================================================  */
/*  MAIN LAYOUT	============================================================================= */

#skiptomain { display: none; }

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
	max-width:1800px;
	margin:0 auto;
}

	#headcontainer {
		width: 100%;
		background: url(/images/headerback.png) no-repeat center top;
	}


	#maincontentcontainer {
		width: 100%;
		position:relative;
	}

		.standardcontainer {

		}

		.darkcontainer {
			background: rgba(102, 102, 102, 0.05);
		}

		.lightcontainer {
			background: rgba(255, 255, 255, 0.25);
		}

			#maincontent{
				clear: both;
				width: 97%; /* 1000px / 1250px */
				font-size: 0.8125em; /* 13 / 16 */
				/*max-width: 92.3em; /* 1200px / 13 */
				margin: 0 auto;
				color: #333;
				line-height: 1.5em;
				position: relative;
			}

			.maincontent{
				clear: both;
				width: 80%; /* 1000px / 1250px */
				font-size: 0.8125em; /* 13 / 16 */
				max-width: 92.3em; /* 1200px / 13 */
				margin: 0 auto;
				padding: 1em 0px;
				color: #333;
				line-height: 1.5em;
				position: relative;
			}

			#smallprint {
				margin-top: 20px;
				line-height: 1.4em;
				text-align: center;
				color: #999;
				font-size: 0.923em; /* 12 / 13 */
			}

			#smallprint p{
				vertical-align: middle;
			}

			#smallprint .twitter-follow-button{
				margin-left: 1em;
				vertical-align: middle;
			}

			#smallprint img {
				margin: 0px 10px 15px 0px;
				vertical-align: middle;
				opacity: 0.5;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha( opacity  = 50);
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}


			#smallprint a:hover img {
				opacity: 1.0;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha( opacity  = 100);
			}

			#smallprint a:link, #smallprint a:visited { color: #999; text-decoration: none; }
			#smallprint a:hover { color: #999; text-decoration: underline; }


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}


/*  CODE  ============================================================================= */

pre.code {
	padding: 0;
	margin: 0;
	font-family: monospace;
	white-space: pre-wrap;
	font-size: 1.1em;
}

strong.code {
	font-weight: normal;
	font-family: monospace;
	font-size: 1.2em;
}


/*  NOTES  ============================================================================= */


.note {
	position:relative;
	padding:1em 1.5em;
	margin: 0 0 1em 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	overflow:hidden;
}

.note:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	border-width:0 16px 16px 0;
	border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;
	background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */
}

.note.rounded {
	-webkit-border-radius:5px 0 5px 5px;
	-moz-border-radius:5px 0 5px 5px;
	border-radius:5px 0 5px 5px;
}

.note.rounded:before {
	border-width:8px;
	border-color:#ff #ff transparent transparent;
	background: url(/images/bodyback.png);
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius:0 0 0 5px;
	border-radius:0 0 0 5px;
}

/*  SCREENS  ============================================================================= */

.siteimage {
	max-width: 90%;
	padding: 5%;
	margin: 0 0 1em 0;
	background: transparent url(/images/stripe-bg.png);
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.siteimage:hover {
	background: #bbb url(/images/stripe-bg.png);
	position: relative;
	top: -2px;

}

/*  COLUMNS  ============================================================================= */

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }
/* =Widgets
-------------------------------------------------------------- */
.widget-wrapper {
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin: 0 0 20px;
	padding: 20px;
}

.widget-wrapper select,
.widget-wrapper input[type="text"],
.widget-wrapper input[type="password"] {
    width: 75%;
}

.widgets {
	 margin-top: 20px;

}

.home .widgets {
	margin-top: 0;
}

.widgets a {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.widgets form {
    margin: 0;
}

.widgets ul,
.widgets ol {
    padding: 0 0 30px 20px;
    text-align:left;
}

.widgets ul li a {
	display: inline;
	text-decoration: none;
}
.widget-title { font-size: 1.2em;
	text-align:left;
        margin-bottom:10px;
}


.widgets .widget-title img {
	float: right;
	height: 11px;
	position: relative;
	top: 4px;
	width: 11px;
}

.widgets .rss-date {
	line-height: 18px;
	padding: 6px 12px;
}

.widgets .rssSummary {
	padding: 10px;
}

.widgets cite {
	font-style: normal;
	line-height: 18px;
	padding: 6px 12px;
}

.widgets .tagcloud,
.widgets .textwidget {
	display: block;
	line-height: 1.5em;
	margin: 0;
	word-wrap: break-word;
}

.widgets .textwidget a {
	display: inline;
}

.widgets ul .children {
	padding: 0 0 0 10px;
}

.widgets .author {
	font-weight: 700;
	padding-top: 4px;
}

.widget_archive select, #cat {
	display: block;
	margin: 0 15px 0 0;
}

#colophon-widget ul {}

.colophon-widget {
	background: none;
	min-height: 0;
}

.colophon-widget select,
.colophon-widget input[type="text"],
.colophon-widget input[type="password"] {
	width: 100%;
}

#top-widget {}

.top-widget {
    background: none;
    border: none;
    clear: right;
    float: right;
	min-height:0;
    padding: 0 3px 0 0;
    text-align: right;
    width: 45%;
}

.top-widget ul {
    padding: 0;
}

.top-widget select,
.top-widget input[type="text"],
.top-widget input[type="password"] {
    width: auto;
}

.top-widget #searchform {
    margin: 0;
}

/*  BUTTONS  ============================================================================= */


.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: .5em 1em;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #cc1122 url(/images/glass.png) repeat-x 0 50%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family:  LeagueGothicRegular, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size : 1.5em; /* 24 / 16 */

}
.button:hover {
	background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	text-decoration: none;
}
.button:active {
	background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	position: relative;
	top: 1px;
}
.button:visited {
	color : #fff;
}



/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/* VENDOR-SPECIFIC ============================================================================= */

html {
-webkit-overflow-scrolling : touch;
-webkit-tap-highlight-color : rgb(52,158,219);
-webkit-text-size-adjust : 100%;
-ms-text-size-adjust : 100%; }

.clearfix {
zoom : 1; }

::-webkit-selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }

::-moz-selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }

::selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em;
line-height : 1.4; }

input:-moz-placeholder {
font-size : .875em;
line-height : 1.4; }

.ie7 img,
.iem7 img {
-ms-interpolation-mode : bicubic; }

input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box; }

input[type="search"] {
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

/*New poll style hax*/
.ballotbox .header {
    background-color: #ffffff;
    border-bottom: 3px solid #727272;
    color: #727272;
    font-family: "Stainless Cond";
    /*font-size: 1.125em;
    font-style: normal;
    font-weight: bold;
    line-height: 1;*/
    padding-bottom: 0.35em;
    padding-left: 12px;
    padding-top: 0.45em;
   /* position: relative;
    text-transform: uppercase;
    vertical-align: bottom;*/
	}

/* html5reset.css - 01/11/2011 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
   /*font-size: 100%;*/
    vertical-align: baseline;

}
figcaption, figure{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
   /*font-size: 100%;*/
    vertical-align: baseline;

}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
	color:#0066CC;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
div#podcasts ul li h4 a {
	font-size:19px;
}
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration:  line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

.field {
	float:left;
	width:203px;
}
#showlineup .field {width:100%;}
.submit {
	position:relative;
	left:2px;
	top:0px;
	height:28px;
	width:90px;
	background-image:url(images/searchBtn.png);
}


/* NEW SECTION==================================================================================  */
/* 1800.CSS=====================================================================================  */

@media screen and (min-width:1801px) {

	.featuredImageContent {
		height:270px;
	}
	 #hosts { width: 24%;

}
}

/* NEW SECTION==================================================================================  */
/* 1680.CSS=====================================================================================  */
@media screen and (max-width: 1800px) and (min-width: 1376px) {

.span_1_of_3 {
	width: 30.7%; /* 45 */

}

.span_3_of_3 {
	width: 96.7%;
}
.featuredPosts figcaption h4 {
	padding:2px 0 0 1px;
}
.featuredPosts h4 {
	font-size: 18px;
}

.featuredPosts p.bloginfo {
font-size: .9em;

}
article.featuredPosts {	/*  height:276px; changed 04/17/13 */
		height:300px;
 }

.featuredImageContent {
	height:270px;
}
	.span_1_of_3_host {
		width:29%;
		margin:0 0 -2%;
		padding: 0 2% 5%;
	}

        #hosts { width: 24%;

}

}

/* NEW SECTION==================================================================================  */
/* 1375.CSS=====================================================================================  */
@media screen and (max-width: 1375px) and (min-width: 1134px) {

.span_1_of_3 {
	width: 45%;

}

.span_3_of_3 {
	width: 96.7%;
}

.span_2_of_3, .span_2_of_3Blog {
    width: 95.5%;
}

#logo {width:60%
}
#hosts { width: 30%;
}
/* this is the blog sidebar */
.grid {display:none;
}

.featuredPostText {
	font-size:19px;
}

.featuredPosts p.bloginfo {
font-size: 11px;

}

div#header .span_2_of_3 {
	width:49.5%;
}

article.featuredPosts {	 height:314px;
}
figure.featuredPostContent { /* height: 254px; */
		height: 250px;
					padding: 30px;
}
.featuredImageContent {
	height:270px;
}
}
/* NEW SECTION==================================================================================  */
/* 1133.CSS=====================================================================================  */
@media screen and (max-width: 1133px) and (min-width: 1025px) {

.span_1_of_3 {
	width: 45%;

}

.span_3_of_3 {
	width: 96.7%;
}

.span_2_of_3, .span_2_of_3Blog {
    width: 95.5%;
}
/* this is the blog sidebar */
.grid {display:none;
}
.featuredPostText {
	font-size: 14px;
}

.featuredPosts p.bloginfo {
font-size: 10px;

}
#logo {width:60%
}
#hosts { width: 34%;
}
article.featuredPosts {	 /* height:247px; */
/* height: 285px; */
	height: 316px;
}
figure.featuredPostContent { /* height: 187px; */
	height: 247px;
			padding:30px;
}
.featuredImageContent {
	height:270px;
}
}
/* NEW SECTION==================================================================================  */
/* 1024.CSS=====================================================================================  */
@media screen and (max-width: 1024px) and (min-width: 862px) {

.none {
	display:none;
}

#topCompanion {
	display:none;
}

.span_2_of_3, .span_2_of_3Blog {
    width: 95.5%;
}
/* this is the blog sidebar */
.grid {display:none;
}

h4.entry-title {
font-size : 18px;
}
.featuredPosts h4.entry-title {
height:30px;
padding: 4px 0 0 1px;
}

#ads {
	padding-bottom:100px;
	width:740px;
	margin:0 auto;
}
#logo {width:60%
}
#hosts { width: 34%;
}

.span_1_of_3 {
	width: 46.3%;

}
div.blogauthor {
	height:591px;
}
article.featuredPosts  {	/*  height:224px; */
height:300px;
}

figure.featuredPostContent { /* height:164px; */
	height: 249px;
	padding:30px;
}

.featuredPostText {
	font-size: 13px;
	margin-top:9px;
}

.featuredPosts h4 {
	font-size: 15px;
}
.featuredPosts p.bloginfo {
font-size: 1em;

	}
.featuredImageContent {
	height:270px;
}
/* this is for the social media links */
	#discussing ul li.right {display:none;
	}


	}

/* NEW SECTION==================================================================================  */
/* 768.CSS=====================================================================================  */
@media screen and (max-width: 861px) and (min-width: 569px) {

#ads {
	display:none;
}

#bigBox {clear:both;
		width:100%;
		padding-bottom:0px;
		margin-top:30px;
	}

	#bigBox #bigBoxAd {display:block;
                clear:both;
				}
   #bigBox #search,#bigBox #featuredvideos, #bigBox #podcasts, #bigBox .widgets, #bigBox .wp-polls, #bigBox .civicscience,
	#bigBox .otherSidebarContent, #bigBox div ul {display:none;
	}

#content { margin-right: 0;
}
.col {
		margin: 1% 0 1% 0%;
	}

	.span_2_of_2, .span_1_of_2, .span_3_of_3, .span_2_of_3, .span_1_of_3, .span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4, .span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5, .span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6, .span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7, .span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8, .span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9, .span_1_of_9, .span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, .span_4_of_10, .span_3_of_10, .span_2_of_10, .span_1_of_10, .span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, .span_5_of_11, .span_4_of_11, .span_3_of_11, .span_2_of_11, .span_1_of_11, .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 {
		width: 97%;
	}

#logo {width:60%
}
#hosts { width: 34%;
}
	#blog {
	 width:100%;
	}


.span_2_of_3, .span_2_of_3Blog {
    width: 95.5%;
}
/* this is the blog sidebar */
.grid {display:none;
 }

div.blogauthor {
	height:565px;
}
div.blogauthor h1 {
	font-size:2.3em;
}
div.blogauthor h2 {
	font-size:2em;
	margin-top:3%;
}

.span_1_of_3_host {
		width:29%;
		margin:0 0 -2%;
		padding: 0 2% 5%;
	}

.none {
	display:none;
}

#footer {/*margin-bottom:25px;*/margin-bottom:0px;
}

#discussing ul {
list-style-type:none;
margin:0 auto;
padding: 0;
position: relative;

}

#discussing ul li {
float:none;
}

	/* this is for the social media links */
	#discussing ul li.right {display:none;
	}

#blog #bloginner {
		margin-right:0;
	}

	.dateHome {
		display:block;
		width:70px;
		margin: 5px 10px 5px 5px;
		height:70px;
		background: #fcfcfc;
		background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
		background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
		background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
		border: 1px solid #d2d2d2;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		float:left;

	}
		.dateHome p {
			font-family: Helvetica, sans-serif;
			font-size: 38px;
			text-align: center;
			color: #9e9e9e;
			padding-top:11px;
		}

			.dateHome p span {
				background: #d10000;
				background: linear-gradient(top, #d10000 0%, #7a0909 100%);
				background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);
				background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);
				font-size: 25px;
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;
				display: block;
				margin-top:10px;
				border-top: 3px solid #a13838;
				border-radius: 0 0 10px 10px;
				-moz-border-radius: 0 0 10px 10px;
				-webkit-border-radius: 0 0 10px 10px;
				padding: 6px 0 6px 0;
			}
.featuredPosts figcaption h4 {
	padding-left:1px;
}
.featuredPosts h4 {
font-size:2em;
}
.featuredPostText {
	font-size:22px;
	line-height:1.2;
}
.featuredPosts p.bloginfo {
	font-size: 1em;

}
article.featuredPosts { margin-top:30px;
}

}





/* NEW SECTION==================================================================================  */
/* 480.CSS=====================================================================================  */
@media screen and (max-width: 568px) and (min-width: 321px) {

	.col {
		margin: 1% 0 1% 0%;
	}
	.span_2_of_2, .span_1_of_2, .span_3_of_3, .span_2_of_3, .span_1_of_3, .span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4, .span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5, .span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6, .span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7, .span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8, .span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9, .span_1_of_9, .span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, .span_4_of_10, .span_3_of_10, .span_2_of_10, .span_1_of_10, .span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, .span_5_of_11, .span_4_of_11, .span_3_of_11, .span_2_of_11, .span_1_of_11, .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 {
		width: 97%;
	}
	.span_1_of_3_host {
		width:29%;
		margin-left:0;
	}


	.span_2_of_3, .span_2_of_3Blog {
	width: 96%;
}
	#blog {
	 width:100%;
	}

	#blog #bloginner {
		width:100%;
	}
	#blog {
	 width:100%;
	 padding-bottom:0px;
	}

	div.blogauthor {
	height:515px;
}

	#bigBox {clear:both;
		width:100%;
		padding-bottom:30px;
	}
	#bigBox #bigBoxAd {display:block;
                clear:both;
				margin-bottom:20px;
				margin-top:20px;
}
   #bigBox #search,#bigBox #featuredvideos, #bigBox #podcasts, #bigBox .widgets, #bigBox .wp-polls, #bigBox .civicscience,
	#bigBox .otherSidebarContent, #bigBox div ul {display:none;
	}

	#content { margin-right: 0;
}
	#ads {
		display:none;
	}
	#insideBlog #bloginner {
		margin-right:320px;
		background-color:white;
		width:100%;
	}
	#leaderTop, #topCompanion {
		display:none;
	}
	.none {
		display:none;
	}
	#slider {display:none;
}


	.span_2_of_3, .span_2_of_3Blog {
    width: 95.5%;
}
	/* this is the blog sidebar */
	.grid {display:none; }

	/* the submenu disappears on smaller phones because they are big enough to scroll down the page far enough */
	.sub-menu {
		/*height:110px;
		overflow:auto; */
		display:none;
	}
	ul.sub-menu li {height:36px;}
	ul.sub-menu li:hover {height:36px;}


.page-header .taxonomy-description p { font-size:1.25em;
    margin-top: 3px;
}
	h1.page-title { font-size: 1.5em;
	}

	#discussing {
	position: fixed;
	bottom:0;
	left:0;
	padding:4px 0 0 5px;
	width:100%;
	background-color:#900;
	color:white;
	height:auto;
	z-index:2000;
}
	#discussing p {
		font-size:10px;
	}
	/* this is for the social media links */
	#discussing ul li.right {display:none;
	}



	.dateHome, .date {
		display:block;
		width:70px;
		margin: 5px 10px 5px 5px;
		height:70px;
		background: #fcfcfc;
		background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
		background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
		background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
		border: 1px solid #d2d2d2;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		float:left;

	}
		.dateHome p, .date p {
			font-family: Helvetica, sans-serif;
			font-size: 38px;
			text-align: center;
			color: #9e9e9e;
			padding-top:11px;
		}

			.dateHome p span, .date p span {
				background: #d10000;
				background: linear-gradient(top, #d10000 0%, #7a0909 100%);
				background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);
				background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);
				font-size: 25px;
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;
				display: block;
				margin-top:10px;
				border-top: 3px solid #a13838;
				border-radius: 0 0 10px 10px;
				-moz-border-radius: 0 0 10px 10px;
				-webkit-border-radius: 0 0 10px 10px;
				padding: 6px 0 6px 0;
			}

#footer {
	display:none;
}

h3 {
color: #333;
margin-bottom : 0.3em;
letter-spacing: -1px;
font-size : 2.55em; /* 28 / 16 */
line-height : 1.3; }

	hgroup h4 {
		color:#444;
		margin-bottom:0.5em;
		font-size:20px;
		line-height:1.25;
	}
h4 {
	font-size:90%;}

.featuredPosts p.bloginfo {
	font-size: .9em;
}
.featuredPosts h4 {font-size: 1.4em;
}
 article.featuredPosts figcaption h4 {
			padding: 5px 0 0 1px;
			margin-bottom:-2px;
 }
article.featuredPosts { height:242px;
	margin-top:25px;
}
figure.featuredPostContent { height: 183px;
}



.entry-content #BCLcontainingBlock {margin-left:0;
}
.menu > li {margin-left: 0px; }

table#lineup {font-size:8px;
}

}
/* NEW SECTION==================================================================================  */
/* 480.CSS=====================================================================================  */
@media screen and (max-width: 380px) and (min-width: 5px) {


	.featuredPostText { font-size:13px;
	margin-top:9px; }
	#slider {display:none;
}
}

/* NEW SECTION================================================================================= */
/* iPhone 4 ----------- */
@media
only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio : 1.5),
only screen and  (max-width: 320px) and (min-device-pixel-ratio : 1.5) {
article figure.featuredImageContent img {max-width: 300px;
						          max-height: 200px;
}
#slider {display:none;
}
}
/* NEW SECTION==================================================================================  */
/* 320.CSS=====================================================================================  */
@media screen and (max-width: 320px) and (min-width: 5px) {


body {
	font-size:90%;
}
.col {
		margin: 1% 0 1% 0%;
	}

.span_2_of_2, .span_1_of_2, .span_3_of_3, .span_2_of_3, .span_1_of_3, .span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4, .span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5, .span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6, .span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7, .span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8, .span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9, .span_1_of_9, .span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, .span_4_of_10, .span_3_of_10, .span_2_of_10, .span_1_of_10, .span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, .span_5_of_11, .span_4_of_11, .span_3_of_11, .span_2_of_11, .span_1_of_11, .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 {
		width: 97%;
	}

	.span_1_of_3_host {
		width:28%;
		margin:0 0 -2%;
		padding: 0 2% 5%;
	}

        #hosts { width: 97%;
}

	#onAir img {width 84%;
}
	#slider {display:none;
}
	#content { margin-right: 0;
}

		.span_2_of_3, .span_2_of_3Blog {
	width: 100%;
}
#footer {
	display:none;
}

	#blog {
	 width:100%;
	 padding-bottom:0px;
	}

	#blog #bloginner {
	    margin-right:0;
		width:100%;
	}

	#bigBox {clear:both;
		width:100%;
		padding-bottom:30px;
	}
	#bigBox #bigBoxAd {display:block;
                clear:both;
				margin-bottom:35px;
}
   #bigBox #search,#bigBox #featuredvideos, #bigBox #podcasts, #bigBox .widgets, #bigBox .wp-polls, #bigBox .civicscience,
	#bigBox .otherSidebarContent {display:none;
	}

	.span_2_of_3, .span_2_of_3Blog {
    /* width: 95.5%; */
}
	/* this is the blog sidebar */
	.grid {display:none; }

	#insideBlog #bloginner {
		margin-right:320px;
		background-color:white;
		width:100%;
	}
	#ads{
		display:none;
	}
	.none {
		display:none;
	}
/* the submenu disappears on smaller phones because they are not big enough to scroll down the page far enough */
.sub-menu {
	height:110px;
	overflow:auto;
}
ul.sub-menu li {height:36px;}
ul.sub-menu li:hover {height:36px;}


.page-header .taxonomy-description p { font-size:1.25em;
 	margin-top: 3px;
}
	h1.page-title { font-size: 1.5em;
	}

	#discussing {
	position: fixed;
	bottom:0;
	left:0;
	padding:4px 0 0 5px;
	width:100%;
	background-color:#900;
	color:white;
	height:auto;
	z-index:2000;
}
	#discussing p {
		font-size:9px;

	}
	#discussing li#topicListItem {
	padding-top: 5px;
    	overflow-x: scroll;
   	width: 300px;
}


	#discussing ul li.right {display:none;
	}

	.dateHome {
		display:block;
		width:70px;
		margin: 5px 10px 5px 5px;
		height:70px;
		background: #fcfcfc;
		background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
		background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
		background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
		border: 1px solid #d2d2d2;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
		float:left;

	}
		.dateHome p {
			font-family: Helvetica, sans-serif;
			font-size: 38px;
			text-align: center;
			color: #9e9e9e;
			padding-top:11px;
		}

			.dateHome p span {
				background: #d10000;
				background: linear-gradient(top, #d10000 0%, #7a0909 100%);
				background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);
				background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);
				font-size: 25px;
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;
				display: block;
				margin-top:10px;
				border-top: 3px solid #a13838;
				border-radius: 0 0 10px 10px;
				-moz-border-radius: 0 0 10px 10px;
				-webkit-border-radius: 0 0 10px 10px;
				padding: 6px 0 6px 0;
			}

	a[class="mobileshow"], a[class="mobilehide"] {
	display:block;
	color:#fff;
	background-color:#aaa;
	padding: 0 8px;
	text-decoration:none;
	font-weight:bold;
	font-family:"Helvetica Neue", Helvetica, sans-serif;
	font-size:11px;
	position:absolute;
	top:532px;
	right: 10px;
	text-align:center;
	width:40px;
}

div[class="article"] {
	display:none;
}

div.article img {
	width:40%;
}
a.mobileshow:hover {
	visibility:hidden;
}

.mobileshow:hover + .article {
	display:inline;
}



h3 {
color: #333;
margin-bottom : 0.3em;
letter-spacing: -1px;
font-size : 2.55em; /* 28 / 16 */
line-height : 1.3; }

 h4 {
		color:#444;
		margin-bottom:0.5em;
		font-size:90%;
		line-height:1.25;
	}
 article.featuredPosts figcaption h4 {
			padding: 5px 0 0 1px;
			margin-bottom:-2px;
 }
 article.featuredPosts h4 {
	font-size: 1.4em;
 }

article.featuredPosts {
	height:100%;
}
figure.featuredPostContent  {
			 height:206px;
			 padding:30px;
}
.featuredPosts p.bloginfo {
font-size: .9em;

}

.entry-content #BCLcontainingBlock {margin-left:0;
}
.menu > li {margin-left: 0px; }

table#lineup {font-size:8px;
}
/* override podcast plug-in padding */
.entry-content div#podcasts { padding:0;
}
/* take off all but the first 5 featured posts on the home page for phones only */
.count6, .count7, .count8, .count9, .count10, .count11, .count12 {display:none;
}
}

/* NEW SECTION==================================================================================  */
/* 240.CSS=====================================================================================  */
@media screen and (max-width: 240px) and (min-width: 5px) {

div.blogauthor {
	height:650px;
	margin-left:-6px;
}

#discussing li#topicListItem {
    overflow-x: scroll;
    width: 220px;
}
 article.featuredPosts h4 {
	font-size: 14px;
 }
}

.bloginfo {
	color:black;
}