@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	background-color: #97bd36;
	background-image: url(http://i.flipline.com/images/2014/flipline_bg_small.gif);
	background-position: left top;
	background-repeat: repeat;
}

.wrap {
	background-image: url(http://i.flipline.com/images/2014/flipline_bg_big.gif);
	background-position: left top;
    background-repeat: repeat-x;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	
	text-align:center;
	
}


#contentheader {
	display:inline-block;
	margin:0 auto;
	text-align:center;
	width:100%;
	position:relative;
	
}

#contentheader table {
	display:inline-block;
}

#content {
	display:inline-block;
	margin:20px auto;
	padding:5px;
	text-align:center;
	width:80%;
	height:80%;
	position:relative;
	
	background-color:#FFFFFF;
	border-radius:20px;
	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	
}


#content table {
	display:inline-block;
}



/*************** MENU ********************/



#sitemenu {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing:normal;
	/*border-bottom:5px solid #000000;*/
}



#sitemenu ul {
	margin:0 auto;
	padding:0;
	text-align:center;
	width:100%;
	font-size:0;
	/*background:#000000;*/
	display:inline-block;
	list-style:none;
	position:relative;
	z-index:999999990;
	padding-top:2px;
	/*border-top:1px solid #333333;
	border-bottom:1px solid #333333;*/
}

#sitemenu li {
	margin:0;
	padding:0;
	font-size:14px;
	display:inline-block;
	*display:inline;
	zoom:1;
	position:relative;
	color:#eeeeee;
	/*line-height:44px;*/
	transition:background-color 0.2s;
	outline:none;
}

#sitemenu li.over {
	color:#333333;
	background-color:#e4e7ea;
}

#sitemenu li.over.no-sub {
	color:#ffffff;
	background-color:#366708;
	border-radius:0;
}

#sitemenu .top-heading {
	
	
	margin:0 5px;
	display:inline-block;
	outline:0;
	cursor:pointer;
	
	/* From Main Site Nav */
	font-family: "Arial Black", Gadget, sans-serif;
	font-size:18px;
	text-align:center;
	color: #FFF;
	/*display:block;*/
	width: 104px;
	height: 38px;
	text-decoration:none;
	text-indent:13px;
	line-height:30px;
	white-space:nowrap;
	overflow:hidden;
	font-weight:normal;	
	
}


#sitemenu li a, #sitemenu li a:link, #sitemenu li a:hover {
	color:inherit;
}

#sitemenu li a:hover {
	text-decoration:underline;
}

#sitemenu li a:focus {
	outline:1px dotted #09F;
}


#sitemenu div.menu-icon {
	display:none; /*hide menu button */
}


#sitemenu .top-heading span {
	display:none;
}


#navapps {
	background: url("http://i.flipline.com/images/2014/nav_apps.gif") no-repeat 0 0;
  	background-position: 0 0px;	
}

#navblog {
	background: url("http://i.flipline.com/images/2014/nav_blog.gif") no-repeat 0 0;
 	 background-position: 0 0px;
}

#navforum {
	background: url("http://i.flipline.com/images/2014/nav_forum.gif") no-repeat 0 0;
 	 background-position: 0 0px;
}

#navshop {
	background: url("http://i.flipline.com/images/2014/nav_shop.gif") no-repeat 0 0;
 	 background-position: 0 0px;
}

#navflipdeck {
	background: url("http://i.flipline.com/images/2014/nav_flipdeck.gif") no-repeat 0 0;
  	background-position: 0 0px;
}


/*mobile styles*/
@media only screen and (max-width:600px){
	#sitemenu ul {
		width:100%;
		display:none;
		border-radius:0;
	}
	
	#sitemenu li {
		position:relative;
		display:block;
		font-size:20px;
		text-align:left;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	
	
	#sitemenu div.menu-icon {
		font-size:32px;
		display:block;
		position:relative;
		width: 40px;
		height:36px;
		text-align:center;
		cursor:pointer;
		-moz-user-select:none;
		-webkit-user-select:none;
		background-color:#eeeeee;
		border-radius:3px;
		
		margin-bottom:6px;
		margin-left:12px;
		margin-right:auto;
		
	}
	
	
	#sitemenu div.menu-icon::before {
		content: "";
		position: absolute;
		top: 0.25em;
		left:4px;
		width:1em;
		height:0.125em;
		border-top: 0.375em double #333333;
		border-bottom: 0.125em solid #333333;
		box-sizing:content-box;
	}
	
	#sitemenu div.menu-icon-active {
		background-color: #333333;
	}
	
	#sitemenu div.menu-icon-active::before {
		border-color: #eeeeee;
	}
	
}