/*Stylesheet for Lala Notes created by Kelvin Chan
*
* Modify this file for non-inline-css.
* Thanks
*
*/

/*Fonts
*******************************/
@font-face {
  font-family: 'Calibri Light';
  src: url('../fonts/calibri/CalibriLight.eot?') format('eot'),
    url('../fonts/calibri/CalibriLight.woff') format('woff'),
    url('../fonts/calibri/CalibriLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Calibri Light';
  src: url('../fonts/calibri/CalibriBold.eot?') format('eot'),
    url('../fonts/calibri/CalibriBold.woff') format('woff'),
    url('../fonts/calibri/CalibriBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/raleway/Raleway-ExtraLight.eot?') format('eot'),
    url('../fonts/raleway/Raleway-ExtraLight.woff') format('woff'),
    url('../fonts/raleway/Raleway-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/raleway/Raleway-Light.eot?') format('eot'),
    url('../fonts/raleway/Raleway-Light.woff') format('woff'),
    url('../fonts/raleway/Raleway-Light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/raleway/Raleway-ExtraBold.eot?') format('eot'),
    url('../fonts/raleway/Raleway-ExtraBold.woff') format('woff'),
    url('../fonts/raleway/Raleway-ExtraBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/*Getting started
*******************************/

body {
	margin: 0px auto;
}

div.container {
	margin: 0px auto;
	width: 1000px;
	min-width: 1000px;
        min-height: 300px;
	background-image: url('../images/edge.png'); 
	background-repeat: repeat-y;
	font-size: 11pt;
}

div.body {
	margin: 0px auto;
	max-width: 850px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12pt;
}

textarea {
	font-family: 'Verdana', sans-serif;
}

span.title {
	font-size: 18pt;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
}

h3 {
font-family: 'Arial', sans-serif;
font-weight: bold;
}

h4 {
font-family: 'Arial', sans-serif;
font-weight: bold;
margin: 0px;
}

a img {
border: none;
}

a:link    {color:#459de1;  text-decoration: none;}
a:visited {color:#459de1;  text-decoration: none;}
a:hover   {color:#1573bb;  text-decoration: none;}
a:active  {color:#459de1;  text-decoration: none;}

a.white:link    {color:white; text-decoration: none;}
a.white:visited {color:white;  text-decoration: none;}
a.white:hover   {color:#1573bb;  text-decoration: none;}
a.white:active  {color:white;  text-decoration: none;}

/*Header
*******************************/

div.header-container {
	margin: 0px auto;
	max-width: 900px;
}

.header {
	margin: 0px auto;
	max-width: 1000px;
	min-width: 1000px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	background-image: url('../images/edge.png'); 
	background-repeat: repeat-y;
}

td.logo {
	width: 175px;
}

td.search {
	vertical-align: middle;
	text-align: left;
}

img.lala-logo {
	opacity: 1.0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

img.lala-logo:hover {
	opacity: 0.7;
}

input.search {
	width: 215px;
	border: none;
	outline: none;
	font-family: 'Calibri Light', sans-serif;
	font-size: 12pt;
    margin: 0px;
}

div.search {
	width: 275px;
	height: 26px;
	border: 1px solid #b9b9b9;
	float: right;
	padding-left: 5px;
}

div.menu {
	width: 875px;
}

table.menu {
	margin-top: 25px;
	font-family: 'Calibri Light';
	font-size: 14pt;
	text-align: center;
	border-bottom: 1px solid #b4b4b4;
}

td.menu {
	width: 121px;
}

img.header-images {
	opacity: 0.7;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

img.header-images:hover {
	opacity: 1;
}

a.menu:link    {color:black; text-decoration: none;}
a.menu:visited {color:black;  text-decoration: none;}
a.menu:hover   {color:#999999;  text-decoration: none;}
a.menu:active  {color:black;  text-decoration: none;}

/*Index Head
*******************************/

.index-head {
	text-align: center;
	height: 225px;
}

.index-bar {
	background-color: #0099ba;
	vertical-align: middle;
	color: white;
	height: 60px;
}

.recent-notes {
	font-family: 'Calibri Light', Arial, sans-serif;
	font-size: 17pt;
	color: white;
	float: left;
	margin-left: 25px;
}

.follow {
	font-family: Calibri;
	font-weight: bold;
	font-size: 13pt;
	margin-top: 3px;
	color: white;
	float: right;
	margin-right: 30px;
}

.social-media-img {
	opacity: 0.8;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	-webkit-backface-visibility: hidden;
}

.social-media-img:hover {
	opacity: 1;
}

/*Index
*******************************/

.recent-query {
	max-width: 550px;
	width: 550px;
	vertical-align: top;
}

.query-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 15pt;
	font-weight: 700;
	line-height: 0.5;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	-webkit-backface-visibility: hidden;
}

.query-title:hover {
	color: #247bcb !important;
}


.query-date {
	font-family: Calibri, sans-serif;
	font-size: 10pt;
	color: #787878;
}

.query-description {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 11pt;
	color: black;
}

.read-more {
	font-family: Arial, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
}


/*Footer
*******************************/

a.footer:link    {color:#292929; text-decoration: none;}
a.footer:visited {color:#292929;  text-decoration: none;}
a.footer:hover   {color:#999999;  text-decoration: none;}
a.footer:active  {color:#292929;  text-decoration: none;}

.footer {
	margin: 0px auto;
	max-width: 1000px;
	min-width: 1000px;
	background-image: url('../images/edge.png'); 
	background-repeat: repeat-y;
	background-position: center;
}

.footer-container {
	margin: 0px auto;
	max-width: 900px;
	font-family: 'Calibri Light', sans-serif;
	border-top: 1px dashed black;
	padding: 10px 0px;
	color: black;
}

span.footertitle {
	font-family: 'Calibri', Arial, sans-serif;
	font-weight: bold;
	font-size: 13.5pt;
}

.footerlinks {
	font-family: 'Calibri Light', sans-serif;
	font-size: 12pt;
	line-height: 1.45;
	width: 120px;
}

.footerend {
	margin: 0px auto;
	max-width: 1000px;
	min-width: 1000px;
	height: 35px;
	background-image: url('../images/footerend.png'); 
	background-repeat: no-repeat;
	background-position: center;
}

/* Register
*******************************/
.register-title {
	font-family: 'Calibri Light', sans-serif;
	font-size: 13pt;
	height: 35px;
	vertical-align: middle;
}

.register-input {
	font-family: 'Calibri Light';
	font-size: 13pt;
	border: none; 
	border-bottom: 1px dashed grey; 
	outline: none;
}

td.errors {
	font-family: Arial, sans-serif;
	font-size: 13pt;
	color: red;
}

.submit {
	text-align: right;
}

/*Login
*********************************/

.login-input {
	font-family: 'Calibri Light';
	font-size: 13pt;
	border: none; 
	border: 1px solid grey; 
}


/*Search
*********************************/

.search-container {
	margin: 0px auto;
	max-width: 1000px;
	background-image: url('../images/edge.png'); 
	background-repeat: repeat-y;
	background-position: center;
	font-family: Arial, sans-serif;
	color: black;
}

.search-results {
	margin: 0px auto;
	max-width: 900px;
	font-family: Arial, sans-serif;
	font-size: 11pt;
}

/*Sidebar
***********************************/

a.sidebar:link    {color:#365c7f; text-decoration: none;}
a.sidebar:visited {color:#365c7f;  text-decoration: none;}
a.sidebar:hover   {color:#729fc8;  text-decoration: none;}
a.sidebar:active  {color:#365c7f;  text-decoration: none;}

.sidebar-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	font-weight: 700;
	display: inline-block;
	line-height: 1.25;
	margin-bottom: 5px;
}

div.suggest {
	width: 225px;
	height: 26px;
	border: 1px solid #b9b9b9;
	float: right;
	padding-left: 5px;
	margin-top: 10px;
}

input.suggest {
	width: 165px;
	border: none;
	outline: none;
	font-family: 'Calibri Light', sans-serif;
	font-size: 12pt;
    margin: 0px;
}

img.sidebar-app {
	opacity: 0.9;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	-webkit-backface-visibility: hidden;
}

img.sidebar-app:hover {
	opacity: 1.0;
}

/*Tags
***********************************/

a.tags:link    {color:#459de1; text-decoration: none;}
a.tags:visited {color:#459de1;  text-decoration: none;}
a.tags:hover   {color:#1f5e8e;  text-decoration: none;}
a.tags:active  {color:#459de1;  text-decoration: none;}

/*Whale
***********************************/

.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }