/*  
Theme Name: HeatherGold
Theme URI: http://www.heathergold.com/
Description: HeatherGold.com 2.0
Version: 1.0
Author: Alysha Naples, Paul Schreiber
Author URI: http://paulschreiber.com/
*/

/* all pages -------------------------------------------------- */

body {
	background-image: url('images/background.png');
	font-family: arial;
	font-size: 0.9em;
}

a#hglogo {
	display: block;
	cursor: pointer;
	width: 171px;
	height: 542px;
	position: absolute;
}

div.subscribe {
	cursor: pointer;
	position: absolute;
	width: 80px;
	margin-left: 75px;
}

div#twitter {
	margin-top: 257px;
	height: 15px;
	background-image: url('http://subvert.com/images/icons/twitter_sub.png');
}

div#itunes {
	margin-top: 210px;
	height: 15px;
	background-image: url('http://subvert.com/images/icons/itunes.png');
}

div#rss {
	margin-top: 229px;
	height: 24px;
	background-image: url('http://subvert.com/images/icons/rss.png');
}

div#outercontent {
	border: 1px solid black;
	background: white url('images/background_heather.png') top left;
	background-repeat: no-repeat;
	width: 878px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

div#innercontent {
	margin-left: 185px;
	margin-top: 135px;
}

div#footer {
	width: 878px;
	background: url('images/footer_top.png');
	background-repeat: no-repeat;
	margin-top: 0em;
	padding-top: 1em;
	padding-left: 5%;
	
	height: 9em;
}

div#footer h4 {
	text-transform: uppercase;
	padding: 0;
	margin-top: 0;
}

div#footer p.quotation {
	margin-left: 0.2em;
	text-indent: -0.4em;
}

div.entry,
div.show,
div.bar h2 {
	margin-right: 2em;
	margin-left: 0.5em;
}

div.show {
	margin-bottom: 3em;
}

div.show p {
	margin-right: 1em;
}

div.upcomingshows {
	margin-left: 0.5em;
}

div.entry p {
	padding-right: 2em;
}

div.entry div.bar {
	margin-left: -0.5em;
}

/* top nav links ------------------------------------------------ */
ul#topnav {
	position: absolute;
	top: 70px;
	right: 200px;
	width: 37em;
}

ul.guestlist,
ul#topnav {
	color: #62704e;
	text-transform: uppercase;
	list-style: none;
	font-weight: bold;
	font-size: 0.8em; /* 13px */
}

ul.guestlist li,
ul#topnav li {
	display: inline;
}

ul.guestlist {
	padding: 0;
}

img.guest,
ul.guestlist li img {
	border: 1px solid #62704e;
}

ul#topnav li + li:before {
	content: " :: ";
}

/* headers ------------------------------------------------ */

h1 {
	margin-top: 0.5em;
}

h1.showpage {
	margin-bottom: 0.5em;
}

h1, h2, h3, h4, h5, h6 {
	color: #62704e;
	margin-bottom: 0;
}

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p,
h1+ul, h2+ul, h3+ul, h4+ul, h5+ul, h6+ul {
	margin-top: 0;
}

ul {
	padding-left: 1.5em;
}

h1 {
	font-size: 1.95em;
}

/* front page --------------------------------------- */

p.show {
	font-size: 1em; /* 13 pt */
	margin-top: 0.5em;
}

p.metadata {
	font-size: 0.8em; /* 10pt */
	text-transform: uppercase;
	line-height: 1.7em;
	clear: both;
}

p.guests {
	clear: both;
}

/* green text */	
p.metadata, p.guests, a {
	color: #62704e;
}

a {
	text-decoration: none;
}

p.show a,
p.guests a,
ul#topnav a:hover,
span.infolink a:hover, span.buylink a:hover
{
	text-decoration: underline;
}


p.guests a:hover {
	color: #fd7820;
}

/* orange text */
span.infolink a, span.buylink a {
	color: #fd7820;
}

span.buylink {
	font-weight: bold;
}

div.bar {
	background: #fd7820;
	margin-top: 1em;
	margin-bottom: 0;
	clear: left;
}

div.full {
	margin-right: 2em;		
}

div.bar + form h2,
div.bar + h2 {
	margin-top: 0.1em;
}

div.bar h2 {
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 0.3em;
	color: white;
	display: inline;
}

div.bar span.view a {
	color: white;
	font-size: 0.8em;
	float: right;
	padding-right: 1em;
	padding-top: 0.1em;
	text-decoration: underline;
}

div.previous p.metadata {
	text-align: right;
	margin-top: -1.7em;
	margin-right: 2em;
}

/* what is / who is */
p.box {
	background: #ececec;
	font-size: 0.8em;
	padding: 1em;
	margin: 0;
	min-height: 4em;
}

div.leftcolumn p.box,
div.rightcolumn p.box {
	padding-right: 1em;
}


/* guest page -------------------------------------------------- */
div.guestdetail {
	margin-top: 0.4em;
	height: 150px;
	width: 600px;
}

div.guestphoto {
	width: 209px;
	height: 148px;
	float: left;
}

div.quotation {
	background: #fd7820;
	color: white;
	margin-left: 15px;
	padding: 0em 0.5em;
	line-height: 1.5em;
	float: left;
	width: 360px;
	height: 150px;
}

div.quotation p {
	margin-top: 0.5em;
}

div.bio {
	clear: both;
	padding-top: 1em;
}

div.clear {
	clear: both;
	padding: 1em 0;
}

span.plain {
	font-weight: normal;
}

p.show-links {
	clear: both;
}

/* about page -------------------------------------------------- */

img.heathergold {
	float: right;
	border: 1px solid #62704e;
	margin-left: 1em;
}

div.guest img,
img.staff {
	border: 1px solid #62704e;
	float: left;
	margin-right: 0.5em;
	margin-bottom: 1em;
}

div.onethird {
	padding-right: 0.5em;
	width: 30%;
	float: left;
}

div.leftcolumn, div.rightcolumn {
	width: 46%;
	float: left;
	margin-right: 1em;
}

div.leftcolumn p,
div.rightcolumn p {
	padding-right: 0;
}

div.guest,
div.conversation,
div.staffer {
	height: 5.5em;
	margin-bottom: 1em;
	margin-right: 1em;
	padding: 0;
}

div.guest + div.guest,
div.staffer + div.staffer,
div.conversation + div.conversation {
	border-top: 1px solid #62704e;
}

div.guest h4,
div.conversation h4,
div.staffer h4 {
	margin: 0;
}

div.guest p,
div.staffer p {
	font-size: 0.7em;
	padding-right: 0;
}

/* booking page -------------------------------------------------- */

div.quotations p {
	margin-left: 0.5em;
	text-indent: -0.5em;
}


/* you page -------------------------------------------------- */

ol.questions {
	padding-left: 1.5em;
}

ol.questions li {
	color: #62704e;
	font-weight: bold;
	margin-top: 1em;
}

ol.questions li p {
	font-weight: normal;
	font-size: 0.9em;
	color: black;
	margin-top: 0;
}

/* conversations page -------------------------------------------------- */

div.guest + div.guest,
div.conversation + div.conversation {
	padding-bottom: 1em;
}

div.guest,
div.conversation {
	margin-bottom: 0;
}

div.guest:hover,
div.conversation:hover {
	background: #ececec;
}

div.guest h4 a,
div.conversation h4 a {
	color: #fd7820;
	font-size: 1.0em;
}

div.guest h4 a:hover,
div.conversation h4 a:hover {
	text-decoration: underline;
}

div.guest p a,
div.conversation p a {
	text-decoration: underline;
}

div.guest p a:hover,
div.conversation p a:hover {
	color: #fd7820;
}

div.conversation p {
	font-size: 0.8em;
	padding-right: 0;	
}

ol.commentlist {
	margin-right: 2em;
}

/* form -------------------------------------------------- */

input.suggest {
	width: 29.5em;
}
input[text],
textarea {
	width: 30em;
}

p.topmargin {
	margin-top: 1em;
}

form.lca_form  fieldset{
	border: none;
	padding: 0;
}

form.lca_form input {
	width: 30em;
}

form.lca_form legend {
	color: #62704e;
	font-weight: bold;
	font-size: 1.2em;
}

input.lca_form_submit {
	width: auto ! important;
}

form.lca_form label {
	font-size: 0.8em;
}

input.lca_form_submit,
div.commentform input#submit {
	color: #ececec;
	background: #fd7820;
	text-transform: uppercase;
}

div.commentform p.submit {
	text-align: right;
}

/* show page -------------------------------------------------- */

ul.showpage {
	clear: both;
}

ul.showpage li {
	text-transform: none;
	display: block;
	width: 211px;
	float: left;
	padding-right: 1em;
}

ul.showpage li p {
	color: black;
	font-weight: normal;	
}

ul.showpage h3 {
	margin-bottom: 0.5em;
}

div.commentform {
	background: #ececec;
	padding: 0.5em;
	margin-right: 2em;
	margin-top: 0;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}