/* 	colors
	#0C032B dark purple
	#002244 dark blue
	#1F5587 light blue #header color
	#C6DAF7 peachy gray
	#F7EFD2	home beige
	
	#1c234B dark purple
	#86707D med purple
	#EBA28D pink
	#ECD9C9 gray
	#C3CfC7 light blue
*/

/* defaults */
a, a:visited, a:active {
    color: #1F5587;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

input.submit {
	border: 1px solid #1F5587;
	background: #1F5587;
	color: #fff;
	padding: 5px;
	margin: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition-property: background-color;
  	-webkit-transition-duration: 1s;
}
input.submit:hover {
	background: #3C436B;
    cursor: pointer;
}

/* shared */
/* pagination */
.pagination {
    padding: 10px 0 10px;
    color: #999;
}
.pagination span {
    /* Disabled links */
    padding: 4px 6px;
    border: 1px solid #fff;
}
.pagination a {
    /* Active links */
    padding: 4px 6px;
    border: 1px solid #1F5587;
}
.pagination a:hover {
    text-decoration: none;
    background: #1F5587;
    color: #fff;
}
/* form inputs */
.form-field {
  margin: 4px;
}
.form-field input {
  margin: 4px 0 4px;
  padding: 4px;
  border: 1px solid #777;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width: 360px;
  font-size: 24px;
}
.form-field input:focus {
  -moz-background-clip: border;
  -webkit-background-clip: border;
  background-color: #fffff7;
  border: 1px solid #1f5587;
}
.form-field textarea {
  padding: 4px;
  border: 1px solid #777;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width: 360px;
  font-size: 24px;
  height: 300px;
}
.form-field textarea:focus {
  -moz-background-clip: border;
  -webkit-background-clip: border;
  background-color: #fffff7;
  border: 1px solid #1f5587;
}
/* annotations */
.annotate {
  position: absolute;
  background: #2D869C;
  color: #fff;
  padding: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 350px;
}
.annotation {
    padding: 5px;
    background: #EBA28D;
    border: 1px solid;
}

span.annotated:hover {
  background: #5F9EA0;
  cursor: help;
  color: white;
}
/* answers/answer partial */
.answer {
	background: #fff;
	text-align: left;
	margin-bottom: 10px;
	border: 0px solid #f12;
}
.answer_content {
	font-size: 16px;
	line-height: 1em;
	color: #999;
}
.answer .score {
	float:left;
	width: 30px;
	text-align: center;
	}
.answer .body {
	margin-left: 30px;
	}
.answer .body .block {
	padding: 5px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 24px;
	line-height: 1em;
}
input.answer {
    /* What's this? */
	border: 1px solid #145;
}


/* root */
.clear {clear: both;}
html { font-size: 100% /* IE hack */ }
body {
	min-width: 960px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1em;
	text-align: left;
	line-height: 1em;
}

.container {
	margin: auto;
	width: 930px;
	padding: 0 25px;
}


/* layouts/application */
#header { width: 930px; }
#notice {
  margin: 5px;
  padding: 5px 20px;
  border: 1px solid red;
  -moz-border-radius: 6px;
}

#nav {
	background-image:url(/images/header.png);
	background-position:center top;	
	background-repeat:no-repeat;
	margin: 0px auto;
	height: 40px;
}

#nav_links { 
	float:right;
	color: #fff;
	font-size: 12px;
    margin: 0px 25px;
	line-height: 32px;

	}

#nav_links ul li{
	display:inline;
	padding:0px 5px;
	margin:0px;
	height: 40px;
	line-height: 40px;
	float:left;
}
#nav_links a {
	display: block;
	text-decoration: none;
	color: #ccc;

}
#nav_links a:hover {
	color: #fff;
}
#logo a{	
	float:left;
	color: #fff;
	line-height: 40px;
	font-size: 20px;
	padding: 0 25px;
}
#logo a:hover {
	text-decoration: none;
}	
.logo span {
	color: #fee;
}


#search { margin: 0 auto; }

#search_box {
	padding: 0px;
	height: 40px;
	line-height: 40px;
	text-align: left;
}
#search_left {
	float:left;
}
#search_right {
	float:right;
	padding-right: 20px;
}

input#query {
  	background-image:url(/images/search.png);
	padding: 10px 25px 14px;
	font-size: 14px;
	line-height: 1em;
	color: #999;
	width:550px;
	background-repeat: no-repeat;
}

input#query:focus { color: #333; }

#search input.submit {
	background: #024;
	color: #fff;
	padding: 5px;
	width: 5em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-transition-property: background-color;
  	-webkit-transition-duration: 1s;
}
#search input.submit:hover {
	background: #3C436B;
}
#search select { 
	font-size: 16px;
	width: 200px;
	margin-right: 5px;
	}
#main { padding: 5px 25px; }
#footer {
	border-top: 1px solid #ccc;
	color: #555;
	font-size: 12px;
	padding: 5px 0px;
	margin: 10px 25px;
	background: #fff;
}