/* @override 
	https://thetigerbeat.com/dev/lib/themes/default/style.css
	https://thetigerbeat.com/dev/lib/themes/default/style.css
	https://thetigerbeat.com/news/lib/themes/default/style.css
	https://thetigerbeat.com/news/lib/themes/default/style.css
*/

/* stylesheet for default theme.

www.rit.edu/news

This theme was constructed by Pete Karl, and was tested in IE7/win, IE6/win, FF/Mac, Safari and Opera.  There is an alternate stylesheet designated for pre-IE7 CSS called 'ie.css'.

color scheme
------------
background/beige: 		#f5f3e6
nav/brown:				#513127
athletics/orange:		#f5812d
feature/drk beige:		#cbcaac
pub border/grey:		#b2afa7
hover/lt orange:		#FF9933
featured/search:		#A69C84
RIT orange:				#f36e21

*/

/* @group Initial */
/* v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, dl, dd, dt { margin: 0; padding: 0; font: 95%/115% Verdana, Arial, Helvetica, sans-serif; }
body { background-color: #f5f3e6; }

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }

li, dd, blockquote { margin-left: 1em; }
form label { cursor: pointer; }
input, select, textarea { font-size: 100%; }

table#experts a, table#experts a:link, table#experts a:hover, table#experts a:visited, table#experts a:active { color: #e87420; text-decoration: none; }
#experts a, table#experts a:link, table#experts a:hover, table#experts a:visited, table#experts a:active { color: #e87420; text-decoration: none; }

a, a:link, a:hover, a:visited, a:active {text-decoration: none; }
.moreLink { 
	color: #000;
	float: right;
	clear: right;
	
	text-align: right;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	
	margin: .5em;
}

/* @end */

/* @group banner */

#banner { 
	background-image: url(images/banner_camera-newspaper.jpg);
}
#banner ul { clear: left; margin-top: 0; display: block; }
	
#pageHeadings { display: block; margin: 0; text-align: left; padding-top: 2em; }
#pageHeadings a { color: #000; }

#pageHeadings h1, #pageHeadings h1.sub {
	margin: 0;
	float: left;
	
	font-family: Palatino, serif;
	text-transform: uppercase; 
	font-weight: bold;
	letter-spacing: .05em;

	padding: .5em 4em .3em .5em;
	background: url(images/uns_header_white.gif) no-repeat right top;
}
#pageHeadings h1.sub { background: url(images/uns_header_brown.gif) no-repeat right top; margin-left: -3em; }
		
/* @end */

/* @group navigation */

#nav { 
	background-color: #513127;
	height: 1.5em; /* height must be set for IE 6 */
	font-size: .8em;
	padding: .5em;
	margin: 0;
	min-width: 60em; /* keeps list elements from wrapping */
}
	#nav a { color: #FFF; }
		#nav a:hover { color: #f36e21;	}
		#nav .athletics { color: #f5812d; }
		#nav li { display: inline; padding-right: .5em; padding: .5em 0; } /*1em padding for li:hover catching */
	
	.dropdown { padding-left: .8em; background: url(images/college-down-arrow.gif) no-repeat 0 40%; }
	#nav li ul {
		position: absolute;
		left: 51.4em;
		top: 13.9em;
		
		margin: 0;
		padding: 0;
		
		width: 19em;
		background-color: #513127;
		display: none;
		z-index: 100;
	}
	
	#nav li ul li { font-size: .9em; margin: 0; padding: .1em .5em; display: block; border-top: 1px solid black; }

	/* Fix IE. Hide from IE Mac \*/
	* html ul#nav li { float: left; height: 1%; }
	* html ul#nav li a { height: 1%; }
	/* End */
	
	ul#nav li:hover ul, ul#nav li.over ul { display: block; float: left; clear: left; }
	
/* @end */

#container {
	background: #f5f3e6;
	padding: 1.5em 0 1em 1em;
	max-width: 65em;
	min-width: 50em;
}
		/* @group featured */
		
		#featured { 			
			background:url(images/bg_beigeStripe_sm.gif);
			overflow: hidden;
		}
			.category, .category #featurePhoto { height: 13em; }
			.category .moreLink { margin-top: 0; }
			.category .moreLink:hover { color: #f36e21;	}
			.category #featuredText h1 { font-size: 1.2em; margin-bottom: .5em; }
		
		#altPhoto { display: none; } /*if CSS is disabled or N/A, the feature story image will be availalbe w/this */
				
		#featurePhoto {
			float: left;
			
			width: 65%;
			height: 23em;
			overflow: hidden;
			
			background:url(images/bg_drkbeigeStripe_sm.gif);
			background-color: #A69C84;
			background-position: center;
			background-repeat: no-repeat;
		}
		
		#featurePhoto * img { height: 20em; text-align: center; }
		
		#featured h1, #featured .leadText { margin: 0 0 0 65%; padding: .25em; }
		
		#featured h1 { 
			font-size: 1.2em;
			line-height: 1.1em;
			color: #000; 
			background-color: #cbcaac;  
			padding: .5em .25em .5em .5em;
			margin-top: 1em;
			margin-bottom: 1em; 
		}
			#featured h1 a { color: #000; } 
		
		#featured .leadText {
			line-height: 1.6em;
			background-color: #cbcaac; 
			padding: 1em 1em .5em 1em;
			margin-bottom: 1.5em;
			font-size: .8em;
			
			display: block;
		}
			.leadText a { display: block; text-align: right; color: #000; font-weight: bold; }
		
		/* @end featured */
		
		/* @group sub columns */
		
			#sub-cols { margin-right: 13.5em; }
			
			#sub-cols dl { border-top: 1px solid #b2afa7; margin: 0 1em 0 0; clear: both; }
			#sub-cols a, #sub-cols a:visited, #sub-cols a:link { color: #644135; }
			#sub-cols h1 { color: #644135; text-transform: uppercase; font-size: 1em; }
			#sub-cols h1.sub { color: #A69C84; font-size: .9em; margin: .25em 0 .5em 0;}
			#sub-cols h2 { font-size: 1em; margin: .5em 0; }
			#sub-cols p { font-size: .8em; margin: 0; }
			
			.rss { margin-top: .8em; float: right; padding: 0; }
				.rss img { border: 0; }
		
			/* @group lower left column */
			
			#low-left-col { float: left; width: 64%; border-right: 1px solid #b9b9b9; height: auto; }
				#low-left-col.category h2 { font-size: .9em; }
			
			.image {
				float: left;
				margin: 0 0 1em 0;
				width: 12em;
				height: 7em;
				overflow: hidden;
				
				border-top: 0;
				background-image: url(images/bg_beigeStripe_sm.gif);
			}
				.category .image { width: 9em; height: 5em; }
			
			img.pub { border: none; width: 12em; }
				.category img.pub { width: 9em; }
			
			
			.text { margin-left: 13em; }
			.text > a { display: block; text-align: right; font-weight: bold; font-size: .8em; margin: .5em 0;}
			.text > a.nandeLink { text-transform: uppercase; }
				.category .text { margin-left: 10em; }
			.text.noimg { margin:0; }
			
			.pubTitle {
				float: left;
				clear: left;
				
				margin: 0;
				margin-top: -1.2em;
				margin-bottom: 1em;
				padding: .2em;
				width: 13.8em;
				color: #FFF;
				font-weight: bold;
				background: #f36e21;
				font-size: .8em;
				
				text-align: center;
			}
				#low-left-col dl dd.pubTitle a { color:  #FFF; } /* for some reason, I needed to be very specific for this to work */
			
			/* @end low-left-col */
			
			/* @group lower mid column */
			
			#low-mid-col { float: left; width: 31%; margin-left: 1em; }
			#low-mid-col dl { border: 0; margin: 0; }
			#low-mid-col dd { margin: 0; }
			#low-mid-col h1 { padding-top: 1em; margin-top: 0; clear: left; }
			#low-mid-col h2 { font-size: .9em; margin: 0;}
			#low-mid-col h2.sub { 
				color: #666;
				margin: .5em 0;
				font-weight: normal;
				text-transform: uppercase; 
				font-size: .8em; 
				border-top: 1px solid #b9b9b9;
			}
			
			.byline { float: right;	font-size: .8em; margin-top: .5em; clear: both; }
			
			.reporter { clear: both; margin-bottom: 1em;  border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; }
			.reporter h2 { padding-top: .5em; }
			.reporter ul { margin: .5em 0 0 4em; }
			.reporter li {
				list-style: none;
				font-size: .7em;
				border-top: 1px solid #b9b9b9;
				margin: 0;
			}
			
			.reporter img { width:35%; float:left; margin:0 .5em .5em 0; }
			
			#low-mid-col .resources { border-top: 1px solid #b9b9b9; font-size: .9em;}
			#low-mid-col .resources li { 
				list-style: none; 
				margin: 0; 
				text-transform: none; 
				font-size: .8em;
				padding: .25em 0;
				border-bottom: 1px solid #b9b9b9;
			}
			
			/* @end low-mid-col*/

		/* @end sub-cols */
		
		/* @group single story view */
		
		#story { 
			width: 97%;
			min-width: 50em;
			max-width: 60em;
			background:url(images/bg_drkbeigeStripe_sm.gif);
			padding: .5em;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
			#story h1 { margin: .5em 0; font-size: 2.5em; font-weight: normal; line-height: .9em;}
			#story h2 { color: #666; font-weight: normal; margin: .5em 0;}
			#story .body { font-size: 1em; background-color: #FFF; line-height: 1.5em; }
			#story .body a { color: #666; border-bottom: 1px solid #666; }
			.storyImage { 
				float: right;
				clear: right;
				width: 45%;  
				margin: 0 0 1em 1em; 
				font-family: Arial, Helvetica, Geneva, sans-serif;
				font-size: .9em;
				border-bottom: double #b9b9b9;
			}
				.storyImage.vertical { width: 25%; }
				.storyImage img { width: 100%; border: 1px solid #b9b9b9; }
				.imageCaption { clear: both; font-size: .8em; color: #333; margin: .25em 0; line-height: 1.3em; }
				.imageAuthor { font-size: .8em; color: #999; float: right; margin-top: -.5em;}
			
			.storyDate { color: #666; }
			.storyAuthor { color: #666; text-transform: uppercase; }
			.storyAuthor a { color: #666; }
			.body { background-color: #f5f3e6; padding: 1em; }
			
			/* @group about us */
			
			.staff { 
				width: 23%; 
				margin: .25em; 
				padding: .25em; 
				float: left; 
				border: 1px solid #b9b9b9; 
				height: 31em; 
				text-align: center; 
			}
				.staff img { margin: .5em; border: 1px solid #b9b9b9; width: 80%; }
				.staff dt { font-weight: bold; text-align: center; }
				.staff dd { font-size: .8em; color: #666; margin: .5em 0; }
				.staff ul { border-bottom: 1px solid #b9b9b9; }
				.staff li { 
					list-style: none; 
					margin: 0;
					padding: .5em; 
					border-top: 1px solid #b9b9b9; 
					color: #000;
					font-size: .9em; 
					text-align: left; 
				}
			
			/* @end about */
		
		/* @end story view */
		
	/* @group sidebar */
	
	#sidebar {
		float: right;			
		width: 12em;
		margin: 0 1em;
		margin-bottom: 1em;
		
		background-color: #FFF;
		border: 1px solid #b2afa7;
	}
	
	#searchForm { background-color: #A69C84; height: 2.7em;}
	#searchForm input[type="text"] { width: 55%; margin: .5em 0 0 .5em; }
	#searchForm input[type="submit"] { width: 30%; margin: .5em .5em 0 0; }
	
	#aboutUs {
		padding: .5em 0;
		margin: .5em;
		font-weight: bold;
		font-size: 1.2em;
		display: block;
		text-align: center;
		color: #FFF;
		background-color: #cbcaac;
		text-decoration: none;
	}
		#aboutUs:hover { background-color: #f36e21; }
	
	.weatherTemp { float: left; font-size: 1.8em; margin-left: .3em; padding: .4em 0 1em .5em; }
	.weatherIcon { width: 4.5em; height: 2.7em; border:  1px solid #b9b9b9; }
	.weatherDesc { 
		float: left; 
		text-align: center;
		text-transform: uppercase; 
		margin-right: 1em;
		width:  100%;
	}
	.weatherDate { 
		float: left; 
		width: 100%; 
		color: #888; 
		text-align: center; 
		font-size: .7em; 
		text-transform: uppercase; 
		margin-bottom: .5em; 
	}
	
	#sidebar h1 { 
		clear: both;  
		text-transform: uppercase; 
		font-size: .8em; 
		width: 100%; 
		text-align: center; 
		margin: 0;
		border-bottom: 1px solid #b9b9b9;
		border-top: 1px solid #b9b9b9;
		padding: .25em 0;
		color: #cbcaac;
		background-color: #A69C84;
	}
		#sidebar h1 a { color: #cbcaac; }
		
		#sidebar h1 span.rss { margin: 0 .5em 0 0; padding: 0; }
		#sidebar h1 span.rss img { width: 16px; }
		
	#sidebar h2 { 
		text-transform: uppercase; 
		font-size: .7em; 
		margin: 0; 
		padding: .25em .25em 0 .5em;
		border-top: 1px solid #b9b9b9; 
		display: block;
	}
		#sidebar h2 a { color: #000; }
	
	#sidebar .moreLink { font-size: .7em; margin-top: 0; }
	#sidebar p { padding: 0 .5em; font-size: .7em; margin: 0 0 .5em 0; }
	#sidebar ul { margin: 0; }
	#sidebar li { 
		padding: .25em;
		padding-left: .5em; 
		font-size: .7em; 
		margin: 0; 
		border-top: 1px solid #b9b9b9;
		list-style: none;
	}
		#sidebar li a { color: #000; }
		#sidebar li span { display: block; }
		.date { text-transform: uppercase; color: #666;}
		.pub { font-style: italic; }
		.newsclip { font-weight: bold; line-height: 1em; margin-bottom: .25em; }
		#sidebar li > a { font-weight: bold; }
		
		.resources li { text-transform: uppercase; }
		.resources li:hover { background-color: #f36e21; }
		
	#mediaFeatures img { border: 0; float: right; width: 28px; margin-right: .5em;}
		#mediaFeatures img.feedicon { width: 20px; }
	
	.expert { clear: both; }
	#sidebar .expert p { margin: 0; }
	.expert .moreLink { font-size: .9em; color: #b9b9b9; }
	.expert .moreLink:hover { color: #000; }
	.expertPhoto { background-position: center; float: left; width: 4em; margin: .5em; border: 1px inset #b9b9b9;}
	
	/* @end sidebar */

/* @group footer */

#footer { 
	clear: both;
	display: block;
	
	background-image: url(images/bg_drkbeigeStripe_sm.gif);
	border-top: 2px solid #cbcaac;
	padding: 2em 0 3em 0;
	font-size: 1em;
	
	font-family: Arial, Helvetica, sans-serif;
}
	#footer a { color: #000; }
	#footer div, #footer dl, #footer form { background-image: url(images/bg_beigeStripe_sm.gif); }
	#footer dl { float: left; width: 19%; margin: 0 1%; padding: 1%; height: 16em; }
	#footer dt { color: #644135; text-transform: uppercase; }
	#footer dd { margin: 0; }
	#footer dd p { border-top: 1px solid #b2afa7; text-transform: uppercase; }
	.footerBlock dd p { margin: .8em 0; }
	#footer dd p a { color: #000; font-size: .8em; }
	
	#footer form { float: left; margin: 0 1%; padding: 1%; width: 49%; height: 16em; }
	#footer form h2 { margin: 0 0 1em 0; font-size: 1.2em; }
	#footer input[type='text'], #footer textarea { display: block; width: 98%; margin-bottom: .2em; margin-top: 0 1%; }
	#footer input[type='submit'] { float: right; margin-top: .5em; }
	#footer textarea { height: 4em; }
	
	#footer .vcard { float: left; clear: both; display: block; width: 95%; margin: 1em 1%; padding: 1%; }
	
/* @end */

/* @group vert/horiz image centering */

/** the following set of divs is from www.jakpsatweb.cz
	specifically, http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
	
<enormous help> */
	#outer {height: 100%; width: 100%; overflow: hidden; position: relative; }
	#outer[id] {display: table; position: static;}
	#middle {position: absolute; top: 50%;} /* for explorer only*/
	#middle[id] {display: table-cell; vertical-align: middle; position: static;}
	#inner {position: relative; top: -50%; height: 7em; text-align:center; align:center; overflow: hidden;} /* for explorer only */
/* </enormous help> */

/* @end */

/* @group RIT header styles */

#metanav {
	margin: 0;
	padding: 0;
	height: 4.7em;
	min-height: 4.7em;
	background: #F36E21 url(http://www.rit.edu/images-rit/rit_logo-orange-lg.gif) no-repeat;
	color: #FFF;
	border-bottom: 1px solid #333;
}
	#currentDate { font-size: 1.1em; float: right; clear: right; padding: 1.2em 1.2em 0 0; text-shadow: #333 2px 2px 2px; }
	#metanav a, #metanav a:hover { color: #FFF; }
	#metanav ul { float: right;	margin: 0 .5em 0 0; width: 32em; text-shadow: #333 2px 2px 2px; }
	#metanav ul li { display: inline; float: right; margin-right: 1em; padding-top: .4em; font-size: .8em;}
	#ritLogo a { position: absolute; left: 1em; top: 1em; width: 10em; height: 3em; }
	#ritsearchbox { margin-top: -.1em; width: 10em; }
	
	
table#expertsnav td a:link {border:0px;text-decoration:none; font-family: Verdana, Palatino, serif; font-size:.9em; color:#FFFFFF;}
table#expertsnav td a:visited {border:0px;text-decoration:none; font-family: Verdana, Palatino, serif; font-size:.9em; color:#FFFFFF;}

/*fixes an issue with the experts page displaying the whole table contents
div.body {display:table; width:100%;}*/


/* @end */