/**********************************
ConundrumLand CSS Styles Version 1
Mahalo.com Inc. 2009
***********************************/

/* Global */
* { margin:0; padding:0; }

body, html { background-color: #4e5052; font: 9pt Arial, sans-serif; color: #333300; line-height: 1.3em; }

h1 { font-size: 30px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }

p { margin: 0 0 10px 0; }

li { list-style-type: none; }

small { font-size: 9pt; }

a { text-decoration: none; color: #333300; }
a:visited { color: #333300; }
a:hover { text-decoration: underline; }

.center { margin: 0 auto; }
.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.dinline { display: inline; }

.global-spacer { clear: both; height: 10px; }

.hr { height: 1px; margin-bottom: 10px; border-bottom: 1px solid #333300; }

/* Base Containers */
#wrap { 
    width: 960px;
    margin: 0 auto;
}

#header-click-box {
    cursor: pointer; 
    position: absolute;
    top: 0;
    width: 695px;
    height: 135px;
    z-index: 1000;
}

#header {
    top: 0;
    width: 100%;
    height: 135px;
    background: url(/assets/images/global/header_bg.png) no-repeat center center;
}

#header-nav {
    margin: 50px 50px 0 0;
}

#header-nav ul li { display: inline; }

#nav {
    width: 100%;
}

#nav ul { margin: 0; padding: 0; }
#nav li { float: left; width: 189.6px; height: 29px; text-align: center; }
#nav a { display: block; margin: 5px 0; font-style: italic; text-decoration:none; }
#nav a:hover { text-decoration: none; color: #fff; }
#nav li.spacer { width: 3px; }
#nav li.selected a { color: #fff; }

#content-spacer {
    clear: both; 
    width: 100%;
}

#content {
    width: 100%;
    background-color: #fff;
}

#content-left {
    float: left;
    width: 680px;
    padding:  21px 15px;
	overflow:hidden;
}

#content-right {
    float: right;
    width: 235px;
    padding: 15px 15px 15px 0;
}

#sidebar {
    width: 240px;
    margin: -10px 0 10px 0;
}

#sidebar-top {
    width: 240px;
    height: 45px;
    background: url(/assets/images/global/sidebar_top_bg.png) no-repeat center center;
}

#sidebar-middle {
   padding:1px 10px 0 22px;
width:208px;
    background: url(/assets/images/global/sidebar_middle_bg.png) repeat-y center center;
}

#sidebar-content {
    padding: 0 20px;
}

#sidebar-bottom {
    width: 240px;
    height: 55px;
    background: url(/assets/images/global/sidebar_bottom_bg.png) no-repeat center center;
}

#footer {
    width: 100%;
    height: 315px;
    background: url(/assets/images/global/footer_bg.png) no-repeat center center;
}

#error-404, #error-500, #verify-age { padding: 150px 0; }
#login { clear: both; padding: 10px; }
#logout { clear: both; padding: 50px 0 0 0; min-height: 400px; }

#verify-age { padding: 50px 0; }
#verify-age div { width: 300px; }
#verify-age td { padding: 0 10px 10px 0; }

/* Sprites */
/*.sprite { background: url(/assets/images/global/answers_ui.png) no-repeat top left; }*/
/*.sprite-horiz { background url(/assets/images/global/answers_ui_horiz.png) no-repeat top left; } */

.sprite-nav { background: url(/assets/images/global/nav_bg.png) repeat-x center center; height: 29px; } /* TODO: add to horizontal sprite image */
.sprite-nav-spacer { background: url(/assets/images/global/nav_spacer.png) no-repeat center center; width: 3px; height: 29px; } /* TODO: add to sprite image */

.sprite-orange-button { background: url(/assets/images/global/orange_button_bg.png) repeat-x center center; padding: 4px; height: 25px; border: 1px solid #ff9046; } /* TODO: add to horizontal sprite image */
.sprite-small-glass { background: url(/assets/images/global/small_glass.png) no-repeat center center; margin: 0 0 -4px 0; width: 16px; height: 34px; }  /* TODO: add to sprite image */
.sprite-large-bottle { background: url(/assets/images/global/large_bottle.png) no-repeat center center; width: 230px; height: 311px; } /* TODO: add to sprite image */

.sprite-rate { width: 29px; height: 17px; margin: 0 0 -4px 0; cursor: pointer; }
.sprite-rate-yes-button { background: url(/assets/images/global/rate_yes_button.png) no-repeat top left; } /* TODO: ADD IMAGE TO SPRITE */
.sprite-rate-no-button { background: url(/assets/images/global/rate_no_button.png) no-repeat top left; } /* TODO: ADD IMAGE TO SPRITE */

.sprite-rss-icon { margin-bottom: -2px; background: url(/assets/images/global/rss_icon.png) no-repeat top left; width: 14px; height: 14px; border: none; } /* TODO: ADD IMAGE TO SPRITE */

.sprite-success { background: url(/assets/images/global/success.png) no-repeat top left; width: 40px; height: 40px; } /* TODO: ADD IMAGE TO SPRITE */
.sprite-error { background: url(/assets/images/global/error.png) no-repeat top left; width: 45px; height: 40px; } /* TODO: ADD IMAGE TO SPRITE */

.sprite-purchase-online-button { background: url(/assets/images/global/purchase_online.png) no-repeat top left; width: 155px; height: 34px; } /* TODO: ADD IMAGE TO SPRITE */

.sprite-follow-twitter-icon { background: url(/assets/images/global/follow_twitter_icon.png) no-repeat top left; width: 125px; height: 32px; } /* TODO: ADD IMAGE TO SPRITE */
.sprite-follow-facebook-icon { background: url(/assets/images/global/follow_facebook_icon.png) no-repeat top left; width: 108px; height: 41px; } /* TODO: ADD IMAGE TO SPRITE */
.sprite-follow-delicious-icon { background: url(/assets/images/global/follow_delicious_icon.png) no-repeat top left; width: 145px; height: 40px; } /* TODO: ADD IMAGE TO SPRITE */
.sprite-follow-blogger-icon { background: url(/assets/images/global/follow_blogger_icon.png) no-repeat top left; width: 135px; height: 40px; } /* TODO: ADD IMAGE TO SPRITE */
.sprite-follow-digg-icon { background: url(/assets/images/global/follow_digg_icon.png) no-repeat top left; width: 75px; height: 40px; } /* TODO: ADD IMAGE TO SPRITE */

.sprite-follow-twitter-icon-small { background: url(/assets/images/global/follow_twitter_icon_small.png) no-repeat top left; width: 75px; height: 19px; } /* TODO: ADD IMAGE TO SPRITE */
.sprite-follow-facebook-icon-small { background: url(/assets/images/global/follow_facebook_icon_small.png) no-repeat top left; width: 75px; height: 28px; } /* TODO: ADD IMAGE TO SPRITE */
.sprite-follow-delicious-icon-small { background: url(/assets/images/global/follow_delicious_icon_small.png) no-repeat top left; width: 75px; height: 21px; } /* TODO: ADD IMAGE TO SPRITE */
.sprite-follow-blogger-icon-small { background: url(/assets/images/global/follow_blogger_icon_small.png) no-repeat top left; width: 75px; height: 23px; } /* TODO: ADD IMAGE TO SPRITE */

/* Form Fields */
.textarea, .select { margin: 0 0 10px 0; padding: 4px; font-size: 10pt; font-family: inherit; border: 1px solid #e0e3cb; }
.text-field { width: 150px; margin: 0 0 10px 0; padding: 4px; border: 1px solid #e0e3cb; }
.zipcode-field { width:100px; margin: -2px 0 0 0; padding: 4px; border: 1px solid #c2c796; }
.radius-field { padding: 2px; border: 1px solid #c2c796; }
.search-field { width: 520px; height: 15px;  }
.search-button { width: 150px; }
.tags-field { width: 670px; }
.verify-age-field { width: 100px; margin: 0; }
.login-button, .join-button { width: 100px; }

/* Typography */
#nav li { font: 12pt "Times New Roman", Arial, sans-serif !important;  }
.gold-text { color: #666600; }
.magenta-text { color: #b30838; }
.olive-text { color: #333300; }
.gray-text { color: #b2b2af; }
.light-gray-text { color: #bfbfbf; }
.times-text { font-family: "Times New Roman", Arial, sans-serif !important; }
.wwyd-text { font-size: 9pt !important; }
.sort-by-text { font-size: 9pt !important; }
.index-button-text { font-size: 11pt !important; }
.search-field-text { font-size: 10pt !important; }
.orange-button-text { color: #fff; }

.verify-age-header-text { font-size: 20pt !important; font-weight: normal; }
.verify-age-text { font-size: 10pt !important; }

.error-text { color: red; }

.small-question-text{ font-size: 12pt !important; }
.small-question-text a { font-size: 12pt !important; }
.small-question-text em { /* For search highlighting. */ font-weight: bold; font-style: normal; background-color: #ff0; padding: 0 2px; }
.question-text { font-size: 13pt !important; }
.question-detail-text { font-size: 9pt !important; }
.answer-text { font-size: 10pt !important; }
.answer-detail-text { font-size: 12pt !important; }

#rating-text { display: block; margin-top: 2px; }

.tag-text { font-size: 10pt !important; }

.retailer-page-header-text { font-size: 18pt !important; margin-bottom: 0; }
.retailer-header-text { font-size: 14pt !important; }

/* Avatar */
.avatar { height: 65px !important; width: 65px !important; }

/* Embedded Media */
.media-form { display: none; }

.media-image img { border: none; max-width: 400px; width: expression(this.width > 400 ? 400: true); margin-top: 10px; }
.media-image, .media { margin-bottom: 10px; }
.comment-media-image img { border: none; max-width: 390px; width: expression(this.width > 390 ? 390: true); margin-top: 10px; }

/* Bookmarking Styles */
#bookmarking-small { display: inline; height: 16px; } 
#bookmarking-small img { border: none; }
#bookmarking { width: 308px; background-color: #fff; border: 1px solid #e0e3cb; overflow: auto; -moz-border-radius:3px; -webkit-border-radius:3px; } 
#bookmarking ul { margin: 0; padding: 4px 5px 4px 10px; border: none; } 
#bookmarking li { width: 140px; border: none; }

.twitter-icon { margin-bottom: -3px; width: 16px; height: 16px; background: transparent url("/assets/images/global/bookmarks.png") no-repeat scroll -208px -32px; }
.fb-icon { margin-bottom: -3px; width: 16px; height: 16px; background: transparent url("/assets/images/global/bookmarks.png") no-repeat scroll -176px 0px; }

/* jQuery Bookmark Styles v1.1.3 */
.bookmark_popup_text img { border: none; vertical-align: bottom; }
.bookmark_popup { display: none; position: absolute; z-index: 100; }
.bookmark_popup ul { float: left; width: 240px; border: 1px solid #aaa; }
.bookmark_list { display: inline-block; float: left; list-style-type: none;
	font-size: 80%; margin: 0px; padding: 0px; background-color: #fff; }
@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Safari3/Opera9 */
	.bookmark_list {
		font-size: 100%;
	}
}
html:first-child .bookmark_list {  /* Opera */
	font-size: 80%;
}
.bookmark_list li { float: left; width: 50%; margin: 0px 1px; padding: 1px;
	border: 1px solid #AAD5F0; }
.bookmark_list a { width: 100%; text-decoration: none; cursor: pointer; }
.bookmark_list span { display: inline-block; width: 16px; height: 16px; }
.bookmark_list img { border: none; }
/* End Bookmarking Styles */

/* jQuery.Rating Styles */
div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{display:none;background:url('/assets/images/global/delete.gif') no-repeat 0 -16px}
div.star,div.star a{background:url('/assets/images/global/rating.gif') no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Styles */

/* Misc */
.olive-box { margin: 0 0 10px 0; padding: 10px; border: 1px solid #e0e3cb; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #f7f7eb; } 
.double-border-box-outer { margin: 0 0 10px 0; padding: 2px; border: 1px solid #c2c796; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #fff; }
.double-border-box-inner { padding: 10px; border: 1px solid #edeed4; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #f7f7eb; }

.index-button { width: 120px; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #e0e3cb; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #f7f7eb; text-align: center; }
.index-button a { color: #b30838; }
.index-button-selected { background-color: #fff; }
.index-button-selected a { color: #333300; }

.large-indent { margin-left: 80px; }

.content-left-left { float:left; width: 80px; margin: 0 0 10px 0; }
.content-left-right { float:left; width: 600px; margin: 0 0 10px 0; }

#category-list ul { margin-left: 10px; }

.question-details { }
.question-info { }
.question-info li { display: inline; }

.busy { display:none; }
.busy img { margin-bottom: -3px; }

.step2, .step3 { display: none; }

.comment { margin-left: 80px; }
.comment-left { width: 80px; }
.comment-right { width: 520px; }
.comment-box { margin: 0 0 10px 0; padding: 10px; background-color: #fff; border: 1px solid #e0e3cb; }

.error-box { margin: 0 0 10px 0; padding: 10px; border: 1px solid red; }
.msg-box { margin: 0 0 10px 0; padding: 10px; border: 1px solid #FF9046; }
.msg-box td { padding: 0 10px 0 0; }

.sheriff { margin: 0 0 10px 0; }

.guideline-list { padding-left: 10px; }
.guideline-list li { list-style-type: disc; }

.two-column { width: 50%; padding: 0 10px 0 0; }

.tip-table td { padding: 0 10px 10px 0; }

.tag { padding: 4px; }

.activity td { padding: 0 10px 0 0; vertical-align: top; }

.retailer-box { margin: 0 0 10px 0; padding: 10px; border: 1px solid #e0e3cb; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-radius-bottomleft: 4px; -webkit-border-radius-bottomright: 4px; background-color: #f7f7eb; }
.retailer-header { padding: 10px; border: 1px solid #e0e3cb; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-radius-topleft: 4px; -webkit-border-radius-topright: 4px; background-color: #e0e3cb; }
.retailer-header td { padding: 0 10px 0 0; }
.retailer { width: 325px; margin: 0 0 20px 0; }
.retailer-name { margin: 0 0 5px 0; font-weight: normal; }
.retailer-distance { margin: 5px 0 0 0; }

#retailer-box { position: relative; top: -200px; left: 705px; width: 240px; }
#retailer-box h2, #sidebar h2 { font-weight: normal; }
#retailer-box li, #sidebar li { list-style-type: none; padding: 5px 0; font-size: 12pt !important; color: #b30838; }
#retailer-box a, #sidebar a { font-size: 12pt !important; }
#retailer-box img, #sidebar img { border: none; }

#welcome { width: 100%; height: 460px; background: url(/assets/images/global/welcome_bg.png) no-repeat center center; }

#welcome-share, #welcome-answer, #welcome-enjoy, #welcome-follow, #welcome-retailers { width: 150px; }
#welcome-share h2, #welcome-answer h2, #welcome-enjoy h2, #welcome-follow h2, #welcome-retailers h2 { padding: 0 2px; font-size: 20px; font-weight: normal; }
#welcome-share { margin: 160px 32px 0 35px; }
#welcome-answer { margin: 160px 37px 0 0; }
#welcome-enjoy { margin: 160px 35px 0 0; }
#welcome-follow { margin: 90px 35px 0 0; }
#welcome-follow img { margin: 0 0 2px 0; border: none; }
#welcome-retailers{ margin: 160px 0 0 0; }

#enjoy { width: 100%; height: 460px; background: url(/assets/images/global/enjoy_bg.png) no-repeat center center; }
#enjoy-header { position: relative; top: 75px; left: 50px; width: 470px; padding: 0 0 0 10px; }
#enjoy-header h1 { color: #fff; font-weight: normal; }
#enjoy-content { position: relative; top: 75px; left: 50px; width: 470px; height: 185px; padding: 20px; }
#enjoy-learn-more { position: absolute; top: 180px; left: 200px; padding: 3px 0 0 0; }
#enjoy-button { position: absolute; top: 175px; left: 330px; width: 130px; height: 20px; padding: 7px 0 0 0; }
#enjoy-button a, #enjoy-button a:visited, #enjoy-button a:hover { color: #000; font-size: 8pt; font-weight: bold; text-decoration: none; }

#follow { width: 100%; height: 460px; background: url(/assets/images/global/follow_bg.png) no-repeat center center; }
#follow-header { position: relative; top: 75px; left: 50px; width: 470px; padding: 0 0 0 10px; }
#follow-header h1 { color: #fff; font-weight: normal; }
#follow-content { position: relative; top: 75px; left: 50px; width: 600px; height: 185px; padding: 20px; }
#follow-content img { border:none; margin: 20px; }

/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #nav li { width: 189.9px; }
    #nav li.last { width: 192px; }
    
    #enjoy-content, #follow-content { top: 73px; }
}