/*
Theme Name: IEMA
Theme URI: http://transnationalstudies.buffalo.edu
Description: Custom theme built for the Department of Transnational Studies :: University at Buffalo
Author: katie barnum
Version: 1.0
*/


/*** TOP BANNER NEW BRANDING***/
.headerLinks {
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 100px;
	z-index: 10;
}
.topIssues {
	height : 27px;
	background-color : #ffc72c !important;
	width: 100%;
	/*Inner shadow
	-moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
     box-shadow:        inset 0 0 10px #000000; */
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
	padding: 2.5px 0;
}

.topAlert {
	margin: 0 auto;
    max-width: 1000px;
    height: 100%;
    background-position: left;
    background-size: contain;
}
.topAlert a{
	color:#000000 !important;
	text-decoration: underline;
}
.topBlue {
	height : 35px;
	background-color : #005bbb !important;
	width: 100%;
	/*Inner shadow
	-moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
     box-shadow:        inset 0 0 10px #000000; */
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
	padding: 2.5px 0;
}
.topLogo {
 	background-image: url('images/ub-logo.png');
    background-repeat: no-repeat;
    margin: 0 auto;
    max-width: 1000px;
    height: 100%;
    background-position: left;
    background-size: contain;
}
.topWhite {
	height: 32px;
	background-color: #FFF;
	/*outer shadow */
	-webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.79);
	-moz-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.79);
	box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.79);
	z-index: 10;
	width: 100%;
}
.collegeText {
	font-family: Arial;
	font-size: 16px;
	color: #666666;
	padding-top: 8px;
	z-index: 10;
	margin: 0 auto;
	max-width: 1000px;
	position: relative;
	padding-left: 8%;
}
.headerLinks a {
	text-decoration: none;
}

.headerLinks a:hover {
	text-decoration: none;
}

/* EO GELA */
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*** TOP BANNER ***/
@font-face {
	font-family: 'din-regularregular';
	src: url('css/font-face/dinreg-webfont.eot');
	src: url('css/font-face/dinreg-webfont.eot?#iefix') format('embedded-opentype'),  url('css/font-face/dinreg-webfont.woff') format('woff'),  url('css/font-face/dinreg-webfont.ttf') format('truetype'),  url('css/font-face/dinreg-webfont.svg#din-regularregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
	color : #666;
	padding : 0px;
	margin : 0px;
	text-align : left;
}
#home
{
  font : 12px arial, helvetica, sans-serif;
  text-align : center;
  padding-bottom : 25px;
  background: #fff;
}

/* ### Links ###
  ---------------- */

a {
	color : #300;
}
a:hover {
	text-decoration : underline;
}
div#footerHome a {
	color : #036;
	text-decoration : none;
}
div#footerHome a:hover {
	text-decoration : underline;
}
div#footer a {
	color : #036;
	text-decoration : none;
}
div#footer a:hover {
	text-decoration : underline;
}
/* ### Containers ###
  --------------------- */
div#containerHome
  {
/*    width : 909px; */
	width : 688px;
    padding : 0px;
    margin : 25px auto 0px auto;
    text-align : left;
	background : #fff url('http://iema.buffalo.edu/wp-content/uploads/sites/18/2015/01/homeNew.png') repeat-y;
	height : 812px;
  }
div#container {
	width : 909px;
	padding : 0px;
	margin : 50px auto 0px auto;
	text-align : left;
}
div#header {
	background : url('http://iema.buffalo.edu/wp-content/uploads/sites/18/2015/01/header.png');
	height : 151px;
	width : 878px;
}
div#holder {
/*    background-image : url(/images/content_bg.gif);
    background-repeat : repeat-y;
    margin-bottom : 1px; */
}
div#content {
	background : #fff url('http://iema.buffalo.edu/wp-content/uploads/sites/18/2015/01/content.png') repeat-y;
	margin-top : 25px;
}
div#navigation {
	padding-top : 120px;
}
div#navigationHome
  {
    text-transform : lowercase;
	color : #300;
	position : absolute;
	margin-top : 105px;
	margin-left : 22px;
	font-size : 12px;
	z-index: 15;
  }
div#side {
	/* actual width : 199 */
	margin-top : 20px;
	margin-left : 20px;
	width : 179px;
	float : left;
}
div#main {
	/* actual width: 520 */
	width : 500px;
	margin : 15px 20px 0px 0px;
	float : right;
	display : inline; /* MS IE Hack to prevent double float */
	text-align : left;
	padding : 5px 150px 25px 40px;
}
div#footerHome
  {
    font-size : 10px;
    padding : 0px 0px 10px 0px;
    position : absolute;
	margin-left : 75px;
	color : #036;
  }
  div#footer_side_home
  {
/*    margin-top : 950px; */
	margin-top: 705px;
    width : 175px;
    float : left;
	height : 100px;
  }
  div#footer_main_home
  {
/*    margin-top : 950px; */
	margin-top: 692px;
    right : 0px;
    width : 750px;
	position: relative;
  }

  div#footer_main_home p a span {
	display: none;
}
div#footer_main_home p a:hover span {
	display: block;
	position: absolute;
	left: 5px;
	padding-left: 350px;
	color: #003366;
	background: none;
	font: 9px Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	bottom: 40px;
	padding-left: 400px;

}

div#footer {
	background-image : url('http://iema.buffalo.edu/wp-content/uploads/sites/18/2015/01/footer.png');
	background-repeat : no-repeat;
	background-position : left bottom;
	font-size : 10px;
	padding : 0px 0px 0px 0px;
	color : #036;
	width : 889px;
	margin-left : 20px;
	position : relative;
	background-color : #ffd47d;
	/*	border: blue solid 1px; */
	height : 195px;
}
div#footer_side {
	width : 150px;
	float : left;
	margin-left : 175px;
	/*	border: red solid 1px; */
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	background-color : #ffd47d;/*	margin-top: 75px; */
}
div#footer_main {
	width : 560px;
	float : right;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	/*	border: #000 solid 1px; */
	margin-bottom: 0px;
	background-color : #ffd47d;/*	margin-top: 75px; */
	position: relative;
}

div#footer_main p a span {
	display: none;
}
div#footer_main p a:hover span {
	display: block;
	position: absolute;
	left: 5px;
	padding-left: 350px;
	color: #003366;
	background: none;
	font: 9px Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	bottom: 22px;
	padding-left: 340px;

}

/* ### Headers ###
  ------------------ */

h1, h2, h3, h4, h5 {
	padding : 0px;
	margin : 0px 0px 0px 0px;
	text-align : left;
	padding-bottom: 10px;
}
h1 {
	font-size : 16px;
	color : #036;
	padding-bottom: 10px;
}
div#side h1 {
	font-size : 17px;
	line-height : 25px;
	color : #036;
	text-align : left;
	margin-left : 20px;
	text-transform : lowercase;
	font-weight : bold;
}
div#side h1.home {
	text-align : left;
	font-size : 14px;
	color : #000;
	margin-left : 10px;
}
div#side p {
	padding-left: 20px;
}
h2 {
	font-size : 16px;
	color : #036;
	font-weight : normal;
}
h2.top {
	line-height : 25px;
}
h3 {
	font-size : 14px;
	color : #300;
}
h4 {
	font-size : 14px;
	font-weight: bold;
	color: #005fc5;
}
h5 {
	font-size : 13px;
	color: #194872;
	font-weight: bold;
}
/* ### Lists ###
  ---------------- */

ul {
	margin : 0px 0px 15px 30px;
	padding : 0px;
}
/* ### List Links ###
  --------------------- */
div#navigationHome ul
  {
    list-style-type : none;
    padding : 0px;
    margin : 0px 5px 0px 0px;
	text-align : center;
  }
  div#navigationHome ul li
  {
    float : left;
    margin-left : 5px;
	padding-right:5px;
	border-right: 1px solid;
  }
  div#navigationHome ul li:last-of-type {
	border-right: none;
  }
  div#navigationHome ul li a
  {
    text-decoration : none;
    color : #300;
    font-weight : bold;
  }
  div#navigationHome ul li a:hover
  {
    text-decoration : underline;
  }
  div#navigationHome ul li a:active
  {
    color : rgb(0, 51, 153);
  }
div#navigation ul {
	list-style-type : none;
	padding : 0px;
	margin : 0px 5px 10px 110px;

}
div#navigation ul li:last-of-type {
	border-right: none;
  }
div#navigation ul li {
	text-transform : lowercase;
	float : left;
	margin-left : 10px;
	padding-right: 6px;
	border-right: 1px solid;
}
div#navigation ul li a {
	text-decoration : none;
	color : #300;
	font-weight : bold;
}
div#navigation ul li a:hover {
	color : #039;
}
div#navigation ul li a:active
  {
    color : rgb(0, 51, 153);
  }
div#side ul {
	padding : 0px;
	margin : 0px 10px 0px 20px;
	list-style-type : none;
	text-align : left;
}
div#side ul li {
	margin-bottom : 10px;
}
div#side ul li a {
	color : #036;
	text-decoration : none;
	font-weight : bold;
}
div#side ul li a:hover {
	color : #300;
}
div#side ul ul {
	margin : 3px 0px 0px 0px;
}
div#side ul li li {
	margin-bottom : 3px;
}
div#side ul li li a {
	color : #036;
}
div#side ul li li a:hover {
	color : #300;
}
div#side div#home ul {
	margin-top : 40px;
}
div#side div#home ul li.seperate {
	padding-bottom : 10px;
	border-bottom : 1px solid #e6b85c;
}

div#footer_side_home ul {
	list-style-type : none;
	padding : 0px;
	margin : 0px 0px 0px 15px;
}
div#footer_side ul {
	list-style-type : none;
	padding : 0px;
	margin : 0px 0px 0px 15px;
}
/* ### Paragraphs ###
  --------------------- */

p {
	margin : 0px;
	padding : 0px 0px 15px 0px;
	font-color : #666;
}
div#footer p {
	margin : 0px;
	padding : 0px;
}
p.small {
	font-size : 10px;
}
/* ### Divs ###
  --------------- */

div.clear {
	height : 1px;
	font-size : 1%;
	clear : both;
}
div#home_left {
	width : 268px;
	float : left;
}
div#home_right {
	width : 268px;
	float : right;
}
/* ### Images ###
  ----------------- */

img.left {
	border : 1px solid #000;
	float : left;
	margin : 0px 10px 5px 0px;
}
img.faculty {
	float : left;
	margin : 0px 15px 15px 0px;
	border : 1px solid #000;
}
img.book {
	border : 1px solid #000;
	float : right;
	margin : 0px 0px 5px 10px;
	clear : right;
}
/* ### Lists ###
  ---------------- */

ol {
}
ol ol {
	list-style-type : upper-alpha;
}
/* ### Form ###
  --------------- */

fieldset {
	border : 1px solid #ccc;
	padding : 10px;
	margin-bottom : 15px;
}
legend {
	font-weight : bold;
	padding : 0px 5px;
	margin : 0px -5px;
	color : #aaa;
}
input, textarea {
	border : 1px solid #000;
	padding : 2px;
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
}
/* ### Horizontal Rules ###
  --------------------------- */

hr {
	height : 1px;
	border-width : 0px;
	background-color : #ccc;
	color : #ccc;
	margin : 0px 0px 15px 0px;
}
/* ### Misc ###
  --------------- */

em.underline {
	font-style : normal;
	text-decoration : underline;
}
/* ### Courses ###
  ------------------ */

#courses h3 {
	font-size : 12px;
}

span.wpcf7-list-item {
	margin-left: 0px;
}


@media screen and (max-width:1024px) {
	.topBlue {
		padding-left: 10px;
	}
}