/*
light-grey = f7f7f7;
black / dark-grey = 191919; 
*/

body{background: #fff;}
a{text-decoration: none; color: #a57600;}
embed{padding: 1em;}

#header{background:#fff; height:100px; background:  url("header_bg.png") repeat-x;  }
#header #purdue-mark{ padding:  1em; float: left; }
#header h1.site-title a{
	display:block;
	color: #000000;
	text-decoration:none;
	letter-spacing: -2x;
	margin: 2em 0 0 8em;
	font-weight:bold;
	font-size: 22px;
	width: 400px;
}

#header-top-strip {
  position: relative;
  top: 0px;
  height: 5px;
  background-color: #a47700;
  z-index: 11;
}

.boxshadow #header-top-strip {
  background-image: none !important;
  box-shadow: 0px 2px 10px #656565;
  -moz-box-shadow: 0px 2px 10px #656565;
  -webkit-box-shadow: 0px 2px 10px #656565;
}

#page{background: #fff;  position:relative;}

#search{   text-align:center; width: 30em; float:left; padding: 1.4em; background: #e5e5e5;}
/*  This is probably an ie only style */
#search input.text{width: 240px;}
#search input.button{margin-bottom: .6em; border: none; padding: .5em; background: #999; color:#f7f7f7; font-weight:bold; }

#content{width: 45em; float:left; }
#content #story-meta{display: block; padding: .2em 0; overflow:hidden; background: #fdfdfd; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; font-weight:bold; margin-bottom:0; font-style:italic; color: #999; }
#content #scisum{display: block; padding: 1em 0; overflow:hidden; background: #fdfdfd; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; font-weight:bold; margin-bottom:0; color: #666666; }
#content span.date{float: left; }
#content span.author{float: right; }
#content h2.story-title{margin-bottom: .3em; padding-top: .2em; line-height: 1.2em;}
#content h2.page-title{text-transform: uppercase; font-size: 1.4em; font-weight:bold;}

#sidebar{float:right; width: 28em; background: #f7f7f7; padding: 1em 1em 1em 1.5em; }
#sidebar a{font-weight: bold;}
#sidebar li{margin-bottom: .5em;}
#body{clear:both; padding-top: 2em;}

#tab-navigation{height: 34px; background:#000; width: 980px; border-top: #a37b2c solid 5px; margin: 0 auto; padding-bottom: 0px;}
#tab-navigation li{display: block; float:left;}
#tab-navigation li a:first-child{border-left: none;}
#tab-navigation li a{  padding: 7px; display:block;  font-size: 15px;  color: #fff; margin-right:2px; border-left: solid 1px #ccc; line-height: 20px; text-decoration:none;}
#tab-navigation li a:hover{background: #a37b2c;}


#category-navigation{ display: block; width:44em; float:right; background: #e5e5e5; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#category-navigation ul{margin:0; padding:0}
#category-navigation ul li{float: left; display:block; }
#category-navigation ul li a{ padding: .8em; width: 7em; text-decoration: none; font-weight:bold;   display:block; text-align:center; color: #333;   }
#category-navigation ul li a:hover{ color:#333; background: #fff;} 

#category-navigation.purdue-today{width: 100%;}

#category-navigation.purdue-today ul li a{height: 3.2em; width: 9.6em; padding: 0;}



#footer{
	color: #FFFFFF;
	background: #000;
}
#footer a{
	color: #DDA53A;
	margin-bottom: 0;
}

#slideshow{ overflow: hidden;}
.headline-story{background: #f7f7f7; width: 100%; height: 300px; position:relative;  }
.headline-story img{ }
.headline-story .headline-img{  width: 250px; height:250px; overflow:hidden;}
.headline-story h2{ margin-left: 10px; font-size: 18px;  }
.headline-story .headline-summary{   margin-left: 10px;   height: 140px; overflow:hidden;}
.headline-story .headline-content{position: absolute; top: 0; right: 0; margin-left: 260px;}

.feature-story {clear: both; margin: 1em 0; border-bottom: solid 1px #ccc; overflow: hidden; position:relative;}
.feature-story img{float: left; clear:both; padding: 5px; border: solid 1px #ccc; margin: 0 1em 1em 0;  }
.feature-story h2{font-size: 1.5em;  text-decoration:none; color: #777; margin-bottom: .5em; }
.feature-story h2 a{text-decoration: none; color: #777;}
.feature-story h2 a:hover{text-decoration: underline;}
.feature-story .feature-summary{margin-bottom: 2em;}

.read-more{display: block;  margin-top: 1em; position:absolute; bottom: .5em; right: 1em ;}

.story-photo{float: left; margin: 0 2em 1em 0; width:290px; border:solid 1px #ccc;}
.story-photo img, .story-photo-right img, .mug-shot img, .mug-shot-right img {padding: 5px;}
.story-photo p, .story-photo-right p, .mug-shot p, .mug-shot-right p  {padding: .8em; margin: 0;}
.story-photo-right{float: right; margin: 0 0 1em 2em; width: 290px; border:solid 1px #ccc;}

.mug-shot{float: left; margin: 0 2em 1em 0; width:130px; border:solid 1px #ccc; }
.mug-shot-right{float: right; margin: 0 0 1em 2em; width:130px; border:solid 1px #ccc;}

.container{padding: 1.5em;}

.module{position: relative; padding-bottom: 1em; margin-bottom: 1em; display: block; background:#fcfcfc;}
.module a.read-more{bottom: 0; right: 0;}
.module h3{ color: #fff; padding: .5em; border-top: solid 5px #c49c4d; background: #191919;  border-bottom: solid 1px #ccc;}
.module h4{font-weight: bold; text-transform:uppercase; margin-bottom: .5em; border-bottom: solid 1px #ccc; margin-left: 1.8em; }
.module p, .module ul, module ol{margin-left: 2em;}

.social_media_links{text-align: center;}
.social_media_links h3{text-align: left;}
.map{padding-bottom: 2em;}

.photo-download{background: url("../img/backgrounds/camera_icon_small.png") no-repeat left center; padding-left: 25px;}
.print-page{background: url("../img/backgrounds/print.png") no-repeat left center; padding-left: 25px;}
.print-version{margin: .5em 0 1.5em 0; font-size: 10px;}

.spotlight{clear: both; overflow:hidden; }
.spotlight h2.spotlight-headline{font-size: 1.5em; line-height:1.6em; margin-bottom: 0px;}
.spotlight-image{float: left; padding: 10px; margin:  0 5px 5px 0; border: solid 1px #ccc; }
.spotlight-story{margin-left: 300px;}

.pt-events li{position: relative; list-style:none; padding:  0 0 20px 20px; }
.event-metadata{position: absolute; top: 2px; left:-15px; padding:3px; background: #fff; border:solid 1px #ddd;}
.event-month{text-transform: uppercase; margin:0; padding:0; line-height:10px; font-size: 10px; }
.event-date{font-size: 20px; margin:0; padding:0; line-height:20px; font-size:20px; text-align:center;}
.previous{color: #999; font-size: .9em;} 


.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; border-top: solid 3px #ccc; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .8em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em .5em; border: solid 1px #ccc;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


.events_link {font-size: 10px; margin-left: 15px; padding: 5px 10px 10px 10px; display: block; }
.events_link:after{}
.events h4{clear: both;}

table.table{ text-align:center; width:80%; border: 1px solid #333;}
table.table tr td{padding: 2px;} 



/*-- make it pretty --- */

#search  {-moz-border-radius:5px; -webkit-border-radius: 5px;}