@-ms-viewport{
 width:auto!important;
 } 

body {
	background-image: url('../img/bg.png');
	/*background-image: url('../img/tweed.png');*/
	color: #EEFFD9;
	font-family: 'Merriweather', serif;
	background-attachment: fixed;
}

a {
	color: #ddd;
}

a:hover {
	color: #fff;
}

a:visited {
	color: #ddd;
}

a:link {
	color: #ddd;
}

a:focus {
	color: #999 !important;
}

img {	
	max-width: 100%;
	height: auto;
	width: 100%;
}

#footer {
		/*background: rgba(58, 43, 64, 0.49);*/		
		text-align: center;		
}

.row {
	margin: 0px;
	
}

#logo {
	width: 200px;
	margin: 15px auto 20px auto;
}

#logo img {
	max-width: 100%;
	height: auto;
}

.navbar-default {
	background-color: transparent;
	border: 0px;	
}

.navbar-default .navbar-nav>li>a {
	color: #ddd;
	padding-top: 2px;
	padding-bottom: 2px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
}

.navbar-collapse 
{
	padding: 0px;
}

.navbar-nav {
	margin: 0px;
}

#sidebar-widgets {
	visibility: hidden;
}

.nav > li {
	width: 100%;
	background-color: rgba(255,255,255,0.1);
	padding-bottom: 2px;
	padding-top: 2px;
	font-size: 15px;
	-webkit-transition: all 0.08s ease-in;
	        transition: all 0.08s ease-in;
}

.nav > li:hover {
	background-color: rgba(255,255,255,0.05);
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 16px;
	-webkit-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}

.sidebar-nav > .title 
{
	font-size: 14px;
	margin-bottom: 15px;
}

.nav > li > a {	
	font-weight: 700;
}

.thumbnail {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	border: 0px;
	max-width: 300px;
	
}

.thumbnail img {
	width: 100%;
	height: auto;
	border: 0px;
	max-width: 300px;
	overflow: hidden;
	/*z-index: -1000;*/	
}

.thumbnail > .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: #000;
	-webkit-transition: opacity 0.2s ease-in;
	        transition: opacity 0.2s ease-in;	
}

.thumbnail a>img {
	max-width: 300px;
}

.thumbnail:hover > .overlay {	
	opacity: 0.5;	
	filter: alpha(opacity=50);
	-webkit-transition: opacity 0.2s ease-out;
	        transition: opacity 0.2s ease-out;
}

.thumbnail a:hover>.views {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.05s ease-out 0.01s;
	        transition: opacity 0.05s ease-out 0.01s;
}

.thumbnail a:hover>.neu {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.05s ease-out 0.01s;
	        transition: opacity 0.05s ease-out 0.01s;
}


.description {    
	position: absolute;
	width: 100%;    
  	top: 50%;
    -webkit-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=100);
     
}

.description-title {
    display: block;
    font-weight: 900;
	font-size: 1.6em;
	
    color: #fff;    
}

.description-subtitle {
    display: block;
    font-weight: 300;
	font-size: 1em;
	
    color: #aaa;    
}

.neu {
	color: #fff;
	background-color: #ff0000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 2px; 
	padding: 2px;
	font-weight: 300;
	font-size: 0.8em;
	-webkit-transition: opacity 0.05s ease-in 0.01s;
	        transition: opacity 0.05s ease-in 0.01s;
}

.views {
	color: #fff;
	position: absolute;
	bottom: 2px;
	right: 2px;
	padding: 2px;
	font-weight: 300;
	font-size: 12px;
	padding-left: 20px;
	background: url('../img/eye.png') no-repeat 0 5px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.05s ease-in 0.01s;
	        transition: opacity 0.05s ease-in 0.01s;
}

.content-head {
	padding: 0 10px 0 10px;
}

#header > .sidebar-nav {
    text-align: center;  
}

.emm-paginate {
    display: block;
    font-size: 14px !important;
    font-weight: bold;
    margin:3% auto;
    padding: 10px 0;
    width: 75%;
    text-align: center;
}

.emm-paginate a, .emm-paginate span {
    margin-left:10px;
}

.emm-page {
    background:#4B99AD;
    color:#ffffff;
    border-radius: 50% 50% 50% 50%;
    display: inline-table;
    height: 30px;
    min-height: 30px;
    width: 30px;
    line-height: 30px;
    margin-left: 5px;
    -webkit-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
}

.emm-page:hover {
	background: #2C9BB7;
	-webkit-transition: all 0.1s ease-out;
	        transition: all 0.1s ease-out;
}

.emm-current {
    background:#3E4244;
    color:#000;
}

.emm-current:hover {
	background:#3E4244;
    color:#000;
}

.emm-title {
	display: block;
	margin-bottom: 10px;
}

.emm-title:after {
	content:"\A"; white-space:pre;	
}

.emm-np {
	/*position: relative;
	min-height: 30px;*/
	margin-bottom: 15px;
}
.emm-np > * {
	/*(position: absolute;
	display: inline;*/
	font-size: 19px;	
}
.emm-np > a {
	margin:10px
}
.emm-next {
	width: 100%;
	text-align: right;
}
.emm-previous {
	left: 5px;
}

.title-image > img {
	display: block;
	width: 100%;	
	position: relative;
}

[class$="-12"] {
  	padding: 10px;
}

#footer-widgets aside
{
	float: left;
	margin: 10px;
	min-width: 200px;
	max-width: 300px;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.size-large { width: 100%; }
img.size-medium { width: 500px; }
img.size-thumbnail { width: 400px; }

@media (min-width: 768px) {
	#wrapper {
		display: table;
		table-layout: fixed;
		margin-left: auto;
		margin-right: auto;
	}
	
	#content {
		max-width: 1200px;
	}
	
	#header, #content {
		display: table-cell;	
		vertical-align: top;
	}
	
	#header {					
		width: 220px;
		min-width: 220px;
		/*background: rgba(58, 43, 64, 0.49);*/
	}
	
		
	#content {
		
	}
	  
  .thumbnail img {	
	max-width: 1000px;
  }
  .thumbnail a>img {
	max-width: 1000px;
  }
  
  .thumbnail {
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	border: 0px;
	overflow: hidden;
	border-radius: 0px;
	max-width: 1000px;
	min-height: 100px;
  }
  
  .thumbnail img {
		-webkit-transform: scale(1.0) rotate(0deg);
		    -ms-transform: scale(1.0) rotate(0deg);
		        transform: scale(1.0) rotate(0deg);
		-webkit-transition: all 0.05s ease-in;
		        transition: all 0.05s ease-in;  
  }
     
  .thumbnail:hover img {
	-webkit-transform: scale(1.1) rotate(-3deg);
	    -ms-transform: scale(1.1) rotate(-3deg);
	        transform: scale(1.1) rotate(-3deg); 	
	-webkit-transition: all 0.2s ease-out; 	
	        transition: all 0.2s ease-out;
    
  }
  
  
  .thumbnail a:hover>.description {	
    top: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: top 0.08s ease-out 0.01s, opacity 0.05s ease-out 0.01s;
            transition: top 0.08s ease-out 0.01s, opacity 0.05s ease-out 0.01s;
  }
  
  
  .description {   
  	top: 0%;  	  
    opacity: 0;  	  
    filter: alpha(opacity=0);    
    -webkit-transition: opacity 0.2s linear 0.1s, top 0s linear 0.3s;    
            transition: opacity 0.2s linear 0.1s, top 0s linear 0.3s;
    
  }
  
  .description-title {
	font-size: 1.6vw;
  }
	
  .description-subtitle {
	font-size: 1vw;	   
  }
  
  .row {
  		//padding-right: 25px; 	
  }
    
  
  
  #header > .sidebar-nav
  {
    position: fixed;
    width: 220px;
  }
  
  #sidebar-widgets {
	visibility: visible;
  }
  
  .emm-title:after {
	content:none;	
  }
  
  #content {
	background: #1B161A;
	background: rgba(27, 22, 26, 0.68);
}
  
  .emm-title {
  	display: inline;
  	margin-bottom: 0px;
  }
  
  #footer {
		background: none;
  }  
}



input[type=text], 
input[type=date],
input[type=datetime],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=email],
textarea, 
select{
	box-sizing: border-box;
	border: 1px solid #4A4A4A;
	padding: 7px;
	margin:0px;
	-webkit-transition: all 0.30s ease-in-out;
	        transition: all 0.30s ease-in-out;
	outline: none;
	border-radius: 3px;
	background: #1B161A;
	background: rgba(27, 22, 26, 0.68);
}
input[type=text]:focus, 
input[type=date]:focus,
input[type=datetime]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=email]:focus,
textarea:focus, 
select:focus{
	box-shadow: 0 0 8px #624C65;
	border: 1px solid #5A515A;
}
input[type=submit], input[type=button]{
	background: #4B99AD;
	padding: 8px 15px 8px 15px;
	border: none;
	color: #fff;
}
input[type=submit]:hover, input[type=button]:hover{
	background: #2C9BB7;
	box-shadow:none;
}