@import "variables.less";
@ogkOrange: #884311;
@ogkBlue: #296689;
@ogkOchre: #f2ecca;
@ogkBrown: #874410;
@ogkMain: @ogkOrange;
@ogkComplementMain: @ogkBlue;
@sansFontFamily: "Trebushet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
@serifFontFamily: Georgia, "Times New Roman", Times, serif;
@baseFontFamily: @sansFontFamily;
@altFontFamily: @serifFontFamily;
@alt2FontFamily: "Arial", sans-serif;
/*
#mediaplayer2_jwplayer_controlbar,#mediaplayer_jwplayer_controlbar{
	width:100% !important;
	z-index: 6 !important;
}
#mediaplayer2_jwplayer_controlbar_background,#mediaplayer_jwplayer_controlbar_background{
	width:100% !important;
	height:24px !important;
	background-color: white !important;
}*/


#c2359 .carousel{
	display: none;
}

.highlight{
	background: #fffdcc;
	padding: 1px 2px;
	text-decoration: none;
	margin: 0 -2px;
	color: inherit;
}
.tooltip-inner{
	line-height: 18px;
}

.content-float-right{
		float:right;
		margin-left:20px; 
		clear: both;
}
body .white-well2{
	background: white;
	width: 256px;
}
body .modal-large{
	width: 850px;
    left: 37%;
}
body .modal-large.fade{
    top: -70%;
}
body .modal-large.fade.in{
    top: 30%;
}
body .modal-large .modal-body{
    padding: 40px;
}
body .modal-large .modal-body h1{
    margin-top: 0;
}

body .modal-large .modal-body DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
margin-right: 30px;
}
.white-well {
		.subheader{
			font-weight: normal;
			color: #999;
		}
		p{
			margin: 0px;
		}
		background: white;
		box-shadow: 1px 4px 4px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 1px 4px 4px 0px rgba(0,0,0,0.15);
		-webkit-box-shadow: 1px 4px 4px 0px rgba(0,0,0,0.15);
		min-height: 20px;
		padding: 19px;
		margin-bottom: 20px;
		border: 1px solid #e3e3e3;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
}
#c2934 .span4 {
	margin-top: -12px;
}
/*Perevod*/
#id668{
	#c2903{
		float:right;
		margin-left:20px; 
	}
	#c1359{
		margin-bottom: 20px;
	}
	 .ah{
		height: 141px;
	}

}
.btn.btn-primary{
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #296689;
	  background-image: -moz-linear-gradient(top, #296689, #245B7A);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#296689), to(#245B7A));
	  background-image: -webkit-linear-gradient(top, #296689, #245B7A);
	  background-image: -o-linear-gradient(top, #296689, #245B7A);
	  background-image: linear-gradient(to bottom, #296689, #245B7A);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff296689', endColorstr='#ff245B7A', GradientType=0);
	  border-color: #245B7A #245B7A #443508;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  *background-color: #245B7A;
	  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
/*Discussion*/
#id734,#id735{
	.well{
		font-size:93%;
		line-height: 150%;
	}
	.addthis_toolbox {
		margin: 0px 0px 28px 23px !important;
	}
}

/*QUICK FIX FOR AUDIO*/
#id509 .featured .addthis_toolbox {
	margin-top: 11px;
}

#id733,#id734,#id735{
	.accent{
		font-weight: bold;
		font-style: normal;
	}
	.accent + p {
		margin-left: 224px;
		margin-top: -35px;
		margin-bottom: 20px;
	}
	#c2535 .span4{
		margin-top: 90px;
	}
	h1 {
		color: black;
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 5px;
	}
	h2{margin-bottom:30px}
	h3{margin-bottom: 15px}
		
	.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #296689;
  background-image: -moz-linear-gradient(top, #296689, #245B7A);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#296689), to(#245B7A));
  background-image: -webkit-linear-gradient(top, #296689, #245B7A);
  background-image: -o-linear-gradient(top, #296689, #245B7A);
  background-image: linear-gradient(to bottom, #296689, #245B7A);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff296689', endColorstr='#ff245B7A', GradientType=0);
  border-color: #245B7A #245B7A #443508;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #245B7A;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}



	#c2548,#c2586{
		margin-top: 30px;
	}
	#c2564{
		margin-top: 0px;
		margin-left: 25px;
	}

}

blockquote{
    border-left:none;
    p{
        line-height:24px;
        margin: 0 0 12px;
    }
}

ul.levels_links{
	margin: 0px;
	padding: 0px;
}

.pl12{
	float: left;
	display: block;
	font-size: 17px;
	margin: 5px 8px;
	margin-top: 7px;
	padding: 7px 2px;
	border: 1px dotted;
}

p{
    margin: 0 0 12px;
}
/*.row-fluid [class*="span"]:first-child {
    padding-left: 24px;
}
*/

.csc-textpic-imagewrap img {
    width: 100% !important;
    height: 100% !important;
}
.print img {
    width: initial !important;
    height: initial !important;
}

.outer_container{
    background: white url('/typo3conf/ext/ogk/Resources/Public/Images/stripes.png') repeat-x;
}

.print{
float:right;
display:none;
}
#id512, #id504 {
.print{
    display: block;
}
}
#article_print{
    display: block !important;
}

.container{
    height: 100%;
    background: -16px 12px no-repeat;
    background-image:url('/typo3conf/ext/ogk/Resources/Public/Images/bg_boat.png');
}
#id499 .container, #id751 .container{background-image:url('/typo3conf/ext/ogk/Resources/Public/Images/bg_ogk.jpg');background-position:-120px 12px;}
#id512 .container, #id503 .container, #id504 .container, #id752 .container{background-image:url('/typo3conf/ext/ogk/Resources/Public/Images/bg_saints.png');}
#id638 .container, #id665 .container, #id666 .container, #id667 .container, #id668 .container, #id669 .container, #id755 .container, #id758 .container{background-image:url('/typo3conf/ext/ogk/Resources/Public/Images/bg_angel.png');}
#id585 .container, #id527 .container, #id505 .container, #id510 .container, #id507 .container, #id584 .container, #id508 .container, #id509 .container, #id588 .container, #id726 .container{background-image:url('/typo3conf/ext/ogk/Resources/Public/Images/bg_boat.png');}

.header{
    height: 190px;
    position: relative;
}

div.toMain a{ 
    display: block;
    position: absolute;
    top: 85px;
    left: 29px;
    width: 288px;
    height: 87px;
}

div.topMenu{ 
    position: absolute;
    top: 35px;
    left: 405px;
}

div.mainMenu{ 
    position: absolute;
    top: 84px;
    left: 404px;
    .nav-list > li > a {
    text-decoration: underline;
}
}



h1{
    font-size: 43px;
    margin-top: 44px;
    margin-bottom: 20px;
}
.page-header{
    padding-bottom: 16px;
}
.page-header > h1{
    margin: 0px;
    line-height: 1;
}
h1 small {
    font-size: 21px;
}

.csc-default h2{
    margin-top: -50px;
    padding-top: 50px;
}

.well h3:first-child{
    margin-top: 2px;
}
.well h2{
	font-size: 21px;
	line-height: 26px;
}
h2{
    /*margin-top:20px;*/
    font-size: 24px;
    margin-bottom:5px;
    line-height: 30px;
    color:@ogkComplementMain;
    font-family: @alt2FontFamily;
    /*border-left: 2px solid @ogkMain;
    padding-left: 10px;*/
}
h3{
    margin-top:15px;
	line-height: 26px;
    margin-bottom:3px;
    font-size:130%;
    color:@ogkMain;
    font-family: @baseFontFamily;
}


#idbiblio .menu-container .menu li {
    display: inline-block;
    padding: 10px;
}

div.topMenu{ 
    .nav > li > a:hover{
        background-color: transparent;
}
position:absolute;
top: 35px;
left: 405px;
overflow:auto;
font-size:14px;
ul.nav li{
    float: left;
    margin-right: 3px;
}
ul.nav .eng{
    margin-left:54px; 
}
ul.nav .feedback{
    background: url("/typo3conf/ext/ogk/Resources/Public/Images/envelope.png") no-repeat;
    background-position: 12px 12px;
    padding-left:20px;
}
ul.nav .bell{
    background: url("/typo3conf/ext/ogk/Resources/Public/Images/bell.png") no-repeat;
    background-position: 12px 12px;
    padding-left:20px;
}
li{
    font-family:"Arial", sans-serif;
    list-style-type:none;
    line-height:25px;
    padding:0px 6px;
    a{ 
    color: black;
    text-decoration:underline;
}
}
.active, ul.nav .active.feedback{ 
    background:@ogkMain;
    a{
    /*font-weight:bold;*/
    color:white;
    text-decoration:none;
    &:hover{
        color:white !important;
}
}
}
}
body .row-fluid .float-right.related{
	padding-right:24px;
	margin-left: 0px;
	width: 33.623932%;
}
body .row-fluid .float-right{
    float: right;
}

.menu-container {
    position: absolute;
    left:0px;
    top:302px;

    .menu-floating.floating{
    position: fixed;
    top: 0;
    left:15px;
    box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
.menu {
    overflow: hidden;
    padding: 25px;
    z-index: 1;
    list-style-type:none;

    li{
    padding-bottom:15px;
    font-size:15px;
    line-height:18px;
    font-family:"Arial", sans-serif;
    margin:0px;
    a{
    text-decoration: underline;
    color: black;
}

&.active a{
    color:@ogkComplementMain;
    text-decoration: none;
}
/*sublevel of menu*/
ul{
    list-style-type:none;
}
&.ish3{
    font-size:15px;
    padding-left:25px;
    padding-bottom: 10px;
    line-height:15px;
    a{
    &.active{
    color:@ogkComplementMain;
}
}
}
&.submenu{
    display:none;
}
&.submenu.active{
    display:block;
}
}


}
}

.well{
    margin-top: 9px;
}
.well blockquote{
    margin:22px 30px !important;
    padding: 0 30px !important;
    color: #555;
}

blockquote {
    p{
    font-size: 16px;
    font-family: @serifFontFamily;
}
&:before {
    content: "\201C";
    float: left;
    height: 45px;
    margin-top: -26px;
    padding-top: 45px;
    margin-left: -66px;
    margin-bottom: -80px;
    font-size: 133px;
    color: #E1E1E1;
    font-style: normal;
}
font-style: italic;
color: #757575;
margin:30px 0px 22px 40px !important;
padding:3px;
padding: 0 0px 0 80px !important;
/*background: transparent url("/typo3conf/ext/ogk/Resources/Public/Images/blockquote.gif") no-repeat 0px 0px;*/


em{
    display: block;
    color: @grayLight;
    margin-top: -5px;
    &:before {
        content: '\2014 \00A0';
}
}
}
.news-single-wrap blockquote{
    width: 300px;
    float: right;
    margin: 18px 0px !important;
    margin-left: -31px !important;
    p{
		font-size: 21px;
		text-indent: 38px;
	}

	&:before {
		content: "\201C";
		float: left;
		height: 45px;
		margin-top: -19px;
		padding-top: 45px;
		margin-left: -5px;
		margin-bottom: -80px;
		font-size: 120px;
		color: #E1E1E1;
		font-style: normal;
	}
	&:after {
		content: "\201D";
		float: right;
		height: 45px;
		margin-top: -36px;
		padding-top: 45px;
		margin-left: -66px;
		margin-bottom: -80px;
		font-size: 120px;
		color: #E1E1E1;
		font-style: normal;
	}
}
#id510 .news-single-wrap blockquote{
	width: inherit;
	float: none;
	overflow: hidden;
}

.ogk-intro{
    h2{
    font-size: 20px;
    line-height: 19px;
    margin-bottom: 15px;
}
margin-left: 40px;
p{
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px;
}
width: 600px;
} 

figcaption{
    font-size: 11px;
    line-height: 15px;
    padding: 3px 0px 3px 0px;
    /*font-style: italic;*/
    font-family: @serifFontFamily;
    border-bottom: 1px solid @grayLight;
}



/* OGK lister */



#infscr-loading{
    clear: both;
    color: #787D7E;
    padding-top: 25px;
    font-family: Arial, Helvetica, sans-serif;
}


.news-latest-item a{
    text-decoration: none;
    width: 267px;
    height: 285px;
    float: left;
    margin-right:0px;
    margin-bottom: 0px;
    border: dotted gray 1px;
    border-top:0px;
    border-left:0px;
    border-collapse: collapse;
    padding: 0px 12px;
    padding-top:24px;
    color: @textColor;

    h3{
    padding-top:0px;
    padding-bottom:5px;
    line-height: 19px;

    text-decoration: none;
    font-size:15px;
    color: @gray;
    font-weight: bolder;
}
.short{
    font-size: 12px;
    line-height: 17px;
}

.news-latest-date{
    font-weight: bold;
    font-size: 12px;
    padding-top: 12px;	
}

.news-latest-text{
    margin:10px 0px;
}

overflow:hidden;
text-align: center;
.news-latest-img{
    margin:0 auto;
    clear: both;
}

&:hover{
    background: @grayEvenLighter;
}
}


/* Subnav */
.subnav {
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
    height: 36px;
    background-color: #f9f9f9; /* Old browsers */
    background-repeat: repeat-x; /* Repeat the gradient */
    background-image: -moz-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
    background-image: -ms-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%); /* IE10+ */
    background-image: -o-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%); /* Opera 11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    background-image: linear-gradient(top, #f9f9f9 0%,#eeeeee 100%); /* W3C */
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.subnav .nav {
    margin-bottom: 0;
    margin:0 auto;
    max-width: 1200px;
}
.subnav .nav > li > a {
    margin: 0;
    padding-top:    11px;
    padding-bottom: 11px;
    border-left: 1px solid #f9f9f9;
    border-right: 1px solid #e5e5e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
    padding-left: 13px;
    color: #777;
    background-color: #e9e9e9;
    border-right-color: #ddd;
    border-left: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
    border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
    border-left: 0;
    padding-left: 12px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.subnav .nav > li:last-child > a {
    border-right: 0;
}
.subnav .dropdown-menu {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.subnav li .small{
    color: grey;
    font-size: 12px;
}

/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
@media (min-width: 980px) {
    .subnav-fixed {
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
        border-color: #d5d5d5;
        border-width: 0 0 1px; /* drop the border on the fixed edges */
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
        -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
        box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
    }
    .subnav-fixed .navhhhhhdisa {
        width: 938px;
        margin: 0 auto;
        padding: 0 1px;
    }
    .subnav .nav > li:first-child > a,
    .subnav .nav > li:first-child > a:hover {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}


.row-fluid{
    margin-bottom: 30px;
}


blockquote.foreword{
    margin: 20px 16px 26px 0px !important;
    font-family:"Georgia",Sans-Serif;
    color:#808082;
    p{
    font-size:20px;
}
line-height:26px;
font-style: normal !important;
.nado{
    font-size:36px;
    line-height:32px;
}
}


/**OGK front news**///

.ogk-news-front{
    margin-top: 40px;
}

.cut-spoiler-close{
    display: none;
}
.cut-spoiler-wrap{display: none;}

.thumbnails img {
    width: 100%;
    height: auto;
}

#id499 .carousel-inner, #id669 .carousel-inner, #id638 .carousel-inner{
    overflow: hidden;
    padding: 94px 0px 159px 0px;
    margin: -94px 0px -159px 0px;
    clear: both;
}
.newsframe .carousel-inner{
    overflow: hidden;
    padding: 101px 0px 159px 0px;
    margin: -94px 0px -159px 0px;
    clear: both;
}

#carousel-3204{
    margin-left: 50px;
    margin-right: 50px;
}
#carousel-3204 .carousel-control{
    left: -50px;
}
#carousel-3204 .carousel-control.right{
    left: auto;
    right: -50px;
}
#carousel-3204 .carousel-caption{
    display: none;
}
#carousel-3204 .item{
    height: 467px;
}
.newsframe .span2{
    width: 152px;
}
#id499 .carousel .next, #id499 .carousel .prev, #id669 .carousel .next, #id669 .carousel .prev, #id638 .carousel .next, #id638 .carousel .prev {
    top: 94px;
}
#id499 .carousel-control, #id669 .carousel-control, #id638 .carousel-control{
    top: 38%;
}
.carousel-control{
    z-index:101;
}

.carousel iframe{
	margin: -2px 0px;
}

.thumbnails>li{
    position: relative;
}
.thumbnail{
    background: white;
}
.thumbnail a{
    background: white;
    font-size: 13px;
    line-height: 15px;
    text-decoration: none;
    display: block;
    color: @textColor;
    h3 {
    line-height: 19px;
    margin: 0px;
    font-size:14px;
    font-weight: bold;
    color: #555;
}
p{
    font-size: 13px;
    line-height: 18px;
}

.news-latest-date{
    color: #888;
}
}

.hidy{
    display: none;
}

.body1{
    margin-bottom: 200px;
}

body .footer_wrap{
    background: rgb(193,184,167);
    border-top: 1px dotted gray;
    margin-top: 28px;
    .container{
    .footer{
    margin: 29px 29px 29px 29px;
    & p, & a{
    color: rgb(107,102,93);
    font-size: 11px;
    line-height: 16px;
    font-face: arial;
}
}
background-image: none !important;
}
}


.news-single-wrap{
    clear: both;
}
figure{
    margin: 0px;
    padding: 0px;
}

.news-single-item{
    h1{
    color: black;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 5px;
    margin-top: 0px;
}
.short{
    font-size: 18px;
    font-family: @altFontFamily;
    color: #666;
    p{
    margin-bottom: 0px;
}
}
.time-author{
    overflow: auto;
    margin: 10px 0px;
    margin-top: 0px;
    font-size: 13px;
}
.news-single-timedata{
    color: #888;
}
.author{
    color: @ogkMain;
}
.img{
    margin: 20px 0px;
}

}

.drop_cap_mixin{
    font-size: 80px;
    font-family: @altFontFamily;
    color: @ogkComplementMain;
    vertical-align: bottom;
    display: block;
    float: left;
    margin: 8px 5px 5px -3px;
    height: 40px;
    line-height: 56px;
}


.drop_cap > div > p:first-child:first-letter, .bukvitsa {
    .drop_cap_mixin;
}
figure{
    display: table;
}
figcaption{
    display: table-caption;
    caption-side: bottom;
}


.related{
    margin-top: -19px;

    .category_label{
        margin-bottom:10px;
    }
    .item{
        clear: both;
        margin-bottom: 10px;
        overflow: auto;
    }
    .img{
        float: left;
        margin-right: 10px;
    }
    .text{
        margin-left: 120px;
        h3{
            font-size: 15px;
            line-height: 18px;
            margin-top: 0px;
        }
        .short p{
            color: #999;
            font-size: 11px;
            line-height: normal;
            margin-bottom: 0px;
        }
    }
}

.addthis_toolbox{
    margin-top: 30px;
}


.csc-textpic-imagewrap{
    margin-top: 9px;
}


/********************************************/
.name{
    font-variant: small-caps;
    font-weight: bold;
    color: @ogkComplementMain;
}

.question{
    color: #555;
    font-weight: bold;
    line-height: 21px;
}

.subheader{
    line-height: 20px;
    font-weight: bold;
    font-family: @serifFontFamily;
    margin-bottom: 15px;
}


.epigraf{
    .well;
    font-family: @serifFontFamily;
    font-size: 16px !important;
    font-style: normal;
    padding: 20px 40px !important;
    color: #555;
    em{
    display: block;
    color: @grayLight;
    margin-top: 0px;
    &:before {
        content: '\2014 \00A0';
}
}
}
.basic1{
	font-family: @serifFontFamily;
	padding: 8px 40px !important;
	color: #555;
	font-size: 16px !important;
    font-style: normal;
}

.smaller{
		font-size:93%;
		line-height: 140%;
}

.signature{
    font-weight: bold;
    font-variant: small-caps;
    margin-top: 10px;
}

.accent{
    font-weight: bold;
    font-style: italic;
}
.carousel-control{
    top: 42%;
}
.carousel-caption{
    width: 444px;
    background: rgba(0, 0, 0, 0.5);
    .news-latest-date{
    color: white;
    display: inline-block;
    padding: 2px;
    font-size: 16px;
    font-weight: bold;
    font-family: @altFontFamily;
    margin: 2px 0px;
    float: left;
}
h3{
    line-height: 20px;
    clear: both;
}
p {
    line-height: 20px;
}
.label{
    position: absolute;
    top: 0px;
    right: 0px;
}
}




/*Comments*/
.catid74{
    background-color: @ogkBrown;
}
/*News*/
.catid96{
    background-color: @ogkBlue;
}
/*Audio*/
.catid56{
    background-color: #468847;
}
/*Sermons*/
.catid53{
    background-color: #b94a48;
}
.catid58{
    background-color: @infoText;
}
.catid59{
    background-color: #f89406;
}
.catid60{
    background-color: #F89406;
}


#content .news-latest-item a{
    position: relative;
    .label{
    float:right;
    margin-bottom: 10px;
}
h3{
}
}

#id507{
    .related{
    clear: both;
}
.img figure{
    float:left;
    padding: 3px;
}
figcaption{
    display: none;
}
}

#id507 .news-latest-item a{
    height: 350px;
}

 
.container{
    position: relative;
}
#id507,#id508{
    .tx-lister-pi1 .row-fluid{
        margin-bottom: 0px;
    }
    /*.wrap_top{
            background: #250f02;
    }*/
    .carousel{
        margin: 24px;
        margin-left: 0px;
    }
    .short{
//        display: none;
    }
}

#id508, #id509{
    .wrap_top{
    margin-top: 30px;
    .span4{
        padding: 40px 20px;
        h2{
            color: white;
        }
        .video-short{
            color: #b5b5b5;
            .date{
                color: white;
            }
        }

        background: #250f02;
        height: 415px;
        margin-right: -30px;
        margin-left: 27px;
}
}
}
#id509 .wrap_top .span4{height: 300px !important;}
#id509 .news-latest-item a{
    width: 528px;
    padding: 27px;
    padding-bottom: 0px;
    height: 115px;
    text-align: left;
    .news-latest-img{
        float: left;
        margin-right: 10px;
        height: 100%;
    }
    .news-latest-text{
        margin-top: 0px;
    }
}

#id527 .well{
    background: white;
    box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.15);
}

#id527 .csc-default .span8.even{
       background: whiteSmoke; 
       border-bottom: 1px #ccc solid;
}
#id527 .csc-default .span8.first{
    margin-top: 0px !important;
    padding-top: 0px !important;
}
#id527 .csc-default .span8.second blockquote p{
    line-height: 32px !important;
    font-size: 18px;
    margin-right: 20px;
    color: #777;
}
#id527 .row-fluid{
    margin-bottom: 0px;
}
#id527 .carousel{
    max-width: 764px;
}
#id527 .content.row > div > .csc-default {
    margin-left: 30px;
}
#id527 .hidy{
    color: white;
    line-height: 18px;
}
#id527 .csc-default .span8{
    padding-top: 40px;
    padding-bottom: 30px; 
    padding-right: 10px;
    
    h2{
    text-align: center;
    font-weight: bold;
    margin-top: 0px;
    padding-top: 20px;
    margin-bottom: 10px;
}

/*h2:after
{
    content: "\0000a0";
    display: block;
    border-bottom: 1px solid black;
    width: 120px;
    margin: 0 auto;
    margin-top: -14px;
    margin-bottom: 14px;
}*/
.subheader{
    text-align: center;
    font-weight: normal;
    font-style: italic;
    font-size: 17px;
    color: #666;
    margin: 0 auto;
    margin-bottom: 0px;
    width: 722px;
}
.csc-textpic-imagewrap {
    margin-top: 9px;
}
p{
    margin-left: 36px !important;
}
blockquote p, p{
    line-height: 24px;
    margin: 0px;
    font-family: inherit;
}
blockquote{
    &:before{
       /* margin-left: -78px;
    margin-top: -4px;*/
}
margin: 40px 0px 22px 18px !important;
color: inherit;
font-style: normal;
}
}

body{
    .tooltip-inner,tooltip-arrow{
    background-color: #3A87AD !important;
}

.tooltip.top .tooltip-arrow{
    border-top-color: #3A87AD !important;
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
    opacity: 0.9;
    filter: alpha(opacity=90);
}
}


.clear{
    clear:both;
}


.dsq-textarea-reply{
    margin-left: 100px !important;
}
.dsq-comment-like-count{
    display: none;
}

.featured.well{
    height: 274px;
    margin-top: 0px;
}


.intro-video{
    position: absolute;
    top: 0;
    right: 0;
    width: 320px;
    height: 194px;
    z-index:1001;
    margin-top:12px;
}

body #hellobar-logo{
    display: none !important;
}

body .nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 9px;
    padding-left: 9px;
}


.news-single-wrap figure{
    margin-bottom: 20px;
}

.carousel div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom:0px;
}
.carousel .csc-default h3{
    color:white !important;
}

.carousel .thumbnail {
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}



#latest{

    .category_label{
        margin-bottom:10px;
    }
    .item{
        clear: both;
        margin-bottom: 10px;
        overflow: auto;
    }
    .text{
        h3{
            font-size: 16px;
            margin-top: 0px;
        }
        .short p{
            color: #999;
            font-size: 13px;
            line-height: normal;
            margin-bottom: 0px;
        }
    }
}

.latest-front h2{
    color: #884311;
    margin-bottom: 20px;
}

#blog{
    font-family: Georgia, serif;
    .item{
        border: 1px solid #ccc;
        padding: 20px 40px;
        background: #eee;
    }
    .img{
        padding: 20px 0;
    }
    h3{
        font-family: Georgia, serif;
        font-size: 19px;
        margin-top: 0px;
        border-bottom: 1px solid #296689;
        a{color: #296689;}
    }
    .news-latest-date{color: #296689;}
    .short p{
        color: #222 !important;
        font-size: 16px;
        line-height: 1.5;
    }
    p.comments a{color: #296689;}
}
#id739 .row-fluid .float-right.related{
    margin-top: 9rem;
}



#c2996{
    .carousel-caption{
        display: none;
    }
    .carousel-inner{
        width: 82%;
        height: 336px;
        margin: 0 auto;
    }
    blockquote:before{
        padding-top: 0px !important;
    }
    .csc-textpic-imagewrap {
        margin-top: 35px;
    }
}




//REFACTOR
.colour-block{
    color: white;
    padding: 30px;
    margin-top: 9px;
}

.colour-block--red{
    background: #a51c30;
}
.colour-block--green{
    background: #52854c;
}
.colour-block--blue{
    background: #293352;
}
.colour-block--violet{
    background: #6d1ca5;
}

a .well p{
    color: initial;
}