/*
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: 1106px;
	min-height: 975px;
	margin: 0 auto;
	z-index: 1;
}
div#wrapper div#intro{
	position: absolute;
	top: 30px;
	left: 77px;
	width: 739px;
	height: 28px;
	background: url(images/header_intro.png) no-repeat center top;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 2;
}
div#wrapper h1#name{
	display: block;
	position: absolute;
	top: 108px;
	left: 77px;
	width: 999px;
	height: 270px;
	margin: 0;
	padding: 0;
	background: url(images/header_name.png) no-repeat center top;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 2;
}
div#wrapper div#herself{
	position: absolute;
	top: 280px;
	left: 22px;
	width: 464px;
	height: 681px;
	background: url(images/photo_natasha.png) no-repeat center top;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 2;
}
div#wrapper div#social{
	display: block;
	position: absolute;
	top: 441px;
	left: 564px;
	width: 530px;
	height: 32px;
	z-index: 5;
}
div#wrapper div#content{
	position: relative;
	float: right;
	margin: 490px 22px 0 0;
	width: 520px;
	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: none;
	width: 520px;
	font-weight: bold;
	margin: 0 0 8px 0;
}
div#wrapper div#content ul.dates li div.details{
	float: none;
	width: 520px;
}
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;
}

/* Honeymoon Tour Auto-pop */

div#honeymoontour{
	position: relative;
	width: 960px;
	height: 600px;
	background: url(images/natasha_honeymoontour_popup.jpg) no-repeat center top;
}
div#honeymoontour ul#dateblock{
	display: block;
	position: absolute;
	top: 347px;
	left: 601px;
	width: 242px;
	height: 212px;
	margin: 0;
	padding: 0;
	border: 0;
}
div#honeymoontour ul#dateblock li{
	display: block;
	position: relative;
	width: 242px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	overflow: hidden;
}
div#honeymoontour ul#dateblock li a{
	display: block;
	width: 100%;
	height: 18px;
}

a.honeymoontour_close{
	display: none;
}