@charset "utf-8";
/*
Profilmet CSS :: Screen Layout
IMPORTANT:
This stylesheet is a mirror and only addresses the layout and other variables sensitive to output.
Other layout files use the same class and ID structures for mobile, print, etc. - Class and ID names shouldn't be changed in this document alone.
Selectors may also have entries on the respective "style" sheets and should be commented.


------ TABLE OF CONTENTS ------
1. BASE STRUCTURE
2. CONTENT VARIABLES
3. IMAGE GALLERIES
4. TYPE OVERRIDES

*/



/* ======================================================================================== 1. BASE STRUCTURE ======================================================================================== */
#masthead, #main-navi, #footer {
	width:900px;
	margin:0 auto;
	}
#main-navi { /* contained within #masthead */
	text-align:left;
	}
	#main-navi ul {margin:5px 20px;}
	#main-navi ul li {display:inline; margin:0 40px 0 0;}
	#main-navi a {
		font-size:1.5em;
		letter-spacing:.1em;
		font-variant:small-caps; font-family: 'Trebuchet MS', Helvetica, sans-serif;
	}
	
#extraNoteSpace {
	/*display:none;*/
	/*padding:0 20px 5px;
	text-align:center;*/
	}
#footer {
	clear:both;
	}
	
#wrapper {
	width:876px; /* 900px total */
	margin:0 auto 10px;
	background:#e6eef1;
	border-radius:25px;
	-moz-border-radius:25px;
	padding:12px;
}


/* ======================================================================================== 2. CONTENT VARIABLES ======================================================================================== */
.content {
	float:left;
	display:inline-block;
	background:#fff;
	border-radius:15px;
	-moz-border-radius:15px;
	box-shadow: 3px 3px 10px #999;
	position:relative;
}

.main-content {
	/*width:634px;*/
	margin:6px;
	padding:10px;
	width:595px; /*not full width to match old layout; change later*/
}

	.location h1 { /* see style-general.css for more */
		position:relative;
		top:-10px; left:-10px;
		width:593px; height:auto;
	}

.sidebar-content, .section-nav {
	/*width:247px;*/
	margin:6px 6px 6px 13px;
	padding:10px;
	width:210px;
}

/* Note: .section-nav is the container for the #section-nav widget */

.section-nav { /* duplicate of .content class for now */
	float:left;
	display:inline-block;
	background:#fff;
	border-radius:15px;
	-moz-border-radius:15px;
	box-shadow: 3px 3px 10px #999;
	position:relative;
}