/*
Theme Name: The Mashup
Description: Custom theme for The Mashup
Author: Jesse Pugh

*/

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align: left !important; 
}

table {
border-collapse:inherit;
}

img {
border:0px;
}

#maincontainer{
width: 976px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color: #fff;
border-right:5px solid #fff;
border-left:5px solid #fff;
}

#topsection{
background: #EAEAEA;
height: 300px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 327px; /*Set right margin to RightColumnWidth*/
margin-top:15px;
border-right:1px solid #000;
padding-right:10px;
margin-bottom:20px;
}

#rightcolumn{
float: left;
width: 337px; /*Width of right column*/
margin-left: -337px; /*Set left margin to -(RightColumnWidth) */
margin-top:15px;
}

#footer{
clear: left;
width: 100%;
background: white;
color: #999;
text-align: center;
padding: 4px 0;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top:1px solid #CCC;
font-weight:normal;
margin-top:20px;
font-size:10px;
padding-bottom:10px;
}

#footer a{
color: #999;
}

.rc_innertube{
margin-left: 20px;
}

#post_header {
border-bottom:5px #000 solid;
padding-left:10px;
padding-right:10px;
padding-bottom:3px;
text-transform:uppercase;
font-size:13px;
}

#post_header a:active  { color: #c00; text-decoration: none; font-weight:bold; font-size:15px;}
#post_header a:link  { color: #c00; text-decoration: none; font-weight:bold; font-size:15px;}
#post_header a:visited  { color: #c00; text-decoration: none; font-weight:bold; font-size:15px;}
#post_header a:hover  { color: #000; text-decoration: none; font-weight:bold; font-size:15px;}

#post_author {
padding-left:10px;
padding-right:10px;
padding-top:5px;
}

#post_author a:active  { color: #000; text-decoration: underline;}
#post_author a:link  { color: #000; text-decoration: underline;}
#post_author a:visited  { color: #000; text-decoration: underline;}
#post_author a:hover  { color: #000; text-decoration: none;}

#post_copy {
/*padding-left:10px;
padding-right:10px;
padding-bottom:10px;
*/
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
padding-top:1px;
}

#post_copy a:active  { color: #c00; text-decoration: underline; font-weight:bold;}
#post_copy a:link  { color: #c00; text-decoration: underline; font-weight:bold;}
#post_copy a:visited  { color: #c00; text-decoration: underline; font-weight:bold;}
#post_copy a:hover  { color: #c00; text-decoration: none; font-weight:bold;}

#post_copy p{
margin:1em 0;
}

#post_copy ul{
margin-left:30px;
}
#post_copy li{
margin-bottom:5px;
}

#post_footer {
background-image:url(/i/bg_post_footer.gif);
background-repeat:repeat-x;
padding-top:13px;
padding-bottom:40px;
font-size:11px;
text-transform:capitalize;
clear:both;
}

#post_footer a:active  { color: #c00; text-decoration: underline;}
#post_footer a:link  { color: #c00; text-decoration: underline;}
#post_footer a:visited  { color: #c00; text-decoration: underline;}
#post_footer a:hover  { color: #c00; text-decoration: none;}

#rc_subhead {
border-bottom:5px solid #c00;
text-align:center;
}

#search_contain {
background-image:url(/i/bg_search.gif);
height:65px;
margin-bottom:21px;
margin-right:18px;
margin-top:42px;
width:370px;
float:right;
}

#sb_bookmarks {
margin-top:5px;
}

#sb_bookmarks a:active  { color: #c00; text-decoration: none;}
#sb_bookmarks a:link  { color: #c00; text-decoration: none;}
#sb_bookmarks a:visited  { color: #c00; text-decoration: none;}
#sb_bookmarks a:hover  { color: #c00; text-decoration: underline;}

#sb_bookmarks li {
list-style:none;
margin-left:0px;
margin-top:0px;
padding-left:0px;
padding-top:6px;
padding-bottom:6px;
border-bottom:#ececec 1px solid;
}

#sb_bookmarks ul {
list-style:none;
margin-left:15px;
margin-right:15px;
margin-top:0px;
padding-left:0px;
padding-top:0px;
padding-bottom:10px;
font-size:12px;
line-height:16px;
}

#ad_style {
margin-bottom:20px;
margin-left:6px;
}

.top_nav {
background-image:url(/i/bg_nav.gif);
}

#comments_container {
}

#comments_container a:active  { color: #c00; text-decoration: none;}
#comments_container a:link  { color: #c00; text-decoration: none;}
#comments_container a:visited  { color: #c00; text-decoration: none;}
#comments_container a:hover  { color: #c00; text-decoration: underline;}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.status {
background-image:url(/i/masthead_2.jpg);
vertical-align: middle;
padding-top:18px;
padding-bottom:18px;
}

.status p{
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}

#status_title {
color:#567950;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
}

#status_copy {
color:#FFFFFF;
}

#status_copy a:active  { color: #fff; text-decoration: underline;}
#status_copy a:link  { color: #fff; text-decoration: underline;}
#status_copy a:visited  { color: #fff; text-decoration: underline;}
#status_copy a:hover  { color: #fff; text-decoration: none;}

.rss_cell {
vertical-align:top;
}

#title_bar{
background-color:#F1F1F1;
font-family:Arial,Verdana,Helvetica,sans-serif;
margin-bottom:5px;
overflow:auto;
padding:6px 6px 6px 10px;
text-transform:uppercase;
}

.title_copy {
font-size:18px;
font-weight:bold;
float:left;
}

#breadcrumb {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
padding-bottom:9px;
padding-left:10px;
padding-top:5px;
}

#breadcrumb a:active  { color: #c00; text-decoration: none;}
#breadcrumb a:link  { color: #c00; text-decoration: none;}
#breadcrumb a:visited  { color: #c00; text-decoration: none;}
#breadcrumb a:hover  { color: #c00; text-decoration: underline;}

#page_title {
font-size:18px;
margin-bottom:20px;
margin-left:10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.rss_feed a.feed_icon {
background-image:url(/i/feed.png);
padding-left:20px;
}

.rss_feed a {
background:transparent none no-repeat scroll left center;
color:#000000;
float:left;
font-size:12px;
font-weight:bold;
height:16px;
line-height:16px;
text-decoration:none;
text-transform:uppercase;
}

#rc_container {
width:317px;
background-image:url(images/rc_bg.gif);
background-repeat:no-repeat;
background-position:top;
padding-top:5px;
padding-bottom:1px;
}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */
#status {
padding-top:30px;
vertical-align:top;
padding-right:200px;
padding-left:5px;
}

#status p{
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}

#status_title {
color:#567950;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
}

#status_copy {
color:#FFFFFF;
}

#status_copy a:active  { color: #fff; text-decoration: underline;}
#status_copy a:link  { color: #fff; text-decoration: underline;}
#status_copy a:visited  { color: #fff; text-decoration: underline;}
#status_copy a:hover  { color: #fff; text-decoration: none;}

#post_copy .topsy-big a:active  { text-decoration: none; font-weight:normal;}
#post_copy .topsy-big a:link  { text-decoration: none; font-weight:normal;}
#post_copy .topsy-big a:visited  { text-decoration: none; font-weight:normal;}
#post_copy .topsy-big a:hover  { text-decoration: none; font-weight:normal;}

.menu-nav ul#topnav li .sub #menu-links #shows-links-lower ul {
margin-top: 0px;
}

.menu-nav ul#topnav li .sub #menu-links ul.links{
margin-top: -5px;
}

.menu-nav ul#topnav li .sub .audio a {
line-height: 2em;
}

.menu-nav .station-tab {
line-height: 1.3em;
}

cufon canvas {
margin-top:3px !important;	
}

/* Social Scroll */


    #social-area-scroll {
      background: none repeat scroll 0 0 #FFFFFF;
      border-radius: 5px 0 0 5px;
      margin-left: -104px;
      margin-top: 0;
      padding: 10px;
      position: absolute;
      width: 80px;
    }
    #social-area-scroll.stuck {position: fixed; top: 0;}
    .columnist_subtitle .social-option{
      margin-bottom: 10px;
	  margin-left:0px;
    }
    .columnist_subtitle #email, .columnist_subtitle #comments { margin-left: 0; display:block;}



  .bubble {
    position: relative;
    width: 25px;
    height: 15px;
    padding: 0px;
    background: #999;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color:#fff;
    font-size:10px;
    font-weight:bold;
    text-align:center;
  }

  .bubble a { color:#fff; }

  .bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #999 transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -4px;
    bottom: -6px;
    left: 35%;
  }

  .social-action-extras {
    clear:both;
    padding-top:10px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    overflow:auto;
  }

  .social-action-extras .social-option{
    margin-left:10px;
	line-height:15px;
  }