/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 6, 2012 04:24:39 AM America/New_York */

@font-face {
  font-family: 'HeydingsCommonIconsRegular';
  src: url(/assets/icons/heydings_icons-webfont.eot);
  src: url(/assets/icons/heydings_icons-webfont.eot?#iefix) format('embedded-opentype'), url(/assets/icons/heydings_icons-webfont.woff) format('woff'), url(/assets/icons/heydings_icons-webfont.ttf) format('truetype'), url(/assets/icons/heydings_icons-webfont.svg#HeydingsCommonIconsRegular) format('svg');
  font-weight: normal;
  font-style: normal;
}
h1 {
  font-size: 150%;
}
h2 {
  font-size: 138.5%;
}
h3 {
  font-size: 123.1%;
}
h4 {
  font-size: 108%;
}
h1,
h2,
h3,
h4,
.sectionTitle {
  margin: 0.2em 0;
  font-family: 'Handlee', 'Roboto', helvetica, cursive;
  font-weight: bold;
}
html {
  background: #cccccc none repeat scroll 0 0;
}
body {
  background: #cccccc none repeat scroll 0 0;
  font-family: 'Delius', 'Roboto', helvetica, cursive;
}
blockquote,
ul,
ol,
dl {
  margin: 1em;
}
ol,
ul,
dl {
  margin-left: 2em;
}
ol li {
  list-style: decimal outside;
}
ul li {
  list-style: disc outside;
}
/******************************************************/
a {
  color: blue;
  text-decoration: underline;
  z-index: 10;
}
a:focus {
  outline: none;
}
a:hover {
  color: #0076ff;
  z-index: 10;
}
/************************************************/
.hide {
  display: none;
}
.left {
  float: left;
}
a {
  color: blue;
}
#mainWrap {
  margin: 20px auto;
  overflow: auto;
  padding: 10px;
  max-width: 1200px;
}
.logoContainer {
  width: 90%;
  margin: 0 auto 10px;
  padding: 5px;
}
#whiteboard {
  background-color: white;
  border: #696969 solid 10px;
  box-shadow: 2px 3px 2px #888888;
  border-radius: 5px;
  overflow: auto;
  width: 90%;
  margin: 0 auto;
  padding: 5px;
}
#whiteboard h1 {
  padding: 20px 10px;
}
#whiteboard .question {
  font-weight: bold;
  padding: 10px 10px 5px ;
}
#whiteboard .answer {
  padding: 0 10px 15px;
}
@media only screen and (max-width: 620px) {
  #whiteboard {
    border-width: 15px;
  }
}
@media only screen and (max-width: 320px) {
  #whiteboard {
    border-width: 10px;
  }
}
/* menu */

#menu {
  position: fixed;
  top: 0;
  right: 70px;
  font-size: 13px;
}
#menu {
  margin: 0px;
  padding: 0px;
  list-style: none;
  color: #fff;
  line-height: 30px;
  display: inline-block;
  float: left;
  z-index: 1000;
}
#menu li {
  list-style: none;
}
li.start-item img,
li.last-item img {
  float: left;
  height: 30px;
}
#menu a {
  color: #fff;
  text-decoration: none;
}
#menu > li {
  background: #172322 none repeat scroll 0 0;
  cursor: pointer;
  float: left;
  position: relative;
  padding: 0px 10px;
}
#menu > li a:hover {
  color: #B0D730;
}
#menu .start-item {
  background: transparent none repeat scroll 0% 0%;
  padding: 0px;
  background-color: Transparent;
}
#menu .middle-item {
  min-width: 130px;
  text-align: center;
  border-right: 1px dotted;
}
/* sub-menus*/
#menu ul {
  padding: 0px;
  margin: 0px;
  display: block;
  display: inline;
  text-align: left;
}
#menu li ul {
  position: absolute;
  left: -10px;
  top: 0px;
  margin-top: 30px;
  width: 170px;
  line-height: 16px;
  background-color: #172322;
  color: #0395CC;
  /* for IE */
  display: none;
}
#menu li:hover ul {
  display: inline-block;
  max-height: 100vh;
  overflow: auto;
}
#menu li ul li {
  display: block;
  margin: 5px 20px;
  padding: 5px 0px;
  border-top: dotted 1px #606060;
  list-style-type: none;
}
#menu li ul li:first-child {
  border-top: none;
}
#menu li ul li a {
  display: block;
  color: #0395CC;
}
#menu li ul li a:hover {
  color: #7FCDFE;
}
/* main submenu */
#menu #main {
  left: 0px;
  top: -20px;
  padding-top: 20px;
  background-color: #7cb7e3;
  color: #fff;
  z-index: 999;
}
ul#inner {
  margin-left: 18px;
}
/* search */
.searchContainer div {
  background-color: #fff;
  display: inline;
  padding: 5px;
}
.searchContainer input[type="text"] {
  border: none;
}
.searchContainer img {
  vertical-align: middle;
}
.redirectToBoard {
  display: inline-block;
  width: 90%;
}
.removeBoardFromFav {
  display: inline-block;
  text-align: right;
  width: 5%;
  vertical-align: top;
}
/* corners*/
#menu .corner_inset_left {
  position: absolute;
  top: 0px;
  left: -12px;
}
#menu .corner_inset_right {
  position: absolute;
  top: 0px;
  left: 170px;
}
#menu .last-item {
  background: transparent none repeat scroll 0% 0%;
  margin: 0px;
  padding: 0px;
  position: relative;
  border: none;
  height: 0px;
}
#menu .corner_left {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 20px;
}
#menu .corner_right {
  position: absolute;
  left: 152px;
  top: 0px;
  height: 20px;
}
#menu .middle {
  position: absolute;
  left: 18px;
  height: 20px;
  width: 135px;
  top: 0px;
}
/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.




*/