/* Global html body styles */
html { height:100%; padding:0px; margin:0px; }
body { margin:0; padding:0; height:100%; }
body a { text-decoration:none; outline:none; }
body a:hover { text-decoration:underline; outline:none; }
body a:active { outline:none; }
body object { outline:none; }
body embed { outline:none; }
body ul { margin:0; padding:0; list-style:none; }
body table { width:100%; }
body table td, th { padding:0; } 
body hr { margin:0 0 20px 0; border:none; }
body img { border:none; }

/* Header styles */
#base_header { position:fixed; top:0; right:0; z-index:1003; font-family:"Lucida Grande", Tahoma, Verdana; }
#base_header div.base_header_button { float:left; margin:0 0 0 1px; padding:5px; background:#292D31; font-size:9px; letter-spacing:1px; text-transform:uppercase; }
#base_header div.base_header_button a { color:white; }
#base_header div.base_header_button_hover { background-color:#3C4248; }

/* Global upgrade */
#base_header #global_upgrade { background-color:#FF0099; }

/* Global notification */
#base_header #global_notify { display:none; float:left; margin:0 0 0 1px; padding:5px; background:#64C964; color:white; font-size:9px; letter-spacing:1px; text-transform:uppercase; }

/* Footer styles */
#footer { margin:60px 0 0 0; width:880px; height:30px; font-size:11px; color:#999999; }
#footer #footer-logo { float:left; } 
#footer #footer-links { float:right; }

/* Button styles */
.button_small { display:block !important; padding:6px 8px !important; background-color:#4F575E; font-size:11px !important; font-family:"Lucida Grande", Tahoma !important; line-height:16px !important; color:white !important; text-align:center !important; cursor:pointer; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; }
.button_small:hover { background-color:white !important; text-decoration:none !important; color:#4F575E !important; }
.button_small_hover { background-color:white !important; text-decoration:none !important; color:#4F575E !important; }
.button_large { display:block !important; padding:7px 10px 9px 10px !important; background-image:none !important; background-color:#4F575E; font-size:14px !important; font-family:"Lucida Grande", Tahoma !important; color:white !important; text-align:center !important; cursor:pointer !important; border:none !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; }
.button_large:hover { background-image:none !important; background:white !important; text-decoration:none !important; color:#4F575E !important; }
.button_large_href { line-height:19px !important; }
.button_small_symbol { display:block !important; padding:3px !important; width:15px; height:15px; background-image:none !important; background-color:#4F575E !important; font-size:11px !important; font-family:"Lucida Grande", Tahoma !important; color:white !important; text-align:center !important; cursor:pointer; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; }
.button_small_symbol:hover { background-image:none !important; background-color:white !important; text-decoration:none !important; color:#4F575E !important; }

/* Body styles */
body { background:#292D31 url("http://dl.dropbox.com/u/1639842/Flavors/flavors_blog_logo.gif") repeat-x top left; font-family:"Lucida Grande", Tahoma, Verdana; color:white; }

/* Body styles */
body { background-color:#292D31; font-family:"Lucida Grande", Tahoma, Verdana; color:white; }
body a { color:#03AEEB; }

/* Background styles */
div.page-background { width:100%; height:125px; overflow:hidden; }
div.page-background div.background-box { float:left; width:125px; height:125px; }

/* Container styles */
div.container { position:absolute; top:155px; left:50%; margin-left:-440px; width:880px; z-index:1002; }
div.container h1 { margin:0 0 30px 0; font-size:36px !important; font-weight:normal; color:white; }
div.container h2 { margin:0 0 20px 0; font-size:12px; letter-spacing:1px; text-transform:uppercase; color:#999999; font-weight:normal; }
div.container h2.alt { margin:0 0 10px 0; }
div.container div.section { margin:0 0 40px 0; }

/* Columns styles */
div.container div.columns { overflow:hidden; }
div.container div.columns div.column-1 { float:left; margin:0 0 20px 0; width:125px; }
div.container div.columns div.column-1 ul.nav li { margin:0 0 5px 0; font-size:14px; line-height:24px; color:white; }
div.container div.columns div.column-1 ul.nav li:last-child { margin-bottom:0; }
div.container div.columns div.column-1 ul.nav li.selected a { color:white; }
div.container div.columns div.column-2 { float:left; width:755px; }

/* Blog styles / Posts */
#container-blog ul.posts {  }
#container-blog ul.posts li.post { overflow:hidden; position:relative; margin:0 0 80px 0; }
#container-blog ul.posts li.post h3 { float:left; display:block; margin:0 20px 0 0; width:255px; font-size:24px; line-height:32px; font-weight:normal; }
#container-blog ul.posts li.post h3 a.date { display:block; margin:10px 0 0 0; font-size:12px; line-height:18px; }
#container-blog ul.posts li.post h3 p { margin:0 0 10px 0; }
#container-blog ul.posts li.post h3 p:last-child { margin-bottom:0; }
#container-blog ul.posts li.post div.content { float:left; padding:20px; width:440px; background:#33383C; }
#container-blog ul.posts li.post div.content div.copy { margin:0 0 10px 0; font-size:14px; line-height:24px; }
#container-blog ul.posts li.post div.content div.copy p { margin:0 0 10px 0; }
#container-blog ul.posts li.post div.content div.copy ul { margin:0 0 15px 15px; list-style:square; }
#container-blog ul.posts li.post div.content div.copy ol { margin:0 0 15px 15px; }
#container-blog ul.posts li.post div.content div.copy blockquote { font-style:italic; }
#container-blog ul.posts li.post div.content div.copy h4 { margin:20px 0 5px 0; font-size:18px; line-height:24px; font-weight:normal; color:#999999; }
#container-blog ul.posts li.post div.content div.copy img { display:block; max-width:434px; border:3px solid #4F575E; }
#container-blog ul.posts li.post div.content div.media { margin:0 0 20px 0; max-width:440px; }
#container-blog ul.posts li.post div.content div.media a { display:block; }
#container-blog ul.posts li.post div.content div.media img { display:block; max-width:434px; border:3px solid #4F575E; }
#container-blog ul.posts li.post div.content div.media-audio { background:white; }
#container-blog ul.posts li.post div.content div.quote { padding:0 0 0 40px; font-size:14px; line-height:24px; }
#container-blog ul.posts li.post div.content div.quote p { margin:0 0 10px 0; }
#container-blog ul.posts li.post div.content div.quote p:last-child { margin-bottom:0; }
#container-blog ul.posts li.post div.content span.quotation { display:block; position:absolute; top:10px; font-size:80px; color:#999999; }
#container-blog ul.posts li.post div.arrow { position:absolute; top:20px; left:263px; width:0; height:0; border-width:8px 12px 8px 0; border-color:transparent #33383C transparent transparent; border-style:solid; }
#container-blog div.navigation { overflow:hidden; margin:0 0 20px 0; font-size:14px; line-height:20px; }
#container-blog div.navigation a.next { display:block; float:right; }
#container-blog div.navigation a.previous { display:block; float:left; }

/* Blog styles / Gallery / Posts */
#container-blog ul.posts li.post-gallery h3 { float:none; margin:0; width:auto; font-size:14px; line-height:18px; }
#container-blog ul.posts li.post-gallery h3 a.date { display:inline; }
#container-blog ul.posts li.post-gallery div.content { float:none; margin:0 0 20px 0; width:auto; }
#container-blog ul.posts li.post div.content div.media { margin:0; max-width:755px; }
#container-blog ul.posts li.post div.content div.media img { max-width:100%; height:auto; }
#container-blog ul.posts li.post div.content div.media p { margin:0; }
#container-blog ul.posts li.post-gallery div.arrow { top:auto; bottom:26px; left:20px; border-width:12px 8px 0 8px; border-color:#33383C transparent transparent transparent; }

/* Help styles */
#container-help #help-list h3 { margin:10px 0 0 0; padding:20px; font-size:24px; line-height:32px; font-weight:normal; color:#03AEEB; background:#33383C; cursor:pointer; outline:none; }
#container-help #help-list h3:first-child { margin-top:0; }
#container-help #help-list h3.ui-state-active { color:white; }
#container-help #help-list div.help-content { display:none; padding:5px 20px 20px 42px; background:#33383C; }
#container-help #help-list div.help-content div.section { margin:0 0 30px 0; font-size:14px; line-height:24px; }
#container-help #help-list div.help-content div.section h4 { margin:0 0 10px 0; font-size:18px; line-height:24px; color:#FF9933; font-weight:normal; }
#container-help #help-list div.help-content div.section h5 { margin:20px 0 5px 0; font-size:14px; line-height:24px; color:#66CC66; font-weight:normal; }
#container-help #help-list div.help-content div.section p { margin:0 0 10px 0; }
#container-help #help-list div.help-content div.section ul { margin:0 0 10px 30px; list-style:square; line-height:30px; }

/* Directory styles */
#container-directory #directory-list li { position:relative; margin:0 0 40px 0; }
#container-directory #directory-list li a.image { display:block; margin:0 0 20px 0; padding:20px; background:#33383C; }
#container-directory #directory-list li a.image img { width:100%; height:auto; }
#container-directory #directory-list li div.arrow { position:absolute; bottom:29px; left:20px; width:0; height:0; border-width:12px 8px 0 8px; border-color:#33383C transparent transparent; border-style:solid; }
#container-directory #directory-list li a.link { font-size:14px; line-height:20px; }

/* Contact styles */
#feedback { padding:20px; background:white; -moz-border-radius:5px; -webkit-border-radius:5px; }
#fdbk_iframe { background:#292D31 !important; }

/* Base App Sprites */
.base-sprites { background: url("../../sprites/base/base_sprites.png") no-repeat top left; }
.sprite-help_about_panel { background-position: 0 0; width: 199px; height: 179px; } 
.sprite-help_account_settings { background-position: 0 -184px; width: 199px; height: 179px; } 
.sprite-help_design_panel { background-position: 0 -368px; width: 199px; height: 179px; } 
.sprite-help_services_panel { background-position: 0 -552px; width: 199px; height: 179px; }

/* Base - Index A Page */
.indexa-sprites { background: url("../../sprites/base/indexa_sprites.png") no-repeat top left; }
.sprite-indexa_feature_1 { background-position: 0 0; width: 280px; height: 220px; } 
.sprite-indexa_feature_2 { background-position: 0 -225px; width: 280px; height: 220px; } 
.sprite-indexa_feature_3 { background-position: 0 -450px; width: 280px; height: 220px; } 
.sprite-indexa_feature_4 { background-position: 0 -675px; width: 280px; height: 220px; } 
.sprite-indexa_feature_5 { background-position: 0 -900px; width: 280px; height: 220px; } 
.sprite-indexa_feature_6 { background-position: 0 -1125px; width: 280px; height: 220px; } 
.sprite-indexa_feature_directory_1 { background-position: 0 -1350px; width: 420px; height: 200px; } 
.sprite-indexa_feature_directory_2 { background-position: 0 -1555px; width: 420px; height: 200px; } 
.sprite-indexa_feature_directory_3 { background-position: 0 -1760px; width: 420px; height: 200px; } 
.sprite-indexa_feature_directory_4 { background-position: 0 -1965px; width: 420px; height: 200px; } 
.sprite-indexa_feature_directory_5 { background-position: -425px 0; width: 420px; height: 200px; } 
.sprite-indexa_header { background-position: -425px -205px; width: 514px; height: 56px; }