/* Sitewide Styles  */
/* by White Whale Web Services for Kenyon College */

/*  Reset browser defaults  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, table, th, td, form, fieldset, input, select, textarea, button 
{ 
	margin:0; 
	padding:0; 
	font-size:1em; 
}

ul 
{ 
	list-style-type:none; 
}

.bodytext p,.bodytext ul,.bodytext ul,.twocolumns ul
{
	margin-bottom:1em; 
}

.bodytext ul,.twocolumns ul
{
	list-style-type:disc;
	margin-left:2em;
}

.bodytext ol,.twocolumns ol
{
	list-style-type:decimal;
	margin-left:2em;
}

.bodytext ol ol,.twocolumns ol ol
{
	list-style-type:lower-alpha;
}

ol ol
{
	list-style-type:lower-alpha;
}

ol ol ol
{
	list-style-type:decimal;
}

/* New code */

ol.lower_alpha, ol ol.lower_alpha, ol ol ol.lower_alpha
{
	list-style-type:lower-alpha;
}

ol.upper_alpha, ol ol.upper_alpha, ol ol ol.upper_alpha
{
	list-style-type:upper-alpha;
}

ol.upper_roman, ol ol.upper_roman, ol ol ol.upper_roman
{
	list-style-type:upper-roman;
}

ol.lower_roman, ol ol.lower_roman, ol ol ol.lower_roman
{
	list-style-type:lower-roman;
}

/* End new code */

img 
{ 
	border:0; 
}

/*  Page structure  */
html 
{ 
	font-size:100%; 
}

body { 
	background-color:#fff7d6; 
	font-size:0.875em; 
	line-height:1.4em; 
	font-family:Georgia,serif; 
	color:#111; 
}

#container 
{ 
	padding:15px 20px; 
	margin:0 auto; 
	max-width:900px; 
}

/* Navigation */
ul#accessibility_links 
{ 
	display:none; 
}

#search 
{ 
	float:right; 
	position:relative; 
	font-size:0.929em; 
	font-family:Arial,Helvetica,sans-serif; 
}

#search #search_query 
{ 
	width:12em; 
	margin-right:3px; 
	padding:1px 2px; 
}

#search #options 
{ 
	margin-left:5px; margin-bottom:4px; 
}

#search #options label 
{ 
	color:#666; 
}

#search #options input 
{ 
	margin:1px 3px 0 4px;
	padding: 0;
	vertical-align: middle;
}

#search.inline 
{ 
	height:2.5em; 
	margin-bottom:0; 
}

#search.inline #options 
{ 
	display:inline; 
}

ul#navigation 
{
	max-width:43em;
	padding-bottom:1em;
}

ul#navigation a 
{ 
	color:#407; 
	text-decoration:none; 
}

ul#navigation li 
{ 
	height:1.5em;
	float:left; 
	padding-right:28px; 
	white-space:nowrap; 
}

/* These are the main navigation -- the numbers here need to match the x-numbers of the pages in question if we ever have to change them */
#x604,#x602 
{ 
	width:8em; 
}
	
#x603,#x601
{
	width:5.5em; 
}
	
#x18626,#x27835 
{
	width:4.3em; 
}

#x711,#x43 
{
	width:6em; 
}
	
#x37135,#x31583 
{
	width:8em; 
}

#x40067
{
	margin-bottom:7px;
}

.breadcrumb 
{ 
	font-family:Arial,Helvetica,sans-serif; 
	float:right;
	text-align:right;
	font-size:0.85em; 
	padding-top:0.5em;
	line-height:1.5em;
	margin-left:300px;
	z-index: 9999;
	position: relative;
	top: 0;
	left: 0;
}

.breadcrumb a 
{ 
	color:#50258E; 
	text-decoration:none; 
	margin:0 3px;
	white-space:nowrap;
}

.breadcrumb a:hover 
{ 
	text-decoration:underline; 
}
	
.breadcrumb a.active 
{ 
	font-weight:bold; 
	color:#50258E;
	cursor:default; 
	text-decoration:none; 
	margin-right:0; 
}
	
#subnavigation 
{ 
	clear:right;  
	padding-top:20px; 
}
	
#subnavigation a 
{ 
	color:#50258E;
	text-decoration:none; 
}

#subnavigation li li a
{
	color:#50258E;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.929em;
}

#subnavigation li li
{
	margin-left:20px;
}

#subnavigation li
{
	padding-left: 10px;
	text-indent: -10px;
}

.quicklinks 
{
	margin-top:0; 
	margin-left:0;
}

.quicklinks ul
{
	list-style-type:none;
	margin-left:0;
}

/* Photo bar */
#photobar
{
	background-color:#50258E; 
	width:100%; 
	height:100px; 
	overflow:hidden; 
	clear:both;
}

#photobar .row 
{
	width:900px;
	clear:left;  
}

.mosaic_photo
{
	float:left;
	width:100px;
	height:100px;
}

/* Content Area */
#content 
{
	position:relative;
	margin-top: 20px; 
	background-image: url(http://www.kenyon.edu/Images/linemaker.gif);
	background-position: 300px 0px;
	background-repeat: repeat-y;
	width: 900px;
}

#content p.catlink 
{
	margin:0;
}
	
#masthead 
{ 
	float:left; 
	padding-bottom:220px; 
	width:284px; 
	padding-right:15px;
}
	
h1 
{ 
	font-weight:normal; 
	font-family:"Goudy Old Style",Garamond,Georgia,serif;
	letter-spacing:-1px;
	font-size:3.4em;
	line-height:1em;
	margin-top:5px;
	margin-bottom: 20px;
	color:#59118E;
}

h1 img
{
	display:block;
}

h1 a 
{
	display:block;
	text-decoration:none; 
	color:#50258E; 
}


#content .bodytext 
{ 
	/*margin-left:300px;*/
	width:580px;
	float: right;
	padding:20px 0 0 15px; 
	font-size:0.929em; 
}

#content.fullwidth
{
	background-image: none;
}

#content.fullwidth .bodytext
{
	width: auto;
	float: none;
	margin-left:0;
	padding:0;
}
	
#content .withsidebar
{
	margin-right:200px;
}

#content .sidebar
{
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.929em;
	line-height:1.4em;
	margin:60px 0 0 15px;
	width:180px;
	padding-left:10px;
	border-left:1px solid #6C4D23;
}

#content p {
	margin-bottom:1em;
}

#content h6, #content h4 
{
	margin-top:14px;
}

#content .column h6, #content .column h4 
{
	clear:left;
}
	
#content h6:first-child, #content h6:first-child 
{
	margin-top:0; 
}
	
#content h6 a, #content h4 a 
{
	color:#50258E; 
	text-decoration:none; 
}

#content h6 a:hover, #content h4 a:hover 
{
	color:#003; 
}
	
#content h6 a:active, #content h4 a:active 
{
	color:#50258E; 
}
	
#content .twocolumns 
{
	/*margin-left:300px;*/
	width:580px;
	float: right;
	padding:20px 0 0 15px;
	font-size:0.929em;
}
	
#content .twocolumns .first 
{ 
	float:left; 
	width:47.5%; 
	padding-right:2.3%; 
}
	
#content .twocolumns .second 
{
	float:left; 
	width:47.5%; 
	padding-left:2.3%; 
}

#content .twocolumns.withrule .first {
	padding-right:2.2%; 
}

#content .twocolumns.withrule .second 
{
	border-left:1px solid #6C4D23;
	padding-left:2.2%; 
}

#content .thumbnail 
{
	float:left; 
	width:90px;
	margin:3px 7px 0 0; 
}
	
#content .twocolumns .thumbnail+p 
{
	min-height:90px; 
}
	
#content .twocolumns.combined .first 
{
	width:100%; 
	padding:0; 
}
	
#content .twocolumns.combined .second 
{
	width:100%; 
	padding:0;
	border:none;
	margin-top:14px; 
}

.clearfloats 
{
	clear:both;
	height:0; 
	overflow:hidden; 
}

.clearpara
{
	clear:both;
}

#footer 
{
	position:absolute; 
	bottom:0; 
	left:0; 
	width:284px; 
	padding-right:16px;
	text-align:right;
	color:#6C4D23; 
	font-size:0.929em; 
}

#footer p 
{
	margin-bottom:1em; 
}
	
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active
{ 
	color:#907C4B;
	text-decoration:none; 
}		

.fullwidth h1 {
	margin-bottom:28px;
}

.fullwidth h2 {
	display:inline;
	font-size:1.4em; 
	margin-top:14px;
	margin-bottom:4px;
	font-weight:bold; 
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.3em;
}

.fullwidth #footer
{
	width:100%;
	position:static;
}

.fullwidth #footer p
{
	float:left;
}

.fullwidth #footer ul
{
	float:right;
}
.fullwidth #footer li
{
	display:inline;
	padding-left:10px;
}

fieldset
{
	border: none;
	margin: 0;
	padding: 0;
	display: inline;
}

/*  Other body text styles  */
a
{
	text-decoration:underline;
	color: #039; 
}

#bodytext a:visited
{
	text-decoration:underline;
	color: #008; 
}

a:hover, #bodytext a:hover
{
	color:#00c; 
}

a:active 
{ 
	color: #039; 
}

h2 
{
	font-size:2.4em;
}

h5, h3
{
	font-size:1.2em;
	clear: left; 
}

h6, h4 
{
	font-size:1em;
	clear: left;
}

table,ol 
{
	margin-bottom:1em; 
}

table {
	margin-top:0.5em;
}

blockquote
{
	margin-left:30px; 
}

pre 
{
	font-family:monospace; 
}

h2
{
	font-weight:normal; 
	font-family:"Goudy Old Style",Garamond,Georgia,serif; 
	line-height:1.3em; 
	margin-bottom:8px; 
}

.tour_imitation_h2
{
	font-weight:normal; 
	font-family:"Goudy Old Style",Garamond,Georgia,serif; 
	line-height:1.3em; 
	margin-bottom:8px; 
	font-size:2.4em;
	text-decoration: none;
	border-bottom: none;
}

h3,h4,h5,h6 
{
	font-weight:bold; 
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.3em;
}

#subnavigation.lowerlevel li
{
	padding-left: 30px;
	text-indent: -10px;
}

.immediateparent
{
	font-size: 1.2em;
}

#subnavigation.lowerlevel .immediateparent
{
	padding-left: 10px;
}

	
/* Tables */
table 
{
	border-collapse:collapse;
}

/*th, td 
{
	padding:0.75em 1em; 
}*/

th, td 
{
	padding:0.2em; 
}

table.densetable th, table.densetable td 
{
	padding: 0.2em; 
}


table.withborders td
{
	border: 1px solid #6C4D23;
}

th
{ 
	font-weight:bold; 
	text-align:left; 
}

th+th 
{
	text-align:center; 
}

/*  Equal-column tables */
table.table3col td+td 
{
	width:33.3%;
}

table.table4col td+td 
{
	width:25%;
}

/*  Generic styles  */
.inlineheader 
{
	font-family:Arial,Helvetica,sans-serif; 
	font-weight:bold;  
	margin-right:4px;
}

p.big {
	font-size:1.5em;
	line-height:1.3em;
}

.small 
{ 
	font-family:Arial,Helvetica,sans-serif; 
	font-size:0.929em;
	line-height:1.4em; 
}

.fineprint 
{
	font-family:Arial,Helvetica,sans-serif; 
	font-size:0.8em; 
	letter-spacing:1px; 
	line-height:1.4em; 
}

.pullquote 
{
	display:block; 
	float:right; 
	padding-left: 20px; 
	margin:20px 0 20px 20px; 
	border-left:1px dotted #c33; 
	width:200px; 
	font-size:1.5em; 
	line-height:1.5em;
	font-style:italic; 
}

.facultylisting h3, .facultylisting h4, .facultylisting h5, .facultylisting h6
{
	margin-bottom: 0px;
	margin-top: 1em;
}

#bodytext p.facultylisting
{
	margin-bottom: .5em;
}

#bodytext h3.facultylisting
{
	font-size: 1.3em;
	font-weight: bold;
}

#subnavigation form 
{ 
	margin-top:24px; 
}
#subnavigation form input 
{
	font-size:0.929em;  
	font-family:Arial,Helvetica,sans-serif; 
}
#subnavigation form input#search_query_limited 
{
	margin-right:3px; 
	padding:1px 2px; 
	width:200px; 
}

/* In-page styles */

.qa_container
{
	display: none;
}
.qa_show
{
	display: block;
}

.fleft
{
	float: left;
	padding: 0;
	margin: 0 1em 1em 0;
}

.fleft2
{
	float: left;
	padding: 0;
	margin: 0 .5em 2px 0;
}

.fright
{
	float: right;
	padding: 0;
	margin: 0 0 1em 1em;
}

.facpic
{
	float: left;
	padding: 0;
	margin: 4px 1em 1em 0;
}

.centered
{
	text-align: center;
}

a.anchor
{
	color: #cc3333;
	text-decoration: none;
}


#content h3 a.anchor:hover 
{
	color: #cc3333;
}

.indent, td.indent, table.densetable td.indent
{
	padding-left: 2.5em;
}

/*  Because we want to keep visual AND semantic structure, use these to make one header look like another */

.like_h2
{
	font-size:2.8em;
	font-weight:normal; 
	font-family:"Goudy Old Style",Garamond,Georgia,serif; 
	line-height:1.3em; 
	margin-bottom:8px; 
}

.like_h5, .like_h3, .fullwidth .like_h3
{
	margin-top:14px;
	margin-bottom:4px;
	font-size:1.2em;
	clear: left; 
	font-weight:bold; 
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.3em;
}

.first h1, .first h2, .first h3, .first h4, .first h5, .first h6, .second h1, .second h2, .second h3, .second h4, .second h5, .second h6, .like_h6, .like_h4
{
	font-size:1em;
	clear: left;
	font-weight:bold; 
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.3em;
	margin-top:14px !important;
	margin-bottom: 0;
}

#content .like_h6, #content .like_h4
{
	margin-top:14px;
}

#content .column h6, #content .column h4 
{
	clear:left;
}
	
#content h6:first-child, #content h4:first-child 
{
	margin-top:0; 
}
	
#content .like_h6 a, #content .like_h4 a 
{
	color:#50258E; 
	text-decoration:none; 
}

#content .like_h6 a:hover, #content .like_h4 a:hover 
{
	color:#003; 
}
	
#content .like_h6 a:active, #content .like_h4 a:active 
{
	color:#50258E; 
}

#content p.navigation_children
{
	margin: 0;
	padding: 0;
	margin-bottom: .25em;
}


.news_img
{
	float: left;
	width: 100px;
	padding: 0;
	margin: 5px 1em 1em 0;
	clear: left;
}

#photomosaic .caption 
{ 
	background-image:none;
}

.image_caption
{
	float: right;
	margin: 0 0 1em 1em;
	width: 200px;
}

td.per_fifty
{
	width: 50%;
	vertical-align: top;
	padding: 10px;
}

.makeinline
{
	display: inline;
}

.makeinline + p
{
	margin-top:1em; 
}

.tabletop td
{
	vertical-align: top;
}

.emergency
{
	color: #cc3333;
}

div.alert
{
	background-color: white;
	border: 1px solid black;
	padding: .5em;
	margin: .5em 0 0 0;
}

div.alert h1, div.alert h2, div.alert h3, div.alert h4, div.alert h5, div.alert h6
{
	margin-top: 0;
	padding-top: 0;
	line-height: 1.1em;
	color: #990000;
}

.highlight
{
	font-weight: bold;
}



/* Video Screen */

#vidbox
{
	width: 560px;
	height: 370px;
	background-color: black;
	text-align: center;
	position: fixed;
	margin-left: -280px;
	margin-top: -170px;
	left: 50%;
	top: 50%;
	z-index: 20;
	display: none;
}

#vidbox a
{
	color: white;
}

#vidscreen
{
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	height: 0;
	width: 0;
}