/*   
Theme Name: Responsive Child Theme
Theme URI: http://themeid.com/responsive-theme
Description: Responsive Child Theme
Author: Emil Uzelac
Author URI: http://themeid.com
Template: responsive
Version: 1.0
*/

/* Import Responsive Styles */
@import url('../responsive/style.css');

/* =Start Here
-------------------------------------------------------------- */
#creeper{
  width: 1280px;
  height: 381px;
  background: url("images/creeper.jpg") no-repeat 0 0;
  margin: 20px auto 0 auto;
  position: relative;
  
  z-index:1;
}

#plaatje {
border-radius:10px;
-moz-border-radius:10px; /* Old Firefox */
}

.article a {
font-weight: 600;
color:#d7d7d7;
}

#postmedia{
float:right; 
clear:left;
padding: 0;
display: block;
height:100%;

}

.stButton {
	box-shadow: 1px 1px 2px #171b1f;
}

.st_plusone {

	margin-right: -5px;

}

#post_fb{
float:right; 
  display: block;
  width: 56px;
  height: 56px;
  background: url("images/post_fb.png") no-repeat 0 0;
}

#post_tw{
float:right; 
  display: block;
  width: 56px;
  height: 56px;
  background: url("images/post_tw.png") no-repeat 0 0;
}

#likem{
float:right; 
clear:left;
display: inline-block;
padding: 140px 125px 0 0; 
}


#prefoot {
			width:100%;
			float:none;
clear: both, left, right;
			margin:0 auto 0 auto;
			text-align: center;

}

#blackfoot {
background-color:#000;
position: relative;
margin-top: -55px;
padding-top: 100px;
height:100%;

}

img#wpstats{position:absolute;top:0;width:0px;height:0px;overflow:hidden}

#footer{
float:none;
			background-color:#000;
			color:#fff;
			margin:0 auto 0 auto;
			padding:0;


}

#footer_wrapper{
			background-color:#000;

}

#footer a {
color:#848484;
	  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

#footer a:hover {

text-decoration: underline;
color:#fff;
}

#content{
margin: 0 0 0 0;
margin-left: auto;
    margin-right: auto;
}

#content-blog {
    margin-bottom:0;
}

#text-9{
float: none;
clear:both, left, right; 
width: 100%;
margin: 0 auto;

}

.col-630 {
float: none;
clear:both, left, right; 
width: 700px;
margin-left:auto;
margin-right:auto;
}

#featured {
    background:none;
	border:0;
}

#featured-image {
    width: 60% !important;
	height: 60% !important;
	margin: auto;
}

#logohome {
	margin:auto;
	float:none;
	text-align:center;
	padding-top: 20px;
}

#logo {
   position:relative;
   float:left;
   height:356px;
   margin:0;
   width:450px;
}

.site-name {
visibility:hidden;
}


#paypal{
	float:right;
	padding-top:20px;
	padding-bottom:15px;
	font-size: 14px;
	font-weight: 200;
	line-height: 10px;
	padding: 0;
	text-align:center;
	color: #dadada;
}


#featured-image .fluid-width-video-wrapper {
	margin-left:0px;
}

#featured p {
	font-size: 14px;
	font-weight: 200;
	line-height: 10px;
	padding: 0;
	text-align:center;
	color: #dadada;
}

.call-to-action {
	text-align:center;
	padding-top: 10px;
}

.featured-subtitle {
	padding:10px 10px;
	text-align:center;
	color: #dadada;
}

.widget-wrapper {

	background-color:#000;
/*	background:transparent; */
	border:none;
	border-radius:0;
	font-size:13px;
	margin: 0 0 0 0;
	float:none;
	font-family: georgia, serif;
	text-align:left;
	font-style: italic;
	color:#fff;
	padding:0 0 0 0;
}

.widget-wrapper a {
color:#fff;
}

.col-220 {
margin-right:0;
margin-bottom:0;
margin-left:1.5957%;
}

.posthr {
margin: 0 0 0.2em 0;
background-color:#5b6465;
color:#5b6465;
height: 2px;
}

.footerhr {
margin: 1.6em;
color:#0c0e10;
background-color:#0c0e10;
height: 3px;
clear: both !important;
}

#widgets .tagcloud, 
#widgets .textwidget{
margin: 0 0 0 0;
}


#disqus_thread {
/* margin: 0px 150px;  */
padding: 20px 20px;
background-color:#2e363e;
}

/*.page #widgets {
display: none;
}

.single #widgets {
display: none;
} */

body {
background-color: #171a1f; /* Old browsers */
color:#fff;
border: none;

}

#container {
	margin:0 auto;
	max-width:960px;
	padding:10px 0 0 0;
}

#contained {

	margin:0 auto;
	max-width:960px;
	height:356px;
	padding:0;
	position: relative;
}

.logolink {
position: absolute;
    display: inline-block;
    width: 450px;    /* width of the logo */
    height: 356px;   /* height of the logo */
    bottom: 0; left: 0; /* top-left corner of logo */
    border: 0;
    float: left;
background: url("images/logo.jpg") no-repeat left top;
}



.logolink:hover span{
opacity:1;


/*position: absolute;
    display: inline-block;
    width: 450px;   
    height: 356px;   
    bottom: 0; left: 0;
    border: 0;
    float: left;
background: url("images/logomo.jpg") no-repeat left top; */
}

.logolink span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
background: url("images/logomo.jpg") no-repeat left top;
	background-position: 0 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}




.fb {
position: absolute;
    width: 46px;    /* width of the logo */
    height: 46px;   /* height of the logo */
    bottom: 150px; right: 227px; /* top-left corner of logo */
    border: 0;
    float:right;
background: url("images/fb.jpg") no-repeat left top;
}

.fb:hover span{
opacity:1;
}

.fb span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
background: url("images/fbmo.jpg") no-repeat left top;
	background-position: 0 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.tw {
position: absolute;
    width: 46px;    /* width of the logo */
    height: 46px;   /* height of the logo */
    bottom: 150px; right: 177px; /* top-left corner of logo */
    border: 0;
    float: right;
background: url("images/tw.jpg") no-repeat left top;
}

.tw:hover span{
opacity:1;
}

.tw span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
background: url("images/twmo.jpg") no-repeat left top;
	background-position: 0 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}


.rss {
position: absolute;
    width: 46px;    /* width of the logo */
    height: 46px;   /* height of the logo */
    bottom: 150px; right: 127px; /* top-left corner of logo */
    border: 0;
    float: right;
background: url("images/rss.jpg") no-repeat left top;
}

.rss:hover span{
opacity:1;
}

.rss span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
background: url("images/rssmo.jpg") no-repeat left top;
	background-position: 0 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}




.ffb {
position: relative;
    width: 46px;    /* width of the logo */
    height: 46px;   /* height of the logo */
    top: 50px; left: -10px;
    border: 0;

background: url("images/ffb.jpg") no-repeat left top;
}

.ffb:hover span{
opacity:1;
}

.ffb span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
background: url("images/ffbmo.jpg") no-repeat left top;
	background-position: 0 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.ftw {
position: relative;
    width: 46px;    /* width of the logo */
    height: 46px;   /* height of the logo */
    top: 50px; left: -10px;
    border: 0;

background: url("images/ftw.jpg") no-repeat left top;
}

.ftw:hover span{
opacity:1;
}

.ftw span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
background: url("images/ftwmo.jpg") no-repeat left top;
	background-position: 0 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}


.frss {
position: relative;
    width: 46px;    /* width of the logo */
    height: 46px;   /* height of the logo */
    top: 50px; left: -10px;
    border: 0;

background: url("images/frss.jpg") no-repeat left top;
}

.frss:hover span{
opacity:1;
}

.frss span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
background: url("images/frssmo.jpg") no-repeat left top;
	background-position: 0 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}



#header {
max-width: 100%;
	background-color: #171b1f; /* Old browsers */
	background-image:url(images/headerband.jpg); 
	background-repeat:repeat-x;
}

.home #wrapper {
margin: 0 auto;

}

#wrapper {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-color:transparent;
	border:none;
	border-radius: 0px;
	clear:both;
	margin: 0 auto;
	padding: 0;
	position:relative;

}

h1 {
	color:#fff;
	font-size:1.65em;
		font-weight:400;
    font-family: verdana, arial;
}

h1 a {
	color:#d4d4d4;
		font-size:1em;
			font-weight:400;
				  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

h1 a:hover {
	color:#d4d4d4;
		font-size:1em;
	text-decoration:underline;
			font-weight:400;
}

h2 {
	color:#777;

}

a {
	color:#848484;
	text-decoration:none;
	text-shadow:#000;
		  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

a:hover {
	color:#fff;
	text-decoration:underline;
	
}

p a:hover {
	color:#fff;
	text-decoration:underline;
}

::selection {
	background:#cdd0d4;
	text-shadow:none;
}

p {  
    word-wrap:break-word;
	color: #bbbbbb;
	text-align: justify;
	font-size: 15px;
	font-family: verdana;
	}

.post {
background-color:#07080a;
border-radius:10px;
-moz-border-radius:10px; /* Old Firefox */
padding:1px 50px 20px 50px;
/* margin:0px 100px; */
}
	
	
.post-data a {
	color:#848484;
		  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

.post-data a:hover {
	color:#fff;
	text-decoration:underline;
}

.post-data {
	background-color:#ffffff;
	color:#5b6465;
}

.post-meta {
	clear:both;
	color:#5b6465;
	font-size:13px;
	margin-bottom:10px;
}

.post-meta a{
	clear:both;

	font-size:13px;
	margin-bottom:10px;
	color:#848484;
		  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;

}

.post-meta a:hover{
	clear:both;
	color:#fff;
	font-size:13px;
	margin-bottom:10px;
	text-decoration:underline;
}

.comment-band {
display: block;
background-color:#2e363e;
height: 100%;
overflow: auto;
width:80%;
margin-left:auto;
margin-right:auto;
color:#848484;
padding: 10px 20px 11px 0;
overflow:hidden;
}

.comment-band a:hover {
color:#fff;
text-decoration:underline;
}

.comments-link{
color:#848484;
font-family:Georgia,Serif;
font-style:italic;
padding: 0 40px 0 30px;
vertical-align: middle;
line-height: 20px;
height: 100%
}

.nocomments-link {
padding: 0 30px 0 30px;
line-height: 30px;
font-size:0;
}

#sliders{
height:409px;
margin: 0 0 32px 0;
}

#respond {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#262626;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#262626), to(#262626));
	background-image:-webkit-linear-gradient(top, #262626, #262626);
	background-image:-moz-linear-gradient(top, #262626, #262626);
	background-image:-ms-linear-gradient(top, #262626, #262626);
	background-image:-o-linear-gradient(top, #262626, #262626);
	background-image:linear-gradient(top, #262626, #262626);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#262626, endColorstr=#262626);
	border:1px solid #4d4b49;
	border-bottom-color:#4d4b49;
	border-radius:2px;
	clear:both;
	margin-top:15px;
	padding:10px 20px 50px;
}

.comment-body {
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:none;
	background-color: #171a1c;
	clear:both;
	padding:10px;
}



.commentlist {
	-moz-border-radius:4px;
	-webkit-border-radius:4x;
	border-radius:4px;
	border-bottom:1px solid #4d4b49;
	list-style:none;
	margin:0;
	padding:0;
}

.commentlist li {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#262626;
	border-radius:4px;
	margin:0;
}



.navigation {
background-color:#07080a;
border-radius:10px;
-moz-border-radius:10px; /* Old Firefox */
padding:20px 50px 20px 50px;
margin: 0px;
} 

.navigation a {
	color:#848484;
	padding:4px 10px;
		  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

.navigation a:hover {
	color:#fff;
	text-decoration:underline;
}

button, 
a.button,
input[type='reset'], 
input[type='button'], 
input[type='submit'] {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
		background-color:#303030;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#6b6b6b), to(#303030));
	background-image:-webkit-linear-gradient(top, #6b6b6b, #303030);
	background-image:-moz-linear-gradient(top, #6b6b6b, #303030);
	background-image:-ms-linear-gradient(top, #6b6b6b, #303030);
	background-image:-o-linear-gradient(top, #6b6b6b, #303030);
	background-image:linear-gradient(top, #6b6b6b, #303030);
	box-shadow:0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6b6b6b, endColorstr=#303030);
	border:1px solid #161616;
	border-bottom-color:#161616;
	border-radius:6px;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:500;
	margin:0;
	padding:7px 10px;
	text-decoration:none;
	text-shadow:0 1px 0 #4d4d4d;
	vertical-align:middle;
	white-space:nowrap;
}

button:hover, 
a.button:hover,
input[type='reset']:hover, 
input[type='button']:hover, 
input[type='submit']:hover {
	background-color:#262626;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#424242), to(#262626));
	background-image:-webkit-linear-gradient(top, #424242, #262626);
	background-image:-moz-linear-gradient(top, #424242, #262626);
	background-image:-ms-linear-gradient(top, #424242, #262626);
	background-image:-o-linear-gradient(top, #424242, #262626);
	background-image:linear-gradient(top, #424242, #262626);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#424242, endColorstr=#262626);
	border:1px solid #161616;
	border-bottom-color:#161616;
	color:#fff;
	text-shadow:0 1px 0 #3b3b3b;
}

#widgets {
margin-top:0;

}

#widgets .widget-title img {
	margin-top:0;
	float:right;
	height:0px;
	position:relative;
	top:4px;
	width:11px;
}

.widget-title,
.widget-title-home h3 {
    
	font-family: Arial; 
	font-style:normal; 
	    font-size:150%;
  /*  display: block;
    font-size: 0px;
    font-weight: 700;
    line-height: 0px;

    padding: 0 0 0px;
    text-align: left; */
} 

#menu-container {
	clear: both;
	margin: 0 auto;
	max-width: 700px;

}

.menu {
    background-color: transparent;
	background-image: none;
    clear: both; 
	float: none;
	margin: 0 auto;
	padding: 0;
	width:700px;
	position:absolute; 
	bottom:0;
	vertical-align: middle;
}

.menu a {
	background-color:#b2aca9;
	border-radius:5px;
	-moz-border-radius:5px; /* Old Firefox */
	border-left: none;
	color:#000;
	display:block;
	font-size:50px;
	font-weight:normal;
	height:60px;
	width:100%;
	line-height:45px;

	padding:0;
	position:relative;
	text-decoration:none;
	text-shadow:none;
    text-align:center;
	vertical-align:middle;
	box-shadow: 3px 3px 3px #000;
	
	  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

.menu-item{
vertical-align: middle;
horizontal-align: middle;
}
 .menu li {
 vertical-align: middle;
 horizontal-align: middle; 
 width:21%;
 margin:2%;
 }

.menu a:hover{
background-color:#63605e;
color:#000;
background-image: none;
	box-shadow: none;
}

.scroll-top {
font-style:italic;
font-family: georgia;
}

.menu .current_page_item a,
.menu .current-menu-item a  {
background-color:#000;

color:#fff;
	box-shadow: none;
	
background-image: url(images/eye4.png);
      background-repeat: no-repeat;
      background-position: left top;
      padding-top:0;

}

/* = Responsive Slider
-------------------------------------------------------------- */
.slide-title {display:none!important;}

.responsive-slider.flexslider {
	background: transparent !important;
	border: 0px solid #161616 !important;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	-o-border-radius: 6px !important;
	border-radius: 6px !important;
	margin-bottom: 30px;
}

.responsive-slider.flexslider a, .responsive-slider.flexslider a:visited, .responsive-slider.flexslider a:hover {
	text-decoration: none;
	border-bottom: #161616;
}


.responsive-slider.flexslider .flex-direction-nav li a {

	width: 40px !important;

	height: 40px !important;

	background: url(images/slider-nav.png) no-repeat 0 0 !important;

	text-align: left;
}