/*
  Cocktail Happy CSS 
  (c) Cocktail Happy
  by pepsmedia.com
*/


/* min css reset - by yahoo.com */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/* now crack on with the fun stuff! */
html { color: #555; background: #333; }
body { width: 700px; margin: 0 auto; font-family: Arial, sans-serif; font-size: 88%; }


/* Text */
h1     { font-size: 1.6em; margin-bottom: 0.6em; }
h2     { font-size: 1.4em; margin-top: 0.6em; }
h3     { font-size: 1.2em; margin-top: 0.6em; }
p      { margin: 0.6em 0; }
a      { text-decoration: none; color: #788b40; }
strong { font-weight: bold; }
em     { font-style: italic; }
small  { font-size: 0.8em; }
ul { padding-left: 18px; }
li { list-style: inherit; }


/* leader */
#leader   { padding: 10px 20px; }
#leader a { margin-right: 10px; color: #A5CC56; }
#mobile   { float: right; }
#mobile a { margin: 0; }
/* pleader */
#pleader  { padding: 10px; text-align: center; font-size: 0.8em; color: #999; background: #444; }


/* header stuff */
#header             { color: #8EA54C; background: #B8EA5E; position: relative; }
#header a           { color: #788B40 }
#header #glasses    { position: absolute; top: 31px; right: 14px; }
#header #title      { background: url('images/header.png') top left no-repeat; height: 90px; }
#header #title h1   { font-weight: normal; font-size: 36px; padding: 25px 0 0 20px; }
#header #title h1 a { color: #fff; }
#header #navigation { padding: 25px; }
#header #search     { padding: 25px 0; }
#header #search #q  { font-size: 24px; height: 28px; width: 250px; color: #788B40; padding: 0; margin: 0; border: solid 1px #74873E; }
#header #search #s  { vertical-align: -7px; }


/* content stuff */
#content { background: url('images/cbg.png') top left repeat-y #fff; color: #555; padding: 20px; }
#left    { float: left; width: 420px; }
#right   { float: right; width: 200px; }


#right h2 { font-size: 1.2em; margin: 0 0 0 0; padding: 0; }
#right ul { margin-bottom: 10px; padding: 0; }


/* the types box for drinks and ingredients */
#types   { background: #EEFAD9; padding: 10px; }


/* drink */
#ingredients { background: #EEFAD9; padding: 16px; margin: 0.8em 0; }
#ingredients table td { padding-right: 10px; }


/* blog */
#blog .post    { }
#blog .pmeta   { clear: both; color: #707070; font-style: italic; font-size: 0.8em; background: #f4f4f4; padding: 3px; }
#blog .thumb   { float: left; margin: 10px 10px 10px 0; }
#blog .picture { float: left; margin: 0 10px 0 0; }


/* meta */
#meta { clear: both; background: #444; color: #888; padding: 20px 50px; text-align: center; }


/* footer */
#footer   { font-size: 80%; color: #777; text-align: center; padding: 5px; }
#footer a { color: #808080; }