/*
Theme Name: Library
Theme URI:
Description: The Library Theme
Author: Conlin Durbin
Author URI:
Version: 1.0
Tags:
License:
License URI:General comments (optional).
*/

}/* Definitions */

* { 
   -webkit-box-sizing: border-box; 
   -moz-box-sizing:    border-box; 
   box-sizing:         border-box; 
}

body {		position:relative;
	min-height:100%;
	margin:0;
	padding:0;	overflow-x:hidden;
 }

p {
	line-spacing:110%;
	padding-bottom:10px;
}

p.indent {
	text-indent: 1.5em;
}

ul {
	list-style:disc;
}

ul li {
	margin-left:25px;
	padding:5px;
}

table, th, td 
{	
	padding:5px;
}
a 
{	
	text-decoration:underline;	
}

small 
{	
	font-size:10px;
}

strong,b 
{	
	font-size:102%;	
	font-weight:bold;
}

em,i 
{	
	font-size:98%;	
	font-style:italic;
}


/* Header */

#logo {	
	display:inline-block;
	position:relative;
	z-index:1000;
	vertical-align:middle;
}
header {
	width:100%;
	margin:0;
	padding:2% 0 0 0 ;
	position:relative;
}
/* Footer */
footer {	
	clear:both;	
	padding-bottom:5px;	
	text-align:center;	
	height:100%;	
	width:100%;
}

footer table, footer table *{
	border:none;
}

/* Main */
.box h1, .box h2, .box h3 {
	text-align:center;
	font-weight:bold;
	padding:3px;
}
 
/* Rainbow Background Text */
p.red
{
	text-align:left;
	color:#000;
	font-weight:bold;
	background:#FF0000;
	padding: 3px;
}

p.orange
{
	text-align:left;
	color:#000;
	font-weight:bold;
	background:#FF6600;
	padding: 3px;
}

p.yellow
{
	text-align:left;
	color:#000;
	font-weight:bold;
	background:#FFFF00;
	padding: 3px;
}

p.green
{
	text-align:left;
	color:#000;
	font-weight:bold;
	background:#00CC00;
	padding: 3px;
}

.lightblue
{
	text-align:center;
	font-weight:bold;
	background:#D0E1E8;
	padding: 3px;	border-radius:5px;
}

p.blue
{
	text-align:left;
	color:#000;
	font-weight:bold;
	background:#0066FF;
	padding: 3px;
}

p.purple
{
	text-align:left;
	color:#000;
	font-weight:bold;
	background:#9933FF;
	padding: 3px;
}

p.pink
{
	text-align:left;
	color:#000;
	font-weight:bold;
	background:#FF33CC;
	padding: 3px;
}

.rounded_box {
	background:#fff;
	border-bottom-left-radius:10px;
	border-top-right-radius:10px;
	padding:10px;
	box-shadow:1px 1px 5px #999;
}

.row-fluid {
	margin-bottom:15px;
}

/* TOP SECTION */
.top-section {
	clear:both;
	padding: 10px 5px;
	background:#fff;		
	box-shadow:0px 0px 4px #999;		
	height:100%;
}
#bottomspace {
	margin-bottom:100px;
}.box {
	text-align:left;
	border:1px solid #dcdcdc;
	margin:10px 0 10px 0;
	border-radius:4px;
}

.box > p, .box > h2{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.box ul {
	text-align:left;
}

.column1 {
	width:100%;
	padding:0; 
}

.column1 .box {
margin:5px 1.5% 0 1.5%;
display:inline-block;
width:29.8%;
height:15%;
}

.column {
	vertical-align:top;
	width:30%;
	display: inline-block; 
	/* For IE 7 */
	zoom: 1;
	*display: inline;
	padding:0 1.5%;
}

.post h2 {
	margin-left:10px;
}
#hours li {
border-top:1px solid #dcdcdc;
height:25px;
}

.box p {
padding:5px;
}

.clearfix {
	height:5px;
	clear:both;
}

/* Dropdown Menu */

nav#normal #nav * {
	border:0;
	padding:0;
	margin:0;
}

nav#normal {
	clear:both;
	height:33px;
	position:relative;
	border-radius:10px;
	z-index:1000;
	text-align:center;
}

embed {
	z-index:500;
}

nav#normal #nav {
	height:100%;
	margin-left:auto;
	margin-right:auto;
	white-space: nowrap;
	float:left;
	left:50%;
	position:relative;
}

nav#normal #nav ul li {
	margin-left:none;
	float: none;
	display: list-item;
	list-style: none;
}
nav#normal #nav ul{	border-bottom-left-radius:5px;	border-bottom-right-radius:5px;}
nav#normal #nav > li {
	width:auto;
	padding:0;
	float:left;
	right:50%;
}

nav#normal #nav a{
	font-size:1em;
	display:block;	line-height:33px;
	padding:0 15px;
	text-decoration:none;
}

nav#normal #nav li.current_page_item > a {
	text-shadow:none;
	text-decoration:underline;
}

nav#normal #nav a:hover{
	text-shadow:none;
}

nav#normal #nav li {
	vertical-align:middle;
	position:relative;
	display:block;	line-height:33px;
	width:auto;
}

nav#normal #nav li ul {
	position:absolute;
	display:none;
	width:auto;
}


nav#normal #nav > li:hover > ul {
	display:block;}

nav#normal #nav > li:hover > ul li:hover ul {
	position:absolute;
	width:auto;
	display:block;
	left:99%;
	top:1px;
}

nav#mobile {
	display:none;
}
	
#moblogo {
	display:none;
}

#cloud {
	display:inline-block;
    width:57%;
	vertical-align:middle;
}

#piccont {
	display:inline-block;
	width:20%;
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
}

#cloud > * {
	width:100%;
	position:relative;
	top:0px;
}


.bio {
	display:inline-block;
	min-height:150px;
	margin-left:2.5%;
	border-left:3px solid #c1c1c1;
	padding-left: 2.5%;
	float:left;
	width:40%;
	margin-bottom:2%;
}

.bioname {
	font-size:2em;
	color:#2b2b2b;
}
.biodesc {
	font-style: Italic;
}
.biopic {
	height:100px;
	box-shadow:1px 1px 5px #444;
	padding:5px;
	margin:10px;
	float:left;
}

.bioabout {
	margin-top:15px;
}

.bioemail {
	color:#2b2b2b;
}

.contact {
	display:inline-block;
	border-left:3px solid #c1c1c1;
	margin-left:2.5%;
	padding-left:2.5%;
	width:40%;
}

.con {

}

.con_input {
	background:#fff;
	border:1px solid #444;
	height:25px;
	width:50%;
	font-size:1.25em;
	margin-bottom:2%;
}

.carousel a{
	text-decoration:none;
}

.carousel img{
	height:200px;text-align:center;
}

*/ Like carousel, but specifies a maximum, rather than exact, height for images. Intended for images pre-formatted to the desired dimensions. */
.precise-carousel img{
	max-height:680px;
	text-align:center;
}

@media screen and (max-width:767px) {

	body {
		margin:0;
		padding:0;
	}
	nav#mobile {
		display:block;
		position:relative;
		width:100%;
	}
	nav#mobile a:not(.droparrow) {
		padding:5px;		color:#fff;
		text-decoration:none;		display:inline-block;		width:75%;
	}		.droparrow {		display:inline-block;		width:20%;	}
	nav#mobile ul {
	list-style:none;
	display:none;
	margin-left:5px;
	}		nav#mobile .children {		padding-left:2%;		text-align:left;		border-bottom:1px solid #444;		border-top:1px solid #444;	}
	nav#mobile #nav {
	margin:0;
	padding:0;
	background:#001f2c;		color:#fff;
	width:100%;
	}
	nav#mobile #nav li {
		padding:5px;
		margin:0;
		width:100%;	
	}
	nav#mobile #menu-open {
	background:#001f2c;	color:#fff;
	width:100%;	text-align:center;
	height:50px;	line-height:50px;
}
	nav#mobile #menu-open span {
	vertical-align:middle;
	}
	#search {		text-align:center;	}
	#logo { 
	display:none;
	}
	#moblogo {
	position:relative;
	margin:0;
	padding:0;	margin-bottom:25px;
	margin-top:-2%;
	left:35%;
	display:inline-block;
	width:30%;
	}
	.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .row-fluid, .container {		width:100% !important;	}	
	footer td {
		width:100%;
		display:block;
		text-align:center;
		border:0;
	}
	/* Teens */
	
	
		.pol {
		margin:5px 0;
		padding:10px 0;
		height:100px;
		width:100%;
		text-align:center;
		border-radius:0;	
	}

.pol a {
	text-decoration:none;
	color:#000;
	height:200px;
	width:200px;
	padding:30px;
}
#piccont {
	display:block;
	width:100%;

}

#cloud {
	display:block;
    width:100%;

}
#quote {
	display:block;
	padding-left:1%;
	width:100%;
	height:194px;
	color:#99F72F;
	border:0;
	
}
#quote .text {
	text-align:center;
	font-size:2em;
}
#quote .source {
	font-size:1.5em;
	margin-left:50%;
	text-decoration:none;
}
#new {
	display:block;
	color:#99F72F;
	width:100%;
	text-align:center;
}

.rounded_box {
	width:100% !important;
	border-radius:0;
}
/* Print Styles */

@media print {
	body { background:white; color:black; margin:0 }
	#header {display:none }
	#content {display:block }
	#comments {display:none }
	#sidebar {display:none }
	#footer {display:none }
	}

}