/* scripts */
.left { float: left; }
.right { float: right; }

/* main */
body { background: #3F3F3F; margin: 0px; font-family:"Helvetica Neue","Bitstream Vera Sans",Arial;font-size:12px; line-height:1.5em; color:#BBBBBB; }
h1 { color: white; border-bottom:1px solid #A1A1A1; font-size:20pt; line-height:100%; margin-bottom:0.3em; margin-top:0pt; padding-bottom:0.2em; text-align:left;font-family:"Helvetica Neue","Bitstream Vera Sans",Arial; }
h2 { color: white; font-size:19pt; font-weight:normal; }
a { border-bottom:1px dotted #7ADBFF; color:#7ADBFF; text-decoration: none; } 
a:hover { border-bottom:0pt none; color:#A1E6FF; text-decoration: underline; }
hr { clear: both; background: #E0E0E0; height: 5px; margin: 0px; }
dt {color: white; font-weight: bold; margin-bottom: 3px; }
dd {margin-bottom: 0.5em;}
/* Rails styles */
.formError { font-size: 130%; color: #E22; font-size: 90%; }

/* From styles */
dl { font-size: 130%; margin: 0px; }
dt {}
dd { margin: 0px; padding: 0px; padding-bottom: 12px; }
input.text, textarea, select { margin: 0px; width:390px; }
textarea { width:390px;height:250px; }
textarea.text_editor { width:474px; }

/* Styles for corners */
.corner { padding: 10px; }
.box { border: 4px solid silver; }

/* Containers */
#sidebar { background: #111; border-bottom: 1px solid #616161; color:#777777;display:block; font-size:11px; left:0pt; letter-spacing:1px; position:absolute; text-align:center; width:100%; }
#menu { padding-top: 35px; position: absolute; left: 50%; color: white; font-size: 90%; }
#menu a { border: 0px; text-decoration: none; color: #D0D0D0; padding-right: 5px; }
#menu a:hover { border: 0px; text-decoration: underline; color: #FF9933; }
#content { background: #000; border: 1px solid #414141; padding: 20px; }

/* In Rainbows */
#header h1.rainbows, #header h2.rainbows { display: block; font: 36px/1.1 "Helvetica Neue","Lucida Grande",verdana,sans-serif; margin: -100px 0 0 0px; position: absolute; top: 10px; left: 20%; width: 350px; text-align: left; xtext-transform: uppercase; z-index: 3;	}
#header h2.rainbows { top: 135px; }
#header h3 { color: #ccc; display: block; font: 16px/1.1 "Helvetica Neue","Lucida Grande",verdana,sans-serif; margin: 65px 0 0 0px; position: absolute; top: 10px; left: 20%; width: 350px; text-align: left; xtext-transform: uppercase; z-index: 3;	}
.rainbow { background: transparent;	color: #aaa; display: block; position: relative; height: 1px; overflow: hidden;	z-index: 5;	}
.rainbow span {	position: absolute;	display: block;	top: 0;	left: 0px; width: 350px; }
.rainbows .rainbow_highlight { color: #000; color: #fff; display:block; position: absolute;	top: -2px; left: 0px; z-index: 4; width: 350px; }
.rainbows .shadow { color: #000; display:block;	position: absolute;	opacity: 0.5; top: 0px;	left: 1px; z-index: 3; width: 350px; }
#footer .rainbows .highlight { display: none; top: 8px; }
#footer .rainbows .shadow { opacity: 0.75; left: 2px; top: 14px; }