body {
	background-image:url(../img/bg.jpg);
	/* background-attachment: fixed; */
}

body.site-viewfs .header {
	background-color:#10508a;
	background: linear-gradient(36deg, #000, #10508a);
}

body > .body > .width-limiter {
	background-color:white;
	box-shadow: -10px 0 20px -5px rgba(150,150,150,0.5),
				10px 0 20px -5px rgba(150,150,150,0.5)
	;
}

body > header {
	background-color:#10508a;
	background: linear-gradient(36deg, #000, #10508a);
	border-bottom: 4px solid black;
}

body > header a {
    color: #eee;
    text-decoration:none;
}

body > header a:hover, body > header a:active, body > header a:focus {
    color: #fff;
}

#fullscreen-preview-layout h1 a {
	color: #eee;
}

#fullscreen-preview-layout h1 a:hover,
#fullscreen-preview-layout h1 a:active,
#fullscreen-preview-layout h1 a:focus {
    color: #fff;
}

textarea, select, 
input[type="submit"], input[type="button"], button, .btn, 
input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]
{
	border: 1px solid #10508a;
}

input[type="submit"], input[type="button"], button, .btn {
	background-color: #20609a;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover, .btn:hover,
input[type="submit"]:active, input[type="button"]:active, button:active, .btn:active,
input[type="submit"]:focus, input[type="button"]:focus, button:focus, .btn:focus {
	background-color: #10508a;	
}

main .new-books-section .book-item {
	border: 1px dotted #EAEAEA;
	background-color: #F8F8F8;
}

.converter-section #converter-text {
	border-left:2px solid #222;
}

a, .hl-header {
	color: #4b609b;
}

a:hover, a:focus {
	color: #1b306b;	
}

body > footer {
    background-color: #072540;
}

footer a {
	color: #aeb0b7;
}

footer a:hover, footer a:focus {
	color: #eee;
}


.alert-info {
    color: #000;
    background-color: #f0f0f0;
    border: none;
    border-left: 4px solid #f00;
}

.border-color {
	border-color: #20609a;
}

#converter-text-progress .progress-bar {
	background-color: #20609a;
}

.converter-section .transcription p {
	border-left:2px solid #10508a;
}

.converter-section .badge {
  background-color: #729dc5;
}

.trends-list li::before {
   background-color:white;
   background: rgba(237,237,237,1);
   background: -moz-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
   background: -webkit-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
   background: -o-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
   background: -ms-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
   background: linear-gradient(to right, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=1 );
   border: 1px solid #DDD;
   border-right: none;
   border-radius: 0 0 0 10px;
}

.viewerjs-preview { border: 1px solid silver;}