/****************************************************************************************
Layout Stylesheet for Middle content: defines widths, margins, floats, and other 
advanced display attributes for the middle section (sidebars and main content)
****************************************************************************************/

/*********************************
General Classes
**********************************/
/*Style for banner image - determines distance between photo and background drop shadow */
.image_banner { position: relative; left: -5px; top: 5px; padding: 10px; border: none; background-image: url("/images/content/homepage/banner/banner_back.gif"); background-repeat: no-repeat; }
/*Style for news images - determines distance between photo and background drop shadow */
.image_news { position: relative; left: -5px; top: 5px;  margin-bottom: 10px; padding: 10px; background-image: url("/images/content/homepage/news_back.gif"); background-repeat: no-repeat; }
.searchbox {margin-top: 18px !important;}

/*********************************
Title
**********************************/
#title h1 { display: none; }

/*********************************
Main Content - Wrapper
**********************************/
#content_main { margin: 15px 0 30px 0; float: left; width: 784px;  padding: 0;  border-right: 1px solid #e6e4db;}

/*********************************
Feature
*******************************************************************
Feature is the featured banner area of the main Stanford homepage
*******************************************************************/
#feature { margin-bottom: 17px; }
#feature a {border: none; }

/*********************************
Events/Sports
**********************************/
#events_sports { float: left; width: 155px; margin-right: 20px; margin-top: 8px;}
#events_sports h2 { width: 155px; border-bottom: 6px solid #820000; letter-spacing: 2px; }
#events_sports h2 a { text-decoration: none; border-bottom: none; color: #820000; }
#events_sports div h3 { width: 22px; padding: 0px 10px 0px 10px; text-align: center; }
#events_sports div p { margin-bottom: 7px; line-height: 15px; }
#events_sports div { margin-bottom: 10px; }
#events_sports div div.event_list { margin-left: 42px; margin-top: -33px; border-left: 1px solid #eae9e6; padding-left: 10px; }
.event_time { color: #820000; }
.event_month { color: #820000; font-size: 11px; display: block }
.event_day { font-family: "Georgia,Times New Roman,Times"; font-size: 21px; color: #565347; display: block; }
.event_list { padding-bottom: 5px; }
#sports { clear: both; padding-top: 20px; }
#sports img { margin-top: -12px; }
p.more { clear: both;}

/*********************************
Center/Container styles
**********************************/
#content_center { margin: 0 -1px 0 0; float:left; width:568px; padding: 0 20px 50px 20px; border-left:1px solid #eae9e6;}
#content_center h2 { border-bottom: 6px solid #820000; letter-spacing: 2px; margin-top: 8px; }
#content_center h2 a { text-decoration: none; border-bottom: none; color: #820000; }

/*********************************
News
**********************************/
#news_spotlight_container { width: 570px; float: left; margin-bottom: 15px;}
#news { width: 372px; float: left; padding-right: 20px; margin: 10px 0 15px 0; border-right: 1px solid #eae9e6; }

#news h3 { margin-top: 5px; font-size: 16px; margin-bottom: 5px; }
#news h3 a { color: #3F3C30; }
#news p { font-size: 12px; }
#news a:hover { color: #820000; }
img.image_news { float: left; margin-right: 5px; margin-top: -10px; margin-bottom: 16px; }
.newsitem {float: left; width: 200px; }
#morenews { float: right; width: 155px; }
#morenews h3 {color: #565347; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; padding: 10px 0 0 0; }
#newslinks li { list-style-image:url(/images/raquo.gif); margin-left: 15px; padding-bottom: 5px; font-size: 12px; }
#newslinks { margin-top: 10px; }
#moreheadlines {color: #820000; font-size: 9px; letter-spacing: 1px; font-family: Arial; text-transform: uppercase; padding: 0; height:0px; visibility: hidden; text-indent: -9999px;  } 

/**********************************
Spotlight
***********************************/
#spotlight { float: right;  width: 156px;  margin-bottom: 15px; }
#spotlight a { border: none; margin: 0; padding: 0; }
.image_spotlight { position: relative; left: -3px; top: 5px; margin-bottom: 30px; padding: 7px; padding-left: 9px; padding-right: 15px; padding-top: 9px; padding-bottom: 12px; background-image:
url("/images/content/homepage/spotlight_back.jpg"); background-repeat: no-repeat; }
#spotlight h2,h3 { margin-bottom: 0; }
#spotlight h3 { margin-top: -15px; margin-left: 1px; padding-bottom: 0px; margin-bottom: 3px; font-size: 15px; padding-right: 0px; margin-right: 0px; font-family: Georgia, Times,
sans-serif }
#spotlight h3 a { color: #3f3c30; text-decoration: none; border-bottom: 1px dotted; }
#spotlight h3 a:hover { color: #820000; }  

#spotlight p { font-family: Arial, sans-serif; font-size: 12px; margin-bottom: 1px; }
#spotlight p.more { margin-top: 5px; }
#spotlight div { margin: 0; padding: 0;}


/*********************************
Alert - temporary styles for #alert div
**********************************/
#alert { border:1px solid #E7D19A; padding: 10px; width: auto; margin: 0px 0px 15px 0px; background: #F7F6EC; }
#alert img { float: left; margin: 0 10px 5px 0; padding: 0; }
#alert p { margin: 0; padding: 5px; font-size: 12px; }

/*********************************
At Stanford - Carousel slides
*****************************************************************/

.atstanford { position: relative; float: left; cursor: pointer; margin: 7px 0 20px 0; height: 160px; width: 558px; background: #fff; }
.atstanford div { display: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; font-size: 12px; }
.atstanford img { background: url(../atstanford/images/frame.jpg) no-repeat left top; float: left; position: relative; left: -5px; padding: 11px; }
.atstanford p {	position: absolute;	top: 30px;	left: 410px; width: 140px; color: #8a887d; font: 16px Georgia, "Times New Roman", Times, serif; }
.slidetabs { display: none; }
.disabled {	visibility: hidden !important; }

/**********************************
Stanford Seal Watermark
***********************************/
#seal { float: right;  width: 135px;  height: 120px; margin-top: 65px; margin-right: 10px; background-image: url("/images/seal.jpg"); background-repeat: no-repeat; }

/*********************************
Sidebar
**********************************/
#sidebar { margin-top: 15px; padding-left: 20px;float: left; width: 155px; }
#sidebar h2 { border-bottom: 6px solid #3F3c30; color: #565347; letter-spacing: 2px; }
#sidebar h3 { color: #820000; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; padding: 3px 0 3px 0; }
#sidebar div { margin-bottom: 15px; }
#sidebar ul { list-style: url("/images/raquo.gif"); padding-bottom: 5px; }
#sidebar li { margin-left: 15px; padding-bottom: 5px; line-height: 12px; }

#social ul { list-style: none; }
#social li { margin-left: 0px; list-style-image: none; display: inline; }
#social li img { vertical-align: middle; border: none; margin-right: 3px; border-bottom: none; }
#social li a img { border-bottom: none; }
#social p { margin:0; padding:0;}

#social { padding-bottom:15px;}
#social ul { list-style: none !important; margin-left:0; margin-top:12px; }
#social li { margin-left:0px !important; list-style-image: none !important;	display:inline;	width:25px; }
#social li a { float:left; height:20px;	margin:0; padding:0; border:none; width:30px; }

/*********************************
Mobile banner
**********************************/
#view-mobile {
	display:block !important;
	padding:15px 0 30px 0;
	width:980px;
	text-align:center;
	background:#333;
}
#view-mobile a {
	color:#fff;
	font-size:5em;
	text-shadow: 0 -1px 1px #000;
	text-decoration:none;
	border-bottom:0.1em dotted #fff;
}