﻿a:link{
	color: #9f5636;
	text-decoration: none;
	cursor: crosshair;
}
a:visited{
	color: #5c1a00;
	text-decoration: none;
	cursor: crosshair;
}
a:hover{
	color: gray;
	text-decoration: none;
	cursor: crosshair;
}
a:active{
	color: #9f5636;
	text-decoration: none;
	cursor: crosshair;
}
a.dogsofnarberth.masterFeatured:hover {
	background-color: orange;
}
a.portraits.masterFeatured:hover {
	background-color: orange;
}
a.signs.masterFeatured:hover {
	background-color: orange;
}
a.therescuepups.masterFeatured:hover {
	background-color: orange;
}
body {
	background-color: #FFFFFF;
	font-family: "Hoefler Text";
	font-size: 17 px;
	margin: 0px;
	text-align: center;
}
body img{
	border-radius:100px;
}
div #atlas {
 	 width: 100%;
 	 padding: 50px 0;
 	 text-align: center;
 	 background-color: #FFFFFF;
 	 margin-top: 20px;
}
div #container.container{
	box-shadow: outset 0px 0px 30px 30px, #e6e6e6;
}

@font-face{
	font-family: "Hoefler Text";
}
h1,h2,h3,h4,h5,h6,h7{
	color: #5c1a00;
	font-family: "Hoefler Text";
	font-style: bold;
	font-size: 32px;
}
header{
	text-align: center;
}
header img{
	border-radius:0px;
}

nav{
	font-family: "Hoefler Text";
	font-size: 18px;
	text-align: center;
}
footer{
	font-family: "Hoefler Text";
	text-align: center;
	font-size: 17px;
}
img:hover{
	box-shadow: inset 0px 0px 100px 100px, #FFFFFF;
	cursor: crosshair;
	-webkit-filter: sepia(1);
}

header .none:hover{
	-webkit-filter: none;
	cursor: initial;
}
p{
	text-align: left;
	width: 600px;
}
table{
	text-align: center;
	font-family: "Hoefler Text";
	font-size: 17 px;
}
div #container{
	box-shadow: 0px 0px 30px 30px, #e6e6e6;
}

.featured {
	display: none;
	position: absolute;
	background-color: rgba(240, 215, 116, 0.8);
	padding: 10px;
	color: black;
	font-size: 14px;
	width: auto;
}

.tooltip {
	display: none;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px;
	color: black;
	font-size: 14px;
	width: auto;
}
img.arachmask1{
	-webk-itfilter: none;
}
img.arachmask1:hover{
	-webkit-filter: none;
}
img.arachmask2{
	-webk-itfilter: none;
}
img.arachmask2:hover{
	-webkit-filter: none;
}

img.dandb{
	border-radius: 300px;

}
img.dandb:hover{
	cursor: crosshair;
	-webkit-filter: none;
}
img.featuredart{
	border-radius:0px;
	-webkit-filter: none;
}
img.featuredart:hover{
	-webkit-filter: none;
}
img.filler{
	border-radius: 0px;
	-webkit-filter: none;
}
img.filler:hover{
	-webkit-filter: none;
}
img.get{
	border-radius: 0px;
	-webkit-filter: none;
}
img.get{
	-webkit-filter: none;
}

img.invaderzurn{
	border-radius:0px;
	-webkit-filter: none;
}
img.invaderzurn:hover{
	-webkit-filter: none;
}
img.lowerpicture{
	-webkit-filter: none;
}
img.lowerpicture:hover{
	-webkit-filter: none;
}
img.scarymon.logo{
	border-radius:0px;
	-webkit-filter: none;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
.header{
	height: 100%;
	width: 100%;
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.header{
	height: 100%;
	width: 100%;
}
img.featured.art.text{
	size: 50%;
}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
h1,h2,h3,h4,h5,h6,h7{
	font-size: 20px;
}
body{
	font-size: 24px
}
footer{
	font-size: 12px;
}
p{
	text-align: left;
	width: 125px;
}
.header{
	height: 100%;
	width: 100%;
}
.none{
	height: 75px;
	width: 125px;
}
.table{
	height: 75px;
	width: 75px;
}
img.featured.art.text{
	size: 50%;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
h1,h2,h3,h4,h5,h6,h7{
	font-size: 20px;
}
body{
	font-size: 12px
}
footer{
	font-size: 12px;
}
p{
	text-align: left;
	width: 125px;
}
.header{
	height: 100%;
	width: 100%;
}
.none{
	height: 75px;
	width: 125px;
}
.table{
	height: 75px;
	width: 75px;
}
img.featured.art.text{
	size: 50%;
}

}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
h1,h2,h3,h4,h5,h6,h7{
	font-size: 20px;
}
body{
	font-size: 12px
}
footer{
	font-size: 8px;
}
p{
	text-align: left;
	width: 100px;
	font-size: 12px;
}
.header{
	height: 100%;
	width: 100%;
}
.none{
	height: 50px;
	width: 100px;
}
.table{
	height: 50px;
	width: 50px;
}
img.featured.art.text{
	size: 50%;
}


