/* @override http://tapplox.com/css/default.css */

body {
	background-color: #1c1c1c;
	color: #1e1e1e;
	font-size: 100.01%;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;	
	opacity: 0.99;
	text-align: center;
}

a {
	color: #4D639f;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


#footer {
	color: #444444;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	margin-top: 12px;
	margin-bottom: 30px;
}

#footer p a {
	color: #4d639f;
}

.replaced {
	height: 0px;
	overflow: hidden;
}

/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */ 
* html .clearfix {height: 1%;}
/* IE7 */
*:first-child+html .clearfix {min-height: 1px;}


/* ====================== navigation menu ====================== */

#navbar {
	background: url(../images/navbar.png) no-repeat;
	height: 76px;
	margin-left: auto;	
	margin-right: auto;
	margin-top: 13px;
	margin-bottom: 12px;
	overflow: hidden;
	position: relative;
	text-align: center;	
	width: 958px;	
	z-index: 10;
}

#navbar #main_menu li, #navbar #follow_menu li {
	display: inline;
}

#navbar #follow_menu {
	padding-top: 16px; /* 15px need to move the follow_menu down */
}

#navbar #main_menu li a {
	background-image: url(../images/navbar_buttons.png);
	background-repeat: no-repeat;
	float: left;
	height: 0;
	margin-top: 12px;
	overflow: hidden;	
	padding-top: 54px; /*height*/
	text-align: center;
	width: 92px;
	z-index: 20;
}

#navbar #follow_menu li a {
	background-image: url(../images/follow_buttons.png);
	background-repeat: no-repeat;		
	float: left;
	height: 0;
	overflow: hidden;
	margin-top: 12px;
	padding-top: 29px; /*height*/
	text-align: center;
	width: 51px;
	z-index: 20;	
}

#navbar #main_menu li#mm-home a {
	background-position: 0 0;
	margin-left: 246px;
	/* TODO IE 6 double margin */
	width: 96px;
}

#navbar #main_menu li#mm-apps a {
	background-position: -96px 0;
}

#navbar #main_menu li#mm-blog a {
	background-position: -188px 0;
}

#navbar #main_menu li#mm-about a {
	background-position: -280px 0;
}

#navbar #main_menu li#mm-support a {
	background-position: -372px 0;
	width: 96px;
}

#navbar #follow_menu li#fm-rss a {
	background-position: 0 0;
	width: 42px;
	margin-left: 53px;
/* 	margin-left: 75px; */
	/* TODO IE 6 double margin */
}

#navbar #follow_menu li#fm-email a {
	background-position: -42px 0;
	width: 51px;
}

#navbar #follow_menu li#fm-twitter a {
	background-position: -93px 0;
	width: 67px;
}

/* ====================== newsletter submit button ====================== */
#navbar #follow_menu form {
}

#navbar #follow_menu fieldset {
	float: left;
	height: 0;
	margin-top: 12px;
}

#navbar #follow_menu button {
	margin: 0;
	padding: 0;
	background-color: gray;
	background-image: url(../images/follow_buttons.png);
	background-repeat: no-repeat;	
	background-position: -42px 0;	
	border-style: none;	
	height: 0px;
	padding-top: 29px;
	width: 51px;
}

#navbar #follow_menu button:hover {
	background-position: -42px -30px;
	cursor: pointer;
}

#navbar #follow_menu button:active {
	background-position: -42px -60px;	
}

/* ====================== main menu button hovers ====================== */
#navbar #main_menu li a:hover {
	padding-top: 53px; /* 54px */
}

#navbar #main_menu li#mm-home a:hover {
	background-position: 0 -56px;
	margin-left: 246px;
	width: 96px;	
	/* IE 6 double margin */
	
}

#navbar #main_menu li#mm-apps a:hover {
	background-position: -96px -56px;
}

#navbar #main_menu li#mm-blog a:hover {
	background-position: -188px -56px;
}

#navbar #main_menu li#mm-about a:hover {
	background-position: -280px -56px;
}

#navbar #main_menu li#mm-support a:hover {
	background-position: -372px -56px;
	width: 96px;
}

#navbar #follow_menu li#fm-rss a:hover {
	background-position: 0 -30px;
}

#navbar #follow_menu li#fm-email a:hover {
	background-position: -42px -30px;
}

#navbar #follow_menu li#fm-twitter a:hover {
	background-position: -93px -30px;
}


/* ====================== main menu actives ====================== */
#navbar #main_menu li#mm-home a:active {
	background-position: 0 -111px;
	margin-left: 246px;
	width: 96px;	
	/* IE 6 double margin */
	
}

#navbar #main_menu li#mm-apps a:active {
	background-position: -96px -111px;
}

#navbar #main_menu li#mm-blog a:active {
	background-position: -188px -111px;
}

#navbar #main_menu li#mm-about a:active {
	background-position: -280px -111px;
}

#navbar #main_menu li#mm-support a:active {
	background-position: -372px -111px;
	width: 96px;
}

#navbar #follow_menu li#fm-rss a:active {
	background-position: 0 -60px;
}

#navbar #follow_menu li#fm-email a:active {
	background-position: -42px -60px;
}

#navbar #follow_menu li#fm-twitter a:active {
	background-position: -93px -60px;
}

/* special: clicked on subscribe email button */
#container #navbar #follow_menu.fm-selectedmail li#fm-email a {
	background-position: -42px -60px;
}

/* ====================== 'a' selected page overrides ====================== */
#navbar #main_menu.nav-home li#mm-home a {
	background-position: 0 0;
	cursor: default;
}

#navbar #main_menu.nav-apps li#mm-apps a {
	background-position: -96px -165px;
	cursor: default;	
}

#navbar #main_menu.nav-blog li#mm-blog a {
	background-position: -188px -165px;
	cursor: pointer;	
}

#navbar #main_menu.nav-about li#mm-about a {
	background-position: -280px -165px;
	cursor: default;	
}

#navbar #main_menu.nav-support li#mm-support a {
	background-position: -372px -165px;
}

/* ====================== newsletter signup ====================== */
form#newsletter-signup-box {
	display: none;
	height: 32px;
	position: relative;
	bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	width: 938px; /* 300px */	
	/*background-color: red;*/
}

#newsletter-signup-box fieldset {	
	position: relative;
	/*left: 322px;*/	
	top: 2px;
}

#newsletter-signup-box label {
	color: #777777;
	display: block;
	font-size: 12px;
	/*font-weight: bold;*/
	position: absolute;
	top: 8px;
	left: 555px;
	text-align: left;
}

#newsletter-signup-box #newsletter-email {
	background-color: #222222;
	border: 2px solid #3a3a3a;
	color: #cccccc;
	font-size: 13px;
	height: 19px;
	position: absolute;
	left: 753px;
	padding-left: 2px;
	padding-right: 2px;
	width: 139px; /* 151px */
}

#newsletter-signup-box #newsletter-button-subscribe {
	background-color: #444444;
	background: -webkit-gradient(linear, left top, left bottom, 
		from(#444444), to(#303030));
	color: #cccccc;
	cursor: pointer;
	height: 26px;
	position: absolute;
	top: -1px;
	left: 908px;
	width: 30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #666666;
}

#newsletter-signup-box #newsletter-button-subscribe:hover {
	background-color: #bbbbbb;
	background: -webkit-gradient(linear, left top, left bottom, 
		from(#777777), to(#bbbbbb));	
	color: #333333;
}

#newsletter-signup-box #newsletter-button-subscribe span {
	display: block;
	font-size: 11px;
	font-weight: bold;
	position: relative;
}