@charset "UTF-8";
/* CSS Document
Janis Ian
Common CSS
©2010 Janis Ian
Created 2/22/10 10:32AM
Updated 2/22/10 10:32AM
Validated 2/22/10 10:32AM
CSS code by Steve Wilkison at Digital Vision Media, www.digitalvisionmedia.com */

/* 

News Gothic Font from TypeKit
Regular			"news-gothic-std"	400	normal	 
Oblique			"news-gothic-std"	400	italic	 
Bold			"news-gothic-std"	700	normal 
Bold Oblique	"news-gothic-std"	700	italic	

*/ 


/* Normalize the padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}
	
/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	}

/* Remove list-style from lists */
ol, ul {
	list-style: none;
	}
	
/* Display lists inline */
li {
	display: inline;
	}
	
/* Normalize font-style and font-weight */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}
	
/* Collapse table borders */	
table {
	border-collapse: collapse;
	}
	
/* Remove borders from fieldsets and images */
fieldset, img {
	border: 0;
	}
	
/* Left align text in caption and th */
caption, th {
	text-align: left;
	}
	
/* Reset bold and italic */

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

em strong, strong em {
	font-style: italic;
	font-weight: bold;
}
		
/* UNIVERSAL */

html, body {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	background: #ffd675 url(../images/home06_01.jpg) top center repeat-x;
	}
	
/* LAYOUT ELEMENTS */
	
div#wrapperdiv {
	width: 980px;
	margin: 0 auto;
	padding: 73px 0 0 0;
	position: relative;
	z-index: 0;
	visibility: visible;
}

div#thesearch {
	width: 178px;
	height: 56px;
	position: absolute;
	z-index: 10;
	visibility: visible;
	top: 15px;
	left: 800px;
}
	
div#covers {
	background: url(../images/topcovers_02.jpg) top center repeat-x;
	/*  background: url(../images/topcovers_christmas.jpg) top center repeat-x;  */
	height: 92px;
}

div#covers.christmasbulbs {
	background: url(../images/topcovers_christmas.jpg) top center repeat-x;
	height: 92px;
}
	
div.clearfloats {
	clear: both;
}

div.clearfloatssale {
	clear: both;
	height: 20px;
}

div#storeitems {
	color: #000;
	padding: 10px;
	margin: 10px 0 0 0;
}

div#janis {
	position: absolute;
	z-index: 10;
	visibility: visible;
	width: 155px;
	height: 463px;
	left: 0;
	top: 0;
}

div.saleitemdiv {
	clear: both;
	margin: 0 0 20px 0;
}

div#storeitems div.dividerrightdiv {
	margin: 20px 0 20px 100px;
	background: url(../images/dividerright.png) top right no-repeat;
	overflow: hidden;
	height: 1px;
}

div#homediv {
	width: 322px;
	height: 109px;
	position: absolute;
	z-index: 10;
	top: 95px;
	left: 218px;
	visibility: visible;
}

/* FORMS */

input#searchsite {
	width: 118px;
	height: 17px;
	margin: 2px 0 0 0;
	padding: 0;
	border: 0;
}

div#sendsearchform {
	width: 20px;
	height: 17px;
	margin: 0;
	position: absolute;
	top: 2px;
	right: 31px;
}

div#searchinput {
	width: 118px;
	height: 17px;
	float: left;
	margin: 15px 0 0 0;
}

input#q {
	width: 118px;
	height: 17px;
	padding: 0;
	margin: 0;
	border: 0;
}

/* LISTS */

div#subnav ul {
	text-align: center;
	font-size: 200%;
}

div#subnav ul li {
	display: list-item;
	padding: 0 0 10px 0;
}

	
/* LINKS */

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #cab5ba;
	text-decoration: underline;
}

#donatediv2 a {
	color: #325762;
	text-decoration: underline;
}

#donatediv2 a:hover {
	color: #000;
}

div#rightdiv div#subnav a {
	color: #000;
	text-decoration: none;
}

div#rightdiv div#subnav a:hover {
	color: #fff;
	text-decoration: underline;
}

div#footerdiv a {
	color: #3d3f35;
	text-decoration: none;
}

div #footerdiv a:hover {
	color: #fff;
	text-decoration: underline;
}

/* IMAGES */

div.itemdiv img {
	border: 1px solid #000;
}

div.itemdiv img.buynow {
	border: none;
}

img#grammy {
	float: left;
	border: none;
	margin: 0 10px 0 35px;
}

/* TEXT */

div#rightdiv p#updateddata {
	font-style: normal;
	font-size: 150%;
	line-height: normal;
	margin: 8px 0 0 0;
}

li.linkon {
	color: #fff;
}

li.linkon2 {
	color: #498093;
}

div.itemdiv h3 {
	text-align: right;
	font-weight: normal;
	margin: 5px 0 5px 0;
}

div#rightdiv li.newsitem div.headlinesub p {
	display: block;
	line-height: normal;
	font-size: 220%;
	margin: 10px 0 0 0;
	padding: 0;
}

/* JQUERY SUBPAGE TOUR DATES */

div.ishidden {
	display: none;
}

div#rightdiv div.fulldate {
	margin: 10px 0;
	background: #4f7c8a;
	padding: 10px;
	color: #fff;
	font-size: 100%;
}

div#rightdiv ul#tourlist div.fulldate p {
	margin: 0;
	padding: 0;
	line-height: 120%;
	font-size: 90%;
}

div#rightdiv ul#tourlist a {
	text-decoration: none;
}

div#rightdiv ul#tourlist a:hover {
	text-decoration: underline;
}

div#rightdiv ul#tourlist div.fulldate a {
	color: #fff;
	text-decoration: underline;
}

div#rightdiv ul#tourlist div.fulldate a:hover {
	color: #ffe090;
	text-decoration: underline;
}

/* TOUR DATES SIDEBAR */

div#rightdiv p#donatetext {
	font-size: 170%;
	line-height: normal;
	margin: 0 0 12px 30px;
	text-align: right;
}

div#rightdiv p.clickforfull {
	font-style: italic;
	font-size: 150%;
	line-height: normal;
	margin: 8px 0 0 0;
}

div#rightdiv p#fulllist {
	font-size: 150%;
	line-height: normal;
	margin: 8px 0 0 0;
}

p.caption {
	margin: 5px 0 0 0;
	text-align: center;
	font-size: 140%;
}

ul#sidetourlist li {
	display: list-item;
	font-size: 190%;
}

ul#sidetourlist h2 {
	font-size: 100%;
	margin: 10px 0 0 0;
	text-align: right;
}

div#rightdiv p.venue {
	margin: 0;
}

div#pwebthankdiv {
	text-align: center;
	margin: 30px 0 30px 0;
}

div#donatediv {
	padding: 0 30px 20px 65px;
	text-align: left;
	width: 550px;
}

div#donatediv2 {
	padding: 0 30px 20px 75px;
	text-align: left;
	width: 600px;
}

div#donatediv3 {
	padding: 0 30px 20px 75px;
	text-align: left;
	width: 600px;
	margin: 50px auto 0 auto;
}

div#donatedivhp {
	padding: 0;
	text-align: left;
	width: 300px;
	margin: 0;
}

#donatediv h2#donate, #donatediv2 h2#donate, #donatediv3 h2#donate {
	font-size: 180%;
	margin: 0 0 10px 0;
	text-align: left;
	padding: 10px 0 0 0;
	font-weight: bold;
}

#donatedivhp h2#donate {
	font-size: 180%;
	margin: 0 0 10px 0;
	text-align: left;
	padding: 0;
	font-weight: bold;
}

div#donatedivbut {
	text-align: center;
	margin: 20px 0 0 0;
}

div#donatedivbuthn {
	margin: 15px 0 20px 0;
}

div#donatedivhp div#donatedivbut {
	text-align: left;
	margin: 0 0 8px 0;
}

div.dividerdiv2 {
	margin: 30px 0 25px 70px;
}

img#ebay {
	float: left;
	margin: 0 10px 0 0;
}

p#dont {
	margin: 15px 0 10px 0;
}

/* DROPDOWN MENUS */

#navigationdiv, #subnavigationdiv {
	width: 100%;
	position: relative;
}

#navigationdiv {
	height: 47px;
	text-align: right;
	font-weight: normal;
}

#subnavigationdiv {
	height: 57px;
}

#navigationdiv > ul {
	font-size: 200%;
	font-family: Verdana, sans-serif;
	position: absolute;
	right: 20px;
	height: 30px;
	bottom: 14px;
}

#subnavigationdiv > ul {
	font-size: 220%;
	font-family: "news-gothic-std", Verdana, sans-serif;
	font-weight: 400;
	font-style: normal;
	position: absolute;
	left: 200px;
	top: 15px;
	letter-spacing: 0.05em;
}

#navigationdiv > ul > li {
	height: 15px;
	padding-top: 7px;
	display: inline-block;
	position: relative;
}

#subnavigationdiv > ul > li {
	height: 15px;
	display: inline-block;
	position: relative;
}

#navigationdiv > ul > li > a {
	color: #eee;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	height: 15px;
	padding: 8px 10px;
}

#subnavigationdiv > ul > li > a {
	color: #eee;
	text-decoration: none;
	height: 15px;
	padding: 8px 10px;
}

#navigationdiv > ul > li:last-of-type a {
	border-right: none;
}

#navigationdiv > ul > li:hover > a {
	color: #ffd675;
}

#subnavigationdiv > ul > li:hover > a {
	color: #ffd675;
}

#navigationdiv > ul > li a:hover {
	background: url(../images/navbackover.jpg) top left no-repeat;
}

/* drops */

#navigationdiv > ul > li > ul {
	opacity: 0;
	visibility: hidden;
	padding: 0;
	text-align: left;
	position: absolute;
	left: 0;
	width: 200px;
	top: 31px;
	/*-webkit-transition: all .3s .1s;
	-moz-transition: all .3s .1s;
	-o-transition: all .3s .1s;
	transition: all .3s .1s;*/
	z-index: 200;
	font-size: 90%;
}

#subnavigationdiv > ul > li > ul {
	opacity: 0;
	visibility: hidden;
	padding: 0;
	text-align: left;
	position: absolute;
	left: 0;
	width: 200px;
	top: 25px;
	z-index: 200;
	font-size: 90%;
}

#navigationdiv > ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
	padding: 10px 0 0 0;
}

#subnavigationdiv > ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
	padding: 10px 0 0 0;
}

#navigationdiv > ul > li > ul:before {
	content: '';
	display: block;
	border-color: transparent transparent #f1f0ee transparent;
	border-style: solid;
	border-width: 10px;
	position: absolute;
	top: -10px;
	left: 30px;
}

#subnavigationdiv > ul > li > ul:before {
	content: '';
	display: block;
	border-color: transparent transparent #f1f0ee transparent;
	border-style: solid;
	border-width: 10px;
	position: absolute;
	top: -10px;
	left: 30px;
}

#navigationdiv > ul ul > li {
	position: relative;
	display: list-item;
	padding: 0;
}

#subnavigationdiv > ul ul > li {
	position: relative;
	display: list-item;
	padding: 0;
}

#navigationdiv ul ul a {
	color: #fff;
	padding: 10px 0 10px 10px;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,.3);
	margin: 0;
	background: #77a6b6;
}

#navigationdiv ul ul a:hover {
	background: #59777f;
	color: #ffd675;
	text-decoration: none;
}

#subnavigationdiv ul ul a {
	color: #fff;
	padding: 10px 0 10px 10px;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,.3);
	margin: 0;
	background: #77a6b6;
}

#subnavigationdiv ul ul a:hover {
	background: #59777f;
	color: #ffd675;
	text-decoration: none;
}