/* basics */

body, h1, h2, 

h3, h4, h5, h6, 

p, ul, ol, li, 

strong, em 		{ font-family: Arial, Helvetica, Verdana, sans-serif; color: #fff; }

body 			{ background: #000 url(/images/wallpaper.jpg) top center no-repeat; }



a, a:link 		{ color: #eee; }

a:active 		{ color: #0cf; }

a:visited 		{ color: #eee; }

a:hover 		{ color: #9bf; }

a:hover img 	{ border: 1px #9bf solid; }



/* structure */

.container 		{ position: relative; background: #000; }

.nav 			{ padding-top: 53px; }

.pageTop 		{ position: absolute; top: 0; left: 0; height: 53px; }

.pageTop h1 	{ font-size: 12px; margin-top: 1px; height: 51px; width: 200px; 

					background: url(/images/endless-analog-logo.jpg) no-repeat; text-indent: -3000px; }

.pageTop .incidental 

				{ position: absolute; bottom: 0px; right: 0; height: 14px; }





/* non-flash nav */

#menu 			{ width: 950px; z-index: 500; position: relative; height: 33px; background: url(/images/border.jpg) top left repeat-x;  }

#menu div 		{ margin: 0; padding: 0; }

#menu div.item 	{ float: left; position: relative; display: block; }

#menu div.item a 

				{ display: block; padding: 6px 10px 10px 10px; margin: 0; }

#menu div.itemOver a,

#menu div.item a:hover 

				{ background: #111; color: #f43; }

#menu div.itemOver div div a 

				{ background: none; color: #eee; }

#menu div.submenu 

				{ width: 150px; display: block; position: absolute; z-index: 100; left:0; top: 30px;

					background: #333; padding: 0; margin: 0; float: none; }

					

#menu div.submenu div.item 

				{ display: block; float: none; position: relative; left: auto; top: auto; }

#menu div.submenu div.submenu 

				{ left: 150px; z-index: 200; top: 0; }



/* god forsaken nav flash stuff */

#f-source-menu 	{ width: 950px;  }
/*
#flashContainer{position:relative;height:364px;}

div#f-source-menu{position:absolute;top:0;left:0;z-index:10;}

div#animation{position:absolute;top:0px;left:0;z-index:5;}
*/
#flashContainer{position:relative;height:364px;}
div#f-source-menu{position:absolute;top:0;left:0;z-index:10;}
div#animation{position:absolute;top:3px;left:0;z-index:5;}
#f-new { z-index: 200; } 



/* page content styles */

.sectionHeader { text-transform: uppercase; color: #fff; background: url(/images/border.jpg) repeat-x; height: 33px; overflow: hidden; }

.sectionHeader h2 { font-size: 12px; font-weight: bold;  padding: 5px; text-decoration: none;}

.sectionHeader * { text-decoration: none; }

ul { margin-left: 5px; }

ul li { list-style: none; background: url(/images/li.gif) top left no-repeat; padding-left: 22px; padding-bottom: 5px; }

blockquote { color: #eee8ff; font-size: 14px; border-left: 1px #777 solid; border-top: 1px #666 solid; background: #444; margin: 3px 3px 10px 3px; padding: 10px;  }



h3 { font-size: 20px; line-height: 30px; font-weight: bold; color: #eee; }

h4 { font-size: 16px; line-height: 24px; font-weight: bold; color: #eee; }

h5 { font-size: 14px; line-height: 23px; font-weight: bold; color: #eee; }

h6 { font-size: 10px; line-height: 15px; font-weight: bold; color: #eee; }



h3 a, h4 a, h5 a, h6 a { text-decoration: none; }



hr { border: none; display: block; margin: 10px 0px 20px 0px; height: 10px; background: #555; border-top: 2px #333 solid; 

		border-bottom: 2px #777 solid;  }



dl { padding: 10px; border-top: 1px #333 solid; border-left: 1px #666 solid; border-right: 1px #666 solid; 

		border-bottom: 1px #777 solid; background: #555; }

dt { font-size: 14px; }

dd { font-size: 12px; font-style: italic; margin-left: 15px; margin-bottom: 10px;  }



p img { border: 1px #fff solid; margin: 0; }



img.tightLeftTop { margin: 0 10px 10px 0; }

img.tightRightTop { margin: 10px	 0 0 10px; }



.videoLink { 	padding: 7px 3px 10px 30px; font-size: 11px; background: url(/images/vid_icon.gif) top left no-repeat; 
				font-size: 10px;	} 



.wp-caption { padding: 10px; margin: 10px; border: 1px #555 solid; background: #000; }



.wp-caption-text { padding: 5px; color: #ecdf68; } 



.alignleft { float: left; }

.alignright { float: right; }

.aligncenter { text-align: center; margin-left: auto; margin-right: auto; }

.textRight { text-align: right; }



.clr { float: none; clear: both; width: 100%; display: block; }



.block { float: none; clear: both; }



.videoColumn { border-right:2px solid #000000; padding-left: 18px; width: 287px; }

.borderless { border: none; }



.reelContainer { float: left; padding-right: 10px; width: 195px;  }

#besideReel { width: 170px; float: left; padding-top: 20px; }
#besideReel .videoLink { padding-bottom: 10px; display: block;  }
.accolades p,
#besideReel p { padding: 2px; margin: 2px;  }




.mailingListBox { padding-left: 10px; }



.homeTopFeature { height: 315px; overflow: hidden; padding-top: 0px !important; }
.dark { background: #000 url(/images/gradientsm.jpg) repeat-x top left; }
.homeSecondary { height: 140px; overflow: hidden; }

.quickCatList { height: 320px; overflow: auto; width: 430px; }

.quickCatList ul { width: 400px; list-style: none; margin: 0; padding: 0; width: 85%; }

.quickCatList ul li { padding: 10px 0 10px 0; margin: 0;  background: none; float: none; clear: both; }

.quickCatList ul li a { text-decoration: none; font-weight: bold; display: block; }

.quickCatList ul li a span.postDate { width: 70px; display: block; float: left; }

.quickCatList ul li a span.postTitle { width: 280px; font-weight: normal; display: block; float: left; overflow: hidden;  }






/* homepage reviews */

.featuredReviews { width: 460px; height: 95px; font-size: 11px; background: #444; position: relative; }

.outerContainer { height: 72px; width: 460px; background: #666; position: absolute; top: 0; left: 0; padding: 0; margin: 0; }



.reviewTeaser { width: 136px; height: 95px;  float: left; position: relative; margin: 0; padding: 0 0 0 94px; }

.reviewTeaser h5 { font-size: 12px; line-height: 12px; padding-top: 10px; margin-bottom: 3px; }

.reviewThumb { width: 87px; height: 87px; display: block; position: absolute; top: 0px; left: 0px; background: #ccc; padding: 2px;}

.reviewThumb img { border: 1px #ccc solid; position: relative; top: -1px; left: -1px;  }

.nameAndTeaser { padding: 5px; }

.reviewLink { font-size: 10px; position: absolute; bottom: 6px; }



/* homepage events calendar */
.homeSecondary .events-calendar-list * { list-style-image: none; }
.homeSecondary .events-calendar-list li {  list-style: none; background: none !important; list-style-image: none !important;  }
.eventsCalLink { padding-left: 20px; display: block; }


/* contentContainer */

.mainRight .cc,

.mainLeft .cc { padding: 10px; }



.mainRight, .mainLeft { background: #000 url(/images/gradientlrg-opt.jpg) repeat-x; }



/* footer */

.footer { height: 35px; background: url(/images/border.jpg) repeat-x; }

.footerInterior { background: url(/images/bottomborderlogo.jpg) top center no-repeat; height: 32px; width: 940px; 

					color: #888; font-size: 10px; }

.footerInterior p { color: #888; padding: 10px; }

.footerInterior a:hover img { border: none; }

.footerInterior .left { width: 400px; float: left; }

.footerInterior .right { text-align: right; float: right; width: 400px; }



/* sidebar */

#sidebar li { list-style: none; background: none; padding-left: 0;}



#sidebar .catPostList li { display: block; background: #000 url(/images/border-no-bottom.jpg) repeat-x; padding: 5px; margin: 0 0 5px 0; border: 1px #222 solid; border-top: none; }

.catPostList li a,

.catPostList li a:link { text-decoration: none; }



/* forms */

.product-registration-form label { float: left; clear: left; margin-top: 10px; width: 200px; }

.product-registration-form form input, textarea, select { float: left; border-top: 2px solid #666; border-bottom: 2px solid #ccc; border-left: 2px #999 solid; border-right: 2px solid #999;  }

/* .product-registration-form fieldset fieldset label { display: inline; float: none; padding-right: 15px; } */

.product-registration-form fieldset { clear: left; float: none; margin-top: 15px; }
.product-registration-form input { padding: 2px; width: 250px; font-size: 12px; }

.product-registration-form input#submit { padding: 10px; font-weight: bold; border-top: 2px #ace solid; 
											border-left: 2px #ace solid; border-right: 2px #579 solid; 
											border-bottom: 2px #579 solid;  }

.product-registration-form .checkbox { border-top: 1px #999 dotted; display: block; float: none; clear: both; }
.product-registration-form .checkbox label{ padding-bottom: 5px; }
.product-registration-form .checkbox input { position: relative; top: 7px; }

.product-registration-form .error { background: #000 url(/images/error.gif) top left no-repeat; padding-left: 105px; border-color: #bbb; }

.product-registration-form form p,

.product-registration-form form h4 { float: none; clear: left; }

hr.formDivider { background: none; border: none; border-bottom: 1px #ccc solid; margin-bottom: 25px; height: 1px; float: none; clear: both;  }

.product-registration-form form p.hint { font-size: 10px; line-height: 12px;  color: #ccc; padding-left: 205px; }

.product-registration-form { padding-bottom: 100px; }

.warning { color: #ff3f00; font-style: italic; }

.product-registration-form #serial { padding: 5px; font-size: 25px; font-color: #222; font-weight: bold; font-family: "Courier New", Courier, serif; }

.invalid { border-top: 2px solid #f00; border-bottom: 2px #a00 solid; border-left: 2px #c00 solid; border-right: 2px #c00 solid;  }

#purchased_at { height: 100px !important; }

input.checkable { width: auto; }

#tapeMachines td { text-align: center;  }
#tapeMachines img { border: 2px #555 solid; }
#tapeMachines p { font-weight: bold; } 

.wallpaper img  { border: 2px #888 solid; margin: 0 10px 0 10px;  }


.phoneNumber * { font-size: 18px; }

.nav table { float: none; clear: both;}

.alignleft { margin-right: 10px; } 
.alignright { margin-left: 10px; }