@import url(http://fonts.googleapis.com/css?family=Bitter:400);

html, body {
 	font-family: 'Arial', sans-serif;
  background-image: url('/images/bg_main.jpg');
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Bitter', serif;
	font-weight: 400;
  margin-top:0px;
}
h1 {
  font-size: 2.2em;
  line-height: 1.2em;
  color:#ffffff;
}
h2 {
  font-size: 1.8em;
  line-height: 1.8em;
  color:#ffffff;
  font-style: italic;
}
h3 {
  font-size: 1.2em;
  line-height: 1.2em; 
  color:#ffffff;
  text-transform: uppercase;
 
}
body {
	margin-top: 90px; /* 50px is the height of the navbar - change this if the navbarn height changes */
	background-color:#39474a;
}

a, a:focus, a:hover, a:visited {
  text-decoration: none;
}
label {
  font-weight: bold;
}
img {  
   max-width: 100% !important;  
   page-break-inside: avoid;
   vertical-align: middle; 
 } 
h2.artist {
  font-size: 1.2em;
  line-height: 1.2em;
  font-style: none;
}
h2.artist > a {
  color: #1e90ff;
}
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; } /*Angular fix*/

.navbar-inverse .navbar-nav > li > a {
    color: #8DBCE2;
}
.dropdown-menu {
	padding-top: 10px;
	background-color: #222222;
	padding-bottom: 10px;
}

.dropdown-menu > li > a {
  background-color: #222222;
  color:#8DBCE2;
}

.login-dropdown{
  position: absolute;
  top: 110%;
  left: 0;
  z-index: 1000;
  display: block;
  float: left;
  min-width: 250px;
  padding: 18px 18px;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  color:#c8cece;
  background-color: #222222;
  border: 1px solid #ffffff;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 5px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  background-clip: padding-box;
  text-align: left;
}
.login-dropdown a, .login-dropdown a:focus, .login-dropdown a:visited {
	color:#c8cece;
	}
.login-dropdown a:hover {
	color:#8DBBE2;
	}
.doPreferFullname {
	padding: 15px 0 0 10px; 
	display: inline-block;
}

h1.search-headline {
  font-size:200%;
  text-shadow: -2px 2px 2px rgba(0,0,0,0.6);  
}
p.search-body {
  color:#ffffff;
  font-size:150%;
  font-weight: bold;
  text-shadow: -2px 2px 2px rgba(0,0,0,0.6); 
}
div.search-container {
  position:absolute;
  top:20%;
  left:30%;
  width:40%;
/*  height: 60%;*/
  background:rgba(0,0,0,0.5);
  border-radius: 4px;
  padding:30px;
  word-wrap:break-word;
}


@media (min-width: 1200px) {
	.container.fullWidth {
		width: 100%;
	}
	
	.container.fullWidth #wrapper {
		max-width: 100%;
	}
}


.news.row{
	font-family:  'Bitter', Georgia;
	padding:10px;
	border-radius: 4px;
	background-color:#E4E4E4;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
}

.newsPublishDate {
	font-family:  'Bitter', Georgia;
	font-size: 12px;
	padding-bottom: 0px;
	margin-right: 0px;
	margin-left: 10px;
}

.newsListTitle {
	font-family:  'Bitter', Georgia;
	font-weight: bold;
	font-size: 14px;
	padding:0px;
	text-align: left;
}

.newsListCreator {
	font-family:  'Bitter', Georgia;
	text-align: right;
	padding:0px;
}

.newsListContent {
	font-family:  'Bitter', Georgia;
	font-size: 12px;
	padding:0px;
	text-align: left;
	margin-top: 10px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #428bca;
border-color: #428bca;
}

.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.428571429;
text-decoration: none;
background-color: #fff;
/* border: 1px solid #ddd; */
}

.breadcrumb{
	font-family:  'Bitter', Georgia;
	font-size: 14px;
	margin-top:5px;
	margin-bottom:5px;
	background-image: url('/images/bg_main.jpg');
	/*background-color:#222222;*/
	padding:0px;
}
.main {
  color:#ffffff;
}
.footer
{
  background-color:#042328;
  color: #ddd9c8;
}

.footer .panel {
  background-color:#042328; 
  color:#ffffff;
  border:0px;
}
.footer .lead{
  background-color:#042328;
  color:#FEF3D3;
  
}
.panel-body h2{
	margin-bottom:10px;
	}
.panel-body a, .panel-body a:focus , .panel-body a:visited{
  text-decoration: none;
  color:#8DBCE2;
}
.panel-body a:hover {
  text-decoration: none;
  color:#ffffff;
}

.margin-body-top{
  margin-top: 90px;
}
.margin-top-20{
  margin-top: 20px;
}
.margin-bottom-90{
  margin-bottom: 90px;
}
.margin-bottom-20{
  margin-bottom: 20px;
}
.padding-top-20{
  padding-top: 20px;
}
.padding-bottom-20{
  padding-bottom: 20px;
}
.box-light {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; 
  background-color:#c7cbcc;
  color:#333333;
  padding:20px;
}
.box-light h1, .box-light h2, .box-light h3 {
    color:#333333;
}
.box-light a, .box-light a:focus, .box-light a:hover, .box-light a:visited {
  color:#2A5B58;
}
.box-dark {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; 
  background-color:#042328;
  color:#c8cece;
  padding:20px;
}
.box-dark h1, .box-dark h2 , .box-dark h3 {
    color:#FEF3D3;
}
.box-dark a, .box-dark a:focus, .box-dark a:hover, .box-dark a:visited {
  color:#F54F45;
}

.box-white {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; 
  background-color:#f7f7f7;
  color:#042328;
  padding:20px;
}

.box-white h1, .box-white h2, .box-white h3 {
    color:#042328;
    text-shadow: none;
}
.box-white a, .box-white a:focus, .box-white a:visited {
	color: #364D60; /*#374246*/
}
.box-white a:hover {
	color: #486F90; /*#374246*/
}


.thumbnail{
	margin-bottom: 	5px;
	border:			1px solid #3A3A3A;
	border-radius:	0px;
		-webkit-border-radius:	0px;
 		 -moz-border-radius: 	0px;
  	padding: 		0px;
}
.signup {
  margin-top:-50px; 
}

.header-row {
  padding:8px;
  background-color:#98b69a;
  color:#2A5B58;  
}
.header-desc {
  width:100%;
  color:#2A5B58;
}
.header-row h2{
  padding-top:13px;
  line-height: 1em;
  color:#fef3d3;
}
.subheader-row {
  padding:8px;
  background-color:#a8cbab;
  color:#2A5B58;  
}

.headline-row {
  height:60px;
  padding-top:10px;
  text-align: center;
  background-color:transparent;
}
.headline-row h2{
  border-bottom:0px;
  line-height: 1em;
  margin-top: 38px;
  margin-bottom:0px;
  color:#2A5B58;
}
.center-row {
    text-align: center;
}
a.header-link-expand,a.header-link-expand:focus,a.header-link-expand:visited {
  color:#2A5B58;
  font-size: 11px;
  font-style:italic;
}

.search-options-row {
  text-align:center;
  padding-bottom:10px;
}
.btn-search-filter {
  margin-left:10px;
  margin-right:10px;
  margin-top:10px;
  margin-bottom:0px;
}
.btn {
  font-family: arial, verdana;  
}
.btn-primary {
  font-family: arial, verdana;
  color:#ffffff;
  background-color:#417BAB;
  border-color:#417BAB
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active, .btn-primary.hover,.open .dropdown-toggle.btn-primary{
  font-family: arial, verdana;
  color:#ffffff;
  background-color:#649CCA; 
  border-color:#649CCA;
}
.btn.btn-success {
color: #ffffff; 
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn.btn-success:hover {
color: #ffffff; 
background-color: #008000;
border-color: #4cae4c;
}
.badge-inbox {
  padding: 4px;
  font-size: 1em;
  line-height: 10px;
  font-weight: bold;
  white-space: nowrap;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.badge-inbox:not(.active) {
	background-color:	#4E4E4E;
	color:				#ccc;
}
.badge-inbox.active {
	background-color:	#F54F45;
	color:				#ffffff;
}

.rn-carousel-slide {
  background-size: cover;
}
.profile-128px {
    height:128px;
    border:4px solid #ffffff;
    border-radius: 128px;
    -webkit-border-radius: 128px;
    -moz-border-radius: 128px;
}
.profile-74px {
    height:74px;
    border:4px solid #ffffff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
.profile-50px {
    height:50px;
    border:2px solid #ffffff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
.profile-30px {
    height:30px;
    border:2px solid #ffffff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
.profile-50px-grey {
    height:50px;
    border:2px solid #cccccc;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
.gallery-img-thumbnail {
    border:4px solid #ffffff;
    margin-right: 10px;
    margin-bottom: 10px;
}
.form-tip {
  color:#999999;
  font-style: italic;
}


.category-selector ul{
  color: #c8cece;
  list-style: none;
  padding: 0px;
  margin: 0;
}

.category-selector ul li a{
  color: #000000;
  padding: 6px;  
  list-style: none;
}

.category-selector .selected{
  background-color: #c8cece;
}

.category-selector .selected a{
  color: #000000;
}

.mainCategory {
  display: inline-block;
  vertical-align:top;
  font-size: 1.2em;
 
}
.subCategory {
  display: inline-block;
  vertical-align:top;
  border-left: 1px solid #ccc;
  padding-left: 10px;
}
.action_remove {
    float:right;
    margin-top:-10px;
    margin-right:40px;
    cursor:pointer;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px; 
}
.plot {
  font-size: 1em;
  line-height: 1.5em;
  font-family:  'Bitter', Georgia;
  color:#333333;
  font-style: italic;
  background-image: url(/images/icon_quote_black.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 40px;
  padding-top:4px;
  margin-top: 10px;
}


.comment-list .message {
	color: 			#543636;
	text-align: 	center;
}
.comment {
	padding: 			16px;
	border:				2px solid white;
	font-size: 			1em;
 	line-height: 		1.5em;
  	font-family:  		'Bitter', Georgia;
  	color:				#333333;
  	background-color:	#eee;
}
.comment-list .meta {
	margin-left:	8px;
	font-size: 		80%;
}
.comment-list .meta .time-ago {
	margin-left:	4px;
	color: 			#555;
}
.author_comment {
  margin-left:10px;
  background-color: #FEF3D3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
  border:6px solid #FEF3D3;  
}
 .by {
  padding-bottom:10px;
  font-size: 0.9em;
 }
 .comment_by {
  padding-bottom:10px;
  font-size: 0.8em;
  color:#999999;
  border-radius: 4px;

 }
 
.follow-btn {
	
	margin-left: 20px;	
	
} 

.profile-list-item {
  text-align:		center;
  padding-bottom:	4px;
  height: 			3em;
  font-size: 		0.9em;
 }
 
.adtext {
  font-size: 0.8em;
 }
 
 .donate {
 	margin-top: 10px;
 }
 
.areaadv, .adbanner{
	/*width:300px;*/
	/*height:250px;*/
  background-image: url(/images/icon_adblack.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 0px;
  padding-top:16px;
}
.tutorial-item-art h3 {
  font-size: 1.2em;
  line-height: 1.8em; 
  text-transform: none;
  background-image: url(/images/icon_art.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 46px;
  padding-top:4px;
  margin-top: 10px;
}
.tutorial-item-story h3 {
  font-size: 1.2em;
  line-height: 1.8em; 
  text-transform: none;
  background-image: url(/images/icon_story.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 46px;
  padding-top:4px;
  margin-top: 10px;
}

.desktop-visible { display:none;}
.mobile-visible { display:inline;}
.borderline {border: 1px solid #666666;}

@media (min-width: 768px) {
  /* Center Bootstrap menu */
  .navbar-collapse.collapse {
    text-align: center; /* Set this */
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    font-weight:bold;
  }
  .navbar-nav {
      display:inline-block;
      float: none;
      margin: 0;
  }
  /* end center menu */
  .navbar-brand {
    position: relative;
    width: 110px;
    left: 0;
    text-align: left;
    margin: 0;

  }

  .navbar-brand IMG {
	height:50px;
  }
	
  .desktop-visible { 
    display: inline; 
  }
  .mobile-visible { 
    display: none; 
  }

  .navbar .header-search {
    line-height:20px;
  }
  li.menu-log {
    padding-top: 20px;
  }
  li.menu-avatar {
    padding-top: 4px;
  }
  li.menu-badge {
    padding-top: 18px;
  }
}

@media (max-width: 767px) {
  h2.page-header {
    font-size: 18px;
    border-bottom:0px;
    margin-top: 46px;
    color:#fef3d3;

  }
  .navbar-nav  li  a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 10px;
  }
  .navbar-brand IMG {
  height:25px;
  }

}


@media (max-width: 960px) {
  h2.page-header {
    font-size: 18px;
    border-bottom:0px;
    margin-top: 46px;
    color:#fef3d3;
  }
  .navbar-nav li  a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 10px;
  }
  .navbar-brand IMG {
  height:25px;
  }  
}


/*Loader*/

@keyframes spin {
  from {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin /* Safari and Chrome */
{
  from {
    -webkit-transform: rotate(360deg);
  }
}

.loader {
  width: 1em;
  height: 1em;
  font-size: 50px;
  position: relative;
}
@media (max-width: 75px), (max-height: 75px) {
  .loader {
    font-size: 25px;
  }
}
.loader:before, .loader:after {
  content: "";
  top: 0;
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  border-width: 0.5em;
  border-style: double;
  border-color: transparent;
  box-sizing: border-box;
  border-radius: 1em;
  animation: spin 1s infinite;
  -webkit-animation: spin 1s infinite;
}
.loader:after {
  left: 0;
  border-left-color: #333333;
}
.loader:before {
  right: 0;
  border-right-color: #333333;
  animation-delay: -0.25s;
  -webkit-animation-delay: -0.25s;
}


.profile-128px {
    height:128px;
    border:4px solid #ffffff;
    border-radius: 128px;
    -webkit-border-radius: 128px;
    -moz-border-radius: 128px;
}
.profile-74px {
    height:74px;
    border:4px solid #ffffff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}

.profile-30px {
    height:30px;
    border:2px solid #ffffff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
.profile-50px-grey {
    height:50px;
    border:2px solid #cccccc;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}


@media (min-width: 768px) {


    /* Center Bootstrap menu */
    .navbar-collapse.collapse {
        text-align: center; /* Set this */
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        font-weight:bold;
    }
    .navbar-nav {
        display:inline-block;
        float: none;
        margin: 0;
    }
    .profile-avatar {
    height:50px;
    border:2px solid #ffffff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
/* end center menu */

    .navbar .header-search {
        line-height:66px;
    }
    li.menu-log {
        padding-top: 20px;
    }
    li.menu-avatar {
        padding-top: 4px;
    }
    li.menu-badge {
        padding-top: 18px;
    }
    li.login-logout {
        padding-top: 20px;
    }
    li.mobile-search {
        display: none;
    }
}

@media (max-width: 767px) {
    
    body {
    	margin-top: 60px;
    }
    .navbar-brand IMG {
		height:25px;
	}
	.profile-avatar {
    height:40px;
    border:2px solid #ffffff;
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
}

    li.desktop-search {
        display: none;
    }
    
    .menu-badge {
		padding-bottom: 15px;
		border-top: 1px solid #333;
		padding-top: 5px;
    }
	.navbar-brand {
	    position: relative;
	    width: 110px;
	    left: 0;
	    text-align: left;
	    margin: 0;
	}
	.notify-badge {
		text-align: center;
	}
	.notify {
		display: inline;
		padding-left: 30px;
	} 
	.navbar-collapse .dropdown-toggle.avatar {
        height: 60px;
    }
    .navbar-collapse .dropdown-toggle > img {
        display: none;
    }
    .navbar-collapse .dropdown-toggle > img.profile-avatar {
        display: block;
        float: left;
    }

    .header-search .form-group {
       padding: 0 10px;
    }
    .slider-icon {
    	display: none;
    }
}

.notification {
    padding: 0px;
    margin: 0px;
    list-style-type: none;    
}
.notification > LI {
    margin-bottom: 		3px;
    border-left-width:	6px;
    border-left-style:	solid;
	padding:			10px 10px 10px 20px;
/*	background-color: 	#eee;*/
}
.notification > LI .head {
	margin-bottom: 8px;
}
.notification > LI .headline {
	font-size:		130%;
	margin-right:	10px;
}
.notification > LI.followingCreated { border-color: #63A9E1; }
.notification > LI.favouriteCreated { border-color: #64C78D; }
.notification > LI.imageCreated 	{ border-color: #C97883; }
.notification > LI.storyCreated 	{ border-color: #CEC668; }
.notification > LI.imageCommented,
.notification > LI.storyCommented 	{ border-color: #BBB; }
.notification > LI .link {
	margin-left: 5px;
}
.notification > li > a, 
.notification > li > a:focus, 
.notification > li > a:hover, 
.notification > li > a:visited {
    color: #40586A;
}

SPAN.nsfw {
	color: red;
}