﻿/* CSS Document *//*background = 34BCFE
content bg = DAD5C3
86DAFF
32BCFD*/
body { text-align: center; background: #34BCFE; margin: 5px auto 3px auto; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.3;}
#bgfloater { visibility: hidden; background-image: url('img/EarthBG.jpg'); background-position: bottom right; position: absolute; width: 100%; z-index: -999; }
#header { }
#header #topbanner { padding: 20px;}
a, a:visited, a:active { text-decoration: none; color: #003399;}
a:hover { text-decoration: underline;}
#iheader h1 {
	 margin: 0 auto;
	 text-align: left;
	 color: #000;
	 font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, Sans-Serif;
	 font-size: 32px;
	 line-height: 54px;
	 width: 75%;
	 font-style: italic;
	 font-weight: bold;
}

#iheader {
	 background: url(../i/bkg_header2.png) right top no-repeat #DAD5C3;
	 width: 100%;
	 margin-top:0px;
	 text-align: center;
}

img { border:0;}
#main { width: 1000px; background-color:#F1F1E7; border: 1px solid #797675; padding-bottom: 15px; margin: 0 auto; text-align: center; -moz-border-radius-bottomleft:3ex; -moz-border-radius-bottomright:3ex; -webkit-border-bottom-left-radius:3ex; -webkit-border-bottom-right-radius:3ex;}
#main p { margin:0; padding:8px 35px 8px 25px; line-height:1.3; clear:both;}
#main p.ulh { padding: 8px 25px 0 45px;}
#main #pright { float: left; display: block; width:310px; padding:10px; margin:0; line-height:2.0; font-size:14px; margin: 25px 5px 5px; clear:right;}
#main ul.default { margin:5px 15px 20px 45px; padding:5px 15px 20px 45px; line-height:1.4; clear:both; width:600px;}
#main ul.default li { margin-bottom:5px;}
#main ul.default li strong { font-weight:bold; color:#3E3026;}
#imgpage {text-align: center; width: 773px; margin: 10px auto; border-top: 1px solid #6B6144; border-bottom: 1px solid #6B6144; padding:20px 0;}
#imgpage img { display:block; margin: 0 auto; padding:0;}
p.moti {font-size:14px;}
#imgopage {margin: 10px 10px 10px 40px; padding:10px; display:block; float:left;}
#sonic {float: left; text-align:center; padding: 10px 20px; border: 0px solid black; }
#sonic a {text-decoration:none; color:#151515;}
#sonic a:hover {color:#64625B;}
#sonic ul { list-style-type: none; margin-left: 0px; padding-left: 0px; }
#sonic ul li { margin-bottom: 20px; text-align: center; }
#sonic img {display: block; margin: 15px auto 0 auto;}
#ihome {display:block; float:left; width:211px; height:276px; padding-bottom:20px;}
#homepagecontent { text-align: center; width: 550px; display: block; }
#icontent { text-align: center; font-size: 18px; line-height: 1.5; padding: 20px 20px 20px 0px; color: #64625B; z-index: 0; display: block; width: 675px; margin: 0 auto 0 185px;}
#icontent img{ z-index: 0; padding: 15px 10px 0 0; float: right; display: block;}
#postcard { width: 300px; padding: 0px 45px 20px 20px; text-align: center; float: left; }
#postcard img{ border: 1px solid #874E30; }
#homemediaplayer { float: left; width: 300px; overflow: visible;}
#homelennon {float: left; margin: 50px auto 10px auto; width: 800px; overflow: hidden; }
#antisonic {float: left; width: 800px; text-align: center; margin: 45px 0; }
#antisonic2 {float: left; width: 800px; text-align: left; margin: 20px 0 45px 20px; }
#purchasetext { float: left; font-size: 14px; padding: 20px 0 20px 20px; color: #64625B; position: relative; width: 250px;}
#hooka { padding: 0 0 0 20px; position: relative; margin-left: 20px; float: left;}
#lennon {width:545px; height:107px; display:block; clear:both; margin:10px auto; text-align: center;}
#tmenu {margin:0; padding:0; text-align:center; }
/* bottom menu */#bmenu { background-color:#333333; color:#DAD5C3; font-size:12px; line-height:1.8; text-align:center; width:1000px; margin: 0 0 15px 0; clear: both; padding: 4px 0;}
#bmenu a { text-decoration:none; color:#F6FEF1; padding:0 3px;}
#bmenu a:hover { color:#B1A781;}
#bmenu #bcur { color:#B1A781;}
#copy {clear: both; color:#271D14; font-size:10px; text-align:center; padding: 25px 3px;}
#copy2 {clear: both; color:#271D14; font-size:14px; text-align:center; padding: 25px 3px;}
#main .largetitle { font-size: 20px; font-weight: bold; padding: 15px 15px 15px 65px; font-style: italic;}
#selectcat { float: left; overflow: hidden;}
#selectcat ul{ list-style-type: none; margin: 0 10px; width: 150px; text-align: left; }
#selectcat ul li a { text-decoration: none; line-height: 24px; padding: 0px; color: #000099;}
#selectcat ul li a:hover { text-decoration: underline;}
#selectcat li.current { border: 1px solid #333; background: #FFFFCC;}
#selectcat a.current { font-size: 13px; font-weight: bold; padding: 5px;}
.title { font-size: 20px; font-weight: bold; padding: 15px 15px 15px 65px;}
.tip { color: #fff; width: 172px; z-index: 13000;}
.tip-title { font-weight: bold; font-size: 11px; margin: 0; padding: 8px 8px 4px; background: #7B7052; border: 1px solid #7B7052; border-bottom: 0px;}
.tip-text { font-size: 11px; padding: 4px 8px 8px; background: #B1A781; border: 1px solid #7B7052; border-top: 0px; color: #000;}
#shopfooter{ margin: 5px auto; width: auto; text-align: center;}
.listheader { padding: 0 25px; font-size:14px; font-weight: bold; display: block; }
/* Menu Styles */div#tomenu { margin: 0 auto; padding: 0 10px; text-align: center; background-color: #333333;/**/ width: 980px; height: 32px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
/* Root = Horizontal, Secondary = Vertical */ul.mainmenu { margin: 0 auto; border: 0 none; padding: 0; width: 900px; /*For KHTML*/ list-style: none; height: 30px;}
ul.mainmenu li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 30px;}
/* SUBMENUS */ul.mainmenu ul { margin: 0; border: 0 none; border-top: 1px solid #FFF; padding: 0; width: 160px; /*width: auto;*/ list-style: none; display: none; position: absolute; top: 32px; left: 0; z-index: 2;}
ul.mainmenu ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}
ul.mainmenu ul li { width: 160px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ z-index: 2;}
ul.mainmenu ul.submenu-lg { width: 210px; }
ul.mainmenu ul.submenu-lg li { width: 210px; }
ul.submenu { z-index: 2; }
ul.submenu li { z-index: 2;}
ul.submenu-lg { width: 210px !important; border: 5px solid green; }
ul.submenu-lg li { width: 210px; }
/* Root Menu */ul.mainmenu a { /*border: 1px solid #FFF; border-right-color: #CCC; border-bottom-color: #CCC; border-top: 0px; */ border-bottom: 0px; padding: 1px 15px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; background: #333333;/**/ color: #F6FEF1; font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height: 30px; height: auto !important; height: 1%; /*For IE*/}
/* Root Menu Hover Persistence */ul.mainmenu a:hover { background: #F6FEF1; color: #333333;}
/* 2nd Menu */ul.mainmenu li:hover li a,ul.mainmenu li.iehover li a { float: none;}
ul.mainmenu ul ul { display: none; position: absolute; top: 0; left: 160px;}
/* Do Not Move - Must Come Before display:block for Gecko */ul.mainmenu li:hover ul ul,ul.mainmenu li.iehover ul ul { display: none;}
ul.mainmenu li:hover ul,ul.mainmenu ul li:hover ul { display: block;}
ul.mainmenu li.iehover ul,ul.mainmenu ul li.iehover ul { display: block;}
li.persistHover,a.persistHover{ background: #CCC; color: #FFF;}
span.counter { width: 13px; text-align: center; line-height: 10px; padding-left: 3px; background: #4e94ca; color: white; font-size: 12px; position: absolute; right: 1px; top: 1px; bottom: 1px;}
ul.mainmenu li a.first { border-left: 0px;}
ul.mainmenu li a.last { border-right: 0px;}
.cdimage { float: left; margin: 0 20px 20px 0; border: 1px solid black;}
#cdlinks { float: left; text-align: left; border: 0px solid black; width: 200px; }
#cdlinks ul{ list-style-type: none; width: 200px; /*margin-left: -15px;*/}
#cdlinks ul li { font-size: 1.2em; }
#cdcontent { width: 750px; float: right; text-align: left; padding: 20px 10px;}
#cdcontent h2 { clear: both; margin: 10px 0; text-align: left; color: #5A0200; font-family: "Snap ITC", Arial Black, Sans-Serif; font-size: 28px; line-height: 54px;}
#cdcontent h3 { margin: 10px 0; text-align: left; color: #5A0200; font-family: "Snap ITC", Arial Black, Sans-Serif; font-size: 28px; line-height: 54px;}
.cdcredits { }
.cdcredittitle { font-weight: bold;}
.cdlisting .mediaplayer { /*float: right;*/}
.cdlisting .mediaplayerdvd { float: right; padding: 25px 15px 15px  0; }
.cdcredits dl dt { padding: 20px;}
.cdcredits dl dd { font-weight: bold; margin: -35px auto 0px 170px;}
.cdcredits dl.dvd dd { font-weight: normal;}
.cdcredits dl.dvd dt { font-weight: bold;}
#presscontent { width: 850px; margin: 0 auto; text-align: left; padding: 20px 10px;}
#presscontent .info { padding: 10px; height: 300px; text-align: right;}
#presscontent .listings { padding: 10px 0;}
.presslisting { border-top: 2px solid #333333; height: 120px; padding: 20px; clear: both;}
.presslisting .logo { float: left;}
.presslisting .logo img { padding-right: 10px;}
.presslisting .author { padding: 3px; color: #A2260A; font-size: large; font-weight: bold;}
.presslisting .date { padding: 3px; font-size: large; color: #11BFC6;}
.pressquote{ font-style: italic; font-size: larger; line-height: 35px;}
.pressPage{
	 width: 650px;
	 margin: 10px auto;
	 padding: 10px 0 20px 0;
}

.pressPage .title{
	 font-family: Arial, Helvetica, sans-serif;

	 display: block;
	 border-bottom-style: solid;
	 border-width: 1px;
	 border-color: #333333;
	 text-align: left;
	 margin: 0 auto;
	 padding: 0 0 5px 0;
}

.pressPage .content{
	 text-align: left;
}

.pressPage .title .author {
    color: #333333;
    font-weight: bold;
    font-size: x-large;
}

.pressPage .title .date {
    color: #999999; 
    font-size: medium;
    padding: 15px 0 0 2px;
}
.linkgrid { clear: both; }
.linklisting { border-top: 2px solid #333333; padding: 20px; clear: both;}
.linklisting .logo { float: left; padding: 0 20px 20px 10px; }
.linklisting .logo img { padding-right: 10px;}
.linklisting .author { padding: 3px; color: #A2260A; font-size: large; font-weight: bold;}
.linklisting .date { padding: 3px; font-size: large; color: #11BFC6;}



/*Jeremy's code added below this line..
///////////////////////////////////////
///////////////////////////////////////
///////////////////////////////////////
///////////////////////////////////////
///////////////////////////////////////*/


#events{
	float:left;
}

#events1{
	width:670px;
    height:300px;
    border:none; 
    overflow:hidden;
    margin:auto;

}
#events1 iframe{
	width:950px;
	height:700px;
	margin-top:-350px;
	margin-left:-210px;
}
