/* Go crazy with your own styles here */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */


/* ==========================================================================
  Theme Name: Lore
Theme URI: 
Author: Lauren the Librarian
Description: Lauren Bryant loves being a librarian at Shoreline Community College in the Seattle, Washington area. Read about trends in information literacy, reading apprenticeship, and information seeking behavior. Sometimes posts are on web design, Springshare LibGuides, Search Engine Optimization, and the Bootstrap framework which LibGuides CMS is built upon. This website was made with Umbraco.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: information literacy,college library,library science,libguides,library website,database search,research library,librarian,lauren,Lauren Bryant,Lauren V Bryant,Lauren Valentino Bryant,Lauren the Librarian,Lauren Librarian,LibrarianLauren,Umbraco Librarian,academic librarian,college librarian
   ========================================================================== */

/* Lauren the Librarian Header */

.laurenHeader{
   margin: 0;
   height: 165px;
   width: 100%;
   overflow: hidden;
}
#indexCard {
    width: 290px;
    position: absolute;
    background: white;
    margin: 0;
    padding: 0;
    left: 50%;
    margin-left: -145px;
    height: 150px;
}
#laurenTitle {
   width: 290px;
   position: absolute;
   margin: 0;
   padding: 0;
   left: 50%;
   margin-left: -145px;
	height: 150px;
	text-align:center;
}
#redLogo{
   color: #CC0000; 
   font-family: Hoefler; 
   font-size: 90px;
   line-height: 8rem;
}
#theWhat{
    font-size: 27pt;
    line-height: 1px;
}
#bookshelf{
   height: 150px;
   display: inline-block;
   background-repeat: repeat-x;
   background-image: url(../media/1051/laurensbooks.png);
}

.navbar-brand span.glyphicon.glyphicon-home {
    color: white;
}
 /*Bootstrap adds padding to mobile views. This takes it out of header section only*/
@media screen and (max-width: 767px) {
    body #bookshelf {
        padding-right: 0;
        padding-left: 0;
    }
  body {
        padding-right: 0;
        padding-left: 0;
    }
}
/* Lauren Bootstrap Navigation Menu */

#laurenNav {
	background-color: #CC0000;
	top: -36px;
}
nav#laurenNav.navbar.navbar-inverse.navbar-fixed-top {
    background-image: none;
    border: none;
	position: relative;
}
#laurenLinks a {
        color: white;
    position: relative;
    top: 5px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size: 15pt;
}

/* Lauren Frontpage Content */

.laurenWell {
    background-color: #D3D3D3;
    border-radius: 3px;
    padding: 13px;
    border: 1px solid #a8a8a8;
}
.blogHeader {
    background-color: dodgerblue;
    color: white;
    width: 960px;
    margin: auto;
    border-radius: 4px;
    border: 1px solid blue;
}
/* Lauren LibGuides */
.highlight {
    background-color: rgba(234, 221, 61, 0.85);
    padding-left: 35%;
}
/* Lauren Blog Post */

.block1 blockquote {
    background-color: #f1f1f1;
}
div#blueWell {
    background-color: #b7dbfb;
    padding: 20px;
    margin-bottom: 10px;
}

/* Lauren Contact Form Styles*/

body { 
	background-color:#fff; 
	color:#000; 
	font-family:Sans-Serif; 
}
legend { 
	border-top: 1px solid #e5e5e5; 
	padding-left:20px;
	background-color: gray; 
	color: white; 
	border-right: white 1px solid;
    border-left: white 1px solid; 
}
dl dt { 
	float:left; 
	padding-left: 7px; 
	padding-right: 7px; 
}
dd input, dd select, dd textarea { 
	border:1px solid #ccc; 
	background-color:#fafafa; 
	margin-left: 20px;
}
dd input.error, dd select.error, dd textarea.error { 
	border:1px solid red; 
}
dd input:focus, dd select:focus, dd.textarea:focus { 
	background-color:#fff; 
}
label.error { 
	font-size:smaller; 
	color:red; 
	margin-left:1em; 
}
input.button { 
	font-size:larger; 
	padding:5px; 
	font-weight:bold; 
	margin:10px; 
	cursor:pointer; 
}
table { 
	border-collapse:collapse; 
	border:1px solid #ccc; 
}
table th { 
	background-color:#666; 
	color:#fff; 
	text-align:left; 
	padding:5px; 
}
table td { 
	border:1px solid #ccc; 
	text-align:left; 
	padding:5px; 
}
.honey { 
	display:none; 
}
#contactForm { 
	background-color:white; 
	border: 1px solid #ccc; 
	width: 65%; 
	margin: auto; 
	padding: 20px; 
	margin-bottom: 20px; 
}
textarea#comment {
    width: 50%;
}
.emailLabel dt {
    padding-right: 45px;
}
.clearContact { 
	float: none;
}
/* MailChimp Signup Form Styles */
	#mc_embed_signup {
		background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; 
	}
	
/* Lauren Footer */

#dueDate {
    background-image: url(../media/1054/yellow_card.jpg);
    font-family: candara;
    letter-spacing: 1.5px;
	color: #02669b;
	border-radius: 4px;
	transform: rotate(3deg);
}
#dueDate2  {
    background-image: url(../media/1054/yellow_card.jpg);
    font-family: candara;
    letter-spacing: 1.5px;
	color: #02669b;
	border-radius: 4px;
	transform: rotate(3deg);
}
.ruler{
border-top: 1px solid #02669b;
padding-top: 21px;
margin: 0; 
border-left: 1px solid #02669b;
}
a.hand:hover {
    text-decoration: none;
}
footer#desk{
padding-top: 40px;
background-image: url(../media/1060/seamless.jpg);
padding-bottom:3%;
}
.signLine, .empty {
    margin-top: 0;
    margin-bottom: 0;
	margin-left: 1%;
	margin-right: 1%;
	overflow: hidden; 
}
#timeStamp, #timeStamp2 {
    text-align: center;
    font-family: 'Homemade Apple', cursive;
}
.Borderbot{
padding-top:20px;
}
#extra{
height:64px;
}
#extra2{
height:6.5px;
}
#copyLauren{
    font-size: smaller;
}
.clearIt:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 500px) {
    #dueDate a {
        padding: 0;
    }
	 #dueDate2 a {
        padding: 0;
    }
	 #stampDate {
        padding: 0;
    }
 #connect, #updated {
        padding: 0;
    }
}

/* MailChimp Subscribe */
div#mc_embed_signup {
    float: none;
}

div#mc_embed_signup_scroll {
    background-color: gray;
    padding: 10px;
    border-radius: 5px;
}

div#mc_embed_signup_scroll label {
    color: white;
}

/* About Me Lauren */
#aboutLauren {
    color: #c5b358;
    text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
    width: 300px;
    height: 125px;
    position: relative;
    background: darkgoldenrod;
    padding-top: 20px;
	text-align:center;
}
#aboutLauren:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 45px;
    background: white;
    border-radius: 50%;
    left: -19px;
    top: -16px;
}
#aboutLauren:before {
    top: -16px;
    content: "";
    position: absolute;
    width: 40px;
    height: 45px;
    background: white;
    border-radius: 50%;
    left: 275px;
}
#structMe {
    font-family: 'Homemade Apple';
    text-shadow: none;
    color: black;
	font-size: 2.2rem;
}
#meText{
padding-top:20px;
}
#circle {
    content: "";
    position: absolute;
    width: 45px;
    height: 40px;
    background: white;
    border-radius: 50%;
    left: -23px;
    top: 105px;
}

#circle:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 45px;
    background: white;
    border-radius: 50%;
    left: 300px;
    /* top: 10px; */
}
div#nails {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    left: 10px;
    top: 60px;
}
div#nails:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    left: 265px;
}
h2#oclc {
    background-color: lightblue;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 3px solid lightblue;
    padding-left: 5px;
    font-size: larger;
}
div#booksHere:after {
    content: "";
    display: table;
    clear: both;
}
div#wrkBook, div#wrkBook2, div#wrkBook3, div#wrkBook4{
	height: 300px;
	padding: 0;
	border-radius: 0 0 4px 4px;
	min-width: 80px;
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
	box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
} 
div#wrkBook {
	border-right: 2px solid #341CC6;
    border-left: 2px solid #341CC6;
	background-image: url(/media/1091/leatherb.jpg);
}

div#wrkBook2 {
	border-right: 2px solid #901553;
	border-left: 2px solid #901553;
    background-image: url(/media/1089/leatherpink.jpg);
}
div#wrkBook3 {
	border-right: 2px solid #4F168D;
    border-left: 2px solid #4F168D;
    background-image: url(/media/1088/leatherp.jpg);
}
div#wrkBook4 {
	border-right: 2px solid #2AD2D5;
    border-left: 2px solid #2AD2D5;
    background-image: url(/media/1086/leathert.jpg);
}
div#awrkBook {
    background-color: green;
    height: 300px;
    border-radius: 3px;
}
div#wrkText, div#wrkText2, div#wrkText3, div#wrkText4 {
    overflow: scroll;
    height: 300px;
	overflow-y: auto;
    overflow-x: auto;
	background-color: #e4e4e4;
    border: 8px solid white;
    border-radius: 3px;
}
@media screen and (min-width: 992px) {
div#wrkText{
	float: right;
}}
.sticker {
    background: white;
    bottom: -80px;
    position: relative;
	text-align: center;
}
.lemco {
    width: 80px;
    position: relative;
    bottom: -78px;
}
div.myShelf {
    height: 20px;
    background-image: url("http://laurenthelibrarian.azurewebsites.net/media/1083/graywood.jpg");
    display: inline-block;
    width: 99%;
    margin-top: 1px;
	margin-bottom: 3px;
	float:left;
}
div#section1, div#section4 {
    background-image: url(/media/1096/backgroundbwbooks.png);
    overflow: hidden;
}
div#section2, div#section3 {
    background-image: url(/media/1098/backgroundbwbooks2.png);
    overflow: hidden;
}
span.letter {
    font-family: 'unifrakturmaguntia';
    font-size: -webkit-xxx-large;
    background-color: antiquewhite;
    padding: 4px;
    border: 1px solid goldenrod;
    border-radius: 3px;
    margin: 1px;
}
.chappie{
	margin-top: 5px;
}
a#more {
    font-size: 2em;
}
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */