@charset "utf-8";
/* CSS Document */

body, html {
position:relative;
height:100%;
}

body {
background-color:#cfc4bf;
/* background-image:url(images/mainBG.jpg); */
background-repeat:repeat-x;
margin:0;
padding:0;
}

a, a:link, a:visited {
text-decoration:none;
color:#663333;
/* margin:3px; */
font-weight:bold;
}
a:hover, a:link:hover, a:visited:hover   {
text-decoration:underline;
color:#FFFFFF;
background-color:#663300;
border-bottom:none;

}

p { 
color:#333333;
font-size:14px;
}

img {  max-width: 100%; }



#headerpos {position:relative; height:0; 
	/* width:1007px;  */
	z-index:100;}
#header {
/* height:155px; */
/* width:1007px; */
/* position:absolute; */
top:0;
left:0;
z-index:100;

}



#mainbody {
/* width:1007px; */
/* background-image:url(images/bodyBG.gif); */
background-repeat:repeat-y;
position:relative;
background-color:#FFFFFF;
border-bottom:#000000 3px solid;
}

#headerimg {
position:relative;
z-index:5;
}



#mobileAd img {
	max-width: 75px;
	margin: 0 5px 0 0 ;
}
#mobileAd img:hover {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.384);
	
}
#mobileAd.show {
	left: -3px;
}
#mobileAd {
	cursor: pointer;
	text-align: right;
	background: rgb(189, 160, 132);
	color:#fff;
	width: 110px;
	height:auto;
	left:-120px;
	border-radius: 5px;
	border: 1px solid #444;
	position: fixed;
	z-index: 100;
	padding:8px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.384);
	transition-duration: 2s;

}
#mobileAd {
	color:#fff;
}
#mobileAd:hover {
	color: #c6d1ff;
	background-color: none !important;
}

#socialLinks {
	z-index: 100;
	text-align: left;
	margin-left: 20px;	
}
#socialLinks a {
	font-size: 1em;
	border: 1px solid #663300;
	border-radius: 0 0 20px 20px;
	margin-right: .5em;
	padding:.3em;
}

#appsAd {
    background: rgba(255,255,255,.3);
    padding: 7px 15px;
    color: #3b300d;
    font-size: larger;
	text-align: center;
	border-radius: 10px 10px 0 0;
}

#appsAd div {
	text-align: center;
}
#appsAd a {
		padding: 5px 15px;
		border-radius: 10px;
}


#headImage {
	
	height:300px;
	overflow: hidden;
	position: relative;
	border-radius: 5px;
	/* border: 1px solid #555; */

	font-size: 3em;
	text-align: center;
	vertical-align: middle;
	color:#e0ccba;
	text-shadow: 0px 0px 7px black;
	
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;	
	
}
#headImage > div {
	position: absolute;
top: 50%;
left: 50%;
width:100%;
transform: translate(-50%,-50%);
text-transform: uppercase;
}
#headImage::before {
	background-image:url('/images/mills/1216_NM2701SapelloMill08JoelMiller081714.jpg'); 
	background-attachment: fixed;

	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* background: url('/images/mills/1216_NM2701SapelloMill08JoelMiller081714.jpg'); */
    opacity: .4;
    content: "";
    z-index: -1;	
}


#bodimglft {
position:absolute;
left:3px;
bottom:0;
z-index:1;
}
#bodimgrt {
position:absolute;
right:3px;
bottom:0;
z-index:1;
}


#mainbody2 {
position:relative;
/* width:1000px; */
z-index:10;
margin-top: 75px;
min-height: 500px;
}
#mainbody3 {
position:relative;
padding:0 20px 10px 20px;
text-align:left;
height:auto;
}








.mills iframe {
	width:100%; 
}

#outsideblock {
background-image:url(images/sidebars_background.jpg);
background-repeat:repeat-y;
width:952px;
text-align:left;
position:relative;
}



#insideblock {
margin:-30px 15px -7px 160px;
position:relative;
}

#footer {
line-height:20px;
/* width:952px; */
padding:10px;
letter-spacing:2px;
color:#666666;
font-size:12px;
text-align: center;
}

.footertext {
text-align:center;
font-size:10px;
color:#FFFFFF;
height:20px;
}

#nav {
/* position:absolute;
top:120px;
left:20px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px; */
}
#nav a {
/* border-bottom:#666666 dashed 1px; */

}

#topsearch {
position:absolute; 
right:0px;
top:70px;
height:39px;
vertical-align:top;
}
#topsearch input {
margin:3px;
font-size:14px;
letter-spacing:2px;
font-weight:bold;
color:#663300;}

.showimage {
float:left;
padding:10px;}

.searched {
border:#FF0000 1px solid;
color:#990000;
padding:2px;
background-color:#CCFF33;
}

#searchpage .discription {
font-size:12px;
color:#666666;
}

#searchpage .millname {
font-size:16px;
color:#990000;
letter-spacing:2px;
}
#searchpage .milldetails {
font-size:14px;
color:#000066;
}

.small {
font-size:10px;
color:#333333;
}

.eightypercentbox { -moz-opacity:0.80; filter:alpha(opacity=80);}



.country {
font-size:24px;
color: #3e3f3a;
letter-spacing:2px;
border: #a7a7a7 solid 1px;
padding:5px;
margin-top:40px;
clear:left;
border-bottom: none;
border-radius: 10px;
border-right: none;
display: block !important;
width: auto !important;
}

.state {
/*border-bottom:1px dashed #999999; */
padding-left:40px;
font-weight:bold;
font-size:18px;
margin-top:4px;
clear:both;
}

.county {
font-style:italic;
font-size:16px;
margin:10px 0 0 80px;
padding-left:2px;
border-left:1px solid #999999;
clear:left;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
}

.state a, .county a {
border-bottom:none;
padding:3px;
}

.state:hover, .county:hover {
cursor:pointer;
}


.name {
padding:5px 0 0 100px;
font-size:9px;
}
.nameyear {
font-size:8px;
}
.name a, .name a:link {
display:block;
text-decoration:none;
border-bottom:none;
}
.thumbblock a:hover, .thumbblock a:link:hover {
background-color:#333333;
color:#FFFFFF;
}

.thumbblock {
 float:left;
 height:130px;
 width:110px;
 text-align:center;
 border:#999999 1px solid;
 margin:3px;
 padding:3px;
 overflow:hidden;
}
.thumbblock_img {
height:60px;
width:90px;
overflow:hidden;
border:#000000 1px solid;
margin:0 auto;
}


a img, a:hover img{
background-color:#FFFFFF;
border:none;
background:none;
}


.searchterm {
background-color:#CCCCCC;
font-size:18px;
text-decoration:underline;
}


.linktable a, .linktable a:link {
font-size:11px;
color:#FFFFFF;
text-decoration:none;
border:none;
}
.linktable a:hover, .linktable a:link:hover {
background:none;
}

.linkRow {
    border-bottom: 1px solid #96969680;
    padding: 20px 0;
}
.linkRow p {
    display: inline;
}



.noborder a, .noborder a:visited, .noborder a:visited:hover, .noborder a:hover {
background-color:none;
border:none;
border-bottom:none;
background:none;
}


.floatright {
text-align:right;
}

.poptable {
background-color:#FFFFFF;
margin:10px;
width:90%;
position:relative;
border:#333333 solid 2px;
}
.poptable td {
padding:3px 10px;}
.poptable textarea, .poptable input {
width:90%;
}

.headline {
font-size:20px;
color:#333333;
padding-left:20px;
letter-spacing:2px;
}

.edithover:hover {
background-color:#CCCCCC;
}
.edithover {
border:#CCCCCC dotted 1px;}

.item .leftside {
width:250px;
text-align:right;
float:left;
clear:both;
padding:5px;
}
.item .rightside {
width:600px;
text-align:left;
float:left;
padding:5px;

}
.grey {
font-size:12px;
color:#999999;}

.row {text-align: left; }

.overline {
	border-top:1px solid #CCC;}
	.clear {
		clear:both;
		}
	
	#featuredmill {
	/* position:relative;
	padding:10px;
	width:auto;
	left:10px;
	border:#999999 1px solid;
	z-index:20;
		border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px; */
	}

	#featuredmill img {
		width:100%; 
	}
	#homemilllist {
		/* position:absolute;
		right:0;
		width:300px;
		height:90%; */
		font-size:12px;
		z-index:30;
		
		}
		#homemilllist .header {
		font-size:12px;
		color:#666666;
		letter-spacing:1px;
		padding:3px 5px;
		}
		
		#homemilllistscroll {
		height:100%;
		overflow:auto;
		position:relative;
		}
		
		#homemilllist .int {
		/* border:1px solid #CCCCCC; */
		margin:3px 0;
		padding:3px;
		
		}
		.int {
				/* border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px; */
		}
	.imgthum {
		float:right;
		width:100px;
		height:66px;
		border:1px #000000 solid;
		overflow:hidden;
		padding:0px;
		margin-left:3px;
	}
	.imgthum a { padding:0; margin:0; }
	
	#homeheader {
	padding:5px 50px;
	color:#333333;
	font-size:16px;
	font-style:italic;
	letter-spacing:2px;}
	
	#stats {
	text-align:right;
	padding:3px 10px;
	font-size:12px;
	font-style:italic;
	color:#666666;}
	
	#modifiedMills .int,#newMills .int {
		/* border:1px solid #CCCCCC; */
		/* margin:3px 0; */
		/* padding:3px; */
		} 
	#modifiedMills {
	/* width:49%; */
	/* right:0px; */
	/* position:absolute; */
	font-size:12px;
	text-align:left;
}
#newMills {
	/* width:49%; */
	/* left:0px; */
	position:relative;
	font-size:12px;
	text-align:left;
	}
	
	#directionsblock {
	width:700px;
	margin:20px auto;
	padding:10px;
	font-size:14px;
	text-align:justify;
	color:#000000;
	border:#000000 1px solid;
	clear:both;
	background-color:#CCCCCC;
	
	}
	.verseblock {
	width:700px;
	margin:20px auto;
	padding:10px;
	font-size:14px;
	text-align:justify;
	color:#000000;
	border:#000000 1px solid;
	clear:both;
	background-color:#FFFFFF;
	
	}
	.verseref {
	text-align:right;
	color:#999999;}
	
	.millblock {
	margin:20px 20px;
	text-align:center;	
	}
	.millpic {
	position:relative;
	}
	.millpic img {
	position:relative;
	border:2px solid #333333;
	}
	.picby {
	
	width:50%;
	text-align:center;
	color:#666;
	font-weight:bold;
	border-bottom:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	margin:0 auto;
	
	}
	
#stats a.img:hover { background:none; }



.TabbedPanelsContentGroup {
    clear: both;
    border-left: none;
    border-bottom: none;
    border-top: none;
    border-right: none;
	background-color: inherit  !important;
	text-align: left;
}

.TabbedPanelsTab { 
	font: inherit;
background-color: inherit;
border-bottom: none;
}
.TabbedPanelsTabSelected {
    background-color: #EEE;
    
}

.TabbedPanelsContent > div {
	 display: inline-block;
	 width: 30%;
}
.TabbedPanelsContent.mills > div {
	display: inherit;
	width:auto; 
} 

#head-img { display: none;
}


/* // Medium devices (tablets, 768px and down) */
@media (max-width: 768px) { 


#head-img { display: block;
}

	#headImage {
		font-size: 2em;
		height:200px;
		color:#000;
	}
	#headImage::before {
	/* background-position: 0 -320px !important; */
	}

	.TabbedPanelsContent > div, .county, .pics {
		display: block !important;
		width: 100% !important;
		margin: 0; 
   }
   .country {
	   margin-top:20px !important;
   }
#linksImg {
	display: none; 
}
   .columns {
	   column-count: 1 !important; 
   }
   .TabbedPanelsTab {
	float: none;
	display: block;
	border: none;
   }

   #stats {
	   text-align: center;
	   margin-bottom: 20px;
   }


}


/* // Medium devices (tablets, 768px and down) */
@media (max-width: 500px) {
	


}