@charset "UTF-8";
/* CSS Document */

/* fonts */
@font-face {
	font-family: Avenir;
	src: url('../fonts/avenir/eot/Avenir.eot');
	src: local(my_font), url('../fonts/avenir/ttf/Avenir.TTF') format('opentype');
}
@font-face {
	font-family: AvenirMedium;
	src: url('../fonts/avenir/eot/AvenirMedium.eot');
	src: local(my_font), url('../fonts/avenir/ttf/AvenirMedium.TTF') format('opentype');
}
@font-face {
	font-family: AvenirBook;
	src: url('../fonts/avenir/eot/AvenirBook.eot');
	src: local(my_font), url('../fonts/avenir/ttf/AvenirBook.TTF') format('opentype');
}
@font-face {
	font-family: AvenirLight;
	src: url('../fonts/avenir/eot/AvenirLight.eot');
	src: local(my_font), url('../fonts/avenir/ttf/AvenirLight.TTF') format('opentype');
}
@font-face {
	font-family: AvenirHeavy;
	src: url('../fonts/avenir/eot/AvenirHeavy.eot');
	src: local(my_font), url('../fonts/avenir/ttf/AvenirHeavy.TTF') format('opentype');
}
@font-face {
	font-family: AvenirItalics;
	src: url('../fonts/avenir/eot/AvenirOblique.eot');
	src: local(my_font), url('../fonts/avenir/ttf/AvenirOblique.TTF') format('opentype');
}

/* universal */
.red { color:#CC0000 }
a { -moz-outline-style:none; outline:none }

/* universal sh banner */
#universal-sh-banner { width:950px; margin:0px auto; height:30px; font-family:AvenirLight!important; font-size:14px; padding:11px 5px 0 5px; line-height:100%; position:relative; z-index:999; clear:both; display:block; margin-bottom:5px; position:fixed; z-index:1000;  background-image:url(../images/univ-nav-bg.png) }
#universal-sh-banner { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
#universal-sh-banner #logo { width:18px; height:16px; background-image:url(../images/logo-sm-bg.png); background-repeat:no-repeat; text-align:center; font-family:AvenirMedium!important; padding:4px 0 0 2px; float:left; cursor:pointer; letter-spacing:0 }
#universal-sh-banner #logo:hover { background-position:-20px; opacity:0.5;filter:alpha(opacity=50) }
#universal-sh-banner #link { margin:0 0 0 10px; padding:5px 0 0 10px; border-left:1px solid #CCC; float:left }
#universal-sh-banner img { border:none }
#universal-sh-banner a { text-decoration:none; color:#333 }
#universal-sh-banner a:hover { text-decoration:underline; color:#CC0000 }
#universal-sh-banner #networking { float:right }
#universal-sh-banner #networking #facebook, #universal-sh-banner #networking #twitter, #universal-sh-banner #networking #scribd, #universal-sh-banner #networking #rss, #universal-sh-banner #networking #google-code, #universal-sh-banner #networking #wordpress, #universal-sh-banner #networking #gplus, #universal-sh-banner #networking #instagram { width:20px; float:left; margin:0 0 0 10px; background-repeat:no-repeat; height:20px; cursor:pointer  }
#universal-sh-banner #networking #facebook { background-image:url(../images/facebook.png); position:relative; z-index:1 }
#universal-sh-banner #networking #instagram { background-image:url(//badges.instagram.com/static/images/ig-badge-24.png); position:relative; z-index:1; background-size:20px; opacity:0.25;filter:alpha(opacity=25) }
#universal-sh-banner #networking #instagram:hover { opacity:1;filter:alpha(opacity=100) }
#universal-sh-banner #networking #twitter { background-image:url(../images/twitter.png); }
#universal-sh-banner #networking #scribd { background-image:url(../images/scribd.png); }
#universal-sh-banner #networking #rss { background-image:url(../images/rss.png); }
#universal-sh-banner #networking #google-code { background-image:url(../images/google-code.png); }
#universal-sh-banner #networking #wordpress { background-image:url(../images/wordpress.png); }
#universal-sh-banner #networking #gplus { background-image:url(../images/googleplus.png); }
#universal-sh-banner #networking #facebook:hover, #universal-sh-banner #networking #twitter:hover, #universal-sh-banner #networking #scribd:hover, #universal-sh-banner #networking #rss:hover, #universal-sh-banner #networking #google-code:hover, #universal-sh-banner #networking #wordpress:hover, #universal-sh-banner #networking #gplus:hover { background-position:-20px }
#universal-sh-banner .arrow { height:10px; width:20px; margin-top:-11px; padding:0; background-image:url(../images/marker.png); background-repeat:no-repeat }
#universal-sh-banner #hyp { margin-left: 70px }
#universal-sh-banner #narrative { margin-left: 188px }
#universal-sh-banner #project-head { margin-left: 311px }
#universal-sh-banner #scriptjrnl { margin-left: 468px }
#universal-sh-banner #lfod-head { margin-left: 571px }

/* */
#universal-sh-banner #g-plusone { float:left; margin:0; padding:2px 0 0 0; width:48px; opacity:0.5;filter:alpha(opacity=50) }
#universal-sh-banner #g-plusone:hover { opacity:1;filter:alpha(opacity=100) }