/* Reset Styles */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-weight:normal}button,select,textarea,input{font:100%}table{border-collapse:collapse}caption,th,td{text-align:left}a,a:visited{-moz-outline-style: none;outline-style: none;}html {font-size: 10px;}* html {font-size: .8em;}

/* Global Selectors */
body { font: 14px Georgia, Times, serif; }

/* Structural Selectors */
.container { background: url('images/background.jpg') no-repeat bottom right; width: 860px; height: 560px; padding: 20px; margin: 0px auto; position: relative; }
.leftcolumn { float: left; width: 420px; }
	.title { display: block; background: url('images/title.png'); width: 0px; height: 53px; overflow: hidden; padding-left: 361px; margin-bottom: 8px; position: relative; left: -6px; }
	.rhymeInput { margin-top: 15px; border: 1px solid #ccc; padding: 10px; width: 400px; height: 413px; background: url('images/1pxwhite.png'); font: 15px Georgia, Times, serif; line-height: 22px; resize: none; outline-style: none; }
	.buttons { width: 420px; border: 1px solid #ccc; border-top: none; }
		.button { display: block; float: left; height: 32px; width: 56px; border-right: 1px solid #ccc; cursor: pointer; }
			.buttons .save { width: 56px; background: url(images/save.png); }
			.buttons .copy { width: 52px; background: url(images/copy.png); }
			.buttons .print { width: 56px; background: url(images/print.png); }
#wordlist { float: left; width: 440px; margin-top: 15px; height: 451px; display: none; }
	.middlecolumn { float: left; display: block; width: 20px; height: 451px; background: url('images/wordspointer.gif') no-repeat 0px 20px; filter:alpha(opacity=80); -moz-opacity:.80;opacity:.80; }
	.rightcolumn { float: left; width: 420px; height: 451px; }
		.words { /*background: url('images/wordsbackground.png')*/ top no-repeat; padding: 0px 12px 5px 9px; color: #fff; }
			.wordscontent { position: relative; top: 12px; overflow: auto; display: inline-block; width: 399px; }
			#wordcontainer { display: inline-block; background: rgb(50,50,50); background: rgba(0,0,0,.8); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
			.words img { margin-bottom: 9px; margin-left: 3px; height: 15px; }
			.words img.syllNum { margin-top: 9px; }
			.words a { display: block; padding: 3px; float: left; color: #fff; text-decoration: none; font-size: 12px; margin-bottom: 2px; margin-right: 2px; }
				.words a:hover { background-color: #555; }
				.words a:active { background-color: #777; }
		.wordsfoot { /*background: url('images/wordsbackgroundfoot.png') top no-repeat;*/ height: 20px; }
#printContainer { display: none; }

/* Links */

/* Special Classes */
.clear { clear: both; }
.flat {    line-height: 0px; font-size: 1px; }
.floatleft { display: inline; float: left; }
.floatright { display: inline; float: right; } 

* html img,* html .png {
position:relative;behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",<br>this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}

@media print {
	.container { display: none; }
	#printContainer { display: block; }
}