body {
  background: #051b39;
  border-top: 5px solid #444;
}

h1, h2, h3 {
    font-family: 'Vollkorn', arial, serif;
    font-weight: normal;
}

.nomargin {
    margin:0px;
}

h1 { font-size: 24pt; }
h2 { font-size: 20pt; }
h3 { font-size: 16pt; }

/*** HEADER ***/
div#tabhead {
  background: none;
  border:none;
  height:80px;
  margin-top:15px;
}

#tabhead .login a {
  color:#fafafa !important;
}
#tabhead .login a:hover {
    background: #243f63;
}

#tabhead .logo {
  font-family: Helvetica, Arial, sans-serif;
  height:auto;
}

#tabhead .logo img {
  width:34px;
  height:40px;
}

ul.user_options {
  margin-top:16px;
}

ul.user_options li {
  list-style-type: none;
  display:inline;
  margin-left:5px;
}

ul.user_options li a {
 
  font-size: 11pt;
  font-weight: bold;
  background: #bdbdbd url(../images/topback.png) repeat-x;

  background: #456188;
  color:#000;
  text-decoration: none;
  text-shadow: #000 0px -1px 0px;
  padding:8px;
  -webkit-border-radius: 10px;
}

div.logo h1 a {
  font-family: 'Vollkorn', arial, serif;
  font-weight: normal;
  font-size: 36pt;
  color:#fafafa;
  text-shadow: #000 2px 2px 0px;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  
}

div.login {
  text-align:right;
}

#header_actions {
  position: absolute;
  bottom:0;
}

#superbar {
  background: #bdbdbd url(../images/topback.png) repeat-x;
  padding-top:5px;
  height:48px;
  -webkit-border-radius: 5px 5px 0px 0px !important;
  -moz-border-radius: 5px 5px 0px 0px;
}

div.button_grouping {
  text-align: left;

} 
div.button_grouping h5 {
    font-size:8pt;
    text-transform: uppercase;
    margin-bottom:0px;
    color: #000;
    margin-left:3px;
    
}

.superbutton {
    overflow:none;
}
.superbutton a {
    color:#000;
    text-decoration: none;
    font-weight: bold;
    text-shadow: #fff 0px 1px 0px;
    font-size: 8pt;
    padding:4px;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px;
    float:left;
    margin-right:5px;
    background:#ddd;

}

.superbutton a:hover {
    background: #d5d5d5;
}

#superinput {
    font-family: Helvetica, Arial, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #f6f6f6;
    text-align: center;
    margin:0px;
    height:40px;
    width:100%;
    color: #000;
    font-size: 13pt;
    font-weight:bold;
    padding:0px;
}

#superinput.defaultTextActive {
    color: #555;
}


div#content_wrapper {
  background: #fff;
  padding-top:5px;
  padding-bottom:20px;
}
div.message_wrapper {
    background:#fff;
}

/*** NAV ***/
#subnav {
  background: #d5d5d5;
  border-bottom:none;
  border-top:none;
}
div.sidenav ul li {
    list-style-type: none;
    margin-left:0px;
}
div.sidenav ul li a {
    color:#000;
    text-decoration: none;
    font-size:10pt;
    font-weight: bold;
    padding:5px;
    margin-bottom: 5px;
    display:block;
    width:80%;
    background:#ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
}
div.sidenav ul li a:hover {
    background-color: #cacaca;

}

/*** HOMEPAGE ***/
body.home h2 { 
    margin-bottom:10px;
}
body.home #content_wrapper {
    padding-bottom:0px;
}


/*** DRINKS ***/

div.recipe h1 {
    margin-bottom:0px;
    line-height:1em;
}
div.recipe .meta {
    color: #707070;
    font-size: 110%;
    font-style: italic;
}
div.recipe .meta span {
    color:#222;
    font-style: normal;
}

div.drink.list_large h2 {
    margin-bottom:0px;
}
div.drink.list_large h2 .star-rating  {
    margin-top: 10px;
    padding-right: 5px;
}

div.drink.list_large h2 a {
    color:#222;
}

/*** RATING ***/

div.rating h5 {
    margin-top: 10px;
    margin-bottom: 5px;
}

div.rating p {
    margin-top: 5px;
    margin-bottom: 5px;
}

#recent-votes {
    list-style: none;
    line-height: 150%;
}
#recent-votes li {
    padding-left: 10px;
    padding-bottom: 5px;
}


/*** FORMS ***/

form.uniForm {
  font-size:12pt;
}
form.uniForm label {
  font-weight:bold;
}


/*** FOOTER ***/
#sitefooter {
  background: #bdbdbd url(../images/topback.png) repeat-x;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:20px;
  text-align: right;
}

.legal span {
  color: #444;
  font-weight: bold;
  text-shadow: #fff 0px 1px 0px;
  margin-left:15px;
}

/*** UTILITY ***/
.sideborder {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

.topround {
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
}

.bottomround {
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
}

/*** DEFAULT TEXT ***/
.defaultText { 

}
.defaultTextActive {
    color: #a1a1a1; font-style: italic;
}