/*
Theme Name: Onwards and Upwards
Author: MKAS
Description: Theme created for Onwards and Upwards
Version: 0.0.1
Tags: onwards
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Clear Fix Styles */

.clearfix:after
{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height:1%;
}

.clearfix
{
	display:block;
}

body
{
	background: #FFF;
	color: #555;
	font-family: "Oxygen", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 30px 0;
	background-image: url(images/bg_low.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}

/** Misc Styles **/

a { color: #7495A9; text-decoration: none; }
a:hover { color: #333; }

/** Main Styles **/

#container1
{
	position: relative;
	margin: 0 auto;
	width: 960px;
	padding: 20px;
	z-index: 0;
	background: #FFF;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

	#container1 #topcont
	{
		width: 960px;
		padding: 20px 0;
	}
	
		#container1 #topcont h1
		{
			font-family: "Oxygen", Arial, Helvetica, sans-serif;
			font-size: 70px;
			text-transform: lowercase;
			font-weight: normal;
			letter-spacing: -2px;
		}
	
	#container1 #menucont
	{
		width: 960px;
		padding: 0 0;
	}
	
		#container1 #menucont li
		{
			display: inline;
		}
		
		#container1 #menucont li a
		{
			padding: 15px;
			font-size: 16px;
			text-transform: lowercase;
			color: #999;
			font-family: "Raleway", Arial, Helvetica, sans-serif;
		}
		
			#container1 #menucont li.active a
			{
				color: #333;
			}
		
		#container1 #menucont li a:hover
		{
			color: #7495A9;
		}
		
	#container1 #gallerycont
	{
		margin: 0 auto;
		width: 960px;
		height: 200px;
	}
	
	/*** Fading Gallery Styles **/
	
		#container1 #gallerycont #slideshow
		{
			position: relative;
			width: 960px;
			height: 200px;
		}
		
		#container1 #gallerycont #slideshow img
		{
			position:absolute;
			top:0;
			left:0;
			z-index:8;
			opacity:0.0;
		}
		
		#container1 #gallerycont #slideshow img.active
		{
			z-index:10;
			opacity:1.0;
		}
		
		#container1 #gallerycont #slideshow img.last-active
		{
			z-index:9;
		}
	
	/** End Fading Gallery Styles **/

	#container1 #maincont
	{
		margin: 20px auto;
		width: 100%;
		line-height: 24px;
		border-bottom: 1px dashed #BBB;
	}

		#container1 #maincont p { margin: 0 0 15px 0; }
		#container1 #maincont h1, #container1 #maincont h2, #container1 #maincont h3, #container1 #maincont h4, #container1 #maincont h5 { margin: 0 0 20px 0; font-weight: normal; color: #333; letter-spacing: -1px; font-family: "Oxygen", Arial, Helvetica, sans-serif; }
		#container1 #maincont h1 { font-size: 35px; }
		#container1 #maincont h2 { font-size: 30px; }
		#container1 #maincont h3 { font-size: 30px; }
		#container1 #maincont h4 { font-size: 28px; }
		#container1 #maincont h5 { font-size: 28px; }
		#container1 #maincont ul { margin: 0 0 15px 35px; list-style-type: square; }
		#container1 #maincont ul li { padding: 0 0 0 2px; }
		#container1 #maincont ol { margin: 0 0 15px 35px; list-style-type: decimal; }
		#container1 #maincont ol li { padding: 0 0 0 2px; }
		#container1 #maincont blockquote { background: #EEE; border-left: 3px solid #7495A9; padding: 15px; margin: 0 0 15px 0; font-size: 12px; font-style: italic; line-height: 18px; }

	#container1 #footercont
	{
		padding: 20px 0px 10px;
		font-size: 11px;
		height: 30px;
	}
	
	#container1 #footercont #left
	{
		float: left;	
	}
	
	#container1 #footercont #right
	{
		float: right;
		text-align: right;
	}

	
.blog-nav li {
    position: relative;
    display: inline-block;
    padding: 10px;
    font-weight: 500;	
}
.blog-nav li a {
    color: #000;
}