/********************************/
/****                        ****/
/****    POSITIONIZER.COM    ****/
/****                        ****/
/****   by Korbinian Schmid  ****/
/****      www.omsn.de       ****/
/****                        ****/
/********************************/

/**
 * COLORS
 * bright yellow #fcf8bc
 * dark #2b2825
 * magenta #d6156c
 *
 */

/*** GENERAL STUFF ***/
* { margin:0; padding:0; border:0; }
a:link, a:visited  { color:#d6156c; text-decoration:none; }
a:hover, a:active  { color:#2b2825; text-decoration:none; }

.center { text-align:center; }
.hide { display:none; }

/*** TYPOGRAPHY ***/
body { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:62.5%; color:#2b2825; }
#main { font-size:1.2em; }
h1, h2, h3, h4 { font-family: 'Yanone Kaffeesatz Regular' }   
h2 { font-size:3em; }
h3 { font-size:2.5em; }
h4 { font-size:2em; }
label { font-size:1.2em; padding:2px 0; }
input, select, textarea { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:1.2em; } 
th, td, li p { font-size:1em }
pre code { font-size:1.2em }
#logo h1 { font-size:7.5em; text-align:center; }
#logo h1 a { text-decoration:none; color:#2b2825 } 
#logo h1 span { color:#d6156c; }
#logo h1:hover { opacity:.75; filter:alpha(opacity=75); -moz-opacity:0.75; }

/*** LAYOUT ***/
#top, #logo, #main { margin:0 auto; width:500px; }
#top { margin-top:15px; text-align:right; }
#footer { border-top:1px solid #bbb; text-align:center; margin:75px auto; width:500px; }

h2 { margin-bottom:25px; } /* sub headlines */
h3 { text-align:center; margin-bottom:20px; } /* flash */
h4 { margin:20px 0 7px 0; }
p { margin:7px 0; }
ul { padding-left:15px; }

/*** FORMS ***/
form p { margin:10px 0 0 0; }
label { float:left; display:block; width:95px; text-align:right; padding-right:5px; }
input[type="text"], select, textarea { padding:2px; border:1px inset #000; background-color:#fcf8bc; }
form .button { text-align:center; }
form button:hover { cursor:pointer; }

/*** MAIN PAGE ***/

#loader  { position:absolute; top:150px; width:31px; z-index:3; display:none; }

#form #url { width:300px; }
#form select { width:150px; margin-left:100px; float:left; }
#form #queries { width:300px; height:2.5em; }
#form #queriesp { background:url(../img/queries-arrow.png) no-repeat bottom left; }
#form button { background-color:#fff; margin-top:20px; }



#suggestContainer { width:500px; position:relative; top:-50px; }
#suggestContainer #top { background:url(../img/sug_top.png) top center no-repeat; height:26px; }
#suggestContainer #bottom { background:url(../img/sug_bottom.png) bottom center no-repeat; height:26px; }
#suggest { background-color:#fcf8bc; text-align:center;
	white-space: pre-wrap; /* CSS2.1 compliant */
	white-space: -moz-pre-wrap; /* Mozilla-based browsers */
	white-space: -o-pre-wrap; /* Opera 7+ */ 
}
#suggestContainer img { position:relative; left:-240px; top:80px; }



/*** RESULT PAGE ***/
.result { width:300px; border-collapse:collapse; text-align:left;  }
.result th { padding:10px 8px; border-bottom:2px solid #eee; }
.result td { padding: 5px 8px; }
.result tbody tr:hover td { background-color:#fcf8bc; }
#try_again { margin-top:40px; }

/*** API PAGE ***/
pre { background-color:#fcf8bc; border:1px dashed #2b2825; padding:10px;
	white-space: pre-wrap; /* CSS2.1 compliant */
	white-space: -moz-pre-wrap; /* Mozilla-based browsers */
	white-space: -o-pre-wrap; /* Opera 7+ */
}

/*** CONTACT PAGE ***/
#contact input { width:200px; }
#contact textarea { width:300px; height:7em; }
.captcha { margin:20px auto; width:300px; }