html *{
	box-sizing: border-box;
}

body {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.35em;
	margin: auto;
	max-width: 70vw;
	background-color: white;
	background-image: url(imgs/bg.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	padding:auto;
}

span.i {color:#d9b6c8; font-style:italic; display:inline-block; font-size: 60%;}
span.if {color:#d9b6c8; font-style:italic; display:inline-block; font-size: 80%;}


header {
	min-height:20vh;
	background-color: rgb(50,50,50);
	background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.35)), url(imgs/others.png);
	background-size:cover;
	background-position: center top;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
	color: #ff82ae;
	border: dashed 2px;
	border-color:white;
	overflow-x:hidden;
}
#nav {
display:table; 
max-width:70vw;
}


#nav li{
display:table-cell;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 20%;
 align-items: center;
 justify-content: center;
}

h1 {
	text-shadow: 0px,0px,10px #000 ;
	padding-bottom: 2.5vh ;
}

h2 {
	text-shadow: 0px,0px,10px #000 ;
	padding-bottom: 5vh ;
}

main {border: solid 1px; background-color:white; border-bottom-color:white;}

footer {
	position:absolute;
	background-color:white;
	border:solid 1px;
	width: 70vw;
	border-top-color:white;
}
footer p {padding-left:1em;
	margin-bottom:0;}
footer img{width: 70vw;
height: auto; padding:none; position:fixed; bottom:0;}

figure { background-color:white;  margin-top:0;margin-left: auto;
margin-right: auto; border:solid 1px; width:90%; font-size:12px;}

figure img { width:100%;
margin-left: auto;
margin-right: auto;}

figure figcaption {text-align:center;}

img.tg {height:50px;}
img.stg {max-width:95%; padding-top:.5em; padding-bottom:.5em; margin:auto; margin-bottom:0; display:block;}



/*navlinks*/

ul.toplinks {
	align-self: center;
	list-style: none;
	padding: 0 0 0 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items:center;
	margin-bottom: 0;
	max-width: 9vw;
}
.toplinks li {
	margin: .5em;
	min-width: 7em;
	max-width:9vw;
	box-sizing:border-box;
}

.toplinks a {
	background-color: rgba(222, 164, 213, 0.85);
	border: dashed 2px;
	border-color:white;
	color: blue;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: .1rem;
	font-size:15px;
	-webkit-text-stroke: .35px yellow;}

/*customized backgrounds*/

.toplinks a.home {
  background-image: linear-gradient(rgba(255, 255, 255,.15),rgba(255, 255, 255,.15)),url(imgs/toplinks/sh.png);
  	background-size:cover;
	background-position: center center; 
}

.toplinks a.mike {
  background-image: linear-gradient(rgba(255, 255, 255,.15),rgba(255, 255, 255,.15)),url(imgs/toplinks/ts.png);
  	background-size:cover;
	background-position: center center; 
}

.toplinks a.snooki {
  background-image: linear-gradient(rgba(255, 255, 255,.15),rgba(255, 255, 255,.15)),url(imgs/toplinks/cheetah.png);
  	background-size:cover;
	background-position: center center; 
}

.toplinks a.jenni {
  background-image: linear-gradient(rgba(255, 255, 255,.15),rgba(255, 255, 255,.15)),url(imgs/toplinks/snake.png);
  	background-size:cover;
	background-position: center center; 
}

.toplinks a.paulyd {
  background-image: linear-gradient(rgba(255, 255, 255,.15),rgba(255, 255, 255,.15)),url(imgs/toplinks/cl.png);
  	background-size:cover;
	background-position: center center; 
}

.toplinks a.moreshore {
  background-image: linear-gradient(rgba(255, 255, 255,.15),rgba(255, 255, 255,.15)),url(imgs/toplinks/moreshore.png);
  	background-size:cover;
	background-position: center center; 
}

.toplinks a.others {
  background-image: linear-gradient(rgba(255, 255, 255,.15),rgba(255, 255, 255,.15)),url(imgs/toplinks/others.png);
  	background-size:cover;
	background-position: center center; 
}
/*stupid backgrounds end*/

/*end*/

/*page1sections*/
#box {
display:table; 
width:100%;
}
.column {
display:table-cell; 
width:20%;
background:#F5DFF0;
padding:0 0 0 0;}
.two {
	display:table-cell;
	vertical-align:top;
background:white;
padding: 0 1em 0 1em;
text-align: justify;
width: 79%;
margin-right:1em;
}


/*end*/



/*table start*/
table.minimalistBlack {
  border: 2px solid #6A445F;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.minimalistBlack td, table.minimalistBlack th {
  border: 2px solid #6A445F;
  padding: 3px 0px;
}
table.minimalistBlack tbody td {
  font-size: 13px;
}
table.minimalistBlack td.name {
  background: #F5DFF0;
}
table.minimalistBlack thead {
  background: #E2CEDE;
  border-bottom: 3px solid #000000;
}
table.minimalistBlack thead th {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  text-align: center;
}
table.minimalistBlack tfoot td {
  font-size: 14px;
}
/*table end*/



div.primary { display:table-cell; width: 70vw; background:white;
padding: 0em 1em 0em 1em;
text-align: justify;}
.secondary p {text-align:justify;}

div.frinner { display:inline-block; background:white;
padding: 0em 0em 0em 1em;
float:right;
margin:auto; max-height:16em; overflow:hidden;}
div.flinner { display:inline-block; background:white;
padding: 0em 1em 0em 0em;
float:left;
margin:auto; max-height:16em; overflow:hidden;}
img.f{max-height:16em; padding-top:.5em; padding-bottom:.5em; margin:auto; margin-bottom:0; display:block;}

#subbox {
display:table; 
width:98%;
padding-left:1em;
}


/*mike*/
div.columnpm {
display:table-cell; 
width:25%; /*changes how much room the babies take up*/
background:white;
padding:none;
margin:none;
border:solid 2px;
border-color:white;
}
.columnpm img {vertical-align: bottom;}

img.mikeab {float: right; width: auto; max-height: 15em; padding-left: 1em; padding-bottom:1em;}
img.mikeweights {float: left; width: auto; max-height: 5em; padding-right: 1em;}
/*mike*/

/*snooks, jwwow*/
img.sb {float: left; width: auto; max-height: 15em; padding-right: 1em; padding-left:none; padding-bottom:1px; padding-top:0;}
img.pickles {float: right; width: auto; max-height: 10em; padding-left: 1em; padding-right:none; padding-bottom:1px; padding-top:1px;}
img.pickleheart {float: right; width: auto; max-height: 5em; padding-left: 1em; padding-right:none; margin-top:none;}
img.jg {float: right; width: auto; max-height: 13em; padding-left: 1em; padding-right:none; padding-bottom:1px; margin-top:0;}
img.jgc {float: right; width: auto; max-height: 12em; padding-left: 1em; padding-right:none; padding-bottom:1px; margin-top:0;}
img.fhead {float: left; width: auto; max-height: 5em; padding-right: 1em;}

div.columnps {
display:table-cell; 
width:50%; /*changes how much room the babies take up*/
background:white;
padding-right: 5px;
margin: auto;}

div.halfie { text-align:justify;
width:25%; display: table; float:left; margin: auto; padding:1em;}
div.halfie1 {
width:75%; display: table; float:left; margin:auto;padding:1em;text-align:justify;}
/*snooks*/

section.secondary {background-color:white; padding:1em;}

img.fullwidth {min-width:100%;}
img.blinkie {width:95%; margin:auto; margin-bottom:1em;padding-top:1px; display:block;}
figure.album {max-width:24%; display: inline-block; text-align:center; margin:auto; margin:auto;}
div.albums {width:100%; margin:auto; display:flex; text-align:justify;}



@media screen and (max-width:500px) {
	ul.toplinks { flex-direction: column; }
	.toplinks li {width:100vw;}
	body {width:100vw;}
		header {width:100vw;}
		main {width: 100vw; padding-left:0;}
		footer {width:100vw;}
}



/*forum*/

fieldset.entries {
	border: 2px dotted #ffb5ea;
	max-width: 100%;
	padding: 0px 0px 5px 5px;
	margin-left: 1px;
}

fieldset.choices {
	border: 2px dotted #ff8cb4;
	max-width: 100%;
	padding: 0px 0px 5px 5px;
	margin-left: 1px;
}

fieldset.submit {
	border: none;
	margin-top: 5px;
	padding-bottom:1px;
	text-align:center;
	margin-bottom:1px;
;}
	
label{
	display: block;
	float: left;
	min-width:10em;
}

label.cb{
	display: block;
	float: left;
	min-width:95%;
}

.animated_rainbow_1 {
	text-align: center;
	font-size: 20px;
	font-family: comic-sans, Gadget, sans-serif;
  font-weight: 900;
	background-image: -webkit-linear-gradient(left, #f00, #ff2b00, #f50, #ff8000, #fa0, #ffd500, #ff0, #d4ff00, #af0, #80ff00, #5f0, #2bff00, #0f0, #00ff2a, #0f5, #00ff80, #0fa, #00ffd5, #0ff, #00d5ff, #0af, #0080ff, #05f, #002aff, #00f, #2b00ff, #50f, #8000ff, #a0f, #d400ff, #f0f, #ff00d4, #f0a, #ff0080, #f05, #ff002b, #f00);
	-webkit-animation: animatedBackground_a 5s linear infinite alternate;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #0000;
	background-clip: text;
}

@keyframes animatedBackground_a {
	0% { background-position: 0 0 }
	100% { background-position: -500px 0 }
}

::placeholder {
  color: #ccbac0;
  font-weight: italic;
}