/* dosadi.com site stylesheet. copyright © 2009 Dosadi, LLC */

a {
	text-decoration: none;
	color: #2640A6;
}

a:hover {
text-decoration: none;
color: #06f;
}

a img {
	color:#fff;
}

code {
	font-family:"Courier New", Courier, monospace;
	font-size: 1.1em;
}

code:hover {background:#ffffff; text-decoration:none;}

code.tip span {display:none; padding:0.2em 0.4em; margin-left:2em; width:auto;}

code.tip:hover span {display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

img.info {
	border:none;
	vertical-align:top;
}

img.smiley {
	vertical-align:text-top;
	margin-left:4px;
	margin-right:2px;
	border:none;
	padding:0;
}

a > img {
background-color: transparent;
}

span {
color: #E68C2D;
}

.brite-orange {
	color:#FFCC66;
}

span.orange {
	color: #FF9F00;
}

p {
	margin-top: 6px;
	margin-bottom: 6px;
}

ul.spacey-list li {
	margin:1em 0;
}

ul.keypoints li {
	margin-top: 0.2em;
}

.feedback {
	border:#06f 1px solid;
	color: #06f;
	vertical-align:bottom;
}

.red-alert {
	color:#933;
}

object.text {
border: #333 1px solid;
}

object {
z-index: 0;
}

body {
background-color: #fff;
font-family: verdana, arial, sans-serif;
margin: 0 0 0 0;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: left;
width: 58em;
}

#header {
width: 100%; height: 150px;
margin: 0 0 0 0;
background-color: #3b3b3b;
vertical-align: bottom;
clear:both;
}

div#content {
	margin-top:0;
	font-size:0.8em;
	margin: 0;
	padding: 1px;
	height: 50em;
	float:left;
	overflow:auto;
	width: 100%;
}

#footer {
clear: both;
color: #666;
font-size: 0.7em;
margin-top: 0.5em;
margin-bottom: 3px;
padding: 5px;
text-align: center;
vertical-align: bottom;
}

.prop50em {
/* a 'prop' to keep the footer 50em below the navbar */
float:right;
height:50em;
width:1px;
margin-left:-1px;
margin-right:-1px;
}

#navbar {
	width: 100%;
	height: 61px;
	margin: 0 0 0.2em 0;
	background-color: #7C836B;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	z-index: 99;
	text-align: center;
	left: 0px;
}

#navbar h1 {
float:left;
text-align:left;
margin: 12px 2em 0 20px;
padding:0 0 0 0;
background-color: transparent;
color: #fff;
font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
font-size: 40px;
font-weight: 400;
}

#navbar h1 a {
color:#fff;
text-decoration:none;
}

#header big {
float: right;
margin: 50px 0 0 0; padding: 0;
color: #444;
font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
font-size: 100px;
letter-spacing: -11px;
}

#navbar ul {
padding: 0 0 0 130px;
margin: 0;
list-style: none;
margin-top: 20px;
}

#navbar ul li {
float: left;
position: relative;
width: 6.5em;
}

#navbar li > ul {
top: auto;
left: auto;
}

#navbar ul li a {
/*
background-color:#CCFF33;
*/
background-color: transparent;
font-size: 1.0em;
font-family: 'century gothic', verdana, sans-serif;
color: #262821;
font-weight: bold;
padding: 12px 20px 9px 20px;
text-decoration: none;
line-height:44px;
vertical-align:sub;
}

#navbar ul li a:hover {
/*background: #06f url('menubg.jpg') repeat-x top;*/
color: #fff;
text-decoration: none;
/*border: solid 1px #fff;*/
}

/* drop-down menu */
#navbar ul li ul {
background-color: #696F5B;
border: 1px solid #777;
display:none;
font-size: 1em;
left: 0;
padding:0 0 0.6em 0;
position: absolute;
text-align: left;
top: 20px;
z-index: 99;
}

#navbar ul li:hover ul {
display:block;
z-index: 99;
}

#navbar ul li ul li {
width: 14em; /* has to go here! don't know why! */
border: none;
margin: 0;
padding: 0;
height: 1.2em;
overflow: hidden;
}

#navbar ul li ul li.break {
background-color:#676;
height: 1px;
margin-top: 7px;
margin-bottom: 0px;
padding: 0;
}

#navbar ul li ul li a {
color: #262821;
font-family: 'century gothic', verdana, sans-serif;
font-size: 0.8em;
font-weight: bold;
margin-bottom: -2px;
text-decoration: none;
padding: 12px 20px 12px 20px;
line-height:normal;
vertical-align:baseline;
}

#navbar ul li li a:hover {
background: none;
color: #fff;
}

.tagline {
	color: #707070;
	float:right;
	font-family: Arial, Verdana, sans-serif;
	font-size:18px;
	font-style:italic;
	/*font-variant: small-caps;*/
	letter-spacing: normal;
	position:absolute;top:1.2em;right:0.1em;
	/*position:relative;bottom:2em;*/
	text-align: right;
	/*font-style: italic;*/
	width: 20em;
}

.tagline-credit {
	font-style:normal;
	font-size:14px;
	line-height: 86%;
}

div.talk {
	text-align:left;
	position: relative;
}

.header-ball {
	float:right;
	margin:1em 2em 1.5em;
	border:thin solid #fff;
}

.postit-right {
	float:right;
	clear:both;
	margin:2em 0em 1em 3em;
	padding:0.5em 1.5em 1em 1.5em;
	background-color: #F7F7A2;
	border:1px solid #999;
}

.invocation {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 28px;
	font-weight: 200;
	letter-spacing: -1px;
	line-height: 115%;
	margin-bottom: 0;
	margin-top: 0;
}

.surveylist {
	list-style:square;
	padding:0;
	margin:0;
	line-height:1.2em;
}
.surveylist li {
	margin-left: 1em;
	margin-bottom: 0.8em;
}

h2 {
margin-top: 0.2em;
margin-bottom: 0.1em;
color: #777;
letter-spacing: 0px;
font-size: 1.4em; font-weight: 600;
font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
}

h3 {
color: #444;
}

table.green {
	width: 100%;
	background-color:#DFC;
	border-collapse:collapse;
	border: 4px hidden;
	vertical-align: top;
}
table.green th {
	text-align:left;
	font-style:normal;
	font-weight:normal;
	padding: 0.5em 0.5em 0.5em 0.5em;
	vertical-align: top;
}
table.green td {
	background-color:#CCE6B4;
	border: none;
	padding: 0.5em 0.5em 0.5em 0.5em;
	line-height:1.2em;
	vertical-align:top;
}

.right {
float: right;
margin: 0 0 8px 12px;
padding: 4px;
background-color: #FFF;
border: 1px solid #CCC;
}

.center {
text-align:center;
display:block;
margin-top: 15px;
}

.box {
margin: 0 4px 10px 4px;
line-height: 1.3em;
font-size: 0.8em;
border: 0;
}

iframe {
	width: 100%;
	height: 100%;
}

/* section specific rules */
div.eztwain3 .details {
left:auto;
visibility:visible;
color:#FF3333
}

.eztwain3 .first {
font-weight:bold;
}

.eidolon {
border-color: #fff;
color: #fff;
background-color: #fff;
border-width: 0px;
}