@charset "UTF-8";
/* CSS Document */


body {
font-family:Georgia,"Times New Roman",Times,serif;
background:#CCFF99;
color:#2c2c2c;

}

#container {
	position:relative;
	top:0px;
	
width:990px;
margin-left:auto;
margin-right:auto;
background-color: #FFF;
background-image: url('../images/flower_stem_repeat.gif');
}

#header {
width: 990px;
height:120px;
background: #fbba00;
background-image: url('../images/header.gif');
position:static;
}

#nav {
width:990px;
height: 20px;
background:#e3edb1;
}

#nav a:link, #nav a:visited {
	color:#2c2c2c;
	background:#b2b580;
	border-right:1px solid #42432d;
	border-top:1px solid #42432d;
	text-shadow: 2px 2px 2px #555;
	font-weight: bold;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

#nav a.selected {
	background-color: #e3edb1;
	color: #2c2c2c;

}

#nav a:hover {
	background:#fbba00;
	color:#fff;
	border-top-style: none;
}



#nav ul li {
	display:inline;
	padding:0;
	margin:0;
}

#nav ul {
	margin:0;
	padding:0;
}

#content {
width: 600px;
float:left;
background:#fff;
padding-left:20px;
padding-top:10px;
padding-right:20px;
padding-bottom:20px;
}

#sidebar {
float:left;
background-color: #FFF;
width:175px;
padding-top:10px;
padding-bottom:10px;
}

#secondary_content {
float:right;
background-color: #e3edb1;
width: 155px;
padding-left:10px;
padding-right:10px;
background-image:url(../images/flower_top.png);
background-position: bottom right;
background-repeat:no-repeat;
}

#footer {
	border-top: 1px dashed #999;
	clear: both;
	width:990px;
	background-color: #fff;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;

}

#login_register {
	position: absolute;
	color:#e6e4b2;
	right:20px;
	top:100px;
	font-size: 14px;
	text-align: right;
}

#login_register span {
	color:#000;
}

#login_register a{
	color:#000;
}

.box{
	margin-top: 40px;
	border:solid;
	border-width:1px;
	border-color: #4f3e1c;
	position:relative;
	padding-top: 30px;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 20px;
	height:1%; /*Fix for IE6 */
}

.box_title{
	background-color: #e3edb1;
	position: absolute;
	top: -20px;
	z-index:2;
	width:80%;
	height: 30px;
	padding: 8px 0px 0px 10px;
	border:solid;
	border-width:1px;
	border-color: #4f3e1c;
}

.box_title span {
	text-decoration: none;
	font-size: 20px;
	color: #2c2c2c;
	padding:0px;
	margin-top:8px;
	
}

.box_vote_buttons {
	position: absolute;
	bottom:10px;
	right:20px;
	
}
.box_text {
	z-index:1;
}

.box_vote_buttons a, .box_vote_buttons a:visited {
	background-color: #4f3e1c;
	color:#fff;
	border: 1px solid;
	padding: 2px 2px 2px 2px;
	text-transform: lowercase;
}

.vote_buttons_selected {
	background-color: #fff;
	color:#2c2c2c;
	border: 1px solid;
	padding: 2px 2px 2px 2px;
	text-transform: lowercase;
}

.vote_buttons_not_selected {
	background-color: #e5d4b3;
	color:#665f52;
	border: 1px solid;
	padding: 2px 2px 2px 2px;
	text-transform: lowercase;
	text-decoration: line-through;
}

#box_login_required {
	position: absolute;
	left: 580px;
	top: 30px;
	width: 200px;
	z-index:2;
	border: 2px solid #ebeb89;
	background-color: #ffffa4;
	color: #2c2c2c;
	padding: 10px 10px 10px 10px;
}

.box_vote_buttons a:hover {
	color: #4f3e1c;
	background-color:#fff;
}

.box_tip_rank {
	font-size: 40px;
	color:#ddd;
	position:absolute;
	top: 20px;
	right:20px;
}

.box_tip_score {

	position:absolute;
	top: 10px;
	right:20px;
}

.box textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	border: 1px dashed #4f3e1c;
	padding: 5px;
}

.button {
	background-color: #4f3e1c;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#fff;
	border: 1px solid;
	padding: 2px 2px 2px 2px;

	text-transform: lowercase;
}

.button:hover {
	color:#4f3e1c;
	background-color: #fff;
}

.tip_box_user {
	position: absolute;
	clear:right;
	bottom: 10px;
	left: 15px;
	color:#665f52;
}

a {
	text-decoration: none;
}

/*Secondary Bar styles */
#secondary_content h1{
	font-size:42px;
	margin-bottom:0px;
}

#secondary_content h3 {
	margin-top:5px;
	color: #ed800c;
	font-weight:100;
	font-size: 24px;
}

#secondary_content p {
	color: #4f3e1c;
	padding-bottom:250px;
}

#search {
	position: relative;
	top:40px;
	left:20px;
}

#search label {
	font-size:24px;
}

#search .button {
	font-size:24px;
	height:33px;
}

#new_tip .button{
	font-size: 14px;
}

#error_notification {
	width:400px;
	border: 2px solid red;
	padding: 7px;
	margin-bottom: 20px;
    background-color: #ffc5c5;
}

.search_input {
	background-color: #e3edb1;
	border: 1px dashed #4f3e1c;
	margin-right:10px;
	padding-left:10px;
	font-size:24px;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.text_field {
	display:block;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 14px;
	padding-top:5px;
	
	margin-bottom:10px;
	padding-left:5px;
	border-style:none;
	border-bottom: 1px dashed #4f3e1c;
}

.fieldWithErrors input{
	background-image: url('/images/exclamation_small.gif');
	background-position: right;
	background-repeat: no-repeat;
}

#errorExplanation {

  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #ffc5c5;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* Topic Box Styles */

.topic_box{
	margin-top: 40px;
	border:solid;
	border-width:1px;
	border-color: #4f3e1c;
	position:relative;
	padding-top: 30px;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 40px;
	height:1%; /*Fix for IE6 */
}

.topic_box_title h1 {
	text-decoration: none;
	font-size: 20px;
	color: #FFF;
	padding:0px;
	margin:0px;
}

.topic_box_title span {
	text-decoration: none;
	font-size: 20px;
	color: #FFF;
	padding:0px;
	margin-top:8px;
	
}

.topic_box_title a, .topic_box_title a:visited  {
	color: #FFF;
	background-color: #876a30;
	position: absolute;
	top: -20px;
	z-index:2;
	width:80%;
	height: 30px;
	padding: 8px 0px 0px 10px;
	border:solid;
	border-width:1px;
	border-color: #4f3e1c;
}

.topic_box_title a:hover {
	color: #876a30;
	background-color: #FFF;
}

.topic_box_text {
	z-index:1;
}