/*
Theme Name: Natasha Leggero 2015
Theme URI: http://www.natashaleggero.com
Description: A very simple site design, mostly to automate Natasha's tour schedule.
Version: 2.0
Author: Stig Greve
Author URI: http://www.chromadile.com
Tags: podcasting, podcast archive
License: Copyright 2015 Stig Greve, all rights reserved.
*/

body{
	background: #f53d3d url(images/bg_page.jpg) no-repeat center top;
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #000;
}
a:link,
a:visited,
a:active,
a:hover{
	color: inherit;
	text-decoration: none;
}
::selection {
	color:#fff5de;
	background: #000;
}
::-moz-selection {
	color:#fff5de;
	background: #000;
}
.yellow{
	color: #f4f6ce !important;
}
.clear{
	clear: both;
}
.center{
	text-align: center;
}
img {
	border: 0;
}
p{
	margin: 0 0 14px;
}

/* Structure */
div#wrapper{
	position: relative;
	width: 997px;
	min-height: 940px;
	margin: 0 auto;
	z-index: 1;
}
div#wrapper div#intro{
	position: absolute;
	top: 38px;
	left: 58px;
	width: 678px;
	height: 27px;
	background: url(images/small/header_intro.png) no-repeat center top;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 2;
}
div#wrapper h1#name{
	display: block;
	position: absolute;
	top: 110px;
	left: 58px;
	width: 916px;
	height: 248px;
	margin: 0;
	padding: 0;
	background: url(images/small/header_name.png) no-repeat center top;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 2;
}
div#wrapper div#herself{
	position: absolute;
	top: 269px;
	left: 7px;
	width: 340px;
	height: 499px;
	background: url(images/small/photo_natasha.png) no-repeat center top;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 2;
}
div#wrapper div#social{
	display: block;
	position: absolute;
	top: 405px;
	left: 433px;
	width: 542px;
	height: 32px;
	z-index: 5;
}
div#wrapper div#content{
	position: relative;
	float: right;
	margin: 455px 22px 0 0;
	width: 542px;
	min-height: 500px;
	z-index: 10;
}

/* Announcements */
div#wrapper div#content h2#announcements{
	display: block;
	width: 299px;
	height: 43px;
	margin: 0 0 22px;
	padding: 0;
	background: url(images/header_announcements.png) no-repeat center top;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 10;
}

/* Tour Calendar */
div#wrapper div#content h3#appearances{
	display: block;
	width: 438px;
	height: 42px;
	margin: 37px 0 22px;
	padding: 0;
	background: url(images/header_appearances.png) no-repeat center top;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 10;
}
div#wrapper div#content ul.dates{
	display: block;
	width: 520px;
	margin: 0;
	padding: 0;
	border: 0;
}
div#wrapper div#content ul.dates li{
	display: block;
	width: 520px;
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px solid #000;
}
div#wrapper div#content ul.dates li:last-child{
	border-bottom: 0;
}
div#wrapper div#content ul.dates li div.date{
	float: left;
	width: 85px;
	font-weight: bold;
	margin: 0;
}
div#wrapper div#content ul.dates li div.details{
	float: left;
	width: 433px;
}
div#wrapper div#content ul.dates li div.date p,
div#wrapper div#content ul.dates li div.details p{
	margin: 0;
}

/* Videos Link */
div#wrapper div#content h4#videolink a,
div#wrapper div#content h5#contactlink a,
div#wrapper div#content h5#tubbinlink a{
	display: block;
	width: 100%;
	height: 43px;
}
div#wrapper div#content h4#videolink{
	display: block;
	position: relative;
	float: left;
	width: 148px;
	height: 43px;
	margin: 0 0 22px;
	padding: 0;
	background: url(images/header_videos.png) no-repeat 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
}
div#wrapper div#content h4#videolink:hover{
	background: url(images/header_videos.png) no-repeat 0px -44px;
}

/* Contact Link */
div#wrapper div#content h5#contactlink{
	display: block;
	position: relative;
	float: left;
	width: 168px;
	height: 43px;
	margin: 0 0 22px;
	padding: 0;
	background: url(images/header_contact.png) no-repeat 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
}
div#wrapper div#content h5#contactlink:hover{
	background: url(images/header_contact.png) no-repeat 0px -44px;
}

/* Tubbin' with Tash Link */
div#wrapper div#content h5#tubbinlink{
	display: block;
	position: relative;
	float: left;
	width: 354px;
	height: 43px;
	margin: 22px 0;
	padding: 0;
	background: url(images/header_tubbin.png) no-repeat 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
}
div#wrapper div#content h5#tubbinlink:hover{
	background: url(images/header_tubbin.png) no-repeat 0px -44px;
}

/* Copyright */
div#copyright{
	width: 1000px;
	font-size: .8em;
	margin: 20px auto;
	font-style: italic;
}

/* Mobile Only */
ul.mobile_social{
	display: none;
}