/*   
Theme Name: 50th Reunion: College
Theme URI: http://content.principia.edu/50th/college/
Description: This theme is for the 50th Reunion site for the College.
Author: AJ Manker
Version: 1.0
.
To be used for The Principia use only.
.
*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }

/* LINKS */
a { outline: none; }
a img { border: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearest { clear: both; display: block; margin: 0; padding: 30px 0 0 0; height: 0; line-height: 1px; font-size: 1px; }

img.left{ float:left; }
img.right{ float:right; }
img.alignright { float: right; }
img.alignleft {float: left; }

#container { width: 800px; margin: 0 auto; position: relative; }
#main { width: 800px; position: relative; margin: 0 auto; padding: 0; }
#content { position: relative; }
#global_header { width: 800px; margin: 0 auto; position: relative; }
#global_footer { width: 800px; margin: 0 auto; position: relative; }

/* GRID */
.column { float: left; text-align:left; }
.grid1col { width: 100%; }
#content .grid2col { width: 780px; padding:10px; }

.grid1col .column { width:100%; }

#feature { width:100%; }

#content #feature .grid2col { height: 208px; width: 800px; padding: 0; margin: 0; }
#content #feature .grid2col .column.first { width: 165px; padding: 0; margin: 0; }
#content #feature .grid2col .column { width: 165px; padding: 0; margin: 0; }
#content #feature .grid2col .column.last { width: 635px; padding: 0; margin: 0; }

#content .grid2col .column.first { width:568px; }
#content .grid2col .column { width:568px; }
#content .grid2col .column.last { width: 200px; margin-left:20px; }

.column.first, .column.last { margin-left: 0 !important; }
.column.first { float: left !important; }
.column { float: left !important; }
.column.last { float: right !important; }

/* CORE */
html, body { background:url(images/background.gif) }

img.alignleft { float: left; }
img.alignright { float: right; }

/* LAYOUT */
#container { background-color:#fff; }
#global_header { background-color:#003468; border-bottom: 4px solid #a3874a; }
#global_footer { background-color:#003468; border-top: 4px solid #a3874a; }

h2.page_title { width: 790px; background-color:#999999; padding:2px 0 4px 10px; margin: 0; }
h2.page_title a:link, h2.page_title a:visited { color:#fff; font-family:"Helvetica Neue", Helvetica, sans-serif; font-size:30px; font-weight: 100; letter-spacing:1px; text-decoration:none; display:inline-block; }

/* LOGO */
.logo_container.principia { margin-left: 15px; }
.logo.principia { padding: 41px 0 0 0; margin: 0; overflow: hidden; background-image: url(images/logo_principia.gif); background-repeat: no-repeat; height: 0px !important; height /**/:41px; }

.logo_container.50th_logo {  }
.logo.50th_logo { padding: 208px 0 0 0; margin: 0; overflow: hidden; background-image: url(images/logo_50th_c.gif); background-repeat: no-repeat; height: 0px !important; height /**/:208px; }

/* NAVIGATION JUMP MENU */
#navigation_jump_container { float:left; margin: -33px 0 0 630px; }
	
#navigation_jump, #navigation_jump ul { /* all lists */ padding: 0; margin: 0; list-style: none; float : right; width : 140px; }
#navigation_jump li { /* all list items */ position : relative; float : right; line-height : 1.25em; margin-bottom : -1px; width: 140px; font-size: 11px; font-family: verdana, arial, helvetica, serif; z-index:500; }
#navigation_jump li ul { /* second-level lists */ position : absolute; left: -999em; margin-left : 3px; margin-top : -3px; }
#navigation_jump li ul ul { /* third-and-above-level lists */ left: -999em; }
#navigation_jump li a { width: 140px; w\idth : 140px; display : block; color : #003468; text-decoration : none; background-color : white; border : 1px solid #ccc; padding : 5px; text-align: right; }
#navigation_jump li a:hover { color : #fff; background-color : #003468; background-image: none; }
#navigation_jump li:hover ul ul, #navigation_jump li:hover ul ul ul, #navigation_jump li.sfhover ul ul, #navigation_jump li.sfhover ul ul ul { left: -999em; }
#navigation_jump li:hover ul, #navigation_jump li li:hover ul, #navigation_jump li li li:hover ul, #navigation_jump li.sfhover ul, #navigation_jump li li.sfhover ul, #navigation_jump li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

/* SEARCH */
.search_container { width: 190px; padding:0 0 0 10px; }
input.search_field { width: 120px; border:none; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; padding: 4px; float:left; }
input.search_submit { margin-left: 4px; margin-top:3px; }

/* MINI STORY */
.mini_story_container { float: left; width: 568px; border-bottom:solid 1px #e1d7c0; margin-bottom: 10px; }

.mini_story { float:left; width: 513px; background-color:#fff; padding: 0; margin-bottom: 10px; }

.mini_story h4 { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#a3874a; padding: 0 0 2px 0; margin: 0; }
.mini_story h4 a:link, .mini_story h4 a:visited { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#a3874a; text-decoration:none; }
.mini_story h4 a:hover { border-bottom: 2px dotted #a3874a; }
.mini_story h4.misc_info { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; padding: 0 0 10px 0; margin: 0; }
.mini_story h4.misc_info a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; text-decoration:none; }
.mini_story h4.misc_info a:hover { border-bottom: 1px dotted #999; }
.mini_story p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:16px; padding: 0 0 15px 0; margin: 0; }
.mini_story p a:link, .mini_story p a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6699ff; line-height:16px; text-decoration: none; }
.mini_story p a:hover { text-decoration:underline; }

.mini_information { margin-top: 10px; }
.mini_read a:link, .mini_read a:visited { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#6699ff; text-transform:uppercase; text-decoration: none; float: left; }
.mini_read a:hover { text-decoration: none; }
.mini_permalink a:link, .mini_permalink a:visited { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6699ff; text-transform:uppercase; text-decoration: underline; margin-top: 2px; float: right; }
.mini_permalink a:hover { text-decoration: none; }
.mini_email a:link, .mini_email a:visited { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6699ff; text-transform:uppercase; text-decoration: underline; padding-right: 10px; margin-top: 2px; float: right; }
.mini_email a:hover { text-decoration: none; }

/* PAGE */
.page_story_container { float: left; width: 568px; border-bottom:solid 1px #e1d7c0; margin-bottom: 10px; }

.page_story { float:left; width: 568px; background-color:#fff; padding: 0; margin-bottom: 10px; }

.page_story h2 { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#a3874a; padding: 0; margin: 0 0 5px 0; }
.page_story h2 a:link, .page_story h2 a:visited { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#a3874a; text-decoration:none; }
.page_story h2 a:hover { border-bottom: 2px dotted #a3874a; }

.page_story p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:16px; padding: 0 0 15px 0; margin: 0; }
.page_story p a:link, .page_story p a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#02325b; line-height:16px; text-decoration: underline; }
.page_story p a:hover { text-decoration:none; }

.page_story p.info { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:16px; padding: 0 0 15px 0; margin: 0; }

/* SIDEBAR */
.sidebar_container { width: 200px; background-color:#eee; display:block; position:relative; margin-bottom:10px; }
.sidebar_container .block1 { padding: 10px; border-bottom: dotted 1px #999; }
.sidebar_container .block2 { padding: 10px 10px 55px 10px; position:relative; display:block; }
.sidebar_container h2 { font-family: Helvetica, Arial, sans-serif; font-size:20px; color:#666; padding:0 0 10px 0; }
.sidebar_container p { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:0 0 10px 0; }
.sidebar_container p a:link, .sidebar_container p a:visited { color: #02325b; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; }
.sidebar_container p a:hover { text-decoration:none; }

ul.sidebar_links { padding: 0 0 10px 0; margin:0; list-style:none; text-decoration:none; background-color:none; line-height: 18px; }
ul.sidebar_links li { position: relative; text-decoration:none; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#02325b; padding-left: 10px; }
ul.sidebar_links li a:link, ul.sidebar_links li a:visited { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#02325b; margin:20px 0 10px 0; margin:0; text-decoration:underline; }
ul.sidebar_links li a:hover { text-decoration:none; }

ul.sidebar_links_nav { padding: 0; margin:0; list-style:none; text-decoration:none; background-color:none; line-height: 18px; }
ul.sidebar_links_nav { position: relative; text-decoration:none; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#02325b; padding-left: 0; }
ul.sidebar_links_nav li { margin: 0; padding:0; }
ul.sidebar_links_nav li ul { list-style: none; padding: 0; margin:0 0 0 45px; }
ul.sidebar_links_nav li ul li { list-style: none; padding: 0; margin:0; }
ul.sidebar_links_nav li ul li a:link, ul.sidebar_links_nav li ul li a:visited { background-color:#eee; color: #999; }
ul.sidebar_links_nav li ul li a:hover { text-decoration:underline; color:#333; }
ul.sidebar_links_nav li a:link, ul.sidebar_links_nav li a:visited { position:relative; display:block; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#fff; text-decoration:none; background-color: #999; padding:5px; margin-bottom: 2px; }
ul.sidebar_links_nav li a:hover { text-decoration:none; background-color:#333; }

/* TWITTER */
#feature_twitter { padding: 0;  }

#feature_twitter p { color: #666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; margin:0; padding:0; }
#feature_twitter p a:link, #feature_twitter p a:visited { color: #02325b; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; text-decoration:underline; }
#feature_twitter p a:hover { text-decoration:none; }

.twitter-timestamp { color:#999; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;  margin: 15px 0 0 0; display:block; text-decoration:none; border:none;  }
span.twitter-timestamp { text-decoration: none; border:none; }

#feature_twitter p a.twitter-link { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-transform:none; }

#feature_twitter p a.twitter-user { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-transform:none; }

/* BROCHURE IMAGE */
.brochure { float: right; position:relative; display:block; z-index:100; margin:-135px -70px 0 0; }

/* FOOTER LINKS */
#footer { width: 800px; height: 16px; padding: 8px 0 5px 0; font-size: 12px; color: #fff; background-color:#003468; text-align: center; }

/* FONT */
#global_footer #footer a:link, #global_footer #footer a:visited { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; text-decoration:underline; }
#global_footer #footer a:hover { text-decoration:none; }

p strong { font-weight:bold; }
p em { font-style:italic; }

.page_story ul { list-style-type:disc; list-style-position:outside; padding: 0 0 15px 45px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:16px; }
.page_story ol { list-style-type:decimal; list-style-position:outside; padding: 0 0 15px 45px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:16px; }

.page_story li { padding: 0 0 10px 0; }
.page_story li a:link, .page_story li a:visited { color:#02325b; line-height:16px; text-decoration: none; }
.page_story li a:hover { text-decoration:underline; }