/* Last updated: 11/20/08 */
/* Updated by: Stephan */

/* Shorthand Reference { margin: top right bottom left; } */

@import "nav.css"; 		/* Navigation */
@import "banner.css"; 	/* Banner Displays */


/*~~~~~~~~~~~~~ Universal Page Layout ~~~~~~~~~~~*/

html { min-width: 772px; }
*html { width: 772px; }

body { 
	margin: 0; padding: 0;
	background: #fff;
	font: 0.71em/1.63em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #333; 

	}
	
	/* Resets */

	strong, em, b, i { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; }
	h1, h2, h3, h5, h6, address { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; }

	img, div, ul, li { margin: 0; padding: 0; border: 0; }
	table { font-size: 1.0em; }
	ul li { list-style: none; }

	pre { margin-left: 25px; line-height: 1.63em; color:#666; font-size: 1.1em; }
	pre strong { font-size: .8em; font-weight: bold; }
	
	samp {
		margin-left: 25px; line-height: 1.63em; color: #666; 
		font-family: "Courier New", Courier;
		}
	

	h1 { font-size: 2.4em; line-height: 1.2em; height: 2em; vertical-align: bottom; text-shadow: .1em .1em .1em #eee;}
	h1 span { display: block; font-size: .7em; font-weight: 100; text-transform: uppercase; letter-spacing: .1em; text-shadow: none; }

	h2 {
		margin: 2em 0 .5em 0; 
		padding: 0;
		font-size: 1.15em;
/*		text-transform: uppercase; */
		}

	h1+h2 { margin-top: 0em; }
	h3 {
		margin: 2em 0 0 0;
		font-weight: 1000;
		text-transform: uppercase; 
		font-size: 90%;
		letter-spacing: .1em;
		}
	p, #content ul, #content ol { margin: .75em 0 .75em 0; }
	.squeeze { width: 373px; }
	

	span.amp, .fancy {
		font-family: "Palatino", "Book Antiqua", serif !important;
		font-style: italic;
		font-weight: 1000 !important;
		font-size: 105%;
		font-weight: bold;
		display: inline !important; 
		text-transform: lowercase !important;
		}
	span.fancy { letter-spacing: 0; }
	em.fancy { text-transform: none !important; }


/*~~~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~*/

#logo { margin: 0; padding: 0; }
#logo a {
	background: url(i01/dsplogo.gif) top left no-repeat;
	width: 115px; height: 0; padding-top: 100px; /* Padding = Height of image */
	display: block; overflow: hidden;
}

#banner {
	width: 772px; height: 101px;
	background: url(i01/head.gif) top right no-repeat;
}

#bannerdesc {
	float: right;
	width: 185px; height: 101px;
	background-position: 0% 0% no-repeat;
}

	/* Language Menu */
	#language { float: right; position: relative; margin: 73px 10px 0 0; }
	#language li { display: inline; }
	#language li a { float: left; height: 0; width: 23px; padding-top: 15px; overflow: hidden; margin-right: 9px; }
	#language li a.us { background: url(i01/flags/us.gif) no-repeat; }
	#language li a.jp { background: url(i01/flags/jp.gif) no-repeat; }

/*~~~~~~~~~~~~ Main Content ~~~~~~~~~~~~~*/

	#content { width: 535px; min-height: 475px; margin: 0px 132px 50px 116px; padding: 5px 0px 0px 110px;	border: 0; }


/* Central Content Text Display */

#content p.footnote {
	width: 338px;
	margin: 0 0 2em 0; 
	padding: 1em 18px;
	font-size: 0.9em;
	line-height: 1.63em;
	background: #DDD;
	}
#content img.screenshot { width: 364px; }
#content img.screenshot { padding: 5px; background: #DDD; }
#content img.advert {
	margin: 0; padding: 3px;
	border-bottom: 0;
	border: #CCC solid 1px !important;
	}
#content img.advert:hover {
	border-bottom: 0 !important;
	border: #999 solid 1px !important;
}

#content ul,
#content ol {
	margin: 0; padding: .25em 0 0 2em;
	}
#content ul li {
/*	list-style-image: url(./i01/bullet.gif); */
	list-style: disc;
	}

			/* Nortron Spliced Images */
			.piece img,
			#local4seq img {
				margin: 0; padding: 3px;
				border: #CCC solid 1px !important;
			}
			
			div.piece { clear: left; margin: 2.5em 0; }
			.piece img { position: relative; float: left; clear: left; }
			.piece ul li { margin-left: 135px; margin-bottom: 1em; }
			
			#local4seq { float: left; margin: 1em 2em 3em 0; }
			#local_list { margin: 0 0; }
			#local_list li { margin: 2.2em 0; }
			#local_list li:first-child { margin-top: 1.5em; }

/*~~~~~~~~~~~~~~~~~ Boxes ~~~~~~~~~~~~~~~~ */

.note { font-style: italic; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;}
.note:before { Content: 'Note: '; font-weight: bold; }



/*~~~~~~~~ Center Content Link Properties ~~~~~~~~~*/

#content a:link, #content a:visited, #footer a:link, #footer a:visited {
	color: #999999;
	text-decoration: none;
	}
#content a:hover, #content a:active, #footer a:hover, #footer a:active {
	text-decoration: underline;
	}
#content a:active, #footer a:active {
	color: #6699cc;
	}



a[href$='.mp3'] {
	display: inline-block; 
	background: transparent url(i01/icons/speaker.png) center right no-repeat;
	padding: 0 19px 0 0 !important;
	}
ul.beats li {
	list-style-image: url(i01/icons/speaker.png) !important;
	}
ul.beats li a {
	background: none; padding: 0;
	}
a[href^='http://'] {
	display: inline-block; padding: 0 14px 0 0 !important;
	background: transparent url(i01/icons/breakout-gray.png) center right no-repeat;
	}
#bd-devblog a[href^='http://'] {
	/* need to fix wordpress links */
	background: none;
	padding: 0 !important;
	}

.button {
	width: 372px;
	border: 1px solid #EEE !important;
	padding: 0em;
	margin: 1.5em 0;
	text-align: center;
	}
.button a {
	display: block;
	margin: .25em; padding: .5em !important;
	color: #222 !important;
	background: #DDD url(i01/button/gradient_center.png) 30% 0% no-repeat;
	_background: #DDD; _background-image: none; /* for IE6 */
	border: 0 !important;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .2em;
	text-shadow: 1px 1px 1px white;
	font-size: .8em;
	}
.button a:hover { 
	background: #CCC url(i01/button/gradient_center.png) 30% 0% no-repeat !important; 
	_background: #CCC; _background-image: none; /* for IE6 */
	text-decoration: none !important;
	}
.button a[href$='.mp3']:after {
	content: ' [mp3]';
	}
a.download {
	background: transparent url(/_css/i01/icons/download.png) top left no-repeat !important;
	padding-left: 20px; 
	padding: 5px 0 0 20px;
	}

#buy {
	position: fixed;
	top: 400px;
	left: 30px;
	}
#buy a {
	position: absolute;
	height: 0; 
	width: 79px;
	padding-top: 79px;
	overflow: hidden;
	background: url(i01/buyitsmall.gif) 0% 0% scroll no-repeat;
	}

#content a.thickbox {
	border-bottom: 0 !important;
	background: none !important;
	}


/*~~~~~~~~~~~~~~~~Side Menu ~~~~~~~~~~~~~~*/

		#content #menu {
			float: right;
			width: 120px;
			margin: 6em 0px 3em 20px;
			*margin-left: 5px; /* IE6 Hack */
			padding-left: 20px;
			border-left: 1px solid #DDD;
			font-size: 100%;
			}

		#content #menu p {
			margin: 3px 0 6px 0;
			padding: 0;
			font-weight: 500;
			}
		
		/* Left Menu Reset */
		#content #menu ul { padding: 0; }
		#content #menu ul li { list-style: none; }
		
		/* Right Menu Link Properties */
		#content #menu a:link,
		#content #menu a:visited {
			display: block;
			_display: normal;
			color: #999999;
			text-decoration: none;
			font-weight: bold;
			border: 0;
			}
		#content #menu a:hover,
		#content #menu a:active {
			color: #999999;
			background: none;
			}


			/* ~~~~~ Tags ~~~~~~~~*/
	/*		ul li.new:after { Content: url(i01/tags/new-o.png); } */
			ul li.new { list-style-image: url(i01/tags/new-o.png) !important; }
			
/*			ul li.new { padding: 0 19px 1px 0; background: transparent url(i01/tags/new-o.png) 100% 100% no-repeat scroll; } */
			
/*~~~~~~~~~~~~~~~~~ Footer ~~~~~~~~~~~~~~~~~~~~~~*/

#footer { clear: both; font-size: .9em; margin: 1em 0 1em 225px; color: #999; }




/*~~~~~~~~~~~~~~~~~ Quick Class ~~~~~~~~~~~~~~~~~*/

.centered { text-align: center; } /* Center text */
.clearit { clear: both; } 
.mbrice { visibility: hidden; position: absolute; left: -100000em; overflow: hidden; display: none; } /* Makes only visible to text-based browsers */