/* Author: Jesus Noland and Rachel Simanjuntak 
   Date: April 19, 2015 */


div#content {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

div.top_bar_navigation {
	position: fixed;
	width: 100%;
	z-index: 2;
	margin: 0;
	background-color: #ffffff;
	opacity:.5;
}

ul.top_bar {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 40px;
}

ul.top_bar li {
	display: inline;
	color: #00a7d0;
	padding: 5px 10px;
	line-height: 2.5;
	cursor: pointer;
}

li.top_bar_build_position {
	position: relative;
	left: 78%;
}

li.top_bar_zoom_position {
	cursor: pointer;
}

ul.top_bar li a {
	text-decoration: none;
	color: #00a7d0;
}

.litpen_tile {
	/* Styles go here */
}

.litpen-tile {
	cursor: pointer;
}

.litpen-tile-text {
	color: #fff;
	font-size: 1.0em;
	cursor: pointer;
}

.zoom_svg {
	cursor: pointer;
}

/* Side bar styling */

ul#side_bar {
	position: fixed;
	right: 25px;
	top: 25px;
	width: 25px;
	z-index: 9;
}

ul#side_bar li, ul#side_bar a {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
}

ul#side_bar li img, ul#side_bar a img  {
	width: 100%;
	height: auto;
	cursor: pointer;
}

/* End Side bar styling */

/* Title of the Brainstorm section */

#brainstorm_title {
	position: absolute;
	text-align: center;
	font-size: 1.15em;
	padding: .5em .75em;
	color: #00a7d0;
	z-index: 9;
	background-color: rgba(255, 255, 255, .8);
	left: 50%;
	bottom: 5%;

	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

#brainstorm_title div {
	color: #00a7d0;
	text-align: center;
	font-size: 1em;
	padding: .25em 0;
	font-weight: 900;
	float: left;
	width: 100%;
}

#brainstorm_title_form_div {
    display: none;
    position: absolute;
	font-size: 1em;
	padding: .5em .75em;
	z-index: 9;
	background-color: rgba(255, 255, 255, .95);
	left: 50%;
	bottom: 5%;
    
  transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

#brainstorm_title_form input {
    color: #00a7d0;
    text-align: center;
    font-size: 1em;
    background: 0;
    outline: 0;
}

/* End of section for the Title of the Brainstorm */

/* add .blur to #content, #brainstorm-title, and #sidebar when editor is open */

.blur {
	filter: blur(5px); 
	-webkit-filter: blur(5px); 
	-moz-filter: blur(5px);
	-o-filter: blur(5px); 
	-ms-filter: blur(5px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
}