* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #000;
	color: #444;
	font: normal 11px/16px Georgia, Arial, Verdana, sans-serif;
	text-align: center;
}

img {
	border: none;
}

a, a:link, a:active, a:visited, a:hover {
	color: #c8ebeb;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul, li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

body#about {
	background: #000;
	color: #FFF;
}

#black_bar, #grey_bar, #full_black_bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 45px;
	background-color: #000;
	z-index: 75;
}

#grey_bar {
	background-color: #000;
}

#full_black_bar {
	background-color: #000;
}

#top_nav {
	position: fixed;
	margin: 0 0 0 -122px;
	top: 0;
	left: 50%;
	z-index: 100;
}

#top_nav_wide {
	position: fixed;
	margin: 0 0 0 -186px;
	top: 0;
	left: 50%;
	z-index: 100;
}

#left_nav {
	position: fixed;
	margin: -23px 0 0 0;
	top: 50%;
	left: 0;
	z-index: 100;
}

#right_nav {
	position: fixed;
	margin: -23px 0 0 0;
	top: 50%;
	right: -2px;
	z-index: 100;
}

#bottom_nav {
	position: fixed;
	margin: 0 0 0 -93px;
	bottom: 0;
	left: 50%;
	z-index: 100;
}

#bottom_nav_buy {
	position: fixed;
	margin: 0 0 0 -158px;
	bottom: 0;
	left: 50%;
	z-index: 100;
}

#top_nav li, #top_nav_wide li, #bottom_nav li, #bottom_nav_buy li {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0 1px 0 0;
}

#sub_drop ul {
	display: none;
}

#sub_drop:hover ul {
	display: block;
	width: 127px;
	overflow: hidden;
}

#sub_drop:hover a.change_view, #sub_drop:hover a.select_a_view_grey {
	background-position: 0 -45px;
}

#sub_drop ul li {
	display: block;
	list-style-type: none;
	border-top: 1px solid transparent;
	clear: both;
}

a span {
	display: none;
}

a.random, a.about, a.prev, a.next, a.share, a.subscribe, a.change_view, a.random_grey, a.about_white, a.select_a_view_grey, a.shirt, a.home, a.home_dark {
	display: block;
	height: 45px;
	width: 85px;
	background-repeat: no-repeat;
}

a.one_by_one, a.scrolling_list, a.one_by_one_grey, a.scrolling_list_grey {
	display: block;
	height: 25px;
	width: 127px;
	background-repeat: no-repeat;
}

a.home, a.home_dark {
	width: 72px;
	background-image: url(../img/btn_home.gif);
}

a.home_dark {
	background-image: url(../img/btn_home_dark.gif);
}

a.shirt {
	width: 129px;
	background-image: url(../img/btn_buy_shirt.gif);
}

a.one_by_one {
	background-image: url(../img/btn_one_by_one.gif);
}

a.scrolling_list {
	background-image: url(../img/btn_scrolling_list.gif);
}

a.one_by_one_grey {
	background-image: url(../img/btn_one_by_one_grey.gif);
}

a.scrolling_list_grey {
	background-image: url(../img/btn_scrolling_list_grey.gif);
}

a.random {
	background-image: url(../img/btn_random.gif);
}

a.about {
	background-image: url(../img/btn_about.gif);
}

a.random_grey {
	background-image: url(../img/btn_random_grey.gif);
}

a.about_white {
	background-image: url(../img/btn_about_white.gif);
}

a.prev {
	width: 49px;
	background-image: url(../img/btn_prev.gif);
}

a.next {
	width: 49px;
	background-image: url(../img/btn_next.gif);
}

a.change_view {
	background-image: url(../img/btn_change_view.gif);
	width: 127px;
}

a.select_a_view_grey {
	background-image: url(../img/btn_select_a_view_grey.gif);
	width: 127px;
}

a.share {
	background-image: url(../img/btn_share.gif);
	width: 75px;
}

a.subscribe {
	background-image: url(../img/btn_subscribe.gif);
	width: 109px;
}

a.tall:hover, a.tall_active {
	background-position: 0 -45px;
}

a.short:hover, a.short_active {
	background-position: 0 -25px;
}

#home_container {
	position: fixed;
	margin: -162px 0 0 -262px;
	top: 50%;
	left: 50%;
	width: 524px;
	height: 323px;
}

#home_content {
	position: relative;
}

#bake_fresh {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 150;
}

#store_button {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 150;
	border: none;
}

#equation_content {
	position: fixed;
	margin: -168px 0 0 -262px;
	top: 50%;
	left: 50%;
	width: 524px;
	height: 336px;
}

#scrolling_content {
	background: url(../img/hdr_new_math_blue.gif) no-repeat;
	background-position: 0 81px;
	position: relative;
	padding: 229px 0 100px 0;
	margin: 0 auto;
	width: 524px;
}

.equation_item {
	position: relative;
	width: 524px;
	padding: 0 0 75px 0;
	text-align: left;
	height: 370px;
}

.equation_item .date {
	position: absolute;
	top: 0;
	left: -130px;
	width: 120px;
	text-align: right;
	color: #3e5267;
	font: normal 11px/15px Georgia, Arial, Verdana, sans-serif;
}

.equation_item .share_container, .equation_item .shirt_container {
	position: absolute;
	top: 323px;
	left: 0;
}

.equation_item .shirt_container {
	left: 76px;
}

#about_content {
	background: url(../img/hdr_about_new_math.gif) no-repeat;
	background-position: 0 78px;
	position: relative;
	padding: 224px 0 50px 0;
	margin: 0 auto;
	width: 524px;
	text-align: left;
}




.cake-sql-log {
	background-color:#000;
	color:#FFF;
	border-collapse:collapse;
	margin: 0 auto;
	width: 85%;
	text-align: left;
}

.cake-sql-log caption {
	background-color:#900;
	color:#FFF;	
}

.cake-log-container {
	position: fixed;
	left: 0;
	bottom: 0px;
	height: 1px;
	border-top: 5px solid #bbb;
	overflow: hidden;
	text-align: center;
	width: 100%;
	
	margin-bottom: -1px;
	background-color: #eee;
}

.cake-log-container:hover {
	height: 125px;
	overflow: auto;
	z-index:400;
}

.cake-sql-log td {
	padding:3px;
	border:1px solid #999;
	background-color:#fff;
	color:#000;
}