/* most of this css is adapted from ninjawords.com */

body{
	background-color:white;
	text-align:center;
	font-family: bitstream-vera-sans, Arial, Helvetica, sans-serif;
	background: white url('/images/starbg.gif') no-repeat scroll  10px;
  margin:0;
  padding-top:10px;
}

a{
	color:#3b3555;
	color:#534b78;	
}
a:visited{
	color:#6a6874;
}
a:hover{
	color:#d50000;	
}

dl, dt, dd{margin:0; padding:0;}

#page{
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
* html #page{
	width:expression( document.body.clientWidth > (500) ? "500":"auto" );
}

/* No-JS warning */
.warning{
	background-color:#FDEEC8;
	border:2px dashed #BBBBBB;
	margin-bottom:6px;
	margin-top:25px;
	padding:5px;
}

/*
 * Header
 */
#header{
	text-align:center;
	z-index:1;
}

a#logo{
	margin-bottom:8px;
	margin-bottom:4px;
	display:block;
		height:61px;
}
a#logo img{
	border:0px none;		
	height:61px
}
#tagline{
	text-align:center;
	color:#363636;
	margin-bottom:15px;
/*	border:1px solid blue;*/
}
form{
	display:inline;
}
/* random button*/
#random{
	margin-left:3px;
}
#lookup_text{
	padding:2px;
	border-width:1px;
	width:220px;
	border-bottom:1px solid #c5c5c5;
	border-right:1px solid #c5c5c5;
	margin-right:3px;
}
#search-area{
	text-align:center;
}

/*
 * Definition display
 */
#results{
text-align:center;
 /*If you use margins here, IE will shift the search area 
   down when you click random. Pretty amazing bug. */ 
 padding-top:15px; 
 margin:0;
}
.word, .error, .loading{
	text-align:left;
	padding-top:6px;
	padding-bottom:6px;
}
/*.word-entry{
	text-align:left;
	padding-top:6px;
	padding-bottom:6px;
}*/
.title-word{
	font-weight:bold;
	margin-bottom:3px;
}


hr{
	width:90%;
	width:80%;
	border-width:0px;
	color:#c5c5c5;
	background-color:#c5c5c5;
	height:1px;
}

.loading{
	background-color:white;
}
.definition, .synonyms{
	margin:0;
	margin-bottom:3px;
	text-indent:-2.3em;
	padding-left:2.3em;

}
.entry{
	margin-left:1em;
}
.synonyms{
	margin-top:6px;
}
.synonyms .more{
	margin-left:.5em;
	font-size:.85em;
	font-style:italic;
}

/* the entries themselves have a lot of links in them.
   Don't decorate each one with an underline*/
.entry a{ text-decoration: none; }
.entry a:hover{ text-decoration: underline; }

.article{
	/*position:absolute;*/
}
.examples{
	margin-bottom:3px;
	margin-left:3em;
	font-style:italic;
	color:#565656;
}

/* Error message shown when there's a dictionary correction */
.did-you-mean{
	font-style:italic;
	color:#60597b;
	margin-bottom:6px;
}
.correct-word{
	font-weight:bold;
	color:black;
}


#footer-area{
	margin-top:65px;
	text-align:center;
	margin-bottom:5px;
}

#copyright{
	margin-top:4px;
	font-size:small;
	text-align:center;
	margin-bottom:10px;
}


.smallprint{
	margin-top:65px;
	font-size:small;
	text-align:left;
	margin-bottom:10px;
}

.smallprint-center{
	margin-top:65px;
	font-size:small;
	text-align:center;
	margin-bottom:10px;
}
.title{
	margin-top:10px;
	font-size:big;
  font-weight:800;
	text-align:center;
	margin-bottom:10px;
}

.question{
	margin-top:10px;
	font-size:x-large;
  font-weight:900;
	text-align:left;
	margin-bottom:10px;
}

#the-answer{
	margin-top:5px;
	font-size:large;
    font-weight:500;
	text-align:left;
	margin-bottom:5px;
}

.answer{
	margin-top:5px;
	font-size:large;
  font-weight:500;
	text-align:left;
	margin-bottom:5px;
}

.recommendation{
	font-size:medium;
  font-weight:500;
	text-align:left;
}

.section{
	margin-top:25px;
	margin-bottom:25px;
}  

.random_question{
	margin-top:25px;
	margin-bottom:25px;
}  


p{
	margin:0;
}


/* 
 * copy styles 
 */
h1, h2{
font-size:1.6em;
	font-family: "Times New Roman", serif;
	/*font-variant:small-caps;*/
	font-weight:normal;
	margin-left:-10px;
	margin-bottom:10px
	
}
h1{
	margin-top:25px;
	font-size:1.8em;
	font-weight:bold;    
}
.screenshot{
	margin-bottom:10px;
}
ul{
	margin-left:0;
	padding-left:12px;
}
p{
	margin-top:5px;
	margin-bottm:5px;
}
.copy{
	line-height:140%;
}


/*
 * css for button
 */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


.logo {
    background: url("/images/logo.gif") no-repeat 0 0;
    display: block;
    width: 500px;
    height: 150px;
    overflow: hidden;
}