/* 
	Resets defualt browser settings
	reset.css
*/
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,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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; background-color: #3e3b28; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

html, body { height: 100%; color: #f1f0f0; }

body {
	font-family: Roboto;
	letter-spacing: 0;
	padding: 0;
	position: relative;
	-webkit-font-smoothing: subpixel-antialiased;
}

body, p, a { color: #f1f0f0; }

.hidden { visibility: hidden; display: none; }
.right { float: right; }
.left { float: left; }
.clearout { clear: both; width: 100%; }
.inline { display: inline-block; }
.center { text-align: center; }
.smaller { font-size: 0.7em; }

.peach { color: #e98973; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, label { color: #e98973; font-family: 'Londrina Solid', Arial; font-style: italic; }
h1 { font-size: 65px; }
h2 { font-size: 40px; margin-top: 30px; }
h3 { font-size: 22px; color: #3e3b28; }

p { font-size: 18px; padding-bottom: 15px; line-height: 24px; }

#top-name { font-size: 120px; font-weight: bold; font-family: 'Londrina Sketch', Arial; color: #ffd97e; }
.social-header { margin-left: 10px; }
.social-header, .social-header img { width: 50px; height: 50px; }

.nav-link { 
	font-size: 20px; 
	color: #ffd97e; 
	padding-right: 28px; 
	border-right: 2px solid #6a4847; 
	margin-left: 15px; 
	font-family: 'Permanent Marker', Arial; 
	letter-spacing: 5;
}
.left-link { margin-left: 0; }
.right-link { padding-right: 0; border: none; }
a.nav-link:hover { color: white; }
a.active-nav { color: #3e3b28; text-decoration: underline; }
.altfont { font-family: 'Londrina Solid', Arial; letter-spacing: 1px;  }

#topbar { height: 150px; background-color: #4f7d30; padding-top: 25px; }
.navbar { height: 28px; background-color: #e98973; padding-top: 8px; }
#header, #menu { min-width: 850px; }
#topbar, .navbar, .board-divider { text-align: center; }


.board-divider { background: url("../images/board.jpg") repeat-x; height: 57px; }
.section { padding: 45px 0 20px 0; }

/************************ Home Section **************************/
#homeInfo { min-height: 570px; margin: 25px 0; text-align: center; padding: 0 80px; }
#CShead { float: left; margin-right: 50px; display: inline-block; }
#openingRemarks { min-width: 800px; text-align: left; padding-top: 25px; }

/************************ The Squatches Section **************************/
#squatches { text-align: center; }
#squatch-wrapper { display: inline-block; }
.squatch { width: 280px; display: inline-block; margin-left: 30px; }
.squatch img { width: 280px; margin-top: 10px; }
.squatch p { width: 260px; font-size: 0.9em; }
.squatchTitle { font-size: 1.8em; }

/*********************** Drop Map Section *************************/
#dropMap { min-height: 635px; margin: 0 100px 0 100px; }
#map-canvas { width: 100%; height: 600px; border: 1px solid #f1f0f0; margin-right: 20px; }
.mapPopupUL { color: black; }
#infoContent { text-align: center; padding-top: 20px; }

/*********************** Events Section *************************/
#events { margin: 0 120px; min-width: 600px; }
#event_table th, #event_table td { padding: 15px 12px; font-size: 18px; }
#event_table th { font-weight: bold; text-decoration: underline; }
#event_table .date { width: 120px; }
#event_table .event { width: 450px; }
#event_table .location { width: 250px; }

/*********************** Free Stuff Section *************************/
#downloads { margin: 0 120px; min-width: 600px; }
.download-section { 
	display: inline-block; 
	margin-right: 50px;  
	padding-right: 50px; 
	min-width: 320px;
	margin-bottom: 50px; }
.tn { margin: 0 20px 0 10px; }
.tn img { height: 150px; margin-top: 25px; }
.wallpaper { width: 220px; height: 150px; display: inline-block; text-align: right; font-size: 0.95em; line-height: 1.5em; }
.wp_set { float: left; margin-right: 35px; margin-bottom: 35px; }
.wp { margin-left: 20px; display: inline-block; }

@media only screen /*and (min-device-width: 414px)*/ and (max-device-width: 736px) {
  
  	#top-name { font-family: 'Londrina Solid', Arial; }
  
  }