

body {
	background-color: #eee !important;
}

/* search results */
@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700";

.search-result .container { margin-top: 20px; }
.search-result .mb20 { margin-bottom: 20px; } 

.search-result hgroup { padding-left: 15px; border-bottom: 1px solid #ccc; }
.search-result hgroup h1 { font: 500 normal 1.625em "Roboto",Arial,Verdana,sans-serif; color: #2a3644; margin-top: 0; line-height: 1.15; }
.search-result hgroup h2.lead { font: normal normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #2a3644; margin: 0; padding-bottom: 10px; }

.search-result .thumbnail { border-radius: 0 !important; }
.search-result:first-child { margin-top: 0 !important; }
.search-result { margin-top: 20px; }
.search-result .col-lg-2 { border-right: 1px solid #ccc; min-height: 140px; }
.search-result ul { padding-left: 0 !important; list-style: none;  }
.search-result ul li { font: 400 normal .85em "Roboto",Arial,Verdana,sans-serif;  line-height: 30px; }
.search-result ul li i { padding-right: 5px; }
.search-result .col-md-7 { position: relative; }
.search-result h3 { font: 500 normal 1.375em "Roboto",Arial,Verdana,sans-serif; margin-top: 0 !important; margin-bottom: 10px !important; }
.search-result h3 > a, .search-result i { color: #248dc1 !important; }
.search-result p { font: normal normal 1.125em "Roboto",Arial,Verdana,sans-serif; } 
.search-result span.plus { position: absolute; right: 0; top: 126px; }
.search-result span.plus a { background-color: #248dc1; padding: 5px 5px 3px 5px; }
.search-result span.plus a:hover { background-color: #414141; }
.search-result span.plus a i { color: #fff !important; }
.search-result span.border { display: block; width: 97%; margin: 0 15px; border-bottom: 1px dotted #ccc; }
/*----------------*/

.netboom-shadow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

#gameContent {
	width: 1140px;
	height: 640px;
	resize: horizontal;
	overflow: hidden;
	background-color: transparent;
	border-width: 1px;  
	border-style: solid;
	border-color: rgba(166,166,166,0.25); /*#b3b3b3;*/
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
}

/* Remove the navbar's default rounded borders and increase the bottom margin */
.navbar {
	margin-bottom: 30px;
	border-radius: 0;
}
/* Remove the jumbotron's default bottom margin  */
.jumbotron {
	margin-bottom: 0;
}
/* Add a gray background color and some padding to the footer */
footer {
	position: relative;
	bottom: 0px;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: auto;
	min-height: 100%;
	background-color: #e6e6e6;
}

#scrollToTop{
	width: 110px; 
	height: 110px;
	padding: 10px; 
	text-align: center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 10px;
	display: none;
	background: url('/arrow_up.png') no-repeat 0px 20px;
}
#scrollToTop:hover{
	text-decoration:none;
}

.favoriteStar{
	font-size: calc(1em + 5pt);
	position: absolute;
	/*color: #cccccc;*/
	top: 13px;
	right: 8px;	z-index: 100;
}
.favoriteStar:hover{
	color: #fac917;
	cursor:pointer
}
.favoriteStar-default{
	color: #cccccc;
}
.favoriteStar-pressed{
	color: #fac917;
}




/********** comments ***********/
.link-comment {
    color: #3d5c5c; /*#f5c400*/
    text-decoration: none;
}
.blog-comment::before,
.blog-comment::after,
.blog-comment-form::before,
.blog-comment-form::after{
    content: "";
	display: table;
	clear: both;
}

.comment-content{
	white-space: pre-wrap;
}

.blog-comment{
    padding-left: 15%;
	padding-right: 15%;
}

.blog-comment hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #FFFFFF;
}

.blog-comment ul{
	list-style-type: none;
	padding: 0;
}

.blog-comment img{
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	  	 -o-border-radius: 4px;
			border-radius: 4px;
}

.blog-comment img.avatar {
	position: relative;
	float: left;
	margin-left: 0;
	margin-top: 0;
	width: 65px;
	height: 65px;
}

.blog-comment .post-comments{
	border: 1px solid #eee;
    margin-bottom: 20px;
    margin-left: 85px;
	margin-right: 0px;
    padding: 10px 20px;
    position: relative;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       	 -o-border-radius: 4px;
    		border-radius: 4px;
	background: #fff;
	color: #6b6e80;
	position: relative;
}

.blog-comment .meta {
	font-size: 13px;
	color: #aaaaaa;
	padding-bottom: 8px;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #eee;
}

.blog-comment ul.comments ul{
	list-style-type: none;
	padding: 0;
	margin-left: 85px;
}

.blog-comment-form{
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 40px;
}

.blog-comment h3,
.blog-comment-form h3{
	margin-bottom: 40px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 800;
}

body {
  padding-top: 60px;
}
@media (max-width: 979px) {
  body {
    padding-top: 0px;
  }
}