h1 {font-size:22px; margin:15px 0 10px 0; }
h2 {font-size:18px; margin:15px 0 5px 0; }
h3 {font-size:16px; margin:5px 0 5px 0; }
header { padding: 10px 0; }
hr { border-top: 1px solid #999; } 
a { color:#777777; }
a:hover { color:#000; text-decoration:none;  }

#searchform { padding:0px; margin:4px 0 0; }
#topNav .navbar-nav { float:none; margin:0; }
.navbar-nav > li > a { padding:7px 10px; background-color:transparent; }
#topNav .navbar-nav > li.active > a { color:#000; }
.navbar-nav > li > .dropdown-menu { border:0; background-color: rgba(255,255,255,.85); margin-left:-1px; margin-top:4px; border-radius:0; width:100%; min-width:156px; }
.dropdown-menu > li > a { padding: 5px 10px; color:#666; white-space:normal; line-height: normal; }
.dropdown-menu > li > a:hover, .dropdown-menu > li.active > a:hover { background-color:transparent; color:#000; }
.dropdown-menu > li.active > a { background-color:transparent; color:#000; }
#topNav .navbar-collapse { padding:0; }
#topNav, #bottomNav { background-color:transparent; border:0; }
#topNav .navbar-toggle, #bottomNav .navbar-toggle { margin-left:0;}
#bottomNav .navbar-nav { float:none; margin:0; }
#bottomNav .navbar-collapse { padding:0; }

.navbar { min-height:40px; margin-bottom:10px; }
.navbar-toggle { float: left; margin-left: 10px; padding: 5px; margin-top: 5px; margin-bottom: 5px; }
.navbar-brand { padding: 8px; font-size: 14px; height: 30px; }
#topNav .navbar-nav > li > a { background-color:transparent; color:#666; }
#topNav .navbar-nav > li.open > a { color:#000; }
#topNav .navbar-nav > li > a:hover, #topNav .navbar-nav > li > a:active { color:#000; }

/* home page tiles */	
#theTiles > div { position:relative; width:100%; overflow:hidden; margin-bottom:2px; }
#theTiles a:hover { text-decoration:none; }
#theTiles > div.tile img { width:100%; height:auto; z-index:0; }
#theTiles .tile h2 { position:absolute; top:0; left:0; width:100%; z-index:2; background-color:rgba(0,0,0,.5); color:#fff; margin:0; padding:4px; text-align:center; }

/* thumbs */
#thumbs .row { margin-left:-5px; margin-right:-5px; }
#thumbs .col-xs-6, #thumbs .col-sm-3 { padding-left:5px; padding-right:5px; }
/*#thumbs .tile { margin-bottom:10px; position:relative; }
#thumbs .tile img { width:100%; height:auto; }*/
#thumbs .tile { margin-bottom:10px; position:relative; width:100%; height:0; padding-bottom:100%; }
#thumbs .tile img { width:100%; height:auto; position:absolute; }
#thumbs .tile h3 { width:100%; background-color:rgba(50,50,50,.5); color:#fff; position:absolute; bottom:0; margin:0; padding:5px 10px; font-size:14px; line-height: normal; }


.blurb { margin:16px 0; font-size:15px; }

#actions { height:40px; }
#actions img { float:right; margin-left:6px; }
#actions span { float:right; background-size:100%; width:24px; height:24px; margin-top:-2px; }
.silver { padding:5px 10px 0; margin:30px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#E8E8E8; }
.copyright { font-size:12px; color:#666; text-align:right; }
#thumbs img.sold_corner { position: absolute; top:0; right:0; width:40px; height:40px; }

@media (min-width: 768px) {
	h1 { margin-top:15px; }
	#topNav { border:0; border-top:1px solid #999; border-radius:0; }
	#topNav .navbar-nav > li { width:16.66666667%;}

	#theTiles > div { position:relative; float:left; width:16.666%; overflow:hidden; max-height:600px; padding-right:2px; }
	#theTiles > div:last-child { margin-right:-2px; }
	#theTiles > div.tile img { width:100%; height:auto; z-index:0; }
	#theTiles .tile h2 { position: relative; background-color: #fff; font-size: 13px; line-height:20px; color: #666; margin: 0; padding: 4px 4px 0 0; text-align: left; height: 65px; }

	#bottomNav { border:0; border-radius:0; border-bottom:1px solid #999; margin-top:10px; }
	#bottomNav .navbar-nav > li:first-child a { padding-left:0; }
	.navbar-brand { display:none; }
	.slick-prev:before, .slick-next:before { font-size: 20px; }
	.slick-prev { left: -20px; }
	.slick-next { right: -20px; }
}

@media (min-width: 992px) {
	#topNav .navbar-nav > li > a { font-size:16px; padding: 7px 12px 7px 2px; }
	#theTiles .tile h2 { font-size: 16px; line-height:20px; padding: 4px 12px 0 0; text-align: left; min-height: 65px; }
	#thumbs .tile h3 { font-size:16px; }
	#thumbs .tile h3 { font-size:16px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	#bottomNav .navbar-nav > li > a { padding:7px 6px; }
}

@media (max-width: 991px) {
	h1 {font-size:18px; margin:10px 0 5px 0; }
	h2 {font-size:16px; margin:10px 0 5px 0; }
	p { font-size:13px; }
}

@media (max-width: 480px) {
	.logo, .search { width:100%; }
	#searchform { margin:15px 0; }
}