/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1.5;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
	vertical-align:middle;
}
ul, ol {
	list-style-type: none;
	}

/* Body  start styles with a clean slate */
@font-face {
	font-family: 'DakotaRegular';
	src: url('/fonts/dakota-regular-webfont.eot');
	src: local('☺'), url('/fonts/dakota-regular-webfont.woff') format('woff'), url('/fonts/dakota-regular-webfont.ttf') format('truetype'), url('/fonts/dakota-regular-webfont.svg#webfontkqoVsg7x') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: "Dakota";
	src: url('fonts/rockwell-webfont.eot');
	src: local('http://smd.maligndesign.com/fonts/'), url('fonts/rockwell-webfont.woff') format('woff'), url('fonts/dakota-regular.ttf') format('truetype'), url('fonts/rockwell-webfont.svg#webfontSZcX1csG') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

html {
	background: #d6ecf7 url(../img/bg.jpg) repeat-x ;
	height: 100%;
        color : #666;
	font: normal 62.5%/1.5 arial, verdana, helvetica, sans-serif;
   
}
a {
	color: #0b6a99;
}
a:hover { color: #021d43;}
h1 {
	color: #0b6a99;
	font-size: 2.4em;
	margin: 0 0 .5em 0;
}
h2, h3, h4, h5 {
	color: #0b6a99;
}
h2 {
	font: 1.6em/3 Georgia, serif;
	text-align: center;
	text-transform: uppercase;
}
h3 { font-size: 1.4em;}
h5 { font-size: 1.6em; font-weight: 400 }
p 	{
	font-size: 1.2em;
	margin: 0 0 1em 0;
}
label, li, dd, dt {font-size: 1.2em }
dt { color: #0b6a99; font-weight: bold;}

/* form styles */
form input, form textarea {
	margin: 0 0 15px 0;
	width: 300px;
}
form label {
	float: left;
	width: 150px;
}

/* header */
header {
	color: #ffffff;
	height: 87px;
	margin: 0 0 1px 0;
}
#head {
	margin: 0 auto;
	width: 996px;
}
#head p.title {
	background: url(../img/logo.png) no-repeat;
	float: left;
	height: 107px;
	margin: 0 0 0 10px;
	position: relative;
	text-indent: -7000px;
	width: 166px;
	z-index: 1;
	}
header a {
	color: #ffffff;
	text-decoration: none;
}
#search { float: right; height: 26px; margin: 20px 10px 0 0;  padding: 0 0 0 5px; }
#search .search-wrap { background: #ffffff; float: left; xheight: 24px;  margin: 1px 5px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#search .input { float: left; height: 18px; width: 150px; }
#search .input input {  background: none; border: none; height: 18px; width: 150px; }
#search select { background: transparent;  border: 1px solid #ffffff; border-left: 1px solid #666; height: 24px; float: left; margin: 0px 5px 0 0;  }
#search .submit { float: left;  }
#search div input.btn {float: left; }


#globalnav {position: absolute;
	top: 61px;  
	margin: 0 auto;
	width: 996px;
	text-align: right;
	}
#globalnav ul { float: right; margin: 0 10px 0 0; }
#globalnav ul li {
	background: #23579b;
	border: 1px solid #4977af;
	float: left; line-height: 25px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	}
#globalnav ul li a {
	color: #acd3fa;
	padding: 0 1em; 
	text-decoration: none;
	-webkit-transition: color .3s linear;
	}
#globalnav ul li a:hover { color: #ffffff; }	
#globalnav ul li.username { background: none; border: none; font-weight: bold; padding: 0 1em;  }
#globalnav ul li.username span { font-style: italic;}
#globalnav ul li.drinks {}
#globalnav ul li.logout {}

/* login box */
li.solo-login {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	}
#loginboxwrapper {
	display: none;
}
#loginbox {
	background: #ffffff;
	border: 5px solid #d6ecf7;
	height: 300px;
	padding: 20px;
}
.notmember { background: #eee; margin: 20px 0 0 0;  padding: 10px;  }

/* account settings */
#account {
	padding: 0 20px;
}
#account img.thumb {
	float: left;
	height: 50px;
	margin: 0 20px 0 0;
	}
#account-nav {
	background: #d6ecf7;
	padding: 5px 10px;
	margin: 15px 0;
	}
#account-nav li {
	float: left;
	margin: 0 2em 0 0;
	text-transform: uppercase;
	}
#account .btn {
	margin: 0 0 0 150px;
	}

#outerwrapper {
        background: #ffffff;
        color : #333333;        
        height: 100%;
        margin: 0 auto;
        padding: 20px;
        width: 860px;
}
.buddy-delete li { border-bottom: 1px solid #eee; margin: 8px 0; clear: both; height: 45px;   }
.buddy-delete li a img { float: left; }
.buddy-delete li a.username, .buddy-delete li a.drinkname { float: left; margin: 0 2em; font-weight: bold; line-height: 3; text-decoration: none;   }
.buddy-delete li span { float: right; line-height: 3; margin: 0 250px 0 0; }

/* content */
#content-wrapper {
	background: #ffffff;
	border: 1px solid #cccccc;        
	margin: 0 auto;
	padding: 35px 0;
	width: 996px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}
#flashMessage {
	background: #ffffff;
	border: 1px solid #666;
	color: #0b6a99;
	position: absolute; 
	height: 50px; 
	width: 100%; 
	top: 0;
	left: 0; 
	text-align: center; 
	font-size: 2em;
	line-height: 50px;
	opacity:.95;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";filter:alpha(opacity=95);
	z-index: 2;
	}
#alert {
	background: #84c1fe;
	border: 1px solid #0b6a99;
	color: #ffffff;
	width: 100%; 
	text-align: center; 
	font-size: 1.6em;
	line-height: 2;
	margin: 0 0 .5em 0; 
	opacity:.95;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";filter:alpha(opacity=95);
	z-index: 2;
	}
#alert a { color: #ffffff;}

#inner-wrapper {
	float: left;
	width: 755px
}
#content { 
	float: right;
	margin: 0 10px 0 0; 
	width: 500px;
}
/* content - all */

.comments-form {
	margin: 20px 0;
}
.comments-form legend {
	color: #333333;
	font-size: 1.4em;
	font-weight: bold;
}
.comments-form label {
	display: none;
}
.comments-form fieldset .input #Comment, .comments-form fieldset .input #CommentContent {
	border: 1px solid #666;
	margin: 10px 0 20px 0;
	width: 450px; 
}
.comments {
	background: #ffffff;
	min-height: 50px;
	margin: 10px auto;
	}
#timeline {
	border: 1px solid #cccccc;
	padding: 2px 2px 20px 2px;
	-o-box-shadow: 0 0 10px #e3e3e3;
	-icab-box-shadow: 0 0 10px #e3e3e3;
	-khtml-box-shadow: 0 0 10px #e3e3e3;
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
}
#timeline h2 { background: #eeeeee; color: #0b6a99; line-height: 2.25;}
#timeline img {
	border: 1px solid #666;
	float: left;
	height: 50px;
	margin: 0 10px 0 0;
	padding: 1px;
	width: 50px;
	}
#timeline .meta a {
	font-weight: bold;
	text-decoration: none;
}
#timeline .comments {
	border: none;
	border-bottom: 1px solid #aec3d2;
	padding: 10px 20px;
	}
#timeline div {
	border: none;
	border-bottom: 1px solid #aec3d2;
	padding: 10px 20px;
	}
#timeline div.clear { border: none; padding: 0;}
#timeline .drink-results { line-height: 1.75; padding: 10px 20px 20px 20px; }
#timeline .drink-results p { min-height: 40px; }
#timeline .paging { border: none; }
#timeline .paging .pages { margin: .25em 2em .25em 0; }
#timeline .paging a { padding: .25em .5em;  }
#timeline .paging .current { background: #eeeeee; padding: .25em .5em;}

.paging a.more {
	background: url(../img/more.gif) top left repeat-x; 
	border: 1px solid #ccc;
	font-size: 1.8em;
	width: 435px;
	text-align: center;
	text-decoration: none;
	display: block;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	}
.paging a:hover.more {
	background-position:left -78px;
	color: #021d43;
	text-decoration: underline;
}
article header {
	background: none;
	border: none;
	height: auto;
	margin: 0 0 15px 0;
}
article h4 {
	font-size: 1.8em;
	font-weight: normal;
}
/* content - user */
#UserSignupForm .btn { margin: 0 0 0 160px;}
.input input#UserAutoLogin { height: 16px; margin: 2px 0 0 0; width: 16px;   }
.user article {
	background: transparent 420px 5px no-repeat; 
	border: 1px solid #aec3d2;
	padding: 20px;
	margin: 0 0 20px 0;
}
p.bio {
	width: 390px;
}
#content.user article header h1 {
	font: bold 2.4em/1 Georgia, serif;
	float: left;
	margin: 0 1em 0 0;
}
#content.user article header h3 {
	display: inline; 
	font: bold 2.4em/1 Georgia, serif;
	float: left;
	margin-right: 1em;
}
#content.user header .buddies a.follow {
	background: url(../img/btn_add-buddy.png) no-repeat;
	color: #0099ff;
	float: left;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	padding: 0 0 0 10px;
	text-transform: uppercase;
	width: 121px; 
}
p.buddy-check {   background: url(../img/check.png) 0 3px no-repeat;  color: #0b6a99; float: left; font-weight: bold; margin: 5px 0 0 0; padding: 0 0 0 20px;  }
#account legend { font-size: 1.4em;  margin: 0 0 1.5em 0; }
.required { font-weight: bold; }
.view-all { padding: 10px 0 0 0; margin: 0 28px 0 0; text-align: right;	 }
	 
/* content drinks */
.all-drinks {
	background: transparent url(../img/bg_widget.gif) repeat-x;
}
.comment-count { font-size: 1em; margin: 0 0 0 100px;  }

/* sidebar both */
aside h2 { font-variant: small-caps; text-transform: none; }

/* sidebar left */
#meta #profile img.thumb { border: 1px solid #ccc; padding: 1px; float: left; margin: 0 5px 0 15px; height: 50px; width: 50px; }
#profile img.view-larger { position: relative; top: -10px; left: 125px;}

/* site sidebar - right */
aside#site {
	border: 1px solid #cbd8e3;
	color: #666;
	float: right;
	margin: 0 5px 0 0;
	padding: 10px;
	width: 210px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
aside#site .widget {
	border: 1px solid #cccccc;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius:10px;
}
aside#site .widget h2 { color: #ffffff; background: #84c1fe; line-height: 2em; }
aside#site .widget p, aside#site .widget form, aside#site .widget .btn { margin: 10px; }
#star-rating div { margin: 0 20px; }

/* meta sidebar - left */
aside#meta { 
	float: left;
	padding: 0 5px; 
	width: 230px;
}
aside#meta .widget {
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
	padding: 2px 2px 20px 2px;
	-o-box-shadow: 0 0 10px #e3e3e3;
	-icab-box-shadow: 0 0 10px #e3e3e3;
	-khtml-box-shadow: 0 0 10px #e3e3e3;
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
}
aside#meta .widget h2 { background: #eeeeee; color: #0b6a99; line-height: 2.25; margin: 0 0 15px 0; }
#meta #my-drinks h2 { line-height: 1; padding: .5em 0; }
img.avatar {
	border: 1px solid #cccccc;
	height: 180px; 
	margin: 5px 0 10px 15px;
	padding: 1px;
	text-align: center;
	width: 180px;
}
#profile { padding: 0 10px; }
#profile span {
	color: #0a6896;
	font-weight: bold;
	margin: 0 .5em 0 0;
	}
#buddies ul {
	margin: 0 0 0 25px;
}
#buddies ul li {
	float: left;
	margin: 0 5px 5px 0;
	}
.friend-icon {
	border: 1px solid #000000;
	height: 35px;
	padding: 1px;
	width: 35px;
}
#my-drinks ul {
	margin: 0 0 0 25px; 
}
#my-drinks a { text-decoration: none; }
#my-drinks ul li {
	float: left;
	margin: 0 10px 5px 0;
	padding: 0;
	width: 35px;
}
#my-drinks ul li img { float: left;  }
#my-drinks ul li p {
	display: none;
	background: #d6ecf7 ;
	border: 1px solid #cccccc;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	}
img.drink-icon {
	background: url(../img/bg_drink_icon.gif) center no-repeat;
	border: 1px solid #000000;
	display: block;
	height: 35px;
	padding: 1px;
	width: 35px;
}

ul#user-nav li {
	float: left;
}

.clear {
	clear: both;
}

/* drink styles */
.drink-list, .comments {
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 5px;
}
.drink-list a img {
	background: #ffffff;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0 10px 0 0;
}

.drink-results img.thumb {
	border: 1px solid #000000;
	float: left;
	height: 50px;
	margin: 0 10px 0 0;
	padding: 1px;
	background: #fff;
	width: 50px;
	}
#DrinkNotes { height: 50px; }
#feed-tab {
	background: #ffffff;
	border: 1px solid #cccccc;
	border-bottom: none;
	clear: both;
	display: inline-table;
	padding: 1px;	
	position: relative;
	top: 6px;
	}
#feed-tab li { background: url(../img/feed-tab.png) bottom repeat-x; border-left: 1px solid #cccccc; color: #336699; float: left; height: 26px; line-height: 26px; padding: 0 1.5em;  text-transform: uppercase;}
#feed-tab li a { text-decoration: none;}
#feed-tab li:first-child { border-left: none; margin-right: 1px; }
#feed-tab li.active { background: url(../img/feed-tab.png) repeat-x;  }
footer {
	background: #ffffff;
	color: #99ccff;
	margin: 0 auto 10px auto;
	padding: 20px;
	width: 956px;
}
footer p { font-size: 1em; }
footer a { color: #99ccff;}
#CommentAddForm textarea {
	width: 100%;
	}


/* simple page styles */
#simple-wrapper{
	padding: 25px;
}
#login { width: 300px;  height: 300px; float: left; border: 1px solid #cccccc;
	-o-box-shadow: 0 0 10px #e3e3e3;
	-icab-box-shadow: 0 0 10px #e3e3e3;
	-khtml-box-shadow: 0 0 10px #e3e3e3;
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3; }

#login2 { width: 300px; height: 300px; float: left; border: 1px solid #cccccc;
	-o-box-shadow: 0 0 10px #e3e3e3;
	-icab-box-shadow: 0 0 10px #e3e3e3;
	-khtml-box-shadow: 0 0 10px #e3e3e3;
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3; }


#login #UserLoginForm {
	padding: auto 20px;
	
}
#UserLoginForm input { margin: 0 0 10px 20px; width: 250px; }
#login #UserLoginForm label { 
	margin: 5px 10px;
	float: left;
}
X#UserLoginForm .submit {  width: 70px; overflow: hidden; }
#login #UserSignupForm .input {
	clear: both;
	margin: 0 0 10px 0; 
}
#login #UserSignupForm .input label { 
	width: 150px;
	margin: 0 10px 0 0;
	float: left;
	text-align: right;
}
#login #UserRememberMe, input#UserRememberMe { width: 20px;}

fieldset .gender { padding: 0 0 10px 0;  }
#UserEditForm .gender div, #UserSignupForm .gender div { clear: both;   }
#UserEditForm .gender div input, #UserSignupForm .gender div input { width: 15px;  }
#UserEditForm .gender-legend, #UserSignupForm .gender-legend  { clear: both; display: block; font-size: 1.2em; margin: .5em 0 0 0;  text-align: left; }
#UserEditForm .gender label, #UserSignupForm .gender label {text-align: right; margin: 0 .5em 0 0;  font-size: 1.2em;   }
#UserEditForm .gender input, #UserSignupForm .gender input { margin:0; }
#UserSignupForm #recaptcha_widget_div { margin: 0 0 15px 150px;  }

/* button styles */
.submit input { border: none; }
.btn, a.btn {
	background-color: transparent;
	background-image: url(../img/button-sprites.png);
	background-repeat: no-repeat;
	color: #0099ff;
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	height: 29px;
	text-indent: -7000px;
	}
#UserLoginForm .btn-login {
	background-position: -420px 0;
	width: 100px; overflow: hidden;
}
.btn-submit {
	background-position: -320px 0;
	width: 100px; 
}

.btn-drink {
	background-position: -60px 0;
	width: 125px; 
}
.btn-drink-go {
	background-position: -620px 0;
	display: block;
	width: 130px;
}
.btn-browse {
	background-position: -520px 0;
	width: 100px; 
}
.btn-buddy {
	background-position: -190px 0;
	width: 125px; 
}
.btn-go {
	background-position: 0 0;
	width: 50px; 
}
.btn-comment {
	background-position: -750px 0;
	width: 136px;
}
.btn-search {
	background-color: transparent;
	background-image: url(../img/btn_search.png);
	background-repeat: no-repeat;
	height: 27px;
	text-indent: -7000px;
	width: 69px;
}
/* contact form */
#ContactIndexForm .input {
	clear: both;
	margin: 0 0 10px 0;
	}
#ContactIndexForm .input label {
	width: 150px;
	margin: 0 10px 0 0;
	float: left;
	text-align: right;
	}
#ContactIndexForm .submit {
	margin: 0 0 0 160px;
}
#CommentAddForm .submit .btn { float: right;}
.error-message {   color: #ff0000; font-weight: bold; }
.error { margin: 0 0 20px 0; }	

/* home */
#home-container { background: #f7fbfd; border: 1px solid #cde4f2; padding: 20px; width: 904px }
#home-container h1 { font-family: Georgia; font-size: 2.0em;  letter-spacing: -1px;   font-weight: normal; }
.home-copy { width: 325px; float: left; }
#cta { width: 250px; float: right;  position: relative; z-index: 3; }
#cta dt { color: #999; font-size: 1.2em; text-transform: uppercase; }
#cta dl dd { color: #666; font-size: 2em; font-family: 'DakotaRegular', sans-serif; margin: 0 0 20px 0;  }
.slideshow{position: absolute;top: 120px;left: 40%;z-index: 2; 	-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg);  -moz-background-size: cover;
  background-size: cover;
 }
.slideshow img { background: url(../img/bg_slideshow.png) no-repeat;padding: 10px 10px 20px 10px; width: 280px; height: 400px;	}
.slideshow img { display: none }
.slideshow img.first { display: block }

h2.signup { background: url(../img/sign-up.png) no-repeat; height: 59px; width: 196px; margin: 0 auto; padding: 0; overflow: hidden; position: relative; top: -35px; left: 300px;  }
.signup a { color: #fff; text-decoration: none; font-size: 1.2em; font-family: arial; font-weight: bold;  line-height: 80px;     }

/*help*/
#help {
	margin: 0 20px;
}
#help dd { margin: 0 0 20px 0; }
/* misc */
#search-old { display: none;}

/* custom hack to not show on drink index */
#timeline .drink-results .results-rating { border-bottom: 0;  padding: 0; margin: 0; height: 0px; line-height: .001;   }
#timeline .drink-results .results-rating .rating { background: teal; border: 0;  padding: 0; margin: 0; height: 0px;  line-height: .001; }
#timeline .results-rating label { display: none;  }
#timeline .drink-results .results-rating .rating .rating-text { font-size: 10px; border:0; padding: 0; margin: 0;  line-height: .8; width: 90px;  }
.rate-now { font-size: 1.2em;  text-align: right; width: 400px;   display: block; }
a.rate-now { color: #666;}
.drink-results h4 { font-size: 1.4em; }
.drink-results p em { padding: 0 0 0 65px; display: block; }

.legal { padding: 20px; white-space:  }
#beta { position: absolute; background: url(../img/beta.png); width: 50px; height: 50px; top: 10px;  left: 50%; margin: 0 0 0 -350px; }
x#burst { background: url(../img/starburst.png) no-repeat; position: fixed; top: 0; height: 150px; margin: 0 auto;  width: 996px; z-index: -10; }
.noshow { text-indent: -7000px; }



/* socials */
.socials { clear: both; }
.fb, .tw, .su { display: block;  height: 65px; float: left; width: 65px; }


.cake-sql-log { background: #ffffff; }
pre { display: none; }