﻿ body {
	background-image: url('../img/bg_blue.gif');
	background-position: inherit bottom;
	margin: 0px;
	background-repeat: repeat-x;
	background-attachment: fixed;
}

.header_ads { float:left; margin:0; }

#footer {
	padding: 10px;
	color: #fff;
	background: #3E80B0 url(../blue/bg_blue.gif) repeat 0px
0px;
}
#footer a {
	color: #5BC0DE;
}

.powered { text-align:center; margin:10px 0 0 0; color:#ffffff; }
.powered a {
	text-align: center;
	margin: 10px 0 0 0;
	color: #5BC0DE;
}

.signup { text-align:center; }
.email-wrapper { margin-bottom:10px; }

.ads { padding:0; margin:0; }
.ads ul { list-style-type:none; margin:0px; padding:0px; }
.ads ul li { margin:0 0 10px 0; padding:0px; }
.ads ul li img { margin:0; padding:0px; }
.ads p { margin:0 0 10px 0; padding:0px; text-align:center; }

.top_ads { padding:0; margin:0 0 20px 0; }
.top_ads img { border:none; max-width:1000px; }

.just_categories { padding:0; margin:0; }
.just_categories ul { list-style-type:none; margin:5px 5px 0 0; padding:0px; }
.just_categories ul li { background:#f2f2f2; border:1px solid #cccccc; float:right; width:48.5%; margin:0 0 10px 10px; padding:5px; }
.just_categories ul li a { font-size:17px; }
.just_categories ul li ul { list-style-type:none; margin:7px 0px 0 0; padding:0px; } /*square, circle*/
.just_categories ul li ul li { border:0px solid #cccccc; border-bottom:1px solid #cccccc; width:100%; float:right; margin:0 0 5px 5px; padding:5px; }
.just_categories ul li ul li a { font-size:14px; }

.just_categories_one_line { padding:0; margin:0; }
.just_categories_one_line ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories_one_line ul li { background:#f2f2f2; border:1px solid #cccccc; margin:0 0 10px 0; padding:5px; }
.just_categories_one_line ul li a { font-size:17px; }
.just_categories_one_line ul li ul { list-style-type:none; margin:7px 0px 0 0; padding:0px; } /*square, circle*/
.just_categories_one_line ul li ul li { border:0px solid #cccccc; border-bottom:1px solid #cccccc; width:100%; float:right; margin:0 0 5px 5px; padding:5px; }
.just_categories_one_line ul li ul li a { font-size:14px; }

.categories_with_sites { padding:0; margin:0; }
.categories_with_sites ul { list-style-type:none; margin:5px 0px 0 0; padding:0px; }
.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:right; width:48.5%; margin:0 0 10px 10px; padding:5px; }
.categories_with_sites ul li a {
	font-size: 17px;
	color: #0178A1;
}
.categories_with_sites ul li ul { list-style-type:none; margin:7px 0px 0 0; padding:0px; } /*square, circle*/
.categories_with_sites ul li ul li { border:0px solid #cccccc; width:100%; float:right; margin:0 0 5px 5px; padding:5px; }
.categories_with_sites ul li ul li a { font-size:14px; }

.incategory { padding:0; margin:0px 5px 0 0; }
.categories_with_sites ul li ul li .incategory, .just_categories ul li .incategory { margin:0px 0px 0 0; }
.incategory a, .categories_with_sites ul li .incategory a, .just_categories ul li .incategory a {
	font-size: 14px;
	color: #0178A1;
}

.well {
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

.search_form { }

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Start pagination */
div.pagination { padding: 10px 0 5px 0; margin: 3px; text-align:center; padding-bottom:10px; direction:ltr; clear:both; }
div.pagination ul { list-style-type: none; padding:0; margin:0; }
div.pagination ul li { list-style-type: none; display:inline; /*float:right;*/ margin:2px; padding:5px; border-radius: 25px; background-color: #f2f2f2; border: 1px solid #cccccc; }
div.pagination ul li.current { background-color: #e5e1e3; color: #333; border: 1px solid #eeeeee; }
div.pagination ul li.disabled { color: #333; }
/* End pagination */

#sites { padding: 0px; margin:0 0 0 0; background: rgba(253, 253, 253, 0.86); }

#sites div.site { padding: 5px; margin:0 0 7px 0; border-bottom: 1px dotted #ddd; background: #fff; }
#sites div:hover.site { background: #f2f2f2; }
#sites h2 { padding: 0; margin:0px 0 7px 0; }
#sites h2 a { font-weight:bold; font-size:17px; line-height:24px; color:#516472; }
#sites h2 a:hover { color: #000; }
#sites .url { padding: 0px; margin:0 0 7px 0; color:green; }
#sites .url a { color:green; }
#sites .meta { padding: 0px; margin:0 0 7px 0; }
#sites .info { padding: 0px; margin:0 0 15px 0; }
#sites .order { padding: 0px; margin:0px 0 15px 0; }

#site_info { padding: 0px; margin:0 0 0 0; background: rgba(253, 253, 253, 0.86); }
#site_info p { padding: 0; margin:0 0 7px 0; }
#site_info span {
	color: #0178A1;
}

#post_info { padding: 0px; margin:0 0 20px 0; background: rgba(253, 253, 253, 0.86); }
#post_info p { padding: 0; margin:0 0 7px 0; }
#post_info span { color:#008000; }
#post_info .info { padding: 10px; margin:10px 0 0 0; border-bottom:1px dotted #cccccc; text-align:center; }

/* Start comment */
#add_comment { margin:15px 0 0 0; padding:0; }
#add_comment .title { margin:10px 0 15px 0; padding:0; font-size: 20px;  }
#add_comment .inputs { margin:0 0 20px 0; padding:0; }
#add_comment .inputs p { margin: 0 0 0px 0; padding:0; }
#add_comment .inputs input, #add_comment .inputs textarea { margin:3px 0 0 0; padding:10px; width:100%; }
#add_comment .inputs select { margin:3px 0 0 0; padding:10px; }
#add_comment input.num { width:50%; }
#add_comment .submits { margin:0; padding:0; }
#add_comment .submits input { width:auto; }

.comments { color: #505050; margin: 0 0 30px 0; padding: 0px; }
.comments h2 { margin:0; padding:15px 0 15px 0; text-align:center; font-size: 20px; }
.commenttext { border:1px solid #b0b0b0; background-color:#fff; margin: 0 0 15px 0; padding: 10px; }
.commenttext h3 { font-size: 17px; border-bottom:1px solid #b0b0b0; height:32px; background: url(images/user.png) right no-repeat; color: #505050; padding:0; margin:0 0 10px 0; }
.commenttext h3 span { padding:0 40px; margin:0; line-height:30px; }
.commenttext p.date { font-size: 12px; padding:5px 0 0 0; margin:0; text-align:left; }
.commenttext div { color: #505050; padding:0px; margin:0; }
/* End comment */

/* Rating Start */
.hover {width:24px; height:24px; background: url('../img/star.png') no-repeat; z-index: 1000; }
.rating_v { display: block;	margin: 5px 0 5px 0; position:relative; left:0; top:2px; line-height:20px; }
.rating_v img { width:24px; height:24px; }
.rating_v span { cursor: pointer; width:24px;}
/* Rating End */

#add_data { margin:0; padding:0; }
#add_data .title { margin:0 0 25px 0; padding:0; }
#add_data .inputs { margin:0 0 20px 0; padding:0; }
#add_data .inputs p { margin: 0 0 0px 0; padding:0; }
#add_data .inputs input, #add_data .inputs textarea { margin:3px 0 0 0; padding:10px; width:100%; }
#add_data .inputs select  { margin:3px 0 0 0; padding:10px; }
#add_data input.num { width:50%; }

.search { margin:15px 0 0 0; padding:0; }
.search .title { margin:10px 0 15px 0; padding:0; font-size: 20px;  }
.search .inputs { margin:0 0 20px 0; padding:0; }
.search .inputs p { margin: 0 0 0px 0; padding:0; }
.search .inputs input, .search .inputs textarea { margin:3px 0 0 0; padding:10px; width:100%; }
.search .submits { margin:0; padding:0; }
.search .submits input { width:auto; }

.navbar-brand{ text-decoration: underline; }


.post_thumb {
	position: relative;
	display: block;
}

.post_thumb img {
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
	width:185px;
	height:auto;
}

.post_thumb a img {
	border: 1px solid #ddd;
	padding: 3px;
}

.post_thumb a,  .post_thumb a img {	display: block; }

a.read_more {
	color: #5BC0DE;
}
a.read_more:hover {	color: #ff8a00; }

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 1200px) {
body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#logo img {	margin:0px 0 0 0; width:25%; }

.header_ads { display:none; width:100%; margin:10px 0 10px 0; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; max-width:900px; }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#logo img {	margin:0px 0 0 0; width:34%; }

.header_ads { display:none; width:100%; margin:10px 0 10px 0; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; max-width:670px; }

}

/* rules for iPad in landscape orientation */
@media only screen and (device-width: 768px) and (orientation: landscape) {
body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#logo img {	margin:0px 0 0 0; width:55%; }

.header_ads { display:none; width:100%; margin:10px 0 10px 0; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; width:100%; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#logo img {	margin:0px 0 0 0; width:45%; }

.header_ads { display:none; width:100%; margin:10px 0 10px 0; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; width:100%; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 479px) {
.panel-body img { max-width:100%; }

.ads ul li { float:none; width:100%; margin:0px 0 10px 0; padding:0px; text-align:center; }
.ads ul li img, .ads p img { margin:0; padding:0px; width:100%; }

body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#logo img {	margin:0px 0 0 0; width:100%; }

.header_ads { display:none; width:100%; margin:10px 0 10px 0; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; width:100%; }
}

@media only screen and (min-width: 240px) and (max-width: 320px) {
.panel-body img { max-width:100%; }

.ads ul li { float:none; width:100%; margin:0px 0 10px 0; padding:0px; text-align:center; }
.ads ul li img, .ads p img { margin:0; padding:0px; width:100%; }

body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#logo img {	margin:0px 0 0 0; width:100%; }

.header_ads { display:none; width:100%; margin:10px 0 10px 0; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; width:100%; }
}

@media only screen and (max-width: 240px) {
.panel-body img { max-width:100%; }

.ads ul li { float:none; width:100%; margin:0px 0 10px 0; padding:0px; text-align:center; }
.ads ul li img, .ads p img { margin:0; padding:0px; width:100%; }

body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#logo img {	margin:0px 0 0 0; width:100%; }

.header_ads { display:none; margin:10px 0 10px 0; width:100%; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; width:100%; }
}