@charset "utf-8";

/* Get fonts from Google */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,700);

/* standard stuff */
* {
	margin: 			0;
	padding: 			0;
	font-family: 		'Open Sans', sans-serif;
}
body {
	height: 100%;
	font-family: 		'Open Sans', sans-serif;
	font-size: 			16px;
	line-height: 		1.7;
	color: 				#666666;
	-webkit-font-smoothing: 	antialiased;
	-webkit-text-size-adjust: 	100%;
	background: 		#fff;
	transition: 		all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: 	all 0.3s linear;
	-o-transition: 		-webkit-appearance: none;
	-moz-appearance: 	none;
	appearance: 		none;ll 0.3s linear;
}

p {
	color: #858585;
	margin: 			10px 30px 1em !important;
}
p.narrow {
	padding-right: 		10% 	!important;
	padding-left: 		0px 	!important;
}


h1, h2, h3, h4, h5, h6, #home .heading strong {
	font-family: 		'Raleway', sans-serif;
	margin-left: 		30px;
}
a {
	/* color: #FF5200;  default red*/
	color: 				#99ccff;
	text-decoration: 	none;
	text-shadow: 		none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: 	all 0.2s linear;
	-ms-transition: 	all 0.2s linear;
	-o-transition: 		all 0.2s linear;
	transition: 		all 0.2s linear;
}
a:hover {
	color: 				#818181;
	text-decoration: 	none;
}

/* logos */
logo {
	margin-right: 		10px;
	margin-left: 		10px;
	
}

/* indented lists - make work with Fontawesome icons */
ul { 
	margin-left: 		20px;
}
i {
	padding-right: 		10px;
}


i.right {
	align-text: 		right;
}

#home .heading h2 {
	color: 				#fff;
	font-size: 			54px !important;
}
#home .heading strong {
	color: 				#fff; 
	font-size: 			30px;
	font-weight: 		normal;
}
#annual-list
{
	text-indent: 		20px;
}
/*
::selection {
	color: #fff;
	background: #FF5200;
}
::-moz-selection {
 color: #fff;
 background: #FF5200;
}
*/


/* horizontal menu along the top of each page */
.ui-menu { 
		width: 			145px; 
		font-size: 		18px; 
		min-height: 	36px; 
		opacity: 		.90; 

/* 		dark menu does not seem to work because of bug in Menu function, comment out as hack, use white menu */
/*		color: 			whitesmoke;			
		background: 	#161616;
		border-bottom-color:#161616;
		border-left-color: 	#161616;
		border-right-color: #161616; 
		opacity: 		.75;	*/
}
ul#menu { 
		position: 		fixed;
		top: 			0px;
		padding-left: 	15px; 
		width:			100%;
		z-index: 		99;	 	/* make sure drop-down menus appear on top of map */
}
ul#menu > li { 
		float: 			left; 
		padding-left: 	10px;
		width: 			145px;
}
span.dropdown {					/* hack to mke sure dropdown menus styled correctly */
		font-family: 	'Open Sans', sans-serif;
		padding-left: 	10px;
}


/* Breadcrumb navigation at top of pages */
ul.breadcrumb {
    padding-top:  		45px; /* was 16 */
	padding-left: 		10px;
	padding-right: 		16px;
    list-style: 		none;
	background-color: 	white;
}
/* Display list items side by side */
ul.breadcrumb li {
    display: 			inline;
    font-size: 			18px;
}
/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 			8px;
    color: 				black;
    content: 			"/\00a0";
}

/* page title at the top of all rizbee.com pages */
.rizbee-page-title {
	text-align: 		center;
	font-size: 			28pt;
	color: 				#333300;
	font-family: 		'Open Sans', sans-serif;
	margin-top: 		15px;
	padding: 			0;
	margin-bottom: 		20px;
}

/* page table of contents */
ul.toc {
	list-style:        	none;
	padding-left:     	15px;
}

/* page table of contents */
ul.yearbook-toc {
	list-style:        	none;
	padding-left:     	30px;
}
ul.yearbook-subtoc {
	list-style:        	none;
	padding-left:     	8px; 
}

/* indented list in a book review */
ol.review-list {
	margin-left: 		100px;
}

/* footer and text at the bottom of all rizbee.com pages */
.rizbee-footer {
	color: 				#6D6D6D;
	background: 		#161616;
	padding: 			5px;
	bottom: 			0px;
	position: 			fixed;
	width: 				100%;
	opacity:  			0.75
}
.rizbee-text {
	color: 				whitesmoke;
	width: 				83%;
	text-align: 		center;
	font-size: 			20pt;
	margin: 			8px auto 6px auto;
	font-family: 		'Oswald', sans-serif;
}

/* navigation icons (chevrons) in footer of all rizbee.com pages */
.rizbee-left-nav {
	position: 			absolute;
	left: 				20px;
	bottom: 			6px;
}
.rizbee-right-nav {
	position: 			absolute;
	right: 				20px;
	bottom: 			6px;
}

/* social media icons */
.social a {
	font-size: 			32px;
	margin: 			0 10px;
}

/* book reviews */
div.book-review {
	/* here for semantic correctness - may later use styles */
}
img.candy {
	width: 				20px;
	height: 			20px;
	margin-right:   	10px;
}
img.book-icon {
	float: 				left;
	margin: 			8px;
	height: 			152px;
	margin-left: 		30px;
}

p.book-title {
	margin-left: 		10px;
	margin-right: 		20% !important;
	font-size: 			14pt;
	font-weight:    	bold;
	display:        	inline; 
	white-space: 		nowrap;
}
p.book-title-line2 {		/* second line for extremely long book titles - to prevent funky wrapping */
	margin-left: 		10px;
	margin-right: 		20% !important;
	font-size: 			14pt;
	font-weight:    	bold;
	display:        	inline; 
	padding-left:  		30px;
}
p.book-author {
	Margin-left:    	20px;
	font-size:      	12pt;
	font-weight: 		normal;
	display:        	inline;
	position: 			absolute;
	left: 				30px;
	padding-top: 		15px;
	white-space: 		nowrap;
}
p.book-review {
	padding-left: 		30px;
	margin-right: 		20% !important;
	line-height: 		normal;
}
p.book-review-quote {
	padding-left: 		75px;
	margin-right: 		30%	!important;
	font-size: 			10pt;
}
/* list inside a book review */
ol.book-list {
	margin-left: 		75px;
	margin-right: 		25%	!important;
	color: 				#858585;
}
ul.book-list {
	margin-left: 		75px;
	margin-right: 		30%	!important;
	color: 				#858585;
}
img.book-review {
	float: 				left;
	padding-left: 	    75px;
}


/* standard images */
img.align-left {
    float: left;
    margin: 8px;
    font-size: 16px;
}
img.align-left-flip {
	float: 				left;
	margin: 			8px;
	 -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

img.align-left-rotate {
	float: 				left;
	margin: 			8px;
	 -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}

img.align-right {
	float: 				right;
	margin: 			8px;
}
/* yearbook videos */
iframe.align-left {
	float: 				left;
	margin: 			8px;	
}

/* yearbook */
img.year {
	float: 				left;
	padding-left: 		25px;
	margin: 			8px;
}
div.yearbook-event {
	padding-left: 		15px;
}

/* force vertical stacked images  */
div.yearbook-images {	
	padding-left: 		23px;
	max-width: 			1500px;
}
p.event-title {
	font-size: 			14pt;
	font-weight:    	bold;
	display:        	inline;
}
p.event-description {
	margin-right: 		20% 	!important;
	line-height: 		normal;
}
p.event-obit {
	margin-right: 		20% 	!important;
	margin-left:        75px	!important;
	font-style: 		italic;
	line-height: 		normal;
}
p.month-description {
	padding-left: 		18px;
	margin-right: 		20% 	!important;
	line-height: 		normal;
}
p.photo-credit {
	font-size: 			8pt;
}

/* description of stuff in each month on yearbook page */
span.month {
	position: 			absolute;
	left: 				760px;
	white-space: 		nowrap;
}

/* Google Map on Travel map page */
#travel-map {
	height: 			1250px;
	width: 				100%;
	margin-top: 		20px;
}

/* round map cluster check box on travel map page */
input[type=checkbox] {
	visibility: 		hidden;
}
.cluster-checkbox {
	display: 			inline-block;
	width: 				30px;
	height: 			30px;
	background: 		#ddd;
	margin: 			0px 8px 0px 30px;
	border-radius: 		100%;
	position: 			relative;
	box-shadow: 		0px 1px 3px rgba(0,0,0,0.5);
}
/*Create the checkbox button */
.cluster-checkbox label {
	display: 			block;
	width: 				20px;
	height: 			20px;
	border-radius: 		100px;
	transition: 		all .5s ease;
	cursor: 			pointer;
	position: 			absolute;
	top: 				5px;
	left: 				5px;
	z-index: 			1;
	background: 		#333;
	box-shadow: 		inset 0px 1px 3px rgba(0,0,0,0.5);
	er: 				1px solid #ddd;
}
/* create checkbox checked state */
.cluster-checkbox input[type=checkbox]:checked + label {
		background: 	#26ca28;
}

/* legend for map marker colors on Travel map page */
span.map-legend {
	padding-left: 		20px;
}
span.map-legend-title {
	padding-left: 		30px; 
}
div.cluster-legend {
	visibility: 		hidden; 
	display: 			inline;
}

/* on about page */
img.navigation-map {
	float: 				left;
	margin-top: 		8px;
	margin-right: 		8px;
	margin-bottom: 		8px;
	margin-left: 		30px;
	border: 			1px solid black;
}
/* Google search on about page */
div.inline-search {
	max-width: 			1070px;
	padding-left: 		15px;
}