/* --- Typography ------------ */
h1, h2, h3 { color: #0088c6; }

/* --- Common ------------ */
body { background: #f27817 url('http://wawwd-resources.s3.amazonaws.com/sub_page_background_old.jpg') center top no-repeat; }
body.logged-in { background: #f27817 url('http://wawwd-resources.s3.amazonaws.com/sub_page_background_old.jpg') center 68px no-repeat; }

#header { }
#header h1 { height: 90px; }

#footer { height: 400px; }
#page_content { padding-top: 30px; }

#actions_help { padding: 10px 20px 10px 20px;  }
#actions_help .cufon { font-size: 30px; line-height: 110%; color: #73429a; }
#actions_help p { font-size: 14px; margin: 20px 0 0 0;  }

.sp_wrapper { padding: 0 40px;  }

/* --- Navigation ------------ */
#nav li#wawwd ul  { display: block; z-index: 1000; }
#nav li#wawwd.hover ul { display: block; z-index: 9999; }

/* --- Sidebar ------------ */
#sidebar #tally.panel {  }
#sidebar #tally.panel .content span,
#sidebar .panel .header h3 { color: #0088c6; }
#sidebar_mbd a { background:url('images/link_arrow.png') left top no-repeat; display: inline-block; height: 22px; padding: 2px 0 0 25px;}

#dynamic_active_users li { width: 50px; height: 50px; float: left; margin-right: 8px; border: 1px solid #CCC; overflow: hidden;  }

ul.list .buttons a:hover { background: #0088c6; color: #FFF; }

.info img { display: block; float: left; margin-right: 20px; }
.info { margin-bottom: 20px; }
.info .button { background: #5787c9; border-color: #90abd8; }
.info .button:hover { background: #406ea9; border-color: #5789c8; }

/* --- Forms --- */
button, .button { display: block; border: 3px solid #5b98be; background: #0088c6; color: #FFF; font-size: 90%; font-weight: bold; padding: 3px 5px; float: left; margin-bottom: 20px; margin-right: 10px; }
button:hover, .button:hover { border-color: #0088c6; background: #5b98be;  cursor: pointer; }

/* --- UI ------------ */
.ui-widget-header { background: #5b98be; }


#ive_done_this {display:block; width:300px; margin: -24px 0 20px 0; padding: 7px 15px 6px 15px; background-color:#73429a; color:#FFF;}

#go_to_featured_tab { float: right; color:#FFF; padding-top:3px;}

#comments.panel ul li#go_to_featured_bar,
#comments.panel ul li#all_the_best_bar,
#comments.panel ul li#all_the_rest_bar { background-color: #0088C6; padding: 8px 15px 4px 15px !important; border: none; }

#comments.panel ul li#all_the_rest_bar { margin-top: 20px; }

#go_to_featured_bar h3,
#all_the_best_bar h3,
#all_the_rest_bar h3 { color:#FFF; }


#flash_overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 5000;   }
#flash_overlay .inner { width: 100%; height: 100%; position: relative; z-index: 6000; }
#flash_overlay .holder { width: 100%; height: 600px; background: #FFF; position: absolute; top: 50%; margin-top: -300px; }
#flash_overlay .close { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#flash_overlay .close_button { width: 200px; height: 40px; background: #5fe1ff; position: absolute; top: 50%; right: 0; margin-top: -300px; z-index: 9000; text-align: left; text-indent: 20px;line-height: 40px; color: #000;  cursor: pointer;  }

/* --- Diary ------------ */
.diary_colors { display: inline-block; padding: 13px 3px; width: 40px; text-decoration:none; margin-right:10px; margin-bottom: 20px; float:left; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size:.8em; text-align:center; font-weight: bold;  }
.pink 	{ background-color: #E2007A; }
.purple { background-color: #613E8E; }
.orange { background-color: #E75113; }
.green 	{ background-color: #009036; }
.blue 	{ background-color: #006FB7; }
.yellow { background-color: #FFD500; }

.no_box h1,
.no_box h2,
.no_box h3,
.header h2,
.header h3,
.rte h1,
.rte h2,
.rte h3,
.cufon,
#actions_is_empty,
.message,
#home_logo h2 { font-family: 'ChunkFiveRegular', sans-serif; font-weight: normal; }


.actions.categories .list li a { display: block; width: 100%; height: 100%; float: left; text-indent: -1920px; background: url('images/cat_chooser_grid_hover.png') left top no-repeat; }
.actions.categories .list li a:hover { background-image: url('images/cat_chooser_grid_base.png'); }