/*
Tabs Styling
Jordan Haines
web: www.jordanairwave.co.uk
Twitter: @jordanairwave
Facebook: www.facebook.com/jordanairwave.co.uk
Modified by David Arfa for the Miller Historical Society
color-scheme URL: http://www.w3schools.com/tags/ref_colorpicker.asp selected color: #CC9900
grid guide URL: http://960.gs/demo.html
MHS Webs site: http://millerhistoricalsociety.webs.com/
cool effects: http://css3generator.com/
*/

/* http://meyerweb.com/eric/tools/css/reset/
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1;}
ol, ul { list-style-type : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { width : 99%; margin-bottom : 1.4em; }
tr:nth-child(even) { background-color : #000; background-color : rgba(0,0,0,.6); }
th { border-bottom : 2px solid #2a2e18; font-weight : bold; text-align : left; }
td { border-bottom : 1px solid #2a2e18; }
th,td { padding : 4px 10px 4px 0; }
tr:last-child td { border-bottom-width : 0; }
tfoot { font-style : italic; }
caption { background : transparent; }

/* Modified from: http://code.google.com/p/blueprintcss/
----------------------------------------------------------------------------------------- */
body {
	font : 16px/1.5 Georgia, Times, serif;
	 background-color: #000000;
}
h1,h2,h3,h4 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.1em; letter-spacing: 0.2em;}
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; text-align: center; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 0.5em; text-align: center; margin-top: 1em; }
button { font-size: 1em; font-weight: bold;}
select { font-size: 1em; font-weight: bold;}
p { margin-bottom : 1.5em; margin-left: 10px }
ul, ol { margin : 1.5em 0; }
ul { list-style-type : none; list-style-position : inside; }
ol { list-style-type : decimal; list-style-position : inside; }
abbr, acronym { border-bottom-width : 0; }
strong { font-weight : bold; }
em { font-style : italic; }

/* Author Styles
------------------------------------------------------------------------------------------------------*/
html {

	}
	
body {

}

article, aside, details, figure, footer, header, hgroup, nav, section {
	display: block;
}

/* h2 and p tags */
h2 { margin-bottom: 10px; margin-left: 10px}
p {
	margin-bottom: 10px;
	margin-right: 10px;
}
header{
	width: 960px;
	height: 250px;
	position: relative;
	overflow: hidden;
}
#pageHeader{
	text-align: center;
	padding: 5px;
	background-color: #000000;
	color: #E6CC80;
	width:960px;
    min-height:50px;
	margin: 0 auto;
}

.banner{
	width: 950px;
	height: 190px;
	border: 5px solid white;
	background-image: url("../images/millratbeachcrop.jpg");
}

.banner > h3 {
	/*font-size: 120%;*/
	letter-spacing:.1em;
	text-align: center;
	background: #291F00;
	margin-top: 150px;
	/*margin-right: 45px;*/
	width: 860px;
	padding: 5px;
	padding-right: 45px;
	float: right;
	opacity: 0.7;
}

#page-wrap { position: relative; width: 960px; margin: 0 auto; }

.tabHead{
position: relative;
background: #faf5e6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZjVlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Q4YzI3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiODhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #faf5e6 0%, #d8c27f 90%, #b88a00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf5e6), color-stop(90%,#d8c27f), color-stop(100%,#b88a00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #faf5e6 0%,#d8c27f 90%,#b88a00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #faf5e6 0%,#d8c27f 90%,#b88a00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #faf5e6 0%,#d8c27f 90%,#b88a00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #faf5e6 0%,#d8c27f 90%,#b88a00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf5e6', endColorstr='#b88a00',GradientType=0 ); /* IE6-8 */
}

/* tabs area */
nav{
	width: 960px;
	margin: 0 auto;
	height: 675px;
}
.tabs_container { position: relative; width: 960px; }

.tabs_navigation { position: relative; width: 960px; height: 35px;}

.tabs_navigation ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.tabs_navigation ul li { float: right; padding: 0; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; }

.tabs_navigation ul li a:link,
.tabs_navigation ul li a:active,
.tabs_navigation ul li a:visited { display: block; padding: 5px 10px 5px 10px; margin: 0; text-decoration: none; background-color: #A37A00; color: #000000;}
.tabs_navigation ul li a:hover,
.tabs_navigation ul li a:focus { text-decoration: underline; background-color: #E0C266; color: #fff; }

.tabs_navigation ul li.current a:link,
.tabs_navigation ul li.current a:active,
.tabs_navigation ul li.current a:visited,
.tabs_navigation ul li.current a:hover,
.tabs_navigation ul li.current a:focus { display: block; padding: 5px 10px 5px 10px; margin: 0; text-decoration: none; background-color: #FAF5E6; color: #999999; }

.tabs_wrapper {
	position: relative;
	width: 960px;
	height: 85px;
	/*background-color: #E0C266;*/
	background-image: url("../images/sand.jpg");
	
}

#tab1 {
	float: left;
	width: 960px;
	margin-right: 10px;
}

#tab1 > img {
    float: left;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-top: 5px;
}

#welcome > h3{
	font-weight:bold;
	letter-spacing:.1em;
	font-size: 2em;
}

/*#history {
  float:left;
  position: relative;
}*/
#right{
  margin-right: 5px;
  float: right;
  width: 300px;
}

.aside{
	background-image: url("../images/oldpaper.png");
	/*background: #F5EBCC;*/
	/*float: right;*/
	width: 275px;
	/*margin-right: 10px;*/
	padding-left: 15px;
	padding-right: 5px;
	position: relative;
}

#meeting>h3{
  color: #E0C266;
  padding-top: 15px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  text-align: center;
  -webkit-border-radius: 10px 10px 5px 5px;
  border-radius: 10px 10px 5px 5px;
  background-color: #664C00;
}

#meeting>img{
	position: absolute;
	top: 20px;
	right: -24px;
	-ms-transform: rotate(-8deg); /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
    transform: rotate(-8deg);
}

#meeting{
  color:#664C00;
  background-color: white;
  background-image: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  border-style: double;
  border-color:#E0C266;
  border-width:5px;
  margin-bottom: 10px;
}

#goals >h3{
	padding-top: 1em;
	background-image: url("../images/oldpaper.png");
}

#goals>img{
	position: absolute;
	top: 20px;
	right: -17px;
	-ms-transform: rotate(8deg); /* IE 9 */
    -webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
    transform: rotate(8deg);
}

#tab2{
	float: left;
	width: 960px;
	height: 1240px;
	display: none;
	position: relative;
}

#tab2 > h3{
	background-image: url("../images/clipbrdclip.png");
	background-size: 380px 260px;
	height:120px;
	width:380px;
	padding-top: 130px;
	margin-left: 290px;
	margin-bottom: 0px;
	position: relative;
	z-index: 1;
}

#blogPosts {
	text-align: center;
	border-radius: 40px;
    background: #3D2E00;
    padding-top: 100px;
	padding-bottom: 30px;
	position: absolute;
	top: 170px;
	left: 50px;
	z-index: 0;
	box-shadow: 10px 10px 5px #888888;
 }

#tab3 {
	float: left;
	width: 960px;
	display: none;
	position: relative;
}

#tab3 > p{
	text-align: left;
	width: 780px;
	padding-left: 5px;
	background: #291F00;
	opacity: 0.6;
	color: white;
	margin-left: 90px;
}

#tab4 {
	position: relative;
	float: left;
	width: 960px;
	display: none;
}

#tab4 > p{
	text-align: left;
	width: 615px;
	padding-left: 5px;
	background: #291F00;
	opacity: 0.6;
	color: white;
	margin-left: 170px;
}

#tab4 > iframe {
	float: left;
	/*padding: 100px 50px;*/
	background-image: url("../images/woodtvskin.png");
	background-size: 460px 368px;
	height:190px;
	width:250px;
	padding-top:43px;
	padding-bottom:134px;
	padding-left:132px;
	padding-right:78px;
	margin-left:10px
}


#tab5 {
	float: left;
	display: none;
	position: relative;
}

#envTxt > p{
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
	background-image: url("../images/envelope.png");
	background-size: 540px 304.7px;
	width: 319px;
	padding: 120px 61px 80px 160px;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
}

#pClip2{
	position: absolute;
	top: 362px;
	left: -6px;
	-ms-transform: rotate(185deg); /* IE 9 */
    -webkit-transform: rotate(185deg); /* Chrome, Safari, Opera */
    transform: rotate(185deg);
	z-index:1;
}

#pClip1{
  position: absolute;
	top: 300px;
	right: -6px;
	-ms-transform: rotate(9deg); /* IE 9 */
    -webkit-transform: rotate(9deg); /* Chrome, Safari, Opera */
    transform: rotate(9deg);
	z-index:1;
  
}

#mhsPhoto{
  border: 5px solid white;
  float: right;
  margin-right: 10px;
}

#tab5 >h4 {
	text-align: left;
	margin-left: 1em;
	margin-bottom:0px;
	font-weight: bold;
}

#tab5 > form{
  text-align: center;
}

footer {
	position: relative;
	background-color: #a37a00;
	height: 200px;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}

footer> p{
  text-align: center;
  margin-top: .5em;
}

.footerLink {
  float: left;
  margin: 0px 10px;
}

#facebookLink{
-ms-transform: rotate(-6deg); /* IE 9 */
    -webkit-transform: rotate(-6deg); /* Chrome, Safari, Opera */
    transform: rotate(-6deg);
    opacity: 0.7;
}

#donate{
  -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
    opacity:0.8;
}

#contact{
  -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
    opacity:0.6;
}


/*#flickr{
  margin-top:20px;
}*/

.logo {
	position: absolute;
	top: 30px;
	right: 10px;
}

/* -----------------------------------------------------------------------------
 *  IMG LEFT SIDE CONTENT
 * ----------------------------------------------------------------------------- */
#left_sidebar {
    /*background:#8F6B00;*/
    /*border-right:1px solid #000;*/
    width:218px;
    float:left;
    position:relative;
	
}

#scrapPage > img{
	position: absolute;
	left: 200px;
	z-index: 1;
}

    .search_form {
      background:#F5EBCC;
      padding:20px 10px;
      margin:0;
  		background-image: url("../images/leather2.jpg");
  		border-top: 1px solid black;
  		border-bottom: 1px solid black;
  		border-left: 1px solid black;
  		border-right: 20px solid #D1A319;
  		margin-left: 10px;
  		height: 809px;
  		overflow:auto;
    }
  .search_form input[type="text"] {
		background: #F9F9F9;
		border-color: #A0A0A0 #DDDDDD #DDDDDD #A0A0A0;
		border-radius: 4px;
		border-style: solid;
		border-width: 1px;
		padding: 2px 5px 3px;
	}
    .search_form button {
		padding:2px 20px 3px;
		border:0;
		margin-bottom: 5px;
		background:#39B5E8;
		background: -webkit-gradient(linear, left top, left bottom, from(#39B5E8), to(#0481B1)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #39B5E8,  #0481B1); /* for firefox 3.6+ */
		background-image: -o-linear-gradient(#39B5E8, #0481B1); /* opera gradient */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39B5E8', endColorstr='#0481B1'); /* for IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#39B5E8, endColorstr=#0481B1)"; /* IE8 + */
		box-shadow:0px 1px 3px #ccc;
		color:#fff;
		text-shadow:1px 1px 1px #000;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		cursor:pointer;
	}
    .search_form button:hover {
		background:#39B5E8;
	}

#left_sidebar .history_list {
    display:block;
    border-top:1px solid #e7edf6;
    background-color: #ffdf80;
    opacity: 0.6;
}
#left_sidebar .history_list a {
    display:block;
    padding:5px 10px;
    border-top:1px solid #65686c;
}
#left_sidebar .history_list a:hover {
    background:#f2f2f2;
}

/* -----------------------------------------------------------------------------
 * Img Main Content
 * ----------------------------------------------------------------------------- */
#scrapPage {
	width: 678px;
	height: 850px;
	float: right;
	margin-right: 20px;
	z-index: -1;
	overflow: auto;
	border: 1px solid black;
	border-left: 20px solid #D1A319;
	background: #dec9bc; /* Old browsers */
background: -moz-linear-gradient(left, #dec9bc 0%, #f9f9ed 56%, #d2d3c4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dec9bc), color-stop(56%,#f9f9ed), color-stop(100%,#d2d3c4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #dec9bc 0%,#f9f9ed 56%,#d2d3c4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #dec9bc 0%,#f9f9ed 56%,#d2d3c4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #dec9bc 0%,#f9f9ed 56%,#d2d3c4 100%); /* IE10+ */
background: linear-gradient(to right, #dec9bc 0%,#f9f9ed 56%,#d2d3c4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dec9bc', endColorstr='#d2d3c4',GradientType=1 ); /* IE6-9 */
}
 
 #content {
    float:right;
    width:650px;
    padding:10px 10px 10px 20px;
	overflow: auto;
}

    .avatar {
        float:left;
        margin-right:10px;
        /*width:220px;
        height:120px;*/
        /*overflow:hidden;*/
        /*box-shadow:0 0 3px #bebdbe;*/
        /*border:1px solid #bebdbe;*/
        /*background:#fff;*/
        padding:2px;
        /*border-radius:8px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;*/
        margin-bottom:10px;
		position: relative;
    }
	
	#leftTopCorner{
		position: absolute;
		top: -5px;
		left: -5px;
		z-index:1;
	}
	#rightTopCorner{
		position: absolute;
		top: -5px;
		right: -5px;
		z-index:1;
	}
	#leftBottomCorner{
		position: absolute;
		bottom: -5px;
		left: -5px;
		z-index:1;
	}
	#rightBottomCorner{
		position: absolute;
		bottom: -5px;
		right: -5px;
		z-index:1;
	}
	
    .avatar:nth-child(5n+6) {
        clear:left
    }
    .avatar img {
        /*border-radius:8px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border:0;
        width:100%;*/
    }
.no_result {
    float: left;
    padding: 20px 40px 20px 270px;
    width: 77%;
}

/*#scrapPage {
	width: 790px;
	height: 811px;
	position: absolute;
	left: 160px;
	top: 20px;
	z-index: -1;