@charset "UTF-8";

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''} 
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none } 
* a { position:relative } 
a { outline:none; text-decoration:none; color:inherit; } 
a img { border:none }
/* End Global reset */

body {font-family:'Lucida Grande, helvetica, sans-serif'; font-size:100%;}
div#ie_warning{ width:100%; color:#000; background:yellow;}
div#ie_warning a {color:blue;}
h1, h2, h3 {text-align:center;}
h1 {}
#wrapper {width:1200px; margin:50px auto;}
label { display:block; margin-bottom:0.1em;}
input, textarea {font-size:1.2em;}
#side_bar {width:300px; float:right; position:fixed; right:50px; background:#fff;}
.rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

#side_bar div { background:#eee; padding:10px; margin-bottom:30px;}
#side_bar div.fieldWithErrors { padding:0; margin-bottom:0; background:none;}

div#new_quote_form h3 {color:#232323; }
#side_bar div:hover {background:#ccc;}
div#new_quote_form form { width:250px; margin:0 auto;}
div#quotes {float:left; font-family:Georgia, Times; font-size:1.25em; font-style:italic; width:800px;}
p.quote_author {font-size:0.8em; margin-top:0.4em;}
.quote_holder {margin-bottom:2em; padding:0.5em; background:#eee;}
.quote_holder:hover, #quote_show {background:#ccc; color:#232323; }
.first_quote {background:#ccc;}

.form_holder p {width:250px; margin:0 auto; padding:10px 0px; text-align:center;  }
.form_holder p label {text-align:left; color:#fff;}

input.submit { width:200px; text-align:center; background:#ddd; color:#fff; border:none; font-size:1.5em; padding:0.1em;}
input.submit:hover {background:#FFEC44; color:#232323;}
#search_bar input.submit {font-size:1.2em;}

.quote_meta {color:#fff;}
.quote_author a {color:#fff; text-decoration:none; font-family:'Lucida Grande'; font-style:normal; font-size:0.8em;}
.edit_links {margin-left:3em; }
.quote_author a:hover {color:#232323;}
.quote_author a.delete:hover {color:red;}
.quote_author a.author {color:#232323;}
.quote_author a.author:hover {text-decoration:underline;}

a.like {background: url(/images/tick.png); margin-left:1em; vertical-align:-25%; }
a.rollover {
  display: inline-block;
  width: 14px;
  height: 14px;
  text-decoration: none; }

a.rollover:hover {
  background-position: -14px 0; }

.displace {
  position: absolute;
  left: -5000px; }


#flash_holder {background:#eee; position:absolute; top:0;width:100%;}
.notice {background:#ccc;}
.error {background:red;}
#flash_holder #notice, #flash_holder #error {padding:4px 2em; height:26px; }
#flash_holder #notice { background:#ccc; color:#fff;}
#flash_holder #error {background:red; color:#fff;}
span.uhy {font-family:helvetica;}
span.uhy:hover {color:#fff;}

.left_of_sidebar {position:fixed; right:400px; text-align:right;}
.left_of_sidebar p {margin-bottom:1.5em;}
.left_of_sidebar h1 {font-size:1.5em; text-align:right;}
.left_of_sidebar h2, #about h2 {font-size:1.2em; text-align:right; margin-top:8em; margin-bottom:1em;}
.left_of_sidebar a {text-decoration:underline;}

#about_return {position:absolute; bottom:0; width:100%; padding:0.5em 0; background:#eee; text-align:center;}
#about_return a {background:#ddd; padding:2px 6px; color:#fff; font-size:2em; font-family: 'Lucida Grande';}
#about_return a:hover {background:#FFEC44; color:#232323;}

/*Colors
Green text #677e52
Creme for bgs #f6e8b1
Pale green (TH) #b0cc99
Dark green (TD and logged in user bar #677e52
*/
body#errors { margin:0; padding:0;}
#dialog { width:70%; margin:15% auto; color:#fff; background:#b0cc99; padding:2px 5px; text-align:center; -webkit-border-radius:10px; -moz-border-radius:10px;}
#dialog a { color:#232323;}
#help_docs { background:#b0cc99; color:#677e52; padding:5px; text-align:center;}
#help_docs a {color:#fff;}


.fieldWithErrors {margin:0; padding:0; color:#fff;}
.fieldWithErrors input {border:2px solid red;}