/*
THEME NAME: NCSU Innovation
THEME URI: 
DESCRIPTION: Custom Theme for NCSU ORIED based on Sandbox framework.
VERSION: 2011.09.26
AUTHOR: <a href="mailto:scott@therestons.com">Scott Reston</a>
AUTHOR URI: http://scott.therestons.com
*/

/* important image dimensions:

grid thumbs: 180px wide

*/


/* Eric Meyer's Reset CSS - this resets padding/margin/etc to a common baseline */
@import url("reset.css");
@import url("content.css");


		/* On sub-pages, this box holds the nav when it's outside of the "brand box" */
		body.sub-level header div.header div.wrapper.nav { background-color: #C99A2C; }
			body.sub-level header div.header div.wrapper.nav #searchform #s { color:#000; background-color: #dfc17c; }
			body.sub-level header div.header div.wrapper.nav a { color: #000; }
			body.sub-level header div.header div.wrapper.nav li.current_page_parent a { color: #fff; font-weight: bold; }




article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block; } /* Necessary for old browsers that don't understand HTML5 */ 

html { overflow-y: scroll; /* vert scrollbar for all pages, so width doesn't skip around on short pages */}

body { 
	font: 62.5%  UniversLight, Arial, Helvetica, sans-serif;
	/* this font size sets a common level for cross-platform compatibility
	1em = 10px at the base
	if you wanna change the size, tweak it on the wrapping div - you should also change the width of the page in the wrap section */
	color: #010101; background-color: #fff;
}
	
p {
	font-size: 1em;	padding: 0;
	margin-top: 0;	margin-bottom: .5em;
}

div, li, ol, dl, table { font-size: 1em; }

#content ul, content ol { margin: .2em 0 1em 4ex;}
#content ul ul, content ol ol { margin: .2em 0 0 4ex;}
#content ul { list-style-image:url(images/bullet-grey-medium.gif); }
#content ul li { padding-bottom:.5em; }
#content ol { list-style-type:decimal; padding: 0 0 .5em 4ex; }
#content ul li, #content ol li {  }
#content blockquote {margin: 1em 10%;}
#content p, #content table { margin-bottom: 1em; }


img	{ border: none; }

a {
	color: #c00;
	text-decoration: none;
	/*outline: none;*/ border-bottom: none;
}
	a:hover {
		text-decoration: underline;
	}
	a:active {
		/*outline: none;*/
	}
	/* a.external { padding-right: 12px; background:url(images/external.gif) no-repeat center right; }*/
		/* a.external { padding-right: 12px; background:url(images/external.gif) no-repeat center right; }*/
	#content a.pdf {padding-right: 20px; background:url(images/file_pdf.gif) no-repeat center right; }
	#content a.doc {padding-right: 20px; background:url(images/file_doc.gif) no-repeat center right;}
	#content a.docx {padding-right: 20px; background:url(images/file_doc.gif) no-repeat center right;}
	#content a.xls {padding-right: 20px; background:url(images/file_excel.gif) no-repeat center right;}	
	#content a.xlsx {padding-right: 20px; background:url(images/file_excel.gif) no-repeat center right;}
	#content a.ppt {padding-right: 20px; background:url(images/file_powerpoint.gif) no-repeat center right;}	
	#content a.pptx {padding-right: 20px; background:url(images/file_powerpoint.gif) no-repeat center right;}			
		#content .grid a.pdf, #content .grid a.doc, #content .grid a.docx, #content .grid a.xls, #content .grid a.xlsx, #content .grid a.ppt, #content .grid a.pptx  { padding-right: 0; background: none; }

	
/*a.rss { padding: 6px 25px 6px 0; background:url(images/rss.png) no-repeat right center; }*/
	

h1 { font-size: 2.9em; margin: 0 0 .6em 0; /*line-height: 1em;*/ font-family: 'UniversLightCondensed', 'PT Sans Narrow', Verdana, Helvetica, Arial, sans-serif; color: #c00; }
	#main h1{  margin: 0 0 30px 247px; line-height: 1em; letter-spacing: 1px; }
	#main #content h1 { margin-left: 0; line-height: 1.25em; }
	
/* for the template-minimal-no-sidebar */
body.page-template-template-minimal-no-sidebar-php #main h1 {
	margin: 0 0 30px 5px;
}	

h2 { 
	/*margin: 0 0 .25em 0; padding-left: 18px; padding-bottom: 10px;*/
	margin: 0 0 .25em 0; padding-left: 0px; padding-bottom: 10px;
	font-size: 1.4em; line-height: 1.1em; letter-spacing:1px; 
	color: #005696; 
	font-family: 'UniversLightCondensed', 'PT Sans Narrow', Verdana, Helvetica, Arial, sans-serif; 
	/*background:url(images/grey-square-bullet-dark.gif) 0 6px no-repeat;*/
	}	

#content h2, #content h3, #content h4 { clear: both; }
	
	/*body.tech-transfer .main h2 {
		background-image:url(images/grey-square-bullet.gif);
	}*/

h3 { margin: 0 0 1em 0; font-size: 1.1em; font-weight:bold; letter-spacing: normal; }
h4 { margin: 1em 0 .5em 0; font-size: 1em; font-weight:bold; }

strong { font-weight: bold; }
em { font-style:italic; }
	

hr { 
	border-top: 1px solid #e6e6e6;
	border-bottom: 0 solid #e6e6e6;
	color: e6e6e6;
	height: 1px;
	margin: 2em 0;
	}
	
sup {
	height: 0;
	line-height: 1; font-size: .8em;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
}


img.alignleft, div.alignleft { float: left; margin: .25em .5em .5em 0 !important; /*border: 7px solid #fff;*/ background-color: #fff; padding: 7px;
	/*-webkit-box-shadow: rgba(0,0,0,.3) 0px 4px 8px;
	-moz-box-shadow: rgba(0,0,0,.3) 0px 4px 8px;
	box-shadow: rgba(0,0,0,.3) 0px 4px 8px;*/
}
img.alignright, div.alignright { float: right; margin: .25em 0 .5em .5em !important; /*border: 7px solid #fff;*/ background-color: #fff; padding: 7px; 	
	/*-webkit-box-shadow: rgba(0,0,0,.3) 0px 4px 8px;
	-moz-box-shadow: rgba(0,0,0,.3) 0px 4px 8px;
	box-shadow: rgba(0,0,0,.3) 0px 4px 8px;*/
}

#content img.alignleft { margin: .25em 30px 30px 0 !important; }
#content img.alignright { margin: .25em 0 30px 30px !important; }

.wp-caption-text { font-size: .8em; font-style:italic; }




/* =Structural
===============================================================*/

#branding_bar_container {
	margin-left: 239px; /* 234 is the original, 220px will move it far enough to the left to allow "EDU" to display */
}

#utility_bar #topnav { padding: 6px 0 !important; }


#wrapper { 	
	font-size: 1.1em; /* this sets the baseline text at 11px */
	position: relative; /* relative position sets reference baseline for any absolutely positioned items contained */
	width: 990px; 
	margin: 30px auto; /* centers it */
}


#main { 
	display: inline-block;
	width: 100%;
	margin-top: 40px;
}
.entry-content { line-height: 1.5em; }

.entry-meta { margin-bottom: 1.5em; }




#main #content { 
	float: right;
	width: 726px;
	padding-right: 17px; padding-bottom: 24px;
	font-size: 1.3em;
	min-height: 200px;
	line-height: 1.4em;
}

#main aside.sidebar {
	float: left;
	width: 217px;
	padding: 3px 30px 27px 0;
	text-align: right;

}


/* for the template-minimal-no-sidebar */
body.page-template-template-minimal-no-sidebar-php #main #content {
	float:none;
	width: auto;
	margin-left: 5px;
}


/* =Header
===============================================================*/

header { 
	width: 100%;
	vertical-align: bottom;
	position: relative;
	height: 355px;
	margin-bottom: 6px;
	
}
	body.sub-level header { height: 225px; 
	}
	
	
	body.minimal header { height: 236px !important; }
	body.minimal #logo {margin-bottom:70px;}

	body header {	background-color: #67849C;	color: #fff;}
	
	/* deprecated ? */
	body.tech-transfer header {background-color: #c99a2c;	color: #000;}
		body.tech-transfer header a { color: #000; }
		body.tech-transfer header #searchform #s { background-color: #d3aa52; color: #000; }
		body.tech-transfer header div.header div.wrapper { background-color: #67859d; }
		body.tech-transfer #main aside.sidebar ul li { background-image: url(images/grey-square-bullet.gif); }
		body.tech-transfer nav.primary ol li.current_page_item a {  color: #fff; }


header a { color: #fff; /*cecdcb*/ }
header p { color: #000; }

header #logo { display: block; padding: 15px 0 0 0; /* keep in mind that the nav LI has top-padding */ }

header .brand-box { 
	/*display: block;*/
	width: 212px; /* 247 wide - 30 padding - 20 padding */
	padding: 5px 0 27px 0;
	position: absolute; left: 0; bottom: 0;
	text-align: right;
}
	body.sub-level .brand-box {
		position: relative; bottom: auto;
		float: left;
		padding-top: 20px
	}
	
	body.minimal .brand-box { 
		padding: 0 0 7px 0;
	}
	


nav.primary {
	font-family: 'UniversLightCondensed', 'PT Sans Narrow', Verdana, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.40em; 
	letter-spacing: 1px;
	float: left;
	width: 212px;
}
	body.sub-level nav.primary { 
		font-size: 1.2em; line-height: 1.1em; letter-spacing: 0;
		padding: 30px 5px 5px 25px;
	}

	nav.primary ol li { margin-top: .3em; }
		nav.primary ol li.current_page_item, nav.primary ol li.current_page_ancestor { font-weight: 700; }
			nav.primary ol li.current_page_item a, nav.primary ol li.current_page_ancestor a {  color: #d3aa52; } /* c99a2c */

		body.sub-level nav.primary ol { /*position: absolute; left: 25px; bottom: 50px;*/  }

#searchform { padding-top: .4em; }
	body.sub-level #searchform {padding-top: .1em; }

#searchform label, #searchform #searchsubmit { visibility:hidden; height: 0; padding:0; border: 0; float: left; }

/*#searchform #s { background-color: #d13f32; border: 0; color: #fff; text-align: right; 	 text-transform: uppercase;	 letter-spacing: 1px; padding: 3px 0; font-family: 'UniversLightCondensed', 'PT Sans Narrow', Verdana, Helvetica, Arial, sans-serif; font-size: 1em;}
	body.sub-level header #searchform #s { width: 125px; background-color: #7a92a8; text-align: left; }*/
	
#searchform #s { background-color: #fff; border: 0; color: #222; text-align: right; 	 text-transform: uppercase;	 letter-spacing: 1px; vertical-align:middle;  padding: 3px 1px 3px 0;font-family: 'UniversLightCondensed', 'PT Sans Narrow', Verdana, Helvetica, Arial, sans-serif; font-size: 0.8em;  width:125px; }
	body.sub-level header #searchform #s { width: 125px; background-color: #7a92a8; text-align: left; }	


header h2 { 
	margin: 0 0 .25em 0; padding-left: 0;
	font-size: 1em; line-height: 1.1em; letter-spacing:1px; 
	font-weight: 700;
	color: #fff; 
	font-family: 'UniversLightCondensed', 'PT Sans Narrow', Verdana, Helvetica, Arial, sans-serif; 
	background-image: none;
	}

/*social media to the left of cross-site menu */

ul.social { float: left; width: 212px}

ul.social li {
display:inline-block;
width:27px; height: 30px;
padding-left: 6px;
float:right;
}
ul.social li a {
display: block;
width:27px; height: 30px;
text-indent: -9999px;
background:url(images/social-icons-sprite.png) 0 0 no-repeat;
}
ul.social li.fb a { background-position:  -33px 0px; }
ul.social li.yt a { background-position:  -65px 0px; }
ul.social li.t a { background-position:  -98px 0px; }
ul.social li.del a { background-position:  -131px 0px; }

/*social media to the left of cross-site menu */


/* =Slivers
===============================================================*/

header #slivers { 
	height: 355px;
	float: right;
}

	#slivers li {
		width: 91px;
		border-left: 2px solid #fff;
		float: left; 
		position: relative;
		height: 355px;
	}
	#slivers li a {
		display: block;
		color: #fff;
		height: 275px;
		background: url(images/40percent.png);
		padding: 40px 12px;
		position: relative;
		/*border-left: 1px solid #fff;border-right: 1px solid #fff;*/
	}
	#slivers li a:hover {  text-decoration: none; }
		#slivers li a span {
			display: block;
			padding: 40px 14px;
			position: absolute; left: 0; bottom: 0;
		}


/* = Right Side of Header & Sub-nav
===============================================================*/

header div.header { 
	height: 355px; 
	width: 740px;
	float: right;
	background-position: bottom right;
	background-repeat: no-repeat;
	border-left: 2px solid #fff;
}
	body.sub-level div.header, body.sub-level header div.header div.wrapper { height: 225px; background-color: #9dabbc; }
	body.minimal div.header { height: 236px; }
	body.sub-level div.header { /*position: absolute; top: 0; left: 0;*/ }
	
	header div.header div.wrapper {
		background-color: #c99a2c;
		position: relative;
		height: 355px; width: 184px;
		float: left;
		border-right: 2px solid #fff;
	}
		/* this is the nav outside of the brand box on sub pages. */
		body.sub-level header div.header div.wrapper.nav { border-right: 2px solid #fff; width: 184px; } 

		
	header div.header nav.sub-nav { 
		position: absolute; left: 0; bottom: 0;
		padding: 15px 8px 27px 12px;
	}
		body.sub-level header div.header nav.sub-nav { position: relative; padding-top: 30px; }
		header div.header nav.sub-nav a { color: #000; }
		header div.header nav.sub-nav li.current_page_item a { color: #fff; }
		header div.header nav.sub-nav li.current_page_item li a { color: #000; } /* thse are children inside an "on" parent*/
	
	
	header nav.sub-nav p { margin-bottom: 1.5em; }
	header nav.sub-nav ol { 
		line-height: 1.1em;
	}
		header nav.sub-nav ol li { margin-top: .4em; list-style-type: square; list-style-position: inside; color:#000;}
		body header nav.sub-nav ol li { list-style-type: none; margin-top: 1em; }
		
		header div.wrapper.second { /*border-left: 2px solid #fff;*/ }
		header div.wrapper.second nav.sub-nav ol li { list-style-type: square; margin-top: .5em; }
			header nav.sub-nav ol ul { padding-left: 2ex; }
				header nav.sub-nav ol ul li {list-style-type: disc; margin-top: .5em;}
		

	

header div.cut-line { 
	height: 355px; width: 91px;
	float: left;
	background: url(images/40percent.png); 
	border-right: 2px solid #fff;
	position: relative;
}

	body.minimal header div.cut-line { height: 236px; } 

	header div.cut-line a {
		position: absolute; bottom: 0; left: 0;
		padding: 27px 15px;
		line-height: 1.35em;
		color: #fff;
	}
	header div.cut-line a:hover { text-decoration: none; }


	

/* =Cross-site Nav + Footer Nav
===============================================================*/

nav.cross-site, nav.footer { font-size: 1.2em; padding-left: 5px;}
nav.cross-site a, nav.footer a { color: #c00; border-right: 1px solid #d6b364; padding: 0 7px 0 4px; }
	nav.footer a { padding: 0 .5ex 0 .25ex; }
	li.kismet { background:url(images/lightning.gif) center top no-repeat; }
	li.kismet a {
		border-right: none; 
		text-indent: -9999px; 
		display: inline-block; width: 14px; 
		color: transparent;
	}
	
	li.last a { border-right: none; }

nav.cross-site ol {
	padding: 12px 0 0 237px; /* 247-10px left-padding on a */
	font-size: 1.05em;
}

nav.footer ol  {
	padding-top:12px; text-align: right;
}
	nav.footer ol  { padding-top: 16px; }
	nav.cross-site li, nav.footer li {
		display: inline;
		padding: 3px 0px;
	}
	
	
	
/* =Content Aside (sidebar)
===============================================================*/
#main aside.sidebar {
	font-size: 1.3em;
	line-height: 2.25em;
}



	#main aside.sidebar h2 { background: none; }
	#main aside.sidebar h3 { 
		font-size: 1.4em; 
		color: #c00; 
		text-transform: uppercase; 
		font-family: 'UniversLightCondensed', 'PT Sans Narrow', Verdana, Helvetica, Arial, sans-serif; 
		margin: 0 0 .25em 0; line-height: 1.1em;
		letter-spacing: 1px;
	}

	#main aside.sidebar p { margin-bottom: 1.5em; }
	
	#main aside.sidebar ul { margin-bottom: 1.5em; line-height: 1.25em; }
		#main aside.sidebar ul li { padding-right: 18px; background: url(images/gridH3-bullet.gif) right 4px no-repeat; margin-bottom: 1.25em; }
			#main aside.sidebar ul li.strong { font-weight: bold; background-image: url(images/grey-square-bullet-dark.gif) !important; }
	
	
	#main aside.sidebar ul.sidebar-nav li a { color: #000; }
		#main aside.sidebar ul.sidebar-nav li.current_page_item a { font-weight: bold; }
			#main aside.sidebar ul.sidebar-nav li.current_page_item li a { font-weight: normal; }
	
		#main aside.sidebar ul.sidebar-nav ul { padding-top: 0; margin-top: .5em; }
		#main aside.sidebar ul.sidebar-nav ul li { background: none; padding-right: 0; margin-bottom: .5em; }
		
		#main aside.sidebar ul.sidebar-nav ul ul {  font-size: .9em; padding-right: 18px; border-right: 1px solid #ccc; }
		#main aside.sidebar ul.sidebar-nav ul ul a { color: #005696; }
	


/* =Feature Page Grid
===============================================================*/
#content ul.grid { margin: 0; display: inline-block; list-style-image: none;}
	#content ul.grid a { color: #010101; }
	#content ul.grid a:hover { text-decoration:none; }

	#content ul.grid li { 
		float: left;
		width: 190px;
		padding-bottom: 24px; padding-left: 43px;
		list-style-type: none;
	}
	#content ul.grid li.row { clear: left; padding-left: 0; }

/*wide grid box begin*/
	#content ul.grid.wide li { width: 715px; float:none; padding: 10px 10px 5px 10px; border:1px solid #c7c5c5; margin-bottom: 15px;
	
	}
	#content ul.grid.wide li li{border: none; padding: 0; margin: 0;}
	#content ul.grid.wide h3 { 
		display: inline-block;
		 
		padding: 5px 0 0 0;
		/*background: url(images/gridH3-bullet.gif) 0 28px no-repeat;*/ /* 28px puts it on baseline with headings */
		color: #cc2027;
		font-size: 1.4em; line-height: 1em; letter-spacing: 1px;
		font-family: 'UniversLightCondensed', 'PT Sans Narrow', Verdana, Helvetica, Arial, sans-serif;
	}
	
	#content ul.grid.wide img.attachment-grid {	float:right; margin-left: 10px; margin-bottom: 10px; margin-left: 15px; margin-top:5px; border:1px solid #c7c5c5; }
	#content ul.grid.wide.left img.attachment-grid {float:left; margin-bottom: 10px; margin-right: 15px; }
	#content ul.grid.wide.no_border img.attachment-grid {	border:none; }
	
	
/*wide grid box end*/	

/*2 grids 1/2 page each begin*/
	#content ul.grid.wide-two li { width: 335px; float:left; padding: 10px 10px 5px 10px; border:1px solid #c7c5c5; margin-bottom: 15px;  margin-right: 6px; min-height: 165px;}
	#content ul.grid.wide-two li li{border: none; padding: 0; margin: 0;}
	#content ul.grid.wide-two h3 { 
		display: inline; /* inline so that the padding for the bullet is only on first line */
		padding: 20px 0 4px 0;
		/*background: url(images/gridH3-bullet.gif) 0 28px no-repeat;*/ /* 28px puts it on baseline with headings */
		color: #cc2027;
		font-size: 1.4em; line-height: 1em; letter-spacing: 1px;
		font-family: 'UniversLightCondensed', 'PT Sans Narrow', Verdana, Helvetica, Arial, sans-serif;
	}
/*2 grids 1/2 page each end*/	


	
	#content ul.grid img.attachment-grid { border: 2px solid #6e6b6c; margin-bottom: 20px; }
	#content ul.grid li ul, #content ul.grid li p { margin-top: 2px; /* since h3 is inline */ }
	#content ul.grid li:hover img.attachment-grid { 
		border: 2px solid #cc2027;
		-webkit-box-shadow: rgba(0,0,0,.4) 8px 8px 10px;
		-moz-box-shadow: rgba(0,0,0,.4) 8px 8px 10px;
		box-shadow: rgba(0,0,0,.4) 8px 8px 10px;
	}
	
	#content ul.grid .story-content { width: 195px;}
	#content ul.grid.wide .story-content { width: 100%; }

	/*#content ul.grid h3 { 
		display: inline;*/ /* inline so that the padding for the bullet is only on first line */
		/*padding: 20px 0 4px 18px;
		background: url(images/gridH3-bullet.gif) 0 28px no-repeat;*/ /* 28px puts it on baseline with headings */
		/*color: #cc2027;
		font-size: 1.4em; line-height: 1em; letter-spacing: 1px;
		font-family: 'UniversLightCondensed', 'PT Sans Narrow', Verdana, Helvetica, Arial, sans-serif;
	}*/
	
		#content ul.grid h3 { 
		display: inline; /* inline so that the padding for the bullet is only on first line */
		padding: 20px 0 4px 0;
		/*background: url(images/gridH3-bullet.gif) 0 28px no-repeat;*/ /* 28px puts it on baseline with headings */
		color: #cc2027;
		font-size: 1.4em; line-height: 1em; letter-spacing: 1px;
		font-family: 'UniversLightCondensed', 'PT Sans Narrow', Verdana, Helvetica, Arial, sans-serif;
	}
	
	#content ul.grid li:hover h3 { /*background-image: url(images/gridH3-bullet-hover.gif);*/ color: #000; }
	#content ul.grid li:hover a,#content ul.grid li:hover { color: #cc2027; }
	
	#content ul.grid ul {margin: 0 0 0 15px;}
	#content ul.grid ul li { /*width: auto;*/ padding: 0 0 .25em 0; list-style-position: outside; list-style-image: url(images/grid-bullet.gif); width: 185px;}
	#content ul.grid ul.no_bullets li { list-style-image: none; }
	#content ul.grid ul li a:hover { text-decoration: underline; }
	
	#content ul.grid li li em { color: #cc2027; font-style: normal; font-weight: bold; }
	
	
	
/* =Footer
===============================================================*/		
footer {
	clear: left;
	padding-left: 247px;
	font-size: 1.0em;
}

/* for the template-minimal-no-sidebar */
body.page-template-template-minimal-no-sidebar-php footer {
	margin-left:5px;
}

footer ul.social { float: left; }

footer ul.social li {
display:inline-block;
width:27px; height: 30px;
padding-right: 6px;
}
footer ul.social li a {
display: block;
width:27px; height: 30px;
text-indent: -9999px;
background:url(images/social-icons-sprite.png) 0 0 no-repeat;
}
footer ul.social li.fb a { background-position:  -33px 0px; }
footer ul.social li.yt a { background-position:  -65px 0px; }
footer ul.social li.t a { background-position:  -98px 0px; }
footer ul.social li.del a { background-position:  -131px 0px; }
/* =Misc
===============================================================*/
nav.breadcrumb { color:#005696; margin-left: 247px; margin-bottom: .2em; font-size: 1.1em;}

/* for the template-minimal-no-sidebar */
body.page-template-template-minimal-no-sidebar-php nav.breadcrumb {
	margin-left:5px;
}
nav.breadcrumb a { color:#005696; }
nav.breadcrumb p { margin: 0; }
nav.breadcrumb .separator { color: #d6b364; padding: 0 3px; }


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}