/*-------------------------------------------------------
Default theme - core 1 navigation style
-------------------------------------------------------*/
					
/*-------------------------------------------------------
	Header
-------------------------------------------------------*/

.header {
	margin: 0 auto 0 auto;
	}
	
	.header a img {
		display: block;
		margin: 0 auto 0 auto;
		max-width: 100%;
		}

	.header h1 {
		min-height: 100px;
		line-height: 140px;
		margin: 0 auto 0 auto;
		}
			
		.header h1 a {
			display:block;
			height:100%;
			text-decoration:none;
			outline:none;
			padding: 0 20px;
			}

/*-------------------------------------------------------
	Navigation
-------------------------------------------------------*/

div.nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	margin: 0;
	z-index: 9997;
	height: 100%;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	}
	.menuOn div.nav {
    	width: 220px !important;
		}
	
	.nav ul {
		padding: 0;
		text-align: left;
		margin: 40px auto 0 auto;
		vertical-align: middle;
		width: 80%;
		}
		
			.nav ul li,
			.footer ul li {
				display: block;
				padding:5px 0;
				display: none;
				}
				.nav ul li.mobileNav {
					position: fixed;		
					top: 20px;
					left: 20px;
					padding: 5px 0 2px;
					transition-duration: 500ms;
					-webkit-transition-duration: 500ms;
					display: block !important;
					}
					
					body.menuOn .nav ul li, body.menuOn .nav ul li ul li, body.menuOn .footer ul li {
						display: block;
						}
						body.menuOn .nav ul li.mobileNav {
							left: 230px;
							transition-duration: 500ms;
							-webkit-transition-duration: 500ms;
							}
				
				
						.nav ul li a {
							display:block;
							text-decoration:none;
							font-size: 15px;
							line-height: 16px !important;
							font-weight: normal !important;
							transition-duration: 500ms;
							-webkit-transition-duration: 500ms;
							min-width: 200px;
							}
							.nav ul li a:hover,
							.navigation ul li.current a {
								}
								.nav ul li.current>a {
									cursor:default;
									}
									
							span.social-icons {
								position: fixed;		
								top: 55px;
								left: 20px;
								z-index: 99999;
								transition-duration: 500ms;
								-webkit-transition-duration: 500ms;
								}
								span.social-icons li {
									display: inline-block;
									padding: 0 6px 0 0;
								}
								span.social-icons li a {
									min-width: 0;
								}
								body.menuOn span.social-icons {
									left: 230px;
								}
								body.menuOn span.social-icons li {
									display: inline-block;
								}
							
							
.content ul.nav { /* subnav */
			padding:0 0 30px;
			text-align:left;
			list-style:none;
			font-size: 18px;
			background-color: transparent;
			}			


.footer {
	width: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	height: 160px;
	z-index: 9999999;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	}
	.menuOn div.footer {
    	width: 220px !important;
    	transition-duration: 500ms;
		-webkit-transition-duration: 500ms;
		}
	.footer ul {
		padding: 0;
		text-align: left !important;
		margin: 0 auto 0 auto;
		vertical-align: middle;
		width: 80%;
		height: 100px;
		}
		.footer ul li {
			font-size: 12px;
			line-height: 12px;
			}
			.footer ul li.retweet {
				width: 100%;
				padding: 0 0 5px 0;
				margin: 0;
				}
	

/* Styling for mobile devices ------------------------------------------------------- */
@media screen and (max-width: 768px) {

	
	.nav ul li.mobileNav, body.menuOn .nav ul li.mobileNav {
		display: block !important;
		top: 20px;
		left: 5px;
	}
	span.social-icons {
		top: 35px;
		left: 5px;
		}
		body.menuOn span.social-icons {
			top: 5px;
		}
	
	.nav ul li.mobileNav, body.menuOn .nav ul li.mobileNav, body.menuOn .nav ul li.mobileNav a {
		line-height: inherit !important;
		top: 5px;
	}
	
	.nav ul li {
		display: none;
	}
	.nav ul span.social-icons li {
		display: inline-block;
	}
	
	body.menuOn .nav ul li, body.menuOn .nav ul li ul li {
		display: block;
	}
	
	body.menuOn .nav ul ul {
		display: block;
	}
	
	body.menuOn .nav li ul {
		background-color: inherit;
		left: auto;
		width: 100%;
	}
	
	body.menuOn .nav ul li ul {
		position: relative;
	}
}