/*
Theme Name: Bojan
Theme URI: http://danthornbury.com
Author: @hellodaniel
Author URI: http://danthornbury.com
Description: Bojan Rocks
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}




body {
	line-height: 0;
	font-family: 'Muli', 'Helvetica', sans-serif;
	background: #000; 
	color: #FFF;
}

h1 {
	line-height: 1em; 
}

#footer {
	clear: both; float: right; 
	display: none; 
}


#page {
	width: 935px; 
	margin: 50px auto; 
	
}





div.leftblock {
	float: left; 
	top: 0;
	margin-left: 21px;
	width: 270px;
	color: #FFF; 
	font-size: 10px;
}


div.leftblock .entry-header, div.leftblock .entry-title {
	margin-bottom: 30px;
}
div.leftblock h1 {
	margin-top: 10px;
}
.sub-content {
	float: left; 
	background: #333;
	top: 0; 
	left: 263px;
	height: 440px;
	
}



div.leftblock .entry-title {
	font-size: 14px;	
}
div.leftblock p {
	font-size: 10px; 
	line-height: 15px;
	margin-bottom: 10px; 
}


/* give each slide the same dimensions */
#slideshow div { width: 640px; height: 440px; overflow: hidden;   }

/* make sure each slide image is centered */
#slideshow div img { margin: auto; display: block }






.entry {
	margin-left: 20px; 
	background-color: #333333; 
	color: #C1C1C1;
	background-position: top left;
	background-repeat: no-repeat;	
}
.entry-content {
	
		padding: 40px 40px 0 290px;
		font-size: 14px;
}

.entry-title {
	color: #FFF; 
	font-size: 14px; 
	position: absolute;
	bottom: -9px; 
	left: 0;
	height: 40px; 
	padding: 10px; 
	width: 230px;
}




.branding {
	background: url(images/combined.png) bottom right no-repeat; 
	position: absolute;
	bottom: -42px;
	right: -2px;
	width: 629px; 
	height: 497px; 
	z-index: 1001;
}




.main-navigation {
	position: relative;
}
.main-navigation div.nav-menu > ul li.page_item {
	display: block; 
}

.main-navigation a {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: inline-block !important;
	text-align: left;
	width: 22px;
	position: absolute;
	top: -1px; 
	left: -20px;
	z-index: 1000;
}



	.main-navigation ul {
		margin: 0;
		text-indent: 0;
		-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0;
	}

	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
		padding: 0;
		z-index: 100;
		font-size: 12px;
	}
	
	.main-navigation li a {
		width: 18px; 
		height: 18px; 
		overflow: hidden; 
		text-indent: 100px; 
		
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
		line-height: 18px;
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
		z-index: 1000;
	}
	.main-navigation li a:hover {
		width: 291px;
		text-indent: 25px; 
		color: #FFF;
		 -webkit-box-shadow: -4px 0px 4px 0px #000; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: -4px 0px 4px 0px #000; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */		
	}
	.main-navigation li {
		margin: 0 2.857142857rem 0 0;
		margin: 0 40px 0 0;
		position: relative;
		
	}
	.main-navigation li ul {
		float: left; 
		margin: 0;
		padding: 0;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li a {
		background: #efefef;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
	}


.entry-content p { line-height: 1.4em; font-size: 0.8em; }
.entry-content img { margin-top: 1px; }