/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

<!--[if lt IE 9]
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<link type="image/vnd.microsoft.icon" href="srv/www/openfolklore.dlib.indiana.edu/htdocs/sites/all/themes/OFomega/favicon.ico" rel="shortcut icon">

/* --------------NEW NON-STANDARD FONT ADDED----------------- */


@font-face {
    font-family: 'PTSansRegular';
    src: url('font/PT-Sans/PTS55F-webfont.eot');
    src: url('font/PT-Sans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/PT-Sans/PTS55F-webfont.woff') format('woff'),
         url('font/PT-Sans/PTS55F-webfont.ttf') format('truetype'),
         url('font/PT-Sans/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400|PT+Sans&subset=latin,cyrillic);





@font-face {
    font-family: 'OpenSansRegular';
    src: url('font/open-sans/OpenSans-Regular-webfont.eot');
    src: url('font/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('font/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('font/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('font/open-sans/OpenSans-Light-webfont.eot');
    src: url('font/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/open-sans/OpenSans-Light-webfont.woff') format('woff'),
         url('font/open-sans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('font/open-sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBold';
	src: url('font/open-sans/OpenSans-Bold-webfont.eot');
    src: url('font/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/open-sans/OpenSans-Bold-webfont.woff') format('woff'),
         url('font/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('font/open-sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	-webkit-backface-visibility: hidden; /* Addresses a small issue in webkit: https://bit.ly/NEdoDq */
}
html{
	font-size:100%;
}
/* ------------------------------------- */
i{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:0.9em;
}

/* START Headings are responsive according to the screen size */

#section-footer h3{
	font-size:1.4em;	
}


.icon-right-quote:before {
	font-size:1.1em;
	position:relative;
	padding-left:0.35em;
	bottom:3px;
	color: #555555;
}
.icon-left-quote:before {
	font-size:1.2em;
	position:relative;
	padding-right :0.35em;
	color: #555555;
}

/* END Headings are responsive according to the screen size */

a, p, strong, body{
	font-family:"PTSansRegular",Trebuchet MS, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #444444;
	
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	color: #2d2d2d;
	font-weight: 400;
    line-height: 170%;
	letter-spacing: -0.55px;
}
h1{
	font-size:2.5em;
}
h2{
	font-size:2em;
}
h3{
	font-size:1.7em;
}
h4{
	font-size:1.24em;
}

a:link, a:visited {
	text-decoration:none;	
	color:#777777;
}
::selection {
    background: none repeat scroll 0 0 #fe6225;
    color: #FEFFF8;
    text-shadow: none; /* Safari */
	}
::-moz-selection {
    background: none repeat scroll 0 0 #fe6225;
    color: #FEFFF8;
    text-shadow: none;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
    margin-bottom: 0;
}

/* ---------------HEADER Css----------------- */
#zone-branding-wrapper{
	 background-color: #333333;
	 margin-bottom:1.2em;
}
#region-branding{
	vertical-align:middle;
	margin:0.5em 0 0 0;	
}
#zone-branding {
    min-height: 100%;
    padding: .8em 0 0 0;
}
#section-header{
	padding-bottom:1.2em;
}
/* ------------------ Top Black line START ------------------- */
#top-black-line{
	background-color:#393939;
	height:1.2em;
	border-bottom:1px solid #303030;
}
/* ----------------- Padding of Navigation Icons from the Logo <FRONT> START -------------- */
#zone-header{
	padding:0;	
}

#region-header-first, #region-header-second{
	text-align:center;
}
#region-header-first{
	padding-top:2em;
}
#region-header-second{
	padding-bottom:2em;
}


#region-header-first p, #region-header-second p{
	margin:0 2em 2em 2em;
	display:none;
}
div.region-header-first-inner, div.region-header-second-inner{
	padding-top:0em;
}
#navigation-title{
	font-size:1.8em;
	color:#1e1e1e;
}
/* --------------- Logo START --------------- */
#logo{
	text-align: center;
	max-width:320px;
	width:70%;
}

/* ____________ ANIMATIONS GO HERE ___________ */


.logo-img{
	text-align:center;
	float:none;
	width:100%;
	margin:0; /* *overriding original margin */
}
.logo-img a{
	padding:0 1em;
}
/* --------------- Logo END --------------- */


/* ----------------Menu CSS------------------- */

/* New Responsive SuperFish START */
#superfish-1{
	width:100%;
	text-align:center;
	margin-bottom:0;
}
#superfish-1 ul {
    margin-top: 22px;
	width:100%;
}
#superfish-1 li{
	text-align:center;
}
ul#superfish-1 li a{
	padding:1.5em 0.5em;
	font-size:100%;
}
/* New Responsive SuperFish END */
#block-superfish-1{
	float:none;
	text-align:center;	
}
.block-superfish-1{
	margin:0 auto;	
}
.sf-menu {
    line-height: 1;
    z-index: 497;
}
#superfish-1 a{
	background-color: #333333;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);	
	transition: all 0.24s ease-in 0s;
	border-bottom:solid 2px #333333; /* for orange border on mouse over */
	
}
#superfish-1 a:hover{
	background-color: #555555;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
	border-bottom:2px #E54C13 solid; /* orange border on mouse over */
}
#superfish-1 a:active{
	background-color: #282828;
	border-bottom:2px #E54C13 solid;
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}


#superfish-1 .first.sf-depth-1 a{
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	/*-webkit-border-radius: 0.2em 0 0 0.2em; */
	/* Firefox 1-3.6 */
	/*-moz-border-radius: 0.2em 0 0 0.2em; */
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	/*border-radius: 0.2em 0 0 0.2em; */
}
#superfish-1 .last.sf-depth-1 a{
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	/*-webkit-border-radius: 0 0.2em 0.2em 0; */
	/* Firefox 1-3.6 */
	/*-moz-border-radius: 0 0.2em 0.2em 0; */
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	/*border-radius: 0 0.2em 0.2em 0; */
}
#superfish-1 .sf-depth-2 a{
	border-bottom:1px solid #303030;
}




ul.menu li {
    height: auto;
	margin:0;
}
#superfish-1 li a{
	padding:0;
	/* padding:1.5em; VERSION 1*/
	color: #FFFFFF;
}

/* ---------------------------overriting superfish lib------------------------------ */
.sf-menu.sf-style-light-blue li, .sf-menu.sf-style-light-blue.sf-navbar {
    background: none;
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
	
}
.sf-menu.sf-style-light-blue li:hover,
.sf-menu.sf-style-light-blue li.sfHover,
.sf-menu.sf-style-light-blue li.active a,
.sf-menu.sf-style-light-blue a:focus,
.sf-menu.sf-style-light-blue a:hover,
.sf-menu.sf-style-light-blue a:active,
.sf-menu.sf-style-light-blue.sf-navbar li li {
  background:none;
}
.sf-menu.sf-style-light-blue a {
	border:none;
}

li#menu-862-1 a.sf-depth-1:before{ /* List-Icon Mobile */
    content: "\e004";
    font-family: 'Open-Folklore-Responsive-Small';
    padding-right:0.5em;
	font-size:16px;
	line-height:0.8;
	position:relative;
	top:0.1em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55);
}
li#menu-480-1 a.sf-depth-1:before{ /* "Search" */
	content: "\e030";
    font-family: 'Open-Folklore-Responsive-Small';
    padding-right:0.5em;
	font-size:16px;
	line-height:0.8;
	position:relative;
	top:0.1em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55);
}
 ul#superfish-1 li#menu-480-1 a{
	padding: 1.49em 0.5em;
}
ul#superfish-1 li a{
	font-family: "OpenSansRegular",Trebuchet MS,Arial,Helvetica,sans-serif;
}







/* --------------------------NAVIGATION CSS---------------------------- */
#navigation-books, #navigation-journals, #navigation-websites, #navigation-gray-literature{
	width:50%;
}

.navigation-divs a i{
	font-size:5em;
}

.navigation-divs a i{
	color: #333333;
	/* transitions */
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.3s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.3s ease-in 0s;      /* Opera: */
}
.navigation-divs:hover a i{
	color: #e9551a;
	/* text-shadow: 0 0px 2px rgba(255, 180, 0, 0.9); */
	/* transitions */
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.3s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.3s ease-in 0s;      /* Opera: */
}
.navigation-divs h3{
	padding-top:0.8em;
		font-size:1.3em;
	/* transitions */
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.3s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.3s ease-in 0s;      /* Opera: */
}
/* mouse over action */
.navigation-divs:hover h3{
	/* text-shadow: 0 0px 2px rgba(255, 180, 0, 0.4); */
	color: #E54C13;
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
.navigation-divs:hover p{
	color: #000000;
	/* transitions */
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.3s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.3s ease-in 0s;      /* Opera: */
	
}
.navigation-divs:hover{
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.3s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.3s ease-in 0s;      /* Opera: */
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.4em;
	/* Firefox 1-3.6 */
	-moz-border-radius: 0.4em;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.4em;
}




/* --------------------------CONTENT CSS--------------------------------- */
.content-images{
	float: left;	
}
.content-text{
	float: right;
}

/* ------ 1) Search Block START ------ */
# .form-item{
	float: left;
    padding-right:1em;
	width:100%;
}
#block-search-api-page-test-biblio-facet{
	width:100%;
	margin-bottom:1.4em;
}

#block-search-api-page-test-biblio-facet .form-item{
	float: left;
    padding-right:1em;
	width:100%;
}

.form-item, .form-actions {
  margin-bottom: 0;
  margin-top: 1.5em;
}


.block-search-api-page{
	height:auto;
	margin
}

# div{
	text-align:center;
	width:100%;
}

/* ------ Search Block END ------- */


/* Why OF and Search OF responsive layout change */

#region-sidebar-first, #region-sidebar-second {
    padding: 1em 0;
}

#region-sidebar-first h2, #region-sidebar-second h2{
	text-align: center;
	padding-bottom:0.3em;
}

#why-of, #search-of{
	width:100%;
	float:left;	
	text-align:center;
}
#why-of img, #search-of img{
	float:none;	
	width:25%;
	margin-bottom:0.4em;
}
#why-of h3, #search-of h3{
	padding-bottom:0.5em;
}
#why-of p, #search-of p{
	float:none;
	width:100%;
	padding-top:1em;
}
#why-of a.button, #search-of a.button, #edit-submit-1, #edit-submit-2{
	float:none;
	margin-top:1em;
    padding: 1.3em 2.5em;
	
}
#why-of a.button:after, #search-of a.button, .button:after {
    
}
/* Books: Quotation Div Css */
blockquote{
	padding:0.4em 1em 0.4em 1.6em;
	margin:0.7em 0;
	font-size:1.2em;
	font-family: Georgia,"Times New Roman",Times,serif;
    font-style: italic;
}
/* Separator 2 */
hr#separator2{
	height:1px;
	margin:1em 0 3em 0;
	padding:0;
	background:#aaaaaa;
}

 /* Note CSS span.note */
 .note{
    background-color: #2D2D2D;
    border-radius: 50% 50% 50% 2px;
    bottom: 0.15em;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 36px;
    margin-right: 1.2em;
    position: relative;
    width: 36px;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 50% 50% 50% 2px;
	/* Firefox 1-3.6 */
	-moz-border-radius: 50% 50% 50% 2px;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 50% 50% 50% 2px;

	/* animation delay 
	animation-delay:4s;
	-webkit-animation-delay:4s; /* Safari and Chrome 

	/* animation duration 
	-webkit-animation-duration: 1.2s;
	   -moz-animation-duration: 1.2s;
	     -o-animation-duration: 1.2s;
	        animation-duration: 1.2s;
			
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	/* animation effect 
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
	*/
}
span.note a{
	color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    font-size: 1.4em;
    padding: 7px;
    position: relative;
    top: 0.26em;
}
span.note a:hover{
	background:none;
	padding: 7px;
}

#more a.button{
	margin:1em 1em 0 1em;
}

#edit-submit-1{
	float:none;
}
/* first search */
# input[type="text"] {
    width: 100%;
	margin-top:0.81em;
}
/* ------------ NEW search ------------- */
#search-api-page-search-form-front-page-search div{
	text-align:center;
}
#search-api-page-search-form-front-page-search input[type="text"] {
    width: 95%;

	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
#search-api-page-search-form-front-page-search .form-item{
	float: left;
    padding:0;
	width:100%;
}
form#search-api-page-search-form-front-page-search div{
	padding: 1em 0em;
}

#search-api-page-search-form{
	background-color: #EDEDED;
	padding:2em;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.2em;
	/* Firefox 1-3.6 */
	*-moz-border-radius: 0.2em;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.2em;
	margin-bottom:3em;
	margin-top:2em;
}



#zone-additional-footer h3{
	text-align:center;
}

/* menu responsive */
.sf-menu.sf-style-light-blue {
    float: none;
}
div#block-superfish-1 div div{
	text-align:center;
}
#superfish-1 {
    width: 100%;
	border: 1px solir white;
}

ul#superfish-1 li#menu-862-1{ /* Display "Main Menu" */
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.2em 0 0 0.2em;
	/* Firefox 1-3.6 */
	-moz-border-radius: 0.2em 0 0 0.2em; 
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.2em 0 0 0.2em;
	display:block;
	width:50%;
}

ul#superfish-1 li#menu-480-1  { /* Display "Search" */
    display:block;
	width:49%;
}

ul#superfish-1 li#menu-476-1, ul#superfish-1 li#menu-477-1, ul#superfish-1 li#menu-479-1, ul#superfish-1 li#menu-795-1  { /* Hide "Formats", "News" and "AFS Ethno Thesaurus" */
    display:none;
}




.team-member{
	width:90%;
	padding: 1% 2%;
	float: left;
	text-align:center;
	clear:both;
	
}
.team-member div{
	width:80%;
	text-align:left;
	float: right;
} 
div div.team-member i{
	font-size:16px;
}
.tutorial-link{
	text-align:center;
}
.team-member img{
	width:15%;
	float: left;
	padding-right:5%;
	border-radius: 4px 4px 4px 4px;
	
}

.sections div.team-member div p, .team-member div a, .team-member div h5{
	text-align: left;
	margin:0;
	clear:both;
	width:100%;
}
.sections ul{
	width:100%;
	clear:both;
	float:left;
}
.sections ul li{
	width:100%;
	clear:both;
	float:left;
}








/* ---------------------------------------------------- */

/* ======================= Websites Page Content Start ========================= */

/* ----- Websites: What is it? ---- */
.websites-content-wrapper-what, .websites-content-wrapper-why, .websites-content-wrapper-how,
.journals-content-wrapper-what, .journals-content-wrapper-why, .journals-content-wrapper-how,
.books-content-wrapper-what, .books-content-wrapper-why, .books-content-wrapper-how,
.gray-literature-content-wrapper-what, .gray-literature-content-wrapper-why, .gray-literature-content-wrapper-how
{ /* section wrappers for: What is it? Why it is useful? How it works? */
	text-align:center;
	width:100%;
	margin-bottom:3em;
	clear:both;
	float: left;
}
.sections{ /* Every section that contains section-1, section-2 etc */
	width:100%;
	clear:both;
	padding: 1em 0;
}
.wrapper-aboutof{
	padding:1em 0;
}
.wrapper-aboutof div.sections{
	text-align: center;
}
.wrapper-aboutof div.sections p{
	text-align: left;
	clear:both;
	padding:1em 0;
}
.team-list{
	padding-top: 2em;
}
.wrapper-aboutof div i{
	color: #E54C13;
    font-size: 4em;
	padding-bottom:1em;
	clear:both;
}

.sections-highlight{
	text-align:center;
	clear:both;
	padding: 2em 0;
}
.section-title{ /* div to titles with grey line and orange tag */
	width:100%;
	border-top:1px solid #DDDDDD;
	text-align:center;
}
#orange-tag{ /* Orange tag: What is it? */
	width:140px;
	background-color:#E54C13;
	height:0.2em;
	margin:0  auto;
}

#orange-tag-what{ /* Orange tag: What is it? */
	width:140px;
	background-color:#E54C13;
	height:0.2em;
	margin:0  auto;
}
#orange-tag-why{ /* Orange tag: Why it is useful */
	width:130px;
	background-color:#E54C13;
	height:0.2em;
	margin:0  auto;
}
#orange-tag-how{ /* Orange tag: How it works? */
	width:140px;
	background-color:#E54C13;
	height:0.2em;
	margin:0  auto;
}
blockquote#note{ /* note in a gray box */
	padding:2em 3em;
	margin:0 auto;
	overflow: auto;
	background-color:#eeeeee;
	width:70%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.2em;
	/* Firefox 1-3.6 */
	-moz-border-radius: 0.2em; 
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.2em;
}
q#highlight-2 p{
	font-size:1.2em;
	color:#AAAAAA;
	line-height:150%;
}
q#highlight, q#highlight-2 p{ /* big grey italic quote */
	font-family:Georgia, "Times New Roman", Times, serif;
	width:100%;
	font-style:italic;
	text-align:center;
}
q#highlight{
	font-size:2.1em;
	color:#bbbbbb;
	line-height:120%;
}

.section-title h2{ 
	margin-top:0.15em;
	text-align:center;
}
.sections div i{ /* orange icons used */
	font-size:4em;
	color:#E54C13;
}
#section-1, #section-2, #section-3{ /* 3 sections in one line */
	width:100%;
	clear:both;
	float: left;
	vertical-align:middle;
	padding:1em 0;
	text-align:center;
}
.journals-content-wrapper-how div.sections div#section-1, .journals-content-wrapper-how div.sections div#section-3{
	text-align:center;
}
#section-1 i, #section-2 i, #section-3 i{ /* 3 sections icons */
	float: left;
	width:25%;
	text-align:center;
}
.sections div p{ 
	float: right;
	width:65%;
	margin:0 5%;
	text-align:left;
}
div.websites-content-wrapper-how #section-1, div.websites-content-wrapper-how  #section-2{ /* search wayback machine and search OF */
	width:100%;
	text-align:center;
}
#block-search-websites{ /* search block in websites page */
	width:80%;
	margin: 1em auto;
}
#block-search-websites div div input{ /* Search input text */
	width:100%;
	float: none;
}
#block-search-websites div input.form-submit{ /* Search input text */
	float: none;
	margin:1em;
}

div.websites-content-wrapper-how #section-1 p, div.websites-content-wrapper-how  #section-2 p, div.websites-content-wrapper-how  #section-3 p{ /* search wayback machine and search OF */
	float: none;
	width:100%;
	margin:0;
	text-align:center;
}
div.websites-content-wrapper-how #section-1 a, div.websites-content-wrapper-how #section-2 a{ /* Buttons aligned in center */
	float:none;
	margin:1em;
}
div.websites-content-wrapper-how #section-3{/* Section Archived Website Examples*/
	width:100%;
	clear:both;
	text-align:center;
	padding:3em 0 1em 0;
}

/* archived websites divs */
#section-4{
	width:100%;
	clear:both;
}
#section-4-1, #section-4-2{ /* archived websites rows */
	width:100%;
	clear:both;
}
#section-4-1 div, #section-4-2 div{ /* archived websites sections for titles and images */
	width:27%;
	margin:0% 3%;
	text-align:center;
	float: left;
}	

#section-4-1 div h4{ /* archived websites sections for titles and images */
	margin-top:2%;
	color: #E54C13;
	display:none;
}

#section-4-2 div img{ /* archvied website example img css */
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	width:100%;
	height:100%;
	max-width:140px;
	max-height:140px;
	border: 4px solid #777777;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 50%;
	/* Firefox 1-3.6 */
	-moz-border-radius: 50%; 
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 50%;
	border: 0em solid #E54C13;
	margin-top:0.8em;
	z-index:10;
}
#section-4-2 div img:hover{ /* archvied website example mouse over image css */
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
	

/* Overriding paging */
.pager li.pager-current {
  color: #FFFFFF;
  outline: 0 none;
  background-color: black;
  border-radius: 50%;
}
.pager {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background:none;
  background-color:none;
  border:none;
}
.item-list .pager {
  margin: 2em 0 0;

}
.item-list .pager li a, .item-list .pager li{
	
  font-family: "Open Sans",Trebuchet MS,Arial,Helvetica,sans-serif;
  font-weight:300;
}
.pager li a {
    background: none;
    cursor: pointer;
}
.pager li.pager-item a:hover {
		color: #FFFFFF;
	  outline: 0 none;
	  background-color: #DA3E04;
	  border-radius: 50%;
	  transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
.pager li a:hover {
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
	
    background: none repeat scroll 0 0 #FFFFFF;
    color: #DA3E04;
}
.item-list ul li {
  margin: 0;
  padding: 0 0 0.4em;
  border:none;
}
.pager li.pager-next {
    border:none;
}
.item-list ul li.pager-item, .item-list ul li.pager-last  {
    border-bottom: none;
    margin: 0;
    padding: 0 0 0.4em;
}
.item-list ul li.pager-ellipsis{
	border:none;
}






/* SEARCH Results CSS */
.search-api-page-results h2{
	color: #DA3E04;
}
.search-author-year-result p{
	text-indent: 1.5em;	
}
.search-result h3 a{
	color:#000;
	font-family: "Open Sans",Trebuchet MS,Arial,Helvetica,sans-serif;
  	font-weight:300;
}
.search-result{
	padding:0.4em 0 0.4em 0em;
	margin-bottom:1em;
}
.search-result:hover{
	-webkit-border-radius: 0.3em;
	/* Firefox 1-3.6 */
	-moz-border-radius: 0.3em; 
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.3em;
	background-color:#EDEDED;
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
.search-result h3 a{
	text-decoration:underline;
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
.search-result:hover h3 a{
	padding-left:0.6em;
	text-decoration:underline;
	color:#DA3E04;
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
p.search-performance{
	font-size:100%;
	color: #777;
}
ol.search-results {
  border-top: 6px solid #bcbcbc;
  display: block;
  list-style-type: none;
  padding-top:1.6em;
}
/* END */


div.sections ul {
  list-style: none outside none;
  margin: 0 auto;
  text-align: left;
  padding:1em 0;
}
div.sections ul#partners {
  width: 100%;
  margin:0 auto;
  float:none;
}
div.sections ul li{
	float: left;
	padding-bottom:0.6em;
}


#section-left{
	width:100%;
	float:left;
	padding-bottom:1em;
}
#section-right{
	width:100%;
	float:left;
}
#section-left div, #section-right div{
	float: left;
	width:13%;
}
#section-left p i, #section-right p i{
	font-size: 2em;
	padding: 0 0.5em;
}
#section-left ul, #section-right ul{
	width:100%;
}
#section-left p, #section-right p{
	width:95%;
}

#right-link, #right-link-2 {
	clear: both;
	float: right;
	margin-right: 3em;
	margin-top: 1em;
}

#section-onecol{
	width:100%;
	text-align:center;
}
#section-onecol h4{
	padding-top:1em;
}

/* ======================= Website Page Content End ============================== */











.field-name-body a:link,.field-name-body a:visited{
    color: #E54C13;
    /* padding: 1.3em 2.5em; */
    text-decoration: none;
	
    /* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
.field-name-body h3 a:link,.field-name-body h3 a:visited{
    font-family: "OpenSansLight",Trebuchet MS,Arial,Helvetica,sans-serif;
    padding: 1px 3px 0;
    text-decoration: none;
	
    /* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}

.field-name-body a:hover{
	color:#ffffff;
	background: none repeat scroll 0 0 #E54C13;
    text-decoration: none;
	
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
.field-name-body a:active{
	color:#ffffff;
	background: none repeat scroll 0 0 #d43d04;


	border:1px solid #da3e04;
    text-decoration: none;
	
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}


/*
 a .button,  a:visited .button, a:link .button{
    background: none repeat scroll 0 0 #f0571d;
    color: #FFFFFF;
    font-size: 1.1em;
    padding: 1em 2em;
    text-decoration: none;
    text-shadow:0.4em grey;
    transition: all 0.24s ease-in 0s;
	text-transform:uppercase;
}
#why-of a:hover {
    background: #983510;
    box-shadow:0 0 20px rgba(209, 143, 79, 0.6);
}

#why-of a:active {

    background: #491717;
    text-decoration: none;
}
*/


hr {
	border: 0; 
	height: 1px; 
	background-color: #cccccc;
	/*
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.35), rgba(0,0,0,0)); 
	*/	
	margin:1.5em 0 0 0;
}

/* ------------------ Page Title Centered for mobile --------------- */
#page-title{
	text-align:center;
}
/* End */

/* ---------------------- Page Title Images --------------------- */
body.context-books #page-title:before {
	font-family: 'Open-Folklore-Responsive-Big';
	content: "\e004";
	padding-right:0.2em;
	top:0.15em;
	font-size:1.8em;
	position:relative;
}
body.context-journals #page-title:before {
	font-family: 'Open-Folklore-Responsive-Big';
	content: "\e002";
	padding-right:0.2em;
	top:0.25em;
	font-size:1.8em;
	position:relative;
}
body.context-websites #page-title, body.context-journals #page-title, body.context-books #page-title, body.context-gray-literature #page-title{
	text-align:center;
}
body.context-websites #page-title:before {
	font-family: 'Open-Folklore-Responsive-Big';
	content: "\e006";
	padding-right:0.25em;
	top:0.2em;
	font-size:1.8em;
	position:relative;
	clear:both;
	margin:0 auto;
}
body.context-gray-literature #page-title:before {
	font-family: 'Open-Folklore-Responsive-Big';
	content: "\e001";
	padding-right:0.2em;
	top:0.25em;
	font-size:1.8em;
	position:relative;
}
body.context-books h1#page-title, body.context-journals h1#page-title, body.context-websites h1#page-title, body.context-gray-literature h1#page-title{
	margin-bottom:1.2em;
}
/* ---------------------------FOOTER CSS--------------------------------- */
.tweets-pulled-listing li span.tweet-text a{ /* Twitter Italic text */
	font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 0.9em;
    font-style: italic;
}

#block-views-of-news-block, #block-views-tweets-block{
	clear: none;
	display: block;
	float: left;
	margin-bottom: 2.5em;
	padding: 0 3%;
	width: 94%;
}

/*
#block-views-of-news-block {
	float: left;
    width: 45%;
}

*/
#additional-about-us,#additional-contact-us {
	clear: none;
	float: left;
	padding: 0 3%;
	width: 94%;
	text-align:center;
	margin-bottom:2.5em;
}

#additional-of-twitterfeed{
	clear: none;
	float: left;
	padding-right: 5%;
	width: 44%;
}
#zone-additional-footer-wrapper{
	background-color:#2d2d2d;
	-moz-box-shadow:    inset 0px 0.6em 0.5em  #2a2a2a;
   	-webkit-box-shadow: inset 0px 0.6em 0.5em #2a2a2a;
   	box-shadow:         inset 0px 0.6em 0.5em  #2a2a2a;
	border-top: 0.2em solid #E54C13;	/* footer orange line */
}
#zone-additional-footer{
	padding:2em 0 1em 0;
}
#region-footer-middle{
	margin: 0;
}
#section-footer p,#section-footer span, #section-footer span a{
	color: #888888;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
	margin-bottom: 0.4em;
}

#zone-footer-wrapper{
	background-color:#1e1e1e;
	-moz-box-shadow:    inset 0px 0em 0.5em  #1b1b1b;
   	-webkit-box-shadow: inset 0px 0em 0.5em #1b1b1b;
   	box-shadow:         inset 0px 0em 0.5em  #1b1b1b;
}
#footer-partners h3{
	padding-top:1em;
}

#section-footer h3,#section-footer h2, #section-footer h3 a, #section-footer h2 a{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height:150%;
	font-size: 22px;
	text-align: center;
	color: white;
	text-shadow: 0 1px 0 #000000;
	padding-bottom:0.4em;
	cursor:pointer;
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */	
}
#section-footer a:link{

}
#section-footer a:hover,#section-footer h3:hover,#section-footer h2:hover{
	color: #E54C13;
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
.item-list ul li {
  border-bottom: 1px solid #444444;
  padding: 0 0 0.4em 0;
  margin:0;
}
.more-link{
	text-align:center;
	margin-top:0.7em;
}
.more-link a:link, a.more-link, .more-link a:visited, a.more-link:visited {
  background-color: #1e1e1e;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 10%;
	/* Firefox 1-3.6 */
	-moz-border-radius: 10%; 
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 10%;
  color: #FFFFFF;
  padding: 0.2em 0.5em 0.3em;
}
#region-footer-bottom{
	padding:0 0 6.5em 0;
}
#footer-copyright{
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255, 0.09), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255, 0.09), rgba(0,0,0,0)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255, 0.09), rgba(0,0,0,0)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255, 0.09), rgba(0,0,0,0)); 		
	
	background: #333333;
	margin:0em 0 0 0;
}
#footer-copyright{
	text-align:center;	
}
#footer-copyright p{
	vertical-align:middle;	
	text-shadow:none;
	padding-top:1.5em;
	font-size: 0.9em;
}
label {
  	font-family: Open Sans;
	font-size: 1.2em;
	font-weight: 400;
}


/* Search page */
body.page-frontsearch #page-title:before {
    content: "";
	font-family: 'Open-Folklore-Responsive-Small';
	font-size: 1.1em;
	line-height: 0.8;
	padding-right: 0.2em;
	position: relative;
	top: 0.1em;
}

body.page-frontsearch div#block-system-main{
	float: left;
	margin-bottom: 5em;
	width: 100%;
}

.contact-info{
	color: #E54C13;
}
a.contact-info:hover, a.contact-info:active {
	color: #E54C13;
	background-color:white;
	border:none;
}




section#block-facetapi-soqsxiec0fma0jsmyhduua1n0dfo8mz9:before, section#block-facetapi-keelgvust0961rgtwgudzfimvwv4qod2:before{
	font-family: 'Open-Folklore-Responsive-Small';
	font-size: 1.1em;
	line-height: 0.8;
	padding-right: 0.2em;
	position: relative;
	top: 0.1em;
}
/*section#block-facetapi-soqsxiec0fma0jsmyhduua1n0dfo8mz9 div.block-inner h2:hover{
	border: 2px red solid;
}*/


ul li.leaf {
  list-style-type: circle;
  list-style-image: none;
}
.yui3-g{
	padding-bottom:0.5em;
}
.range-slider-box{
	padding-top:1.5em;
}

/*OF NEWS CSS */
ul.of-news li{
	border:none;
	padding: 2.5em 0;
}
.of-news li div.views-field-title span{
	color: #E54C13;
    font-family: "Open Sans",Trebuchet MS,Arial,Helvetica,sans-serif;
    font-weight: 400;
	font-size:2em;
}
.of-news li div.views-field-created span{
	color: #777;
	font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 0.9em;
    font-style: italic;
}
.of-news li div.views-field-body div {
	color: black;
	text-intent: 1em;
	padding:1em 0 1em 1.5em;
}
.of-news li div.views-field-edit-node span{
	text-align: right;
	
}

/*  Us Icons */
#additional-contact-us p{
	padding-bottom:0.4em;
}

#additional-contact-us p i{
	padding: 0 0.5em 0 0;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
	display: inline-block;
    position: relative;
    top: 0.15em;
	font-size:16px;
}
#additional-contact-us p i.icon-mail{
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

/* -------------------- Twitter ---------------- */
.tweet-author a{
	color:#ffffff;
}

.tweets-pulled-listing li{
	/* to change it back comment out this part */
	background-color:#292929;;
	border: 1px solid #333333;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.2em;
	/* Firefox 1-3.6 */
	-moz-border-radius: 0.2em; 
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.2em;
	padding:0.8em;
	margin-bottom:0.5em;
	-moz-box-shadow:    inset 0 0 0.5em #272727;
   	-webkit-box-shadow: inset 0 0 .5em #272727;
   	box-shadow:         inset 0 0 .5em #272727;
}

.tweets-pulled-listing h2{
	display:none;
}
div.tweet-time a{
	color:#ffffff;
}
div.tweets-pulled-listing ul li span.tweet-author a{
	color:red;
}
div.tweets-pulled-listing div.tweet-divider {
   	display:none;
	/*
	border: 0; 
	height: 1px; 
	background: none;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255, 0.09), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255, 0.09), rgba(0,0,0,0)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255, 0.09), rgba(0,0,0,0)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(255, 255, 255, 0.09), rgba(0,0,0,0)); 	
    clear: left;
    margin: 15px 0; */
}
div.tweets-pulled-listing div.tweet-authorphoto img {
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.2em;
	/* Firefox 1-3.6 */
	-moz-border-radius: 0.2em; 
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.2em;
    box-shadow: 0 1px 0 #111111;
    max-height: 40px;
    max-width: 40px;
    width: 90%;
}





/* -------------- PARTNERS's listings --------------- */
#footer-partners{
	height:auto;
	text-align:center;
}
#footer-partners div{
	margin:0 auto;
}
#footer-partners h3{
	clear:both;
	text-align:center;
}
#partner_list{
	position:relative;
	text-align:center;
	height:7em;
}
#footer-partners a div{
	float: left;
	height:5em;
}
#footer-partners a div img{
	width:100%;
	float:center;
	opacity:0.4;
	background: none; 
	padding:auto 0;
	transition: opacity 0.2s ease-in 0s;
}
.space div{ /* Space of Sponsors Panel on the left and right */
	width:9%;
}
#partner_1 div {
    width: 44%;
}
#partner_2 div{
	width:22%;	
}
#partner_3 div{
	width:30%	
}

#partner_2 div img{
	max-width:100px;
	width:100%;
}
#partner_1 div img{
	margin-top:0.5em;
	max-width:140px;
	width:100%;
	vertical-align:middle;
	float:right;
}

#partner_3 div img{
	margin-top:1.2em;
	max-width:180px;
	width:100%;
	float:left;
}
#footer-partners div a img:hover{
	opacity:1;
	/* transitions */
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.3s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.3s ease-in 0s;      /* Opera: */
}
/*------------------ end --------------------------*/









/* ------------- social media icons ------------------ */
div#social_media{
	text-align:center;
}

#social_media{
	display: block;
	padding:1em 0 0 0;	
}
#social_media ul li{
	list-style-type: none;
	float: left;
	padding-right: 0.5em;
	width:auto;
}
#social_media i{
	margin: 0 0.2em;
	color: #ffffff;
    transition: all 0.2s ease-in 0s;
	font-size:1.6em;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.2em;
	/* Firefox 1-3.6 */
	-moz-border-radius: 0.2em; 
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.2em;
}
#social_media  i.icon-facebook:hover{
	color: #4175e4;
    cursor: pointer;
    transition: all 0.2s ease-in 0s;
}
#social_media  i.icon-twitter-2:hover, #social_media  i.icon-comments:hover{
	color: #00d1fe;
    cursor: pointer;
    transition: all 0.2s ease-in 0s;

}
#social_media  i.icon-feed:hover{
	color: #E54C13;
    cursor: pointer;
    transition: all 0.2s ease-in 0s;

}



/*=========================== Drupal Administrative Theme Override ===========================*/
.block-inner .clearfix{
	
}
.marker , .form-required {
    color: #E54C13;
}

.form-textarea-wrapper textarea {
    height:10em;
}
/* ul elements styling */
.node ol, .node ul {
    padding: 0.3em 2em;
}

/* --- buttons --- */
button, input[type="reset"], input[type="submit"], input[type="button"], .button {
    background: none repeat scroll 0 0 #fe6225;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.2em;
	/* Firefox 1-3.6 */
	-moz-border-radius: 0.2em; 
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.2em;
	border: none;
	border:1px solid #da3e04;
    color: #FFFFFF;
    display: inline-block;
    text-decoration: none;
    text-shadow: 0px 1px 0 #832806;
    text-transform: uppercase;
    /* transitions */
	transition: all 0.2s ease-in 0s;
	transition-property: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */	
	cursor: pointer;
	font-family:"OpenSansRegular",Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:0.8625em;
	padding: 1.3em 2.5em;
}
a.button:visited, a.button:link{
	color: white;
}
button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover{
	background: none repeat scroll 0 0 #E54C13;
	text-shadow: 0px 1px 1px #444444;

	border:1px solid #ff5400;
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */	
	cursor: pointer;
	
}
button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active, .button:active,
button:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:focus, .button:focus{
	background: none repeat scroll 0 0 #d43d04;
	border:1px solid #da3e04;
	box-shadow:none;
	text-shadow: 0px 1px 1px #561901;
	border:1px solid #b23302;
	-moz-box-shadow:    inset 0 0 25px #ee4404;
   	-webkit-box-shadow: inset 0 0 25px #ee4404;
   	box-shadow:         inset 0 0 25px #ee4404;
	
}
/* --- fields --- */
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
    -moz-box-sizing: border-box;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.2em;
	/* Firefox 1-3.6 */
	-moz-border-radius: 0.2em; 
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.2em;
    font-size: 1.2em;
    height: 2.6em;
    outline: 0 none;
	font-family:"OpenSansLight",Trebuchet MS, Arial, Helvetica, sans-serif;
	width:10em;
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */

}
/* Search Text Field */
button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active, input[type="text"]:active, input[type="text"]:focus{
	border-color: #fd8329;
	box-shadow: 0 0 6px #E54C13;
   /*  box-shadow: 0 0 0 3px rgba(242, 163, 95, 0.4); */
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
/* Search Text Field While Error  */
.form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 2px solid #ff4026;
	box-shadow: 0 0 0 3px rgba(242, 0, 0, 0.4);
}


ul.primary li a {
    background-color: #DDDDDD;
    border-color: #BBBBBB;
    border-style: solid solid none;
    border-width: 1px;
    height: auto;
    margin-right: 0.5em;
    padding: 0.5em 2em;
    text-decoration: none;
	color: #000000;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.2em 0.2em 0 0;
	/* Firefox 1-3.6 */
	-moz-border-radius: 0.2em 0.2em 0 0;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.2em 0.2em 0 0;
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
ul.primary li a:hover {
	background-color:#ffffff;
	color:#E54C13;
	border-bottom: 1px solid #BBBBBB;
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
ul.primary li a.active:hover {
	background-color:#ffffff;
	color:#E54C13;
	border-bottom: 1px solid #ffffff;
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}
ul.primary {
    border-bottom: 1px solid #BBBBBB;
    border-collapse: collapse;
    height: auto;
    line-height: normal;
    list-style: none outside none;
    margin: 5px;
    padding: 0 0 0.5em 1em;
    white-space: nowrap;
	text-align: center;
}
.inline li, .tabs li, .breadcrumb li {
    display: inline;
    list-style: none outside none;
    margin-right: -0.3em;
}
div.error, div.status{
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.2em;
	/* Firefox 1-3.6 */
	-moz-border-radius: 0.2em;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.2em;
}

/* ---  Form --- */

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 0.2em;
	/* Firefox 1-3.6 */
	-moz-border-radius: 0.2em;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 0.2em;
    font-family: "OpenSansLight",Trebuchet MS,Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    height: 2.8em;
    outline: 0 none;
    width: 100%;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
	/* transitions */
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s; /* Safari and Chrome: */
	-moz-transition: all 0.2s ease-in 0s;    /* Firefox 4: */
	-o-transition: all 0.2s ease-in 0s;      /* Opera: */
}


/* -------------- NEW OF RESPONSIVE MENU ------------------ */


/* nav=#block-menu-menu-of-responsive-menu div div */
#block-menu-menu-of-responsive-menu div div ul.menu{
	
}
#block-menu-menu-of-responsive-menu div div {
    width: 100%;
    margin: 0em auto; 
}
#block-menu-menu-of-responsive-menu div div ul {
    list-style: none;
    overflow: hidden;
}
#block-menu-menu-of-responsive-menu div div ul.menu li{
	float:left;
	width: 20%;
}
#block-menu-menu-of-responsive-menu div div ul.menu li{
    background: #222;
    border-right: 1px solid red;
    display: block;
    float: left;
}
#block-menu-menu-of-responsive-menu div div ul.menu li a{
    color: #fff;
    display: block;
    float: center;
    text-align: center;
    text-decoration: none; 
	padding:1em 0;
	
	/*TRANSISTIONS*/
    -webkit-transition: background 0.5s ease;
       -moz-transition: background 0.5s ease;
         -o-transition: background 0.5s ease;
        -ms-transition: background 0.5s ease;
            transition: background 0.5s ease;
}
/* SPECIFIED RESPONSIVE FONT FOR EACH MEDIA QUERY */
nav li a {
        font: 400 10px/1.4 "MyFont1-Regular",Trebuchet MS, Arial, Helvetica, sans-serif;
    }
/*HOVER*/
#block-menu-menu-of-responsive-menu div div ul.menu li a:hover {
    background: red;
}

#block-menu-menu-of-responsive-menu div div ul.menu li:last-child a {
    border: none;
}

* {
    padding: 0;
    margin: 0;  

}




/* //////////////////////////////////////////////////////////////// */
/* ///////////////////////// DATA ICONS /////////////////////////// */
/* //////////////////////////////////////////////////////////////// */
/* /// Set of Animations Developed for OF Resposive Design
   /// Developed by: Asset Zhalmaganbetov
   /// Date Developed: 4/16/2013 */
   
/* -------------------------- BIG ICONS --------------------------- */
@font-face {
	font-family: 'Open-Folklore-Responsive-Big';
	src:url('font/Open-Folklore-Responsive-Big/fonts/Open-Folklore-Responsive-Big.eot');
	src:url('font/Open-Folklore-Responsive-Big/fonts/Open-Folklore-Responsive-Big.eot?#iefix') format('embedded-opentype'),
		url('font/Open-Folklore-Responsive-Big/fonts/Open-Folklore-Responsive-Big.woff') format('woff'),
		url('font/Open-Folklore-Responsive-Big/fonts/Open-Folklore-Responsive-Big.ttf') format('truetype'),
		url('font/Open-Folklore-Responsive-Big/fonts/Open-Folklore-Responsive-Big.svg#Open-Folklore-Responsive-Big') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/

.icon-websites, .icon-journals, .icon-grayliteratures, .icon-books-big, .icon-iu_libraries-logo, .icon-utahstate-logo, .icon-AFS-logo, .icon-why-of, .icon-search {
	font-family: 'Open-Folklore-Responsive-Big';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size:6.5em;
	color:#2d2d2d;
	
}
.icon-iu_libraries-logo:before {
	content: "\e003";
}
.icon-AFS-logo:before {
	content: "\e007";
}
.icon-search:before {
	content: "\e005";
}
.icon-why-of:before {
	content: "\e013";
}
.icon-utahstate-logo:before {
	content: "\e000";
}
.icon-grayliteratures:before {
	content: "\e001";
}
.icon-journals:before {
	content: "\e002";
}
.icon-websites:before {
	content: "\e006";
}
.icon-books-big:before {
	content: "\e004";
}
/* -------------------- SMALL ICONS -------------------------- */
@font-face {
	font-family: 'Open-Folklore-Responsive-Small';
	src:url('font/Open-Folklore-Responsive-Small/fonts/Open-Folklore-Responsive-Small.eot');
	src:url('font/Open-Folklore-Responsive-Small/fonts/Open-Folklore-Responsive-Small.eot?#iefix') format('embedded-opentype'),
		url('font/Open-Folklore-Responsive-Small/fonts/Open-Folklore-Responsive-Small.woff') format('woff'),
		url('font/Open-Folklore-Responsive-Small/fonts/Open-Folklore-Responsive-Small.ttf') format('truetype'),
		url('font/Open-Folklore-Responsive-Small/fonts/open-folklore-responsive-small.svg#Open-Folklore-Responsive-Small') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Use the following CSS code if you want to have a class per icon */
/* IUSW added .icon-archive-it
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-twitter, .icon-skype, .icon-quotes-left, .icon-phone, .icon-plus, .icon-info, .icon-info-2, .icon-bullhorn, .icon-mail, .icon-location, .icon-feed, .icon-facebook, .icon-list, .icon-drawer, .icon-star, .icon-star-2, .icon-minus, .icon-minus-alt, .icon-plus-alt, .icon-newspaper, .icon-mail-2, .icon-why-of, .icon-search, .icon-quotes-left-2, .icon-phone-2, .icon-books, .icon-search-2, .icon-right-quote, .icon-left-quote, .icon-users, .icon-user, .icon-user-2, .icon-accessibility, .icon-books-2, .icon-bookmark, .icon-book, .icon-book-alt2, .icon-quill, .icon-history, .icon-notification, .icon-calendar, .icon-cloud-download, .icon-open_access, .icon-earth, .icon-envelope, .icon-list-2, .icon-lock, .icon-clock, .icon-group, .icon-users-2, .icon-tools, .icon-cogs, .icon-wondering, .icon-question, .icon-laptop, .icon-pencil, .icon-portfolio, .icon-partnership, .icon-mouse, .icon-screen, .icon-play, .icon-archive-it, .icon-comment-alt, .icon-chat, .icon-bubble, .icon-comments, .icon-bubbles, .icon-comment-alt2-stroke, .icon-clock-2, .icon-pencil-2, .icon-twitter-2 {
	font-family: 'Open-Folklore-Responsive-Small';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icon-twitter:before {
	content: "\e000";
}
.icon-skype:before {
	content: "\e001";
}
.icon-quotes-left:before {
	content: "\e002";
}
.icon-phone:before {
	content: "\e003";
}
.icon-plus:before {
	content: "\e027";
}
.icon-info:before {
	content: "\e028";
}
.icon-info-2:before {
	content: "\e029";
}
.icon-bullhorn:before {
	content: "\e02a";
}
.icon-mail:before {
	content: "\e034";
}
.icon-location:before {
	content: "\e035";
}
.icon-feed:before {
	content: "\e036";
}
.icon-facebook:before {
	content: "\e037";
}
.icon-list:before {
	content: "\e004";
}
.icon-drawer:before {
	content: "\e021";
}
.icon-star:before {
	content: "\e022";
}
.icon-star-2:before {
	content: "\e023";
}
.icon-minus:before {
	content: "\e024";
}
.icon-minus-alt:before {
	content: "\e025";
}
.icon-plus-alt:before {
	content: "\e026";
}
.icon-newspaper:before {
	content: "\e02b";
}
.icon-mail-2:before {
	content: "\e02c";
}
.icon-why-of:before {
	content: "\e02d";
}
.icon-search:before {
	content: "\e030";
}
.icon-quotes-left-2:before {
	content: "\e031";
}
.icon-phone-2:before {
	content: "\e032";
}
.icon-books:before {
	content: "\e033";
}
.icon-search-2:before {
	content: "\e038";
}
.icon-right-quote:before {
	content: "\e039";
}
.icon-left-quote:before {
	content: "\e03a";
}
.icon-users:before {
	content: "\e03b";
}
.icon-user:before {
	content: "\e03c";
}
.icon-user-2:before {
	content: "\e03d";
}
.icon-accessibility:before {
	content: "\e03e";
}
.icon-books-2:before {
	content: "\e03f";
}
.icon-bookmark:before {
	content: "\e040";
}
.icon-book:before {
	content: "\e042";
}
.icon-book-alt2:before {
	content: "\e041";
}
.icon-quill:before {
	content: "\e044";
}
.icon-history:before {
	content: "\e045";
}
.icon-notification:before {
	content: "\e046";
}
.icon-calendar:before {
	content: "\f073";
}
.icon-cloud-download:before {
	content: "\f0ed";
}
.icon-open_access:before {
	content: "\e047";
}
.icon-earth:before {
	content: "\21";
}
.icon-envelope:before {
	content: "\f003";
}
.icon-list-2:before {
	content: "\e048";
}
.icon-lock:before {
	content: "\e049";
}
.icon-clock:before {
	content: "\e04a";
}
.icon-group:before {
	content: "\f0c0";
}
.icon-users-2:before {
	content: "\e005";
}
.icon-tools:before {
	content: "\e006";
}
.icon-cogs:before {
	content: "\f085";
}
.icon-wondering:before {
	content: "\e007";
}
.icon-question:before {
	content: "\e008";
}
.icon-laptop:before {
	content: "\f109";
}
.icon-pencil:before {
	content: "\e009";
}
.icon-portfolio:before {
	content: "\e00a";
}
.icon-partnership:before {
	content: "\e00b";
}
.icon-mouse:before {
	content: "\e00c";
}
.icon-screen:before {
	content: "\e00d";
}
.icon-play:before {
	content: "\e00e";
}
  
.icon-comment-alt:before {
	content: "\f0e5";
}
.icon-chat:before {
	content: "\e00f";
}
.icon-bubble:before {
	content: "\e010";
}
.icon-comments:before {
	content: "\f086";
}
.icon-bubbles:before {
	content: "\e011";
}
.icon-comment-alt2-stroke:before {
	content: "\e012";
}
.icon-clock-2:before {
	content: "\e013";
}
.icon-pencil-2:before {
	content: "\e015";
}
.icon-twitter-2:before {
	content: "\e014";
}


@font-face {
    font-family: 'archive-it';
    src:    url('font/archive-it/fonts/archive-it.eot');
    src:    url('font/archive-it/fonts/archive-it.eot') format('embedded-opentype'),
        url('font/archive-it/fonts/archive-it.ttf') format('truetype'),
        url('font/archive-it/fonts/archive-it.woff') format('woff'),
        url('font/archive-it/fonts/archive-it.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-archive-it {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'archive-it' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

.icon-archive-it:before {
    content: "\e902";
}
/*.icon-archive-it:before {
    content: "\e901";
}
.icon-archive-it:before {
    content: "\e902";
}
.icon-archive-it:before {
    content: "\e903";
}
*/

/* ///////////////////////// DATA ICONS END /////////////////////////// */

/* ////////////////////////////////////////////////////////////////////// */
/* ///////////////////////// FADING ENTRANCES /////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */
/* /// Set of Animations Developed for OF Resposive Design
   /// Developed by: Asset Zhalmaganbetov
   /// Date Developed: 4/29/2013 */
   
/* 
	In order add animation to already existing class follow the example below:
	.className {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
/* ///////////////////////// FADING ENTRANCES /////////////////////////// */

/* START ------------------ Fade in Animation -------------*/
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* END ------------------ Fade in Animation -------------*/

/* START ---------------- Fade in Down Animation -------------*/
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
/* END ------------------ Fade in Down Animation -------------*/


/* START ---------------- Fade in Up Animation -------------*/
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/* END ------------------- Fade in Up Animation -------------*/

/* START ----------------- Fade in Left Animation -------------*/
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
/* END ----------------------- Fade in Left Animation -------------*/

/* START --------------------- Fade in Right Animation -------------*/
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
/* END ------------------ Fade in Right Animation -------------*/

/* START ---------------- Fade in Up BIG Animation -------------*/
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
/* END ------------------ Fade in Up BIG Animation -------------*/

/* START ---------------- Fade in Down BIG Animation -------------*/
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
/* END ------------------ Fade in Down BIG Animation -------------*/

/* START ---------------- Fade in Left BIG Animation -------------*/
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
/* END ------------------ Fade in Left BIG Animation -------------*/

/* START ---------------- Fade in Right BIG Animation -------------*/
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
/* END ------------------ Fade in Right BIG Animation -------------*/

/* START ---------------- Bounce In BIG Animation -------------*/
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
/* END ---------------- Bounce In BIG Animation -------------*/
/* /////////////////////// FADING ENTRANCES END ///////////////////////// */




.contextual-links-region {
/*    outline: medium none;*/
/*	padding: 0;*/
/*  Removed this below GM 9/9/13 for testing*/
   /* position: inherit;*/


}


div#block-system-main{
	float: left;
	padding-bottom: 2em;
    /*display: inline;
    float: right;
    width: 80%;
	*/
}
#section-content{
	margin-bottom:1em;
}
#block-views-more-like-this-block {
  background-color: #EDEDED;
  border-radius: 0.3em 0.3em 0.3em 0.3em;
  margin-top: 1em;
  padding: 1.2em;
}


.block-system, .block-main, .block-system-main {
	width: 100%;
	padding-top: 0;
}

section#block-block-15{
	width: 100%;
	/*display: block; */	
}

/*    outline: medium none;*/

.node-type-biblio tbody{
	/*width: 100%;*/

}

#biblio-node{
	/*width: 100%;*/
	
}


.block-facetapi{
	width: 100% !important;
	clear: both;

}


.region-content-right-inner {
	width: 100%;
	float: left;
	/*overflow: hidden;*/
	
}

#region-content-right {
	width:100%;
	/*overflow: hidden;*/
	
}

html.js input.form-autocomplete {
    background-image: none;
}


alpha-resize-indicator {
	background-image: none;
	
}

/*
.region-content-right-inner .odd {
	width: 100%;
	
}

*/



.text-range { display: none; }


#search-api-page-search-form-front-page-search div  {
    text-align: left;

}

form#search-api-page-search-form-front-page-search div {
		padding: 0;
		text-align:center;
}

#search-api-page-search-form-front-page-search .form-item {
	padding: 0.4em;
	
}
#edit-submit-2 {
	margin-top: 2em;
	
}

#block-views-more-like-this-block{
	width:90%;
	
}
.mlt {
	 margin-bottom: 0.67em;
}

.node-links {
	margin: 1em 0;
	
}

ul.pager {
width="100%";

}


.region-content-right-inner {
	margin-left: 0em;
}


.context-frontsearch   li.leaf {
  list-style-type: none;
  list-style-image: none;
}

ul.of-news li{
	border:none;
	padding: 0.5em 0;
}

#block-block-17 p{
	float: left;
	display: none;


}


#block-current-search-standard {
	background-color:#EDEDED;
	padding: 1em 2em 2em 1em;


}





/* .sections div i.icon-archive-it  {
    font-size: 0;
}


p#icon-archive-it  {
    text-align: center;
}
*/

div.websites-content-wrapper-how #section-2 p {
    text-align: center;
}


/*
*/

.region-content-right-inner section {
  float: left;
}


#what-searched {
    font-size: 1.5em;
    padding-left: 1em;
    text-align: center;
}


#what-searched a:hover{
	text-decoration: underline;
}