/*Theme Specific Styles begin*/

html { 
position:relative;
min-height:100%;
background:#850000 url('../images/grunge.png');
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color:transparent;
    margin-bottom:80px;	
}

/*social media icon stuff*/

.fb-bg {
	background-color:#3b5998;
}

.twitter-bg {
background-color:#4099ff;
}



/* navbar */
.navbar-default {
background-color: #000;
    border-color: #222;
}
/* title */
.navbar-default .navbar-brand {
    color: #999;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #BBB;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #BBB;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #EEE;
    text-decoration:underline;
}



.navbar-default .navbar-nav > .current-menu-item > a, 
.navbar-default .navbar-nav > .current-menu-item > a:hover, 
.navbar-default .navbar-nav > .current-menu-item > a:focus {
    color:#EEE;
    background-color:#000;
    text-decoration:underline;
}



.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #222;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}


/*localhost
.uutiset .menu-item-4, .kirjat .menu-item-11 {
    color:#EEE;
    background-color:#000;
    text-decoration:underline;
}*/

/*production*/
.uutiset .menu-item-6, .kirjat .menu-item-10 {
    color:#EEE;
    background-color:#000;
    text-decoration:underline;
}




.my-header {
padding:0;
width:100%;
position:relative;
}

.my-header img{
width:100%;
height:auto;
}

a.social, a.social:hover, a.social:focus {

 font-size:18px;
 outline:none;
 text-decoration:none;
}

.twitter-logo {
 position:absolute;
 right: 40px;
 top: 20px;
}

.insta-logo {
 position:absolute;
 right:100px;
 top:20px;
}

.fb-logo {
 position:absolute;
 right:160px;
 top:20px;
}




.main-content, .sidebar-content {
 margin-top:50px;
 margin-bottom:50px;
}


.news-item,  .sidebar-item {
 position:relative;
 margin-top:50px;
 padding:10px 20px;
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top, #222222 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #222222 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #222222 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #222222 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #222222 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 text-align:left;
 overflow:hidden;

}


/*mods begin*/
.news-item2 {
 position:relative;
 margin-top:30px;
 padding:10px 20px;
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top, #222222 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #222222 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #222222 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #222222 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #222222 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 text-align:left;
 overflow:hidden;

}

.news-item2 h2, .sidebar-item h2, .news-item h2 a {
 color:#C9A764;
 font-size:17px;
 font-weight:bold;
 text-transform:uppercase;
 margin-top:10px;
 margin-bottom:0;
 padding-bottom:15px;
 text-align:center;
}

.news-item2 h2 a:hover, .news-item h2 a:focus {
  text-decorat:underline;
} 


.news-item2 p {
 margin-top:20px;
 color:#ddd;
}

.news-item2 a.more-link{
 color:#C9A764;
 text-transform:uppercase;
 font-weight:bold;
}

.news-item2 a.more-link:hover, .news-item2 a.more-link:focus{
 color:#C9A764;
 text-transform:uppercase;
 font-weight:bold;
}


.news-item2 p.published{
 margin:0;
}

.news-item2 span.published{
 color:#999;
 font-size:12px;
 vertical-align:middle;
 display:inline-block;
}

.news-item2 span.clock {
 color:#999;
 font-size:15px;
 vertical-align:middle;
 display:inline-block;
}

.news-item2 span.share{
 color:#ccc;
 font-size:14px;
 font-weight:bold;
 padding:0;
 margin:0;
}

.news-item2 span.social{
 font-size:8px;
 font-weight:bold;
 margin:0;
 padding:0;
}

.news-item2 img.left{
 float:left;
 width:35%;
 height:auto;
 margin:15px 10px 10px 0;
 border: 1px solid #444;
}

.news-item2 img.right{
 float:right;
 width:35%;
 height:auto;
 margin:15px 0 10px 10px;
 border: 1px solid #444;
}

.news-item2 img.center{
 display:block;
 margin-left: auto;
 margin-right:auto; 
 
 max-width:180px;
 /*height:auto;
 margin:15px 0 0 0; */
 border: 1px solid #444;

}

.news-item2 a {
color:#C9A764;
font-weight:bold;
text-transform:uppercase;
}




/*mods end*/


.sidebar-item {
 margin-top:15px;
}


.news-item img.left{
 float:left;
 width:35%;
 height:auto;
 margin:15px 10px 10px 0;
 border: 1px solid #444;
}

.news-item img.right{
 float:right;
 width:35%;
 height:auto;
 margin:15px 0 10px 10px;
 border: 1px solid #444;
}

.news-item img.center{
 width:100%;
 height:auto;
 margin:15px 0 0 0;
 border: 1px solid #444;

}


.last-item {
 margin-bottom:50px;
}

.news-item h2, .sidebar-item h2, .news-item h2 a {
 color:#C9A764;
 font-size:17px;
 font-weight:bold;
 text-transform:uppercase;
 margin-top:10px;
 margin-bottom:0;
 padding-bottom:0;
}

.news-item h2 a:hover, .news-item h2 a:focus {
  text-decorat:underline;
} 


.news-item p {
 margin-top:20px;
 color:#ddd;
}

.news-item a.more-link{
 color:#C9A764;
 text-transform:uppercase;
 font-weight:bold;
}

.news-item a.more-link:hover, .news-item a.more-link:focus{
 color:#C9A764;
 text-transform:uppercase;
 font-weight:bold;
}


.news-item p.published{
 margin:0;
}

.news-item span.published{
 color:#999;
 font-size:12px;
 vertical-align:middle;
 display:inline-block;
}

.news-item span.clock {
 color:#999;
 font-size:15px;
 vertical-align:middle;
 display:inline-block;
}

.news-item span.share{
 color:#ccc;
 font-size:14px;
 font-weight:bold;
 padding:0;
 margin:0;
}

.news-item span.social{
 font-size:8px;
 font-weight:bold;
 margin:0;
 padding:0;
}


.sidebar {
position:relative;
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top, #222222 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #222222 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #222222 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #222222 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #222222 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
text-align:left;
margin-bottom:30px;
}


.sidebar-item img {
 width:76%;
 border: 5px solid #bbb;
 height:auto;
 margin: 10px 11%;
}

.sidebar-item h2 {
 margin-top:10px;
 margin-left:5%;
}

.sidebar-item span.date{
 color:#C9A764;
 text-transform:uppercase;
 font-weight:bold;
}

.sidebar-item p{
 margin-left:5%;
 margin-top:10px;
 color:#ddd;
}


.fb-bg {
 background-color:#3b5998;
 color:#fff;
 border-radius: 2px;
}


.twitter-bg {
background-color:#4099ff;
color:#fff;
border-radius: 2px;
}

.insta-bg {
background-color:#fff;
color:#000;
border-radius: 2px;
}


.g-plus-bg{
background-color:#d34836;
color:#fff;
border-radius: 2px;
}

.some-margin{
 margin-right:6px;
}


.newsitem p {
 color:#eee;
}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 80px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,000000+100 */
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top, #222222 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #222222 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #222222 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #222222 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #222222 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}


.footer p {
 text-align:center;
 color: #999;
 font-size:12px;
 margin-top: 10px;
 text-transform: uppercase;
 font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 font-weight: 400;

}

.footer img {
 margin:0;
 padding:0;
 border:0;
 margin-right:15px;
 height:24px;
 width: auto;
}


.footer img.last{
 margin-right:0;
}

.inner {

 width: 365px;
 margin: 0 auto;
}




/*365px vs. 186px*/

.is-visible{

}


/*book related stuff begins*/

.book-header h1 {
 color:#C9A764;
 font-size:20px;
 font-weight:bold;
 text-transform:uppercase;
 margin-top:35px;
 margin-bottom:0;
 padding-bottom:0;
}

.books h2 {
 color:#C9A764;
 font-size:18px;
 font-weight:bold;
 text-transform:uppercase;
 margin-top:0;
 margin-bottom:15px;


}

.book-header hr {
 margin:0;
 margin-bottom:20px;
 padding:0;
 margin-top:3px;
 border:0;
 height:2px;
 background:#C9A764;
}

.book-header hr.pretty {
 margin:0;
 margin-bottom:50px;
 padding:0;
 margin-top:3px;
 border:0;
 height:2px;
 background:#C9A764;
}


hr.single {
 display:none;
 margin:0;
 margin-bottom:50px;
 padding:0;
 margin-top:30px;
 border:0;
 height:2px;
 background:#C9A764;
}



.books {
 margin-bottom:50px;
 position:relative;
 text-align:left;
}


.books img {
 float:left;
 width: 35%;
 height:auto;
 margin-right:15px;
 margin-bottom:10px;
}


.books span.details {
 color:#C9A764;
 font-weight:bold; 
 margin:0;
 padding:0;

}

.books p{
 color:#ddd;
 margin-top:20px;
}



.books p.details{
 margin:0;
 padding:0;
 line-height:110%;
 color:#fff;
}

.books a {
color:#C9A764;
}

.books span.read-more {
 font-weight:bold;
 text-transform:uppercase;
}

/*book related stuff ends*/

/* testimonial stuff begins */
blockquote {
 border:0;
 margin:10px 0 5px 10px;
    float:right;
    width:50%;
    padding: 15px 25px 30px 25px;
    position: relative;
    font-family: Georgia, serif;
    font-size:13px;
    color: #111;
    border-radius: 10px;
    font-style: italic;
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top, #222222 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #222222 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #222222 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #222222 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #222222 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

blockquote:before, blockquote:after {
    content: "\201C";
    position: absolute;
    font-size: 60px;
    line-height: 1;
color:#3b5998;
    font-style: normal;
}

blockquote:before {
    top: 0;
    left: 10px;
}

blockquote:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}

blockquote p {
 margin:5px;
 color:#ddd;
}

/* testimonial stuff ends */


/*contact details begins*/

.contact, .not-found {
 position:relative;
 margin-top:50px;
 margin-bottom:50px;
 padding:10px 20px;
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top, #222222 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #222222 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #222222 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #222222 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #222222 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 text-align:left;
 overflow:hidden;
}

.contact h1, .not-found h1 {
 color:#C9A764;
 font-size:20px;
 font-weight:bold;
 text-transform:uppercase;
 margin-top:15px;
 margin-bottom:0;
 padding-bottom:0;
}

.contact hr, .not-found hr {
 margin:0;
 margin-bottom:30px;
 padding:0;
 margin-top:3px;
 border:0;
 height:2px;
 background:#C9A764;
}


.contact img {
 float:left;
 width:35%;
 border: 5px solid #bbb;
 height:auto;
 margin-bottom:30px;
 margin-right:15px;
}

.contact p{
 color:#ddd;
}

.not-found p {
 color:#ddd;
 text-align:center;
}

.not-found img{
 width:75%;
 height:auto;
 display:block;
 margin:20px auto;
}


/*contact details ends*/
.video-container {
  margin:20px 0;
    
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  border: 1px solid #444;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
}

ul.page-numbers {
 list-style-type:none;
 text-align:center;
 margin-top:10px;
 padding:0;
 border:0;
}


ul.page-numbers li {
 margin-right:10px;    
 display:inline;
}

ul.page-numbers li:last-child {
 margin-right:0;
}

ul.page-numbers li a,
ul.page-numbers li a:hover{
  text-decoration:none;
//background: linear-gradient(to bottom, #F00 0%, #A11 100%) repeat scroll 0% 0% transparent;
//background:#a11;
// border-radius: 2px;
  cursor: pointer;
  padding: 3px 6px;
//color:#111;
color:#C9A764;
  font-size:13px;
  font-weight:bold;
}

ul.page-numbers li a.prev,
ul.page-numbers li a.next {
 font-size:13px;
}


ul li span.current {

//background: linear-gradient(to bottom, #aaa 0%, #999 100%) repeat scroll 0% 0% transparent;
//  background-color: #00ff00;
//  border-radius: 2px;
  padding: 3px 6px;
  color:#000;
  font-size:13px;
  font-weight:bold;

}

ul li span.dots {

 background-color: #fff;
  padding: 4px 5px;
color:#C9A764;
  font-size:13px;
  font-weight:bold;

}

p.link-left {
    float:left;
    display:inline;
    margin-top:7px;
    margin-bottom:20px;
}

p.link-right {
    float:right;
    display:inline;
    margin-top:7px;
    margin-bottom:20px;
}

p.link-left a, p.link-right a {
  text-transform: uppercase;
  color:#C9A764;
  font-size:12px;
  font-weight:bold;
}



/*media queries*/

@media (max-width: 991px) {

.navbar-default .navbar-brand {
  font-size:18px;
}
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }

    .navbar-default .navbar-brand {
	font-size:12px;
    }

a.social, a.social:hover, a.social:focus {

 font-size:15px;
 outline:none;
 text-decoration:none;
}


.fb-logo {
 position:absolute;
 right:110px;
 top:5px;
}

.insta-logo {
 position:absolute;
 right: 60px;
 top:5px; 
}	

.twitter-logo {
 position:absolute;
 right: 10px;
 top: 5px;
}



.books img {
 width:30%;
}

hr.single {
display:block;

}

.sidebar-item img {
 float:left;
 width:40%;
 max-width:150px;
 border: 5px solid #bbb;
 height:auto;
 margin: 10px 3%;
}

.contact img {
 margin-bottom:15px;
}


body {
 margin-bottom 110px;
}


.footer {
 height:110px;
}

.is-visible {
 display:none;
}




.sidebar-content{
 margin-top:0;
}

.sidebar-item{
margin-top:0;
margin-bottom:20px;
}

blockquote {
 display:block;
 width:100%;
 margin-bottom:10px;
}

}