html, body { margin: 0; padding: 0; }
html { background: #333 url(img/html.png) repeat-x 0 0; font: 12px/1.4 Georgia, sans-serif; }
body { margin: 0 auto; width: 860px; padding: 0 30px; min-height: 500px; color: #fff; }

#uber { padding: 0 30px; position: relative; }

fieldset { border: 0; margin: 10px 0 0 0; padding: 0; }
 fieldset legend { margin: 0; padding: 10px 0; border: 0; font-size: 16px; }
 fieldset ul { list-style: none; margin: 0; padding: 0 0 0 15px; }
hr { border: 0; border-top: 1px solid #aaa; background: #fff; }
a { text-decoration: none; color: #fff; }
 #content a { border-bottom: 1px solid #666; }
 #content a:hover { border-color: #f90; }
img { border: 0; }

h1, h2 { margin: 0; font-family: Georgia; font-weight: normal; }
 h1 { font-size: 1.3em; padding: 0 5px; }
  h1 span { color: #666; font-style: italic; font-size: .8em; }
 h2 { font-size: 22px; font-weight: normal; color: #f90; }

h1 a { text-indent: -9999em; overflow: hidden; width: 368px; height: 116px; background: transparent url(img/logo.png) no-repeat 0 0; display: block; float: right; margin-bottom: 15px; }
#slogan { font-size: 27px; width: 420px; padding: 0 30px; float: left; color: #000; height: 116px; line-height: 116px; margin: 0; }

@media all and (min-width: 1160px) { 
 #sanseveria { background: transparent url(img/sanseveria.png) no-repeat 0 0; width: 170px; height: 268px; position: absolute; right: -150px; top: 113px; }
}

#clock { width: 425px; height: 425px; background: transparent url(img/clock.png) no-repeat 0 0; position: absolute; left: -400px; top: -135px; }

#menu { clear: both; width: 800px; height: 26px; background: transparent url(img/overlay.png) repeat 0 0; }
#menu, #menu li, #languages, #languages li { margin: 0; padding: 0; list-style: none; margin-bottom: 20px; }
 #menu li { float: left; }
  #menu li a { display: block; float: left; height: 26px; line-height: 26px; padding: 0 20px; border-right: 1px dotted #d3d3d3; color: #fff; outline: 0; }
  #menu li a:hover { background: transparent url(img/overlay.png) repeat 0 0; color: #f90; }
  #menu li:last-child a { border: 0; }

#languages { top: 5px; left: 30px; position: absolute; }
 #languages, #languages li { margin: 0; display: inline; }
 #languages li a { padding: 5px; outline: 0; }

#content { clear: both; background: transparent url(img/overlay.png) repeat 0 0; padding: 20px 30px; min-height: 400px; }

#footer a { display: block; text-indent: -9999em; overflow: hidden; background: transparent url(img/nonius.png) no-repeat center center; height: 35px; outline: 0; }

table { margin-top: 20px; width: 100%; border-collapse: collapse; clear: both; }
 td, th { padding: 5px 10px; border: 1px solid #666; }
 th, td { vertical-align: top; }
  td p { margin: 0; }
 tfoot th, tfoot td, td.units { text-align: right; }
 td.units { width: 70px; text-align: right; }
 td.date { text-align: center; width: 70px; }
 td.id { text-align: center; padding: 0; ; }
  td.id a { width: 100%; height: 100%; padding: 5px 0; display: block; border: 0 !important; }
  tr:hover td { background: #222; }
   tr td:hover { background: #f90; }
   th.rate { width: 50px; }
 th.date-admin { width: 220px; }

input, textarea { font-family: Georgia, sans-serif; font-size: 12px; line-height: 1.4; border: 1px solid #666; }
 input.date { text-align: center; width: 82px; }
 input.time-start, input.time-stop { width: 38px; margin-top: 5px; }
 td.description input { height: 41px !important; width: 100% !important; float: left; }
 td.description span { width: 80%; display: block; float: left; }
 td.units input { width: 10px; margin: 0; padding: 0; text-align: right; }
label[for] { display: block; float: left; width: 120px; cursor: pointer; }
input.error { border-color: red; background: pink; }

#account-management textarea { width: 400px; height: 200px; }
#account-management input { width: 400px; }
 #account-management input.submit { margin-left: 120px; }
 #account-management .avatar { float: none; margin: 0; padding: 0; margin-left: 120px; }

.delete-entry { float: right; }

.client-details { }
 .avatar { float: right; margin: 0; padding: 0 0 0 10px; }

#promo { margin-left: 35px; }
.button a { display: block; margin-left: 200px; width: 350px; height: 50px; line-height: 50px; border: 0 !important; text-align: center; background: #f90; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

@media print {
 #menu, #languages, h1, #slogan, .add-entry { display: none; }
 body, #content { margin: 0; padding: 0; }
 h2 { color: #000; }
 input { border: 0; }
  input.time-start { text-align: right; }
  input.time-stop { text-align: left; }
 .delete, .delete-entry { display: none; }
 button { display: none; }
}