body {
	padding-top:0px;
	font-family: Georgia, Times, "Times New Roman", serif;
	color:#414141;
	height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
body>.container {margin-bottom:75px;}
h1 {font-size:28px;}
h2 {
	font-size:18px;
	line-height:18px;
	color:#00c0f3;
	text-transform:uppercase;
	margin-top:30px;
}
h3 {
	font-size:16px;
	line-height:18px;
	color:#00c0f3;
	text-transform:uppercase;
	margin-top:20px;
}

ol li {margin-bottom:10px;}
ol li:last-child {margin-bottom:0px;}
input {font-family: Georgia, Times, "Times New Roman", serif;line-height: 20px;}
input[type="text"] {line-height: 20px;height:30px;}

/* Color setups */

.blue {color:#00c0f3;}

.goodreadsg {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	display:inline-block;
	margin-top:-3px;
	font-size:1.3em;
	font-weight:100;
}

.backbutton {
	color:#838383;
	font-size:16px;
	letter-spacing:1px;
	margin-left:15px;
}
.backbutton i {color:#414141;font-size:18px;margin-right:3px;}
.backbutton:hover {
	color:#838383;
}
.backbutton:hover i {text-decoration: none;}

/* HEADER ITEMS */

.navbar-fixed-top {
	margin-bottom:33px;
	position:relative;
}

.navbar-fixed-top .navbar-inner {
	padding-top:15px;
	padding-bottom:15px;
	border-bottom-color:#838383;
	background-image:none;
	background-color:#ffffff;

}
.navbar .brand {
	padding:0px 20px;
	font-weight:normal;
	font-size:30px;
	line-height:56px;
	color:#414141;
	margin-top:0px;
	margin-bottom:0px;
	letter-spacing: 1px;
}
.navbar .h1brand {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:30px;
	line-height:56px;
	color:#414141;
	letter-spacing: 1px;
}

.navbar .brand .blue {font-weight:bold;}
#nav-collapse {display:none;}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	box-shadow: none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.navbar-inner {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0)
}


.headerlinks {
	float:right;
	padding:0px 30px 0px 30px;
	border-left:1px solid #838383;
	color:#414141;
}
.headerlinks a {
	color:#414141;
	letter-spacing: 1px;
}
.headerlinks ul {
	list-style:none;
	margin:0px;
}
.headerlinks ul li {margin-left:0px;font-size:16px;line-height:28px;}

/* Filter column */

#filters {
	padding-left:0px;
	margin-bottom:10px;

}

#filters a {
	display:block;
	width:100%;
	clear:both;
	font-size:16px;
	line-height:22px;
	margin-left:0px;
	color:#838383;
	transition: all 0.2s ease-in-out 0s;
	letter-spacing: 1px;
	background-image:none;
	background-position: left center;
	background-repeat: no-repeat;
}
/*
#filters a span.arrow {width:20px;display:inline-block;}
#filters a span.text {margin-left:0px;display:inline-block;}


#filters a i {display:none; margin-left:0px;transition: all 0.2s ease-in-out 0s;}
#filters a:hover i {text-decoration: none;}
#filters a.active i {display:inline-block;text-decoration: none;}
*/
.filtersidebar h2 {margin-top:10px;}
.filtersidebar h2:first-child {margin-top:0px;} 

/*
.filtersidebar #filters a {margin-left:-10px;padding-left:25px;}
*/
.filtersidebar #filters a {margin-left:0px;padding-left:0px;}

#filters a.showall {margin-bottom:10px;}
#filters a.active {
	font-weight:bold;
	color:#414141;
	text-decoration:none;
/*	background-image: url('/images/right-arrow.png');
	background-position: left center;
	background-repeat: no-repeat;
*/
}
#filters a:hover {color:#414141;text-decoration: none;}
.nav-collapse #filters a.active {background-image:none;color:#ffffff;}
.nav-collapse #filters a:hover {color:#ffffff;text-decoration: underline;}
.mwpalogo {margin-top:20px;}
.mwpalogo img {max-width:100%;}


/* Masonry Image Area */

#container-folio {margin-left:auto;margin-right:auto;}

.box{
	margin-bottom:20px;
}
.lazy {
  display: none;
}
.writeritem {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	height:270px;
   	width:180px;
   	overflow: hidden;
   	margin-bottom:10px;
   	margin-right:5px;
   	margin-left:5px;
   	float:left;
   	z-index: 2;
}
#page_nav {
	float:left;
   	z-index: 2;
   	height:270px;
   	width:180px;
   	margin-bottom:10px;
   	margin-right:5px;
   	margin-left:5px;
   	opacity:0;
   	visibility:hidden;
   	
   }

.thumbnail{
	position:relative;
    border: 0px;
    border-radius: 0px;
    padding:0px;
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow-none;
    display: block;
    line-height: 20px;
    height:270px;
   	width:180px;
    transition: all 0.2s ease-in-out 0s; 
}

.thumbnail a {
	height:270px;
   	width:180px;
   	overflow:hidden;

}
.thumbnail img {
	height:270px;
   	width:180px;
}
.thumbnail .caption {
    color: #ffffff;
    display: inline-block;
    left: 0;
    opacity: 0;
    position: relative;
    text-align: left;
   	z-index: 10;
   	height:270px;
   	width:180px;
   	bottom:270px;
   	background-color:rgba(50,50,50,0.9);
   	padding: 0px 15px;
   	transition: all 0.2s ease-in-out 0s;
   	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	visibility: hidden;
}
.thumbnail .caption .text {
	display:table-cell;
	height:270px;
   	width:180px;
	vertical-align: middle;
	text-align:center;
	font-size:20px;
	text-transform: uppercase;

}
.thumbnail .caption span {opacity:0;visibility: none;}
.thumbnail a:hover .caption {opacity:1;visibility: visible;}
.thumbnail a:hover .caption span {opacity:1; visibility: visible;}



/* isotope items animation */
.isotopecontainer {margin-top:2px;}
/*
.isotope .isotope-item {
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -moz-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
-webkit-transition-property: -webkit-transform, opacity;
}

.isotope-item {
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;

transition-timing-function: ease;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-moz-transition-timing-function: ease;
z-index: 2;
}
*/
.isotope-item {
	-moz-transition: -moz-transform 0s ease-in-out, opacity 0.5s ease-in-out;
	-ms-transition: -moz-transform 0s ease-in-out, opacity 0.5s ease-in-out;
	-o-transition: top 0s ease-in-out, left 0s ease-in-out, opacity 0.5s ease-in-out;
	transition: transform 0s ease-in-out, opacity 0.5s ease-in-out;
	-webkit-transition: -webkit-transform 0s ease-in-out, opacity 0.5s ease-in-out;
}



/* FOOTER */

footer {
	position:fixed;
	bottom:0px;
	background-color:rgba(50,50,50,0.9);
	width:100%;
	color:#ffffff;
	padding:10px 0px;
	z-index: 1000;
}
footer .footerleft {float:left;}
footer .footerright {float:right;}
footer a {text-decoration:underline;color:#ffffff;}
footer a:hover {color:#00c0f3;}



/* AUTHOR PAGE */

#authorpage h1 {
	color:#00c0f3;
	text-transform: uppercase;
	margin-top:0px;
	line-height:28px;
	margin-bottom:15px;
}

#authorpage .imagescolumn {text-align:right;padding-top:2px;}

.authorimage img {margin-bottom:20px;}
.coverimage img {margin-bottom:20px;}


.textcolumn a {color:#838383;font-weight: bold;}
.textcolumn a:hover {text-decoration: underline;}

.textcolumn .joinform a {color:#ffffff;font-weight: bold; /* float:right; */ margin:5px 0px 30px 0px;}
.textcolumn .joinform a:hover {text-decoration: none;}

/* FORM PAGE */

select, input[type="text"], input[type="password"], input[type="datetime"],
 input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], 
 input[type="week"], input[type="number"], input[type="email"], input[type="url"], 
 input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
 	border-radius: 0px;
    color: #838383;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 2px 4px;
    vertical-align: middle;
}

textarea {
 	border-radius: 0px;
    color: #838383;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 2px 4px;
    vertical-align: middle;
    width:auto;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], 
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
 input[type="week"], input[type="number"], input[type="email"], input[type="url"],
 input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: none;
    transition: border 0.2s linear 0s;
}
.help-block {font-style:italic;}

label.control-label {font-weight:bold;}

.control-group {margin-bottom:25px;}
.socialmediafields .control-group {margin-bottom:10px;}

/* Social Media Icons */

.socialmedia {margin-top:10px;}

.socialmedia a {color:#838383; transition: all 0.2s ease-in-out 0s;font-weight:normal;}
.socialmedia a:hover {color:#00c0f3;text-decoration: none;}



@media (max-width: 979px) {
	.navbar .btn-navbar {display:none;}
	.navbar-fixed-top {position:relative;}
	#filters {padding-left:5px;}
	.navbar-fixed-top .navbar-inner { padding-top:15px; padding-bottom:15px;}
}

@media (max-width: 979px) and (min-width:768px) {
	body>.container {margin-left:20px;}

}

@media (max-width: 767px){
	html {height:100%;}
	body {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 90px;
    height:100%;
    padding-bottom:20px;
  	}
  	footer {position:relative;margin-top:-30px;}
  	.navbar-fixed-top {position:fixed;}

  	body>.container {min-height:85%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
	body>.container, 
	.navbar-fixed-top,
	footer>.container {padding-left:20px;padding-right:20px;}

	#authorpage .imagescolumn {text-align:left;display:inline-block;clear:both;}
	.filtersidebar {display:none;}
	.headerlinks {display:none;}

	.navbar-fixed-top .navbar-inner {padding:0px;}

	.navbar .brand {line-height:50px;}

	.navbar .btn-navbar {
		display:block;
		height:50px;
		margin:0px;
		background-color:#414141;
		background-image:none;
		text-align:center;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
		font-size:34px;
		color:#ffffff;
		line-height:35px;
		background-repeat: no-repeat;
    	border:0px;
    	border-radius: 0px;
    	-webkit-border-radius:0px;
    	-mox-border-radius:0px;
    	-webkit-box-shadow:none;
     	-moz-box-shadow: none;
    	box-shadow:none;
	    text-shadow: none;
    	filter: none;  
	}
	.navbar .btn-navbar.collapsed {background-color:#838383;}
	.navbar .btn-navbar:hover, 
	.navbar .btn-navbar:focus, .navbar .btn-navbar:active, 
	.navbar .btn-navbar.active, .navbar .btn-navbar.disabled, 
	.navbar .btn-navbar[disabled] {
		background-color:#414141;
		color:#ffffff;
		border:0px;
	}
	#nav-collapse {display:block;}
	.navbar .btn-navbar:hover {background-color:#00c0f3;}
	#nav-collapse {
		position:fixed;
		right:0px;
		top:50px;
		background:#414141;
		color:#ffffff;
		z-index:2000;
		width:auto;
		padding:0px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
		text-align:right;
	}
	

	#nav-collapse #filters {padding-left:0px;margin-bottom:0px;}

	#nav-collapse ul,
	#nav-collapse #filters ul {margin:20px 0 20px 0;list-style:none;}
	#nav-collapse #filters ul li {font-size:13px; line-height:19px;text-transform:none;}
	#nav-collapse ul li {font-size:11px; line-height:17px; text-transform: uppercase;margin-bottom:3px;}
	#nav-collapse ul li:last-child {margin-bottom:0px;}
	#nav-collapse #filters a,
	#nav-collapse a {color:#ffffff; font-size:13px; line-height:19px;}
	#nav-collapse #filters a.active,
	#nav-collapse a.active {text-decoration:underline;}
	#nav-collapse .filterheading {line-height:30px;text-transform: uppercase;font-size:15px;margin-top:5px;}
	
	.authorimage, .coverimage {display:inline-block;}
	.authorimage {margin-right:20px;}


}

@media (max-width: 580px) {
	footer .footerleft, footer .footerright {float:left;text-align:center;width:100%;clear:both;}
}

@media (max-width: 480px) {
	body>.container {min-height: 480px;}
	.navbar-fixed-top {height:50px;}
	.navbar .brand {text-align:left;padding:0px 0px 0px 20px;font-size:24px;}
	.navbar-fixed-top .navbar-inner {padding:0px;}

	.writeritem {
		height:225px;
	   	width:150px;
	}

	.thumbnail, 
	.thumbnail a, 
	.thumbnail img {
		height:225px;
	   	width:150px;
	}
	.thumbnail .caption {
	   	height:225px;
	   	width:150px;
	   	bottom:225px;
	   	padding:0px 10px;
	}
	.thumbnail .caption .text {
		height:225px;
	   	width:150px;
		font-size:16px;
	}
	.imagescolumn {display:inline-block;}
	.authorimage {float:left;margin-right:0px;}
	.coverimage {float:right;}
	.authorimage img, .coverimage img {float:right; max-height:225px; max-width:150px;}


	.backbutton {
	margin-left:0px;
}

}
@media (max-width: 400px) {
	.navbar .brand {font-size:20px;}


	.writeritem,
	.thumbnail, 
	.thumbnail a, 
	.thumbnail img {
		height:195px;
	   	width:130px;
	}
	.writeritem {
		margin-bottom:10px;
	}
	.thumbnail .caption {
	   	height:195px;
	   	width:130px;
	   	bottom:195px;
	   	padding:0px 5px;
	}
	.thumbnail .caption .text {
		height:195px;
	   	width:130px;
		font-size:16px;
	}
	.authorimage img, 
	.coverimage img {max-height:195px; max-width:130px;}

}

@media (max-width: 979px) {
	.isotopecontainer {width:570px;margin-left:auto;}
}
@media (max-width: 767px) {
	.isotopecontainer {width:570px;margin-left:auto;margin-right:auto;}
}
@media (max-width: 580px) {
	.isotopecontainer {width:380px;}
}
@media (max-width: 480px) {
	.isotopecontainer {width:320px;}
}
@media (max-width: 400px) {
	.isotopecontainer {width:280px;}
}