/*----------------------------------------------------
GLOBAL
---------------------------------------------------- */

body {margin: 0; padding: 0 0 20px 0;font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif; background: #686868 url(_images/body_bkg.jpg) repeat-x; color:#3a3a3a}

h1 {margin:0; padding:0 }
h2 {margin:0; padding:5px 5px 5px 30px; background: #e1d3ad url(_images/bullet_h2.png) no-repeat; color:#b85757; font-size:18px; text-transform:uppercase;}
h3 {margin:0 0 5px 0; padding:0; font-size:14px; color:#b85757;}
h4 {margin:0; padding:0; font-size:12px; color:#686868}
h5 {margin:0; padding:0;}
p { }
p {margin:0 0 10px 0;}
.clear {clear:both;}
a {color:#981a1d}
hr {margin:0 0 5px 0; padding:0;border:none; height:1px;border-top:1px dotted #ccc;}
h3 a {}
#tooltip {font-size:10px;width:200px;padding:4px; position:absolute;z-index:200; background:#fff; border:1px solid #000; visibility:hidden;}
.hidden {display:none; margin-top:5px;}
blockquote {margin:10px 10px 0 10px;}

/*----------------------------------------------------
LAYOUT
---------------------------------------------------- */
.container {width:877px; margin:0 auto 0 auto; }
.theme {display:none;font-size:90%;color:#8796b2;width:300px; text-align:right;position:absolute; top:5px; margin-left:400px;}
.content {background:#ece6d6;border:2px solid #fff;}
.sidebar {float:left;width:220px; }
.main {float:right;padding:0 0 0 0px; margin:10px 5px 10px 0;width:641px; }
.home_sidebar {margin-top:5px;float:left;width:349px; }
.home_sidebar .content {padding:4px 0; background:#fbfaf7; margin:5px 0;}
.home_sidebar .content p {padding:4px 11px; line-height:17px; margin:5px 0; }


.home_main {margin-top:5px;float:right; width:516px; }
.home_main .bottom {padding:8px 15px;  line-height:17px; margin-top:5px;}


.breadcrumb {width:100%; color:#a9b6cd;margin-bottom:10px;}

.form {margin:0; padding:0;}
.form form {margin:0; padding:0;}
.form input {margin:0; padding:1px 3px;height:15px;font-size:12px;color:#8593ad; border:1px solid #a9b6cd;}
.form input[type="submit"] {padding:0px;height:auto;background: #fff; border:none; color:#8593ad; border:1px solid #a9b6cd;}
.form input[type="submit"]:hover {background: #eee;}


#nav {display:none; height:29px; margin:0px 0 0 0 ;position:relative; z-index:100;background:#000; }
#nav ul {padding:0;margin:0;list-style-type:none;}
#nav li {float:left;position:relative;border-right:1px solid #fff;}
#nav a  {display:block;;text-decoration:none; color:#fff;  padding:7px 12px 7px 12px; }
#nav ul ul {height:0;visibility:hidden;position:absolute;top:29px;left:0; width:149px;}
#nav ul ul li {float:left; border:none;}
#nav ul ul a {background:#888; color:#fff; width:140px;padding:4px 10px; display:block;}
#nav a:hover, #nav ul ul a:hover{color:#fff; background: #333 }
#nav li a.selected {background:#ddd; color:#000;}

#utility {font-size:13px;overflow-y:hidden;height:23px;background:#fff url(_images/utility_bkg.jpg) repeat-x bottom;clear:both; width:100%;}
#utility form {display:inline;margin:0; padding:0;}
#utility input {margin:0; padding:1px 3px;height:13px;font-size:12px;color:#8593ad; border:1px solid #a9b6cd;}
#utility input[type="submit"] {padding:0px;height:auto;background: #fff; border:none; color:#8593ad; border:1px solid #a9b6cd;}
#utility input[type="submit"]:hover {background: #eee;}


#utility img {display:inline;}

#subnavigation { font-family: Arial, Helvetica, sans-serif; height:40px; background: #673131 url(_images/nav_bkg.gif) repeat-x; margin: 0 0 0px 0; padding: 0; }
#subnavigation ul {margin:0 0 0 10px; padding:0; }
#subnavigation li { float: left; list-style:none; margin: 0; padding: 0; }
#subnavigation li a {text-transform:uppercase;display:block;font-weight:bold; font-size: 12px;color: #fff; text-decoration:none; padding:11px 15px}
#subnavigation li a:hover, #subnavigation li a.selected  {background: #b03a3a url(_images/nav_bkg_over.gif) repeat-x;}

.sidebar_nav {background:#cb4c4c;margin-bottom:10px;}
.sidebar_nav h2 {background:none; color:white;padding-left:5px;}
.sidebar_nav ul {margin:0; padding:0; list-style:none;}
.sidebar_nav li {margin:0; padding:0;}
.sidebar_nav a {color:#fff3d2;padding:5px; text-decoration:none; display:block;}
.sidebar_nav a:hover, .sidebar_nav a.selected {background:#b03434;}

.sidebarbox {padding:10px;margin-top:10px;margin-left:5px; border:1px solid #cb4c4c; background:#fff url(_images/utility_bkg.jpg) repeat-x bottom;}
.sidebarbox h2 {background:none; padding:0;}


/**************** logo area ******************/

#logo { float: left; width: 600px; height: auto; margin: 0; padding: 0; }


.footer { margin:0 auto; width:877px; clear:both;background:#fff url(_images/footer_bkg.jpg) repeat-x;padding: 0 }
.footer p{ font-size: 11px; color: #444; font-weight: normal; margin: 0; padding:0; }
.footer a{ color: #444; text-decoration: none; }
.footer a:hover{ color: #444; text-decoration: underline; }

.copyright { width:877px; margin: 3px auto 20px auto; text-align:center; color:#888 }
.copyright a{  color:#888 }
.copyright p{  margin:0; padding:0;}


	
	.highlights {margin:5px 0 0 0px;float:left;background:transparent url(_images/home_highlights.jpg) no-repeat; }
	.highlights h3 {margin: 0 40px 0 0; color:#f76d6d;font-size:18px}
	.highlights h4 {color:#eba4a4; font-style:italic; border-bottom:3px solid #8f4b4b; margin:0 0 10px 0; padding:0 0 10px 0; font-size:13px; font-weight:normal}
	.highlights p {color:#fff;}
	.highlights a {color:#fff;}
	
	.highlight_item {margin:50px 20px 10px 0;width:300px; float:right;}
	
	
.highlight_contentwrapper{position: relative; width:516px; height:216px; overflow: hidden;margin-bottom:5px; }
.highlight_content{ position: absolute;visibility: hidden; width:530px; height:233px;background:transparent url(_images/home_featuredbox.jpg) no-repeat; }
.highlight_content .image {float:left; width:190px; text-align:center;margin:10px 0px 0 10px;}

.highlight_content img {margin:0 auto; border:3px solid #8f4b4b;}
.highlight_contenttoggler{margin: -30px 0 0 222px; position:absolute; z-index:500;}
.highlight_contenttoggler a{ color:#d34f4f; text-align:center;float:left; display:inline-block;padding:2px 3px; margin-right:4px;  background:#7c3e3e; text-decoration:none;}
.highlight_contenttoggler a:hover, .highlight_contenttoggler  a.toc:hover{ background:#d16161; color:#fff;}
.highlight_contenttoggler a.toc{ background:#7c3e3e; width:10px; height:13px;}
.highlight_contenttoggler a.selected{ background:#d16161;color:#fff;}
.highlight_contenttoggler a.prev, .highlight_contenttoggler a.next{}
.highlight_contenttoggler a.prev:hover, .highlight_contenttoggler a.next:hover{}


.photo_highlight_contentwrapper{position: relative; width:100%; height:110px;overflow: hidden;  background:#fff ; }
.photo_highlight_content{ position: absolute;visibility: hidden; background:#fff; width:180px; text-align:center;}
.photo_highlight_content .image {float:left; width:200px; text-align:center;margin:10px 10px 0 10px;}
.photo_highlight_content .image img{ margin:0 auto; border:1px solid #000;}
.photo_highlight_contenttoggler{margin: -40px 0 0 222px; position:absolute; z-index:500;}
.photo_highlight_contenttoggler a{ display:none; text-align:center;float:left; padding:3px 5px; margin-right:4px; border:1px solid #d31013; background:#eee; text-decoration:none;}


/* ------------------------------
PHOTO GALLERY
 -------------------------------- */

#lightbox{	background-color:#eee;	padding: 10px;	border-bottom: 2px solid #666;	border-right: 2px solid #666;	}
#lightboxDetails{font-size: 0.8em;	padding-top: 0.4em;	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox http://mit100k.org/img{ border: none; clear: both;} 
#overlay http://mit100k.org/img{ border: none; }
#overlay{ background-image: url(/_images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_images/overlay.png", sizingMethod="scale");
	}
	
	
/* ------------------------------
CALENDAR STYLES
 -------------------------------- */
 
.calendar {background:#fff;float:right;width:705px;}
table.calendartable {padding: 0; margin: 0 0 0 10px; border: 1px solid #510909; color: #616B76; text-align: center; background-color: #fff; }
.calendartable th { color:#fff;font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  background: #eee url(http://www.mit100k.org/img/cal-th-bg.gif) repeat-x; border-bottom: 1px solid #A2ADBC; }
.today, td.today a, td.today a:link, td.today a:visited {color:#510909; }
.today {background:#eee; padding:5px; color:#000;}
.calendartable td{font-size:10px;height:100px;width:100px;margin:0; padding:4px; text-align: left; border:1px solid #ccc; border-width:0 1px 1px 0;}
.calendartable a {color: #510909; text-decoration:underline; font-size:10px;}
.calendartable td a:link, .calendar td a:visited { color: #510909;  }
.calendartable td a:hover,.calendar td a:active { color: #000; }

.calendarDay {font-weight:bold;border-bottom:1px solid #ccc; background:#eee;margin:-4px -4px 3px -4px;padding:2px;}
.calendarLink {border-bottom:1px dotted #ccc;}

.calendarlist {float:left; width:270px;}

.calendar_item {border-bottom:1px solid #eee; padding:0px 5px 5px 0px; margin:5px 0 0 0; }
.calendar_item h3 {margin:0; padding:0;border:none;}
.calendar_item h4 {margin:0; padding:0;font-size:12px; font-weight:normal; font-style:italic; color:#999;border:none;}
.calendar_item p {margin:0; padding:0;}
	
/* ------------------------------
CMS STYLES
 -------------------------------- */


.admin a {text-decoration:none;}
.admin #nav {display:block;}
.admin h2 {font-size:13px; background:none;}
.tr td{padding:2px 0;border-bottom:1px dotted #ccc;}
.tr:hover td, .tr_alternate:hover td {background:#eee; color:#000;}
.tr th {padding:2px 0;border-bottom:1px dotted #ccc; color:#fff; background:#000; text-align:left;}
.tr th a{color:#fff;}
.tr_alternate td{padding:2px 0;border-bottom:1px dotted #ccc;}
.show td{}
.hide td{display:none;}
.deleted_row td{filter:alpha(opacity=45);-moz-opacity:.45;opacity:.45; }
    .adminsidebar {margin-top:10px;width:200px; float:left;}
	.adminsidebar ul {margin:0; padding:0; list-style:none; }
	.adminsidebar li {margin:0; padding:0;border-bottom:1px dotted #510909;}
	.adminsidebar a {color: #510909;text-decoration:none;}
	.adminsidebar a:hover {background:#eee;}
	.adminsidebar a.selected {background:#eee;font-weight:bold;color: #510909; }
	.adminsidebar h2 {margin:0; padding:0; padding:0 3px;}
	
	td {font-size:12px;}
	.adminmain {height:400px;margin-top:10px;overflow-y:auto; width:660px; float:right;}
.adminlogin {font-size:11px;}
.adminlogin table {font-size:11px; line-height:14px; width:220px; border:1px solid #ccc;background:#fff;padding:10px;}
.adminlogin input[type="text"] {height:13px;}
.adminlogin input[type="password"] {height:13px;}
.adminlogin p {margin:0; padding:0;}


/*----------------------------------------------------
PRINTING
---------------------------------------------------- */

@media print 
{ body {font: 12pt Times, Serif;}
  .search {display:none;}
  .sidebar {display:none;}
    .header http://mit100k.org/img.logoscreen {display:none;}
    .header http://mit100k.org/img.logotext {display:block;}
  #nav {display:none}
  #subnavigation {display:none}
  #utility {display:none}
  .main {width:100%;}
  .highlight {display:none;}
.header{display:none;}
  #photodiv {display:none;}
  .box {display:none; }
  .contact {font-size:12pt; width:100%;line-height:13pt;border:none;}
  .contact http://mit100k.org/img {display:none;}
  .footer http://mit100k.org/img {display:none}
  .footer .contactinfo {color:#888; font-size:85%;width:100%; float:left;}

}