
* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
	overflow-y: scroll;
}

.wrapper, .box { 
    margin: 0 auto; 
    width: 1024px;
    padding: 0px;
    background: transparent; 
    padding-bottom:0px;
    font-family: "Helvetica Neue", sans-serif;
	font-weight: 400;
	text-align: center; 
	color: #333333;	
}

a 			{outline: none;}
a:link 		{text-decoration: none;color: #666666;}
a:visited 	{text-decoration: none;color: #666666;}
a:hover 	{text-decoration: none;color: #999999;}
a:active 	{text-decoration: none;color: #999999;}
a:active 	{text-decoration: none;color: #999999;}

 #header {
	width: 1024px; /* since this element is floated, a width must be given */
	height: 180px;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 300;
	font-size:10px;
	background: transnsparent; /* the background color will be displayed for the length of the content in the column, but no further */
	margin-left: 0px; 
	float: left;
	text-align: right;
	margin-top: 0px;
	position:relative;
}

 #links {
	width:250px; /* since this element is floated, a width must be given */
	height: 30px;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 300;
	font-size:10px;
	background: transnsparent; /* the background color will be displayed for the length of the content in the column, but no further */
	text-align: right;
	margin-top: 20px;
	position: absolute;
	left: 745px;
	
}

 #nav {
	width:750px; /* since this element is floated, a width must be given */
	height: 200px;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 800;
	font-size:30px;
	background: transnsparent; /* the background color will be displayed for the length of the content in the column, but no further */
	text-align: right;
	letter-spacing: -.006em;
	margin-top: 20px;
	position: absolute;
	left: 200px;
	top:130px;
	color:#666;
}

.emph {
	color:#fff;
}

#nav a:link {	color:#999; text-decoration:none}
#nav a:visited {color:#999; text-decoration:none;}
#nav a:hover {	color:#99ffff; text-decoration:none;}
#nav a:active {	color:#666; text-decoration:none}

#mainContent {
	font-size:21px;
	width: 970px;
	height:750px;
	float:left;
	margin-left: 30px;
	text-align: center;
	position:relative;
} 

#mainContent a:link 	{color:#99ffff; text-decoration:none}
#mainContent a:visited	{color:#99ffff; text-decoration:none;}
#mainContent a:hover 	{color:#ffffcc; text-decoration:none;}
#mainContent a:active 	{color:#ffffcc; text-decoration:none}

#promocontainer {
	width:310px; 
	height: 45%;
	background:  url(images/graytrans.png);
	position: absolute;
	left: 49px;
	top: 35px;
}

#promocontainer h1{
	position: absolute;
	left:0;
	top: 20px;
	width:290px; 
	color: #ccffff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:20px;
	letter-spacing: 0em;
}

#promocontainer a:link 		{color: #99ffff; text-decoration:underline;font-size:18px;}
#promocontainer a:visited 	{color: #99ffff; text-decoration:underline;font-size:18px;}
#promocontainer a:hover 	{color:#ffffcc; text-decoration:underline;font-size:18px;}
#promocontainer a:active 	{color:#ffffcc; text-decoration:underline;font-size:18px;}

#promo_190_cover {
	width:310px; 
	position: absolute;
	left: 49px;
	top: 125px;
}

#promo_190_button {
	position: absolute;
	left: 252px;
	top: 290px;
}

 #ts1 {
	width:300px; 
	height: 250px;
	background-repeat:no-repeat;
	position: absolute;
	left: 25px;
	top: 55px;
}

#home, #shows {
	width:520px; 
	height: 45%;
	background:  url(images/graytrans.png);
	position: absolute;
	left: 402px;
	top: 35px;
	text-align:left;
}

#home h1, #shows h1 {
	padding:20px;
	width:475px;
	color: #ccffff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:24px;
	letter-spacing: 0em;
	text-transform:uppercase;margin-bottom:0px;padding-bottom:0;
}

#home p, #shows  p{
	width:475px;
	color: #ccffff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:16px;
	letter-spacing: 0em;
	text-transform:uppercase;
	padding:20px;
}

#home ul, #shows ul{
	color: #ffffff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:16px;
	letter-spacing: 0em;
	text-transform:uppercase;
	padding:20px;
	list-style:none;
}

#home ul li, #shows ul li{
	margin-bottom:20px;
}

a.hider, a.hider:visited, 		{display:block;color:#000;}
a.hider:hover, a.hider:active 	{display:block;color:#fff;}

.shows p {
	 font-size:50%;
}

#tumblr {
	width:520px; 
	height: 45%;
	background:  url(images/graytrans.png);
	position: absolute;
	left: 402px;
	top: 35px;
	text-align:left;
}

#tumblr h1{
	padding:20px;
	width:475px;
	color: #ccffff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:20px;
	letter-spacing: 0em;
	text-transform:uppercase;

}

#tumblr p{
	width:475px;
	color: #fff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:16px;
	letter-spacing: 0em;
	text-transform:uppercase;
	padding-top:20px;
}
#tumblr img {padding:0;}

#tumblr ul{
	color: #ffffff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:16px;
	letter-spacing: 0em;
	text-transform:uppercase;
	padding:20px;
	list-style:none;
}

#tumblr ul li{
	margin-bottom:20px;
}

.date 	{margin-bottom:20px;}
.date a {font-size:10px;margin-top:15px;}

.news_footer a {background:url(http://dev.birdatemydonut.com/images/graytrans.png);}

.post {
	background:url(http://dev.birdatemydonut.com/images/graytrans.png);
	margin-bottom:20px;
	color:#fff;
	padding:20px
}

.post h1 {
	margin-bottom:0px;
	padding-bottom:0;
}

.post blockquote {
	color:#fff;
	padding:12px;
}

.permalink {
	padding-top:20px;
}

.photo, .photoset {
	padding:10px;
}

.news_footer {
	text-align:center;
	margin-bottom:40px;
}

a.hider, a.hider:visited 		{display:block;color:#000;}
a.hider:hover, a.hider:active	{display:block;color:#fff;}


#music {
	width:520px; 
	height: 45%;
	position: absolute;
	left: 402px;
	top: 35px;
	text-align:left;
	padding-left:0;
}

#music h1{
	padding:20px;
	width:475px;
	color: #ccffff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:24px;
	letter-spacing: 0em;
	text-transform:uppercase;
}

#music p{
	width:475px;
	color: #fff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:16px;
	letter-spacing: 0em;
	text-transform:uppercase;
	padding:20px;
}

#music ul{
	color: #ffffff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:16px;
	letter-spacing: 0em;
	text-transform:uppercase;
	padding:20px;
	list-style:none;
}

#music ul li{
	margin-bottom:20px;
}

.entry {
	background:url(images/graytrans.png);
}

	
a.reverse {
	background:  url(images/graytrans.png);
	color:white;
}
a.reverse:hover {
	color:#99ffff;
}
.thumbcopy {
	text-align:left;
	padding:0 10px;
}

.thumbcopy img {
	margin:0 10px;
}

.thumbcopy a {
	text-decoration:underline;
}
.thumbcopy a:link 		{text-decoration: underline}
.thumbcopy a:visited 	{text-decoration: underline}
.thumbcopy a:hover 		{text-decoration: underline;}
.thumbcopy a:active 	{text-decoration: underline;}
.thumbcopy a:active 	{text-decoration: underline;}



.thumbcopy p {
	color: #ccffff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:16px;
	letter-spacing: 0em;
	text-transform:uppercase;
	padding:20px;
}

.white {
	font-weight: 700;
	font-size:16px;
	color: #ccffff;
}

.ep_player {
	width:100%;overflow:visible;padding-left:20px;
}
.dialogbox{
	background-color:#000;
	color: #ffffff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:16px;
	letter-spacing: 0em;
	text-transform:uppercase;
	padding:20px;
	text-align:center;
}
.dialogbox .button {
    border: 5px solid #006;
    background: #9cf;
	margin:20px;
}
.small {
	font-size:60%;"
}

#togglep {cursor: pointer;
	cursor: hand;
text-decoration:underline;}
.oldshows{
	background:url(http://dev.birdatemydonut.com/images/graytrans.png);
	width:475px;
	text-align:left;
	background-color:#000;
	color: #ffffff;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 700;
	font-size:14px;
	letter-spacing: 0em;
	text-transform:uppercase;
	padding:20px;
	text-align:center;
}




#past {
	color:#fff;
}
.old {
	height: 100%;
	background:  url(images/graytrans.png);
}
#past table {
	margin-left:20px;
}
#past td {
	padding-top:16px;
}