/* CSS Document */
/* Main Colors: Black:#282828, DarkGreen:#77a832 , Gray:#3d3d3d, Med Gray:#dedede, Light Gray:#eaeaea
*/
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	text-align: left;
	padding: 0;
	margin: 0;
	font:75% Arial,Helvetica,sans-serif;
	background-color:#282828;
	color:#282828;
}
#home #body_wrap, #interior #body_wrap {
	background:#eaeaea url('/images/body_bg.gif') repeat-x top center;
}
#home #body_wrap2, #interior #body_wrap2 {
	background:transparent url('/images/feature_spring09.jpg') no-repeat center 31px;
}
#wrapper {
	text-align: left;
	width: 808px;
	margin:0 auto;
	padding: 0;
/*	border:dashed 1px #666;*/
}
#masthead {
	height:31px;
	margin:0pt auto;
	overflow:hidden;
	text-align:left;
/*	background-color:#7ca2a7;*/
}

#logowrapper {
	height:26px;
	margin:0;
	padding:0;
	background-color: #282828;
}

.hidden {
	position:absolute;
	top:-999em;
}

#logo {
	background:transparent url(/images/hsu_mark.gif) no-repeat scroll left top;
	border:0 none;
	display:block;
	height:26px;
	overflow:visible;
	padding:0;
	width:348px;
}

#dept_banner {
	padding:0;
	margin:0;
/*	height:75px;*/
	
}

#dept_logo {
	background:transparent url('/images/hummag_mark.png') no-repeat scroll left top;
	border:0;
	display:block;
	height:93px;
	overflow:visible;
	padding:0;
	margin:30px 0;
	width:334px;
}
#home #features {
	background:transparent url('/images/feature_bg.png') no-repeat top left;
	margin:10px 0 0;
}
#interior #features {
	background:transparent url('/images/mid_bg.png') repeat-y top left;
	margin:10px 0 0;
	width:808px;
}  
#content a {
	position:relative;
	z-index:2;
}
#home #features_wrapper {
	width:800px;
	margin:0 auto;
	padding-bottom:10px;
	background-color:#5e3f1e;
}
#interior #features_wrapper {
	width:800px;
	margin:0 auto;
}
#features_bottom {
	background:transparent url('/images/bottom_bg.png') no-repeat bottom;
	width:808px;
	height:17px;
	margin:0 auto 30px;
	
}
#cover_story {
	height:268px;
}

#features #feature_stories {
	border-top:solid #fff 1px;
}
.story_detail {
	float:left;
	width:262px;
}
.story_detail img {
	border:solid 3px #d6d9c3;
	margin:12px 0 0 12px;
	display:block;
}
.story_detail img.story_title {
	border:none;
	margin-top:5px;	
}
.story_detail p {
	
}
#home #contentwrapper {
	padding:18px 0 18px 2px;
	overflow:auto;
	margin:20px 0;
	clear:both;
	width:802px;
}
#interior #contentwrapper {   
	overflow:auto;
	clear:both;
}
#home #content {
	margin: 0px 280px 0 0;
	width:522px;
	padding:0;
}
#interior #content {
	margin: 0px 260px 0 0;
	width:540px;	
}
#content .inner {
	margin: 0;
}
#interior #content .inner {
	margin: 0;
	padding:0 15px;
}
#home #side {
	float: right;
	width:270px;
	margin:0px;
} 
#interior #side {
	float:right;
	width:260px;
	margin:0;
}
#home #side .inner {
	padding:0 15px 36px;
	margin: 0;
	background-color:#dedede;
}
#interior #side .inner {
	padding-right:5px;
	margin-left:10px;
}
#footer {
	padding:0 0 10px 0;	
	clear: both;
	border-top:solid 3px #fff;
	color:#fff;
/*	font-size:85%;*/
	background-color:#282828;
	overflow: auto;
}

#footerwrapper {
	width:800px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	padding:10px 0;	
}
#footer .inner {
	padding:0 0 0 0;
}
.left_col {
	float: left;
	width: 360px;
	margin-right: 10px;
}
.right_col {
	float: right;
	width: 360px;
	margin-right: 10px;
}
.vcard {
	float:left;
	text-align:left;
}
#stories {
	overflow:auto;
	margin:-15px 0 20px;
}
.story_container {
/*	clear:both;*/
	margin-top:18px;
	overflow:auto;
	float:left;  
	width:522px;
	
}
#eight_things {
	padding:10px 0;
	float:left;
	margin-top:30px;
	overflow:auto;
	background-color:#fbfbfb;
	padding:10px 15px 10px 0;
	width:502px; 
	border: 1px solid #ccc;
}
#scene .container {
	width:800px;
	margin:0 auto;
}
#ad_container {
	margin-top:18px;
}
.left {
	float:left;
	width:190px;
}
.right {
	float:right;
	width:190px;
	
}
.clear {
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
}
.fancy_intro {
	margin:-47px -17px 0 -17px;     
}
.leverage_ad {
	margin:10px 0 0 0;
	
}  
.leverage_ad ul li {
	margin:0;
	list-style: disc inside none;
}
/* =================== */
/* = navigation = */
/* =================== */
#nav {
   background-color: #FFFFFF;
   float: right;
   font-size: 110%;
   margin-top: 30px;
   padding: 10px 10px 10px 5px;
   text-align: center;
	overflow:auto;
}
#nav ul {
	list-style:none;
/*	float:right;*/
}

#nav ul li {
	padding:0 10px;
	float:left;
	margin:0;
	border-right:solid 1px #282828;
}
#nav ul li.globallast, #nav ul li.last {
	border-right:none;
	padding:0 0 0 10px;
}  
.feature_nav {
	background-color:#eaeaea;
	margin:2px -3px 2px -9px;
	padding:10px 5px; 
}  
#side .inner .feature_nav h3 a {
	text-decoration:none; 
}   
#side .inner .feature_nav h3 a:hover {
	color:#666;
}
.feature_nav:hover {
	background-color:#dedede;   
}
#footer_nav {
/*	text-align:right;*/
	float:right;
}   
#footer_nav ul {
	list-style:none;
	float:right;  	
}
#footer_nav ul li {
	padding:0 10px;
	float:left;
	margin:0;
	border-right:solid 1px #fff;
}
#footer_nav ul li.last {
	border-right:none;
	padding:0 0 0 10px;
}
#footer_nav img {
	clear:right;
	display:block;
	float:right;
	margin-top:10px;
}
/* =============== */
/* = link styles = */
/* =============== */
#nav a:link, #nav a:visited {
	color:#231f20;
	text-decoration:none;
/*	padding:3px;*/
	display:block;
}
#nav a:hover, #nav a:active {
	color:#960D41;
}
#feature_stories a {
	text-decoration:none;
} 
.story_detail a:link, .story_detail a:visited {
	color:#fff;
}
.story_detail a:hover, .story_detail a:active {
	color:#e9e9e9;
}
/*a:link, a:visited {
	color:#00AEF0;
} */
/*a:hover, a:active {
	color:#999;
	text-decoration:none;
}*/
 
#top_story a:link, #content .story_container a:link, #top_story a:visited, #content .story_container a:visited {
	color:#282828; 
	text-decoration:none;
} 
#top_story a:hover, #content .story_container a:hover, #top_story a:active,  #content .story_container a:active {
	color:#999;
}
#content a:link, #content a:visited {
	color:#00AEF0;
}
#content a:hover, #content a:active {
	text-decoration:none;
	color:#999;
}
#side a:link, #side a:visited {
	color:#231f20; 
}    
#side h4 a:link, #side h4 a:visited {
	text-decoration:none;
}
#side a:hover, #side a:active {
	text-decoration:none;
	color:#252525;
}
#footer a:link, #footer a:visited {
	color:#fff;
}
#footer a:hover, #footer a:active {
	text-decoration:none;
}	
table a:link {
	color:#bf2e1a;
}
table a:visited {
	color:#666;
}
table a:hover, table a:active {
	text-decoration:none;
} 
a.slideshow {
	background:transparent url('/images/spring10/bullet.gif') no-repeat 0 0;
	padding-left:16px;
}  
div.slideshow {
	float:right;
}
 
#content div.slideshow p, #content div.ringtones_link p {
  margin-right:10px;
} 
.link-callout {
	border: solid 2px #7BA94E;
	padding: 5px;
	width: 300px;
	text-align: center;
	border-radius: 10px;
	box-shadow: 1px 1px 5px #888;
	margin: auto;
} 
.link-callout h4 {
	color: #7BA94E;
}
/* ============== */
/* = typography = */
/* ============== */
h2, h3, h4, h5, h6 {
	line-height:1.4em;
	margin:18px 0 0 0;
	font-weight:normal;
	font-family: Georgia, Times, serif;  
}
#content h5.byline {
	margin-top: 6px;
	color: #252525;
	font-size: 110%;
	font-family: Arial,Helvetica,sans-serif;
}
p {
	line-height:1.6em;
	margin:9px 0;
	padding:5px 0;
}
#features #fixme {
	background-color:#3d3d3d;
	color:#fff;
	padding:8px 0 6px 15px;
	margin-top:0; 
	line-height:0;
}
p.subhead {
	margin:0;
}
#feature_stories h3 {
	font:120% Georgia, Times, serif;
	margin:18px 0 9px 15px;
	color:#fff;
}
#feature_stories h4 {
	font:100% Georgia, Times, serif;
	margin:0px 0 0 28px;
	color:#fff;
}
#home #content h3 {
	margin:0;
	background-color:#fff; 
	border-bottom:solid 1px #ccc;
	padding:6px 15px;
}
#content h3.article_headline {
	font:300% Georgia, Times, serif;
	margin-bottom:0;
}
#content h4.article_subhead {
	font:175% Georgia, Times, serif;
	margin:0;
	color:#5a5a5a;
} 
#home #top_story h4 {
	font-size:140%;
}
#content h3 {
	font-size:140%;
}
#content h4 {
	font-size:130%;
}

#content h5 {
	font-size:150%;
}
#content h6 {
	font-size:130%;
}
#content ul, #content ol {
	margin:9px 0;
	list-style:none;
}
#content ol {
	list-style:decimal;
}
#side ul {
	list-style:none;
	margin-bottom:9px;
}
.upper_news_container ul {
	clear:left;
	list-style-type:none;
	background-color:#fff;
	padding:10px;
	font-size:110%;
	border:solid 1px #ccc;
}  
 
.upper_news_container ul li {
	margin:0;
	padding-top:5px;
}
#home #side h3 {
	margin:0 -15px 36px;
	background-color:#fff;
	border-bottom:solid 1px #ccc;
	padding:6px 15px;
}
#side h4 {
	font-size:130%;
}   
#side h5 {
	font-size:110%;
}
#side .feature_nav h3 {
	font:130% Georgia, Times, serif;
	float:right;
	width:150px;
	color:#282828;
	margin: 0;
}  
#content li, #side li {
/*	background:transparent url('/images/bullet.gif') no-repeat 0 1px;*/
	padding-left:20px;
	margin:9px 0;
}
#content ol {
	list-style-position:inside;
}
dl {
	line-height:18px;
	margin-top:9px;
}
dt {
	line-height:18px;
	margin-top:9px;
	font-weight:bold;
	font-size:115%;
}
dd {

}
#side .quote {
	font-size:90%;
}
#footer p {
	margin:0;
	padding:0;
}
.category {
	color:#bf2e1a;
}
  
#top_story {
	overflow:auto;
	margin-top:18px;
	height:1%;
}
#top_story .story_container h4, #top_story .story_container p {
	margin-left:275px; 	
}              
.upper_news_container {
	float:right;     
	width:270px;
	margin-top:36px;
} 
.upper_news_container .news {
	
}
.news_container {
	clear:left;
}
.news {
	float:left;
	margin:18px 0 18px 0;
/*	min-height:100px;*/
/*	width:250px;*/
}
.news_bottom {
	float:left;
	min-height:85px;
	width:235px; 
	margin-left:15px;
}
.story_right {
	margin-left:25px;
	width:245px;
}
.bracket {
	color:#e64525;
}  
div.class_notes {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin-top:36px;
	padding:0 10px 18px 10px;
} 
p.pullquote {       /*generic pullquote treatment*/
	float:right;
	width:200px;
	font:120% Georgia, Times, serif;  
	border:solid 6px #282828;
	border-width:6px 0;     
	padding:5px;
	margin:0 0 10px 10px;
}
/* ====================== */
/* = Graphical Headings = */
/* ====================== */
h2#where {
width: 233px;
height: 53px;
position: relative;
}
h2#where span {
background: url('/images/questions.gif') no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
/* ================ */
/* = image styles = */
/* ================ */
.story_container img {
	float:left;
/*	margin:18px 0px 0 0;*/
	border:solid 3px #fff;
}    
.upper_news_container img {
	margin:0 10px 0 0;
	float:left;
	border:solid 3px #fff;
}
.story_container #eight_things img {
	float:left;
	margin:0 10px;
	border:none;
}
img.leftside {
    float:left;
	margin:18px 18px 18px 0px; 
} 
img.rightside {
    float:right;
	margin:18px 0 18px 18px; 
}
p.caption-left {
	float:left;
	margin:18px 18px 18px 0px;  
	background-color:#dedede;
	padding:0 0 0 5px;
}
p.caption-right {
	float:right;
	margin:18px 0px 18px 18px;
	background-color:#dedede;
	padding:0 0 0 5px;
} 
p.caption {
	background-color:#dedede;
	padding:0 0 0 5px;
}          
p.width-full {
	width:498px;	
}
p.width-half {
	width:320px;
} 
p.width-third {
	width:195px;
}
p.caption-left img, p.caption-right img, p.caption img {
	margin:0 0 -5px -5px;
}  

a img {
	border:none;
}
#ad_container .smallimg {
	float:right;
	margin-left:10px;
}
#ad_container p.nudge  {
	margin-left:10px;
}  
.feature_nav img {
	border:solid 3px #dedede;
} 
.last_nav {
	border-bottom:solid 1px #adadad;
	margin:-15px -5px 0 -12px;
} 
img.feature_story, object.feature_story {
	float:right;
	margin:0 0 25px 10px;
}  
img.flush_right {
	float: right; 
	margin-right: -25px;
}
p.deck img {
   margin:24px 0 0 0; 
}
/* ========== */
/* = tables = */
/* ========== */
table {
	padding:5px;
	margin:9px 0;
	background-color:#f3f3f3;
	border:solid 1px #2bbed8;
	border-width:1px 0;
	width:80%;
}
td {
	padding:5px 25px 0 0;
/*	border:solid 4px white;
	background-color:white;*/
}

/* ========= */
/* = forms = */
/* ========= */
iframe {
	width:500px;
}
form {
	margin:0;
	padding:0;
/*	width:260px;*/
}
#nav #search {
	float:right;
	clear:right;
/*	margin-top:15px;*/
} 
#nav #search input.searchfield {
	margin:3px 5px 0 0;
	float:left;
}             
#nav #submit {
/*	margin-top:5px;*/
	vertical-align:middle;
}    
#wrapper form p {
	margin:0;
}    
#magazine_form input, #magazine_form textarea {
	display:block;
}

#magazine_form input.checkbox {
	display:inline !important;
}
/* ======================= */
/* = Random Image Styles = */
/* ======================= */
#theimage {
	background:transparent url('/images/pic1.jpg') no-repeat top left;
	width:800px;
	height:299px;
} 
/* ================ */
/* = video player = */
/* ================ */
div.video {
	
}     
/* ============ */
/* = comments = */
/* ============ */
#comment_section {
	border-top:solid 1px #282828;
	width:465px;
}
.comment {
	background-color:#f1f1f1;
	width:445px;
	padding:0 0 10px 10px;
}
#wildlife #comment_section p, #wish #comment_section p, #bgt #comment_section p {
	margin-right:0 !important;
} 
#cform textarea {
	width:445px;
}
p.comment_anchor {
	float: right;
	margin: -3px 15px 0 0 !important;
}
p.comment_anchor a:link, p.comment_anchor a:visited  {
	color:#fff;
}  

/*past issues*/
#most_recent {
	
}  
#most_recent ul {
	list-style-type:none;
}
#most_recent ul li {
	width:180px;
	float:left;
	height: 280px;
	padding:0;
	margin:10px 10px;
}
#most_recent ul li p {
	color:#fff;
	font:130% Georgia, Times, serif;  
	margin:0 5px;
}  

/*ringtones*/
#ringtones {
	width:600px;
	background-color:#fff;
	padding:10px;
}   
div.jp-audio {
	margin-top:50px;
}
#ringtones ul.downloads {
	list-style-type:none;
}
.downloads #ringtones li {
	margin:5px 0;
}
#ringtones a {
	color:#029BE1;
}
.ringtones_link {
	float:right;
	clear:both;
}
.download_instruct {
background-color: #EEE;
padding: 5px;
width: 410px;
border: 1px solid #009BE3;	
}

.webextras {
	background-color:#F6B415;
	position:absolute;
	right:0;
	font:120% arial, helvetica, sans-serif;
	padding:10px;
} 
/*Videos*/
#videos {
	width:600px;
	background-color:#fff;
	padding:10px;	
}
iframe {
	margin:20px 0 20px 0px;
}
#cover_story a:link, #cover_story a:visited  {
	color:#282828;
	text-decoration:none;
}  
#cover_story a:hover {
	color:#fff;
}
.timeline {
	background-color: #dedede;
	padding: 5px 0 5px 10px;
	border: solid 3px white;
}
/* Alumni/class notes */
.submit-note{
	width:100%;
	margin:20px auto;
}
.submit-note a{
	background:#f1f1f1;
	border:solid 1px #444;
	display:block;
	padding:10px;
	box-sizing:border-box;
	text-decoration:none;
	border-radius:3px;
}
.submit-note a:hover, .submit-note a:active{
	background:#999;
	color:#fff !important;
}