/*Typographic Boilerplate*/

body{text-rendering:optimizeLegibility}body,input,button{-webkit-font-smoothing:antialiased}html{font:100%/1.5 Arial,sans-serif}




/*Global Styles*/

/*Text Selection and Placeholder Styles*/

/*Placeholder Styles*/
	::-webkit-input-placeholder { /* WebKit browsers */
	    color:    #555;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color:    #555;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color:    #555;	
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	    color:    #555;
	}


/* Change Text Selection Color */
/* Mozilla based browsers */
::-moz-selection {
       background-color: rgba(0,0,51,.5);
       color: #fff;
}

/* Works in Safari */
::selection {
       background-color: rgba(0,0,51,.5);
       color: #fff;
}
/* END Text Selection and Placeholder Styles*/


body{
	background-image: url("images/textures/subtle_grunge.png");
}

h2{
	font-family: Linux Libertine Capitals O;
	font-size: 4em;
	color:rgba(0, 0, 51, .57);
	font-weight: 200;
}

h3{
	font-family: 'Ubuntu', Ubuntu Light;
	font-size: 4em;
	color:#000033;
	font-weight: 300;	
}

h4{
	font-family: Ubuntu, 'Ubuntu',  Ubuntu Light;
	font-size: 2.5em;
	color:rgba(0, 0, 51, .57);
	font-weight: 300;
}

h5{
	font-family: 'Ubuntu Condensed', Ubuntu Condensed;
	font-size: 2em;
	color:#990000;
	font-weight: 300;
	text-shadow: 0 0 7px white;
}

p{
	font-family: 'Ubuntu', Ubuntu, Ubuntu Light;
	font-weight: 300;
	line-height: 1.5;
	color:rgba(0, 0, 0, 0.8);
}

bold{
	font-family:'Ubuntu', Ubuntu;
	font-weight:700;
}

strong{
	font-family: Ubuntu, 'Ubuntu';
	font-weight: 700 !important;
}

reg{
	font-family:Ubuntu, 'Ubuntu';
	font-weight: 400;
}

code{
	font-family: monospace;
}

select{
	font-size: 1em;
	color:#000033;
	padding:2px;
}

nav{
	position:relative;
}

#nav_reg{
	width: 55%;
}

#nav_alt{
	float:left;
}

/* Chrome, Safari 3+ */
@media screen and (-webkit-min-device-pixel-ratio:0){
	#nav_alt{
		zoom:.85;
		margin-top: 25px;
		width:50%;
		margin-left:80px;
		right:-50px;
	}
}

body:not(:-moz-handler-blocked) #nav_alt{
	-moz-transform: scale(.95);
	right:-20px;
	margin-top: 20px;
	width:55%;
	margin-left:60px;
}

button{
	cursor: pointer;
}

blockquote{
	margin-left: 30px;
	border-left: 4px solid rgba(0, 0, 51, .57);
	padding-left: 10px;
	margin: 15px;
}

textarea{
	width: 937px;
	margin: 0 auto;
}

.input_area{
	width: 955px;
	margin:0 auto;
	padding: 0;
}

/* END global styles*/


/*Selector Styles*/
/*Input Styles*/
.input1{
	border: 3px solid rgba(0, 0, 51, .57);
	border-radius: 2px;
	font-family: Ubuntu;
	font-size: 1.5em;
	margin-top: 25px;
	color: #990000;
	padding: 6px;
}

#search_box{
	border: 3px solid #000033;
	border-radius: 2px;
	font-family: Ubuntu;
	font-size: 1.2em;
	color: #990000;
	padding: 6px;
	width:200px;
	margin-left: 15px;
	/*margin-right: 10px;*/
	position:relative;	
	top:4px;
	background-color:#fefefe;
}

body:not(:-moz-handler-blocked) #search_box{
	top:-1px;
}

/*END input styles*/

/*Button Styles*/
.sort_button{
	background-color: #000033;
	border:none;
	height:206%;
	width: 60px;
	color:white;
	font-size: 1.8em;
	font-family: Ubuntu Condensed;
  	background-color: rgba(0, 0, 51, .57);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 51, .57)), to(rgba(0, 0, 51, .77)));
	background-image: -webkit-linear-gradient(rgba(0, 0, 51, .57), rgba(0, 0, 51, .77));
	background-image: -moz-linear-gradient(rgba(0, 0, 51, .57), rgba(0, 0, 51, .77));
	background-image: -o-linear-gradient(rgba(0, 0, 51, .57), rgba(0, 0, 51, .77));
	background-image: linear-gradient(rgba(0, 0, 51, .57), rgba(0, 0, 51, .77));
	display: inline-block;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	border-radius: 3px;
	pointer:cursor;
}

.sort_button:hover{
background-color:#000033;
  box-shadow: 0 0 3px 2px black inset;
	-webkit-transition:.4s;
	-moz-transition:.4s;
}


.submit_button{
	height:65px;
	width:150px;
	background-color: rgba(0, 0, 51, .57); 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 51, .57)), to(rgba(0, 0, 51, .77)));
	background-image: -webkit-linear-gradient(rgba(0, 0, 51, .57), rgba(0, 0, 51, .77));
	background-image: -moz-linear-gradient(rgba(0, 0, 51, .57), rgba(0, 0, 51, .77));
	background-image: -o-linear-gradient(rgba(0, 0, 51, .57), rgba(0, 0, 51, .77));
	background-image: linear-gradient(rgba(0, 0, 51, .57), rgba(0, 0, 51, .77));
	font-family: Linux Libertine Capitals O;
	font-size: 30px;
	border:none;
	color:white;
	box-shadow: 0px 0px 9px 8px white;
	display: inline-block;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	border-radius: 3px;
	pointer:cursor;
}		

.submit_button:hover{
	background-color:#000033;
  box-shadow: 0 0 3px 2px black inset;
	-webkit-transition:.4s;
	-moz-transition:.4s;
}

#delete_button{
	height:65px;
	width:150px;
	background-color: #cc3703; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4814), to(#990000));
	background-image: -webkit-linear-gradient(#cc3703, #990000);
	background-image: -moz-linear-gradient(#cc3703, #990000);
	background-image: -o-linear-gradient(#cc3703, r#990000);
	background-image: linear-gradient(#cc3703, #990000);
	font-family: Linux Libertine Capitals O;
	font-size: 30px;
	border:none;
	color:white;
	box-shadow: 0px 0px 9px 8px white;
	display: inline-block;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	border-radius: 3px;
	pointer:cursor;
	}

#delete_button:hover{
	background-color:#990000;
	background-image: none;
  	box-shadow: 0 0 7px 0px #333 inset;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	}

.button2{
	height: 75px;
	width: 150px;
	background-color: rgba(0, 0, 51, .57); 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 51, .57)), to(rgba(0, 0, 51, .77)));
	background-image: -webkit-linear-gradient(rgba(0, 0, 51, .57), rgba(0, 0, 51, .77));
	background-image: -moz-linear-gradient(rgba(0, 0, 51, .57), rgba(0, 0, 51, .77));
	background-image: -o-linear-gradient(rgba(0, 0, 51, .57), rgba(0, 0, 51, .77));
	background-image: linear-gradient(rgba(0, 0, 51, .57), rgba(0, 0, 51, .77));
	text-align: center;
	color:white;
	font-family: Linux Libertine Capitals O;
	font-size: 30px;
	box-shadow: 0px 0px 9px 8px white;
	margin-bottom: 25px;
	border-radius: 3px;
	pointer:cursor;
	-webkit-transition:.5s;
	-moz-transition:.5s;
}

.button2:hover{
	background-color: #000033;
  	box-shadow: 0 0 3px 2px black inset;
	-webkit-transition:.4s;
	-moz-transition:.4s;

}

.button_link{
	width:100px;
	text-decoration: none;
}

#signup_signin{
	margin-top: 25px;
	padding-bottom: 30px;
	border-bottom: 1px solid #cecece;
}
/*END button styles*/


/*Object specific selectors, ordered hierarchically*/

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

#everything{
	/*This is the container that makes it fixed width at 900px for the desktop site*/
	width: 950px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.7);
	padding:30px;
	padding-top:0;
	z-index: -1;
	box-shadow: 0 6px 7px -4px #000033;	
	
}

#user_info_bar{
	height:20px;
	padding:7px;
	width:100%;
	color: #000033;
	font-family: Ubuntu, Ubuntu Light; font-weight:300;
	z-index: 100;
}

.algebrarules{
	width:1010px;
	margin: 0 auto;
	background-color: rgba(0, 0, 51, .57);
	padding: 10px;
	color:white;
	text-align:center;
	
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;         
    	font-family: Linux Libertine Capitals O;
	letter-spacing:.05em;
	font-weight:200;
	box-shadow: 2px 0px 5px gray;
}

.algebrarules a{
	color:white;
}

.dismiss{
	text-decoration:none;
	color:white;
	float:right;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}

.gone{
	display:none;
}

#print{
	background-color:rgba(255,255,255,.7);
	height:75px;
	width:75px;
	position: fixed;
	top:0;
	left:0px;
	border-radius: 0 0 30px 0px;
	background-image:url('images/print.svg');
	background-repeat: no-repeat;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

#print:hover{
	background-image:url('images/print_hover.svg');
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;

}

#print_alt{
	background-color:rgba(0, 0, 51, .57);
	height:40px;
	width:40px;
	float:left;
	position: relative;
	display: inline;
	top:0px;
	left:-30px;
	border-radius: 0 0 15px 0px;
	background-image:url('images/print_alt.svg');
	background-repeat: no-repeat;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	display:none;
}

#print_alt:hover{
	background-color: rgba(0, 0, 51, 1);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

@media (max-width: 1160px){
	#print{
		display: none;
	}
	#print_alt{
		display: block;
	}
}

a > img{
	border:0px;
}

/*.navicon{
	margin:10px;
	display:inline-block;
	background-repeat: no-repeat;
}

#home_navicon{
	width: 56px;
	height: 50px;
	background-image: url('images/home.png');
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:.3s;
}
#home_navicon:hover{
	background-image: url('images/home_hover.png');
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
}

#about_navicon{
	width: 50px;
	height: 50px;
	background-image: url('images/about.png');
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:.3s;
}
#about_navicon:hover{
	background-image: url('images/about_hover.png');
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
}

#add_navicon{
	width: 88px;
	height: 50px;
	background-image: url('images/add.png');
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:.3s;
}
#add_navicon:hover{
	background-image: url('images/add_hover.png');
	background-position: center;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
}

#search_navicon{
	width: 50px;
	height: 50px;
	background-image: url('images/search.png');
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:.3s;
}
#search_navicon:hover{
	background-image: url('images/search_hover.png');
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
}

#login_navicon{
	width: 50px;
	height: 50px;
	background-image: url('images/login.png');
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:.3s;

}
#login_navicon:hover{
	background-image: url('images/login_logout_hover.png');
	background-position: center;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
}

#logout_navicon{
	width: 50px;
	height: 50px;
	background-image: url('images/logout.png');
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:.3s;
}

#logout_navicon:hover{
	background-image: url('images/login_logout_hover.png');
	background-position: center;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
}*/

#notification_area{
	width:92.8%;
	padding:15px;
	font-family: Ubuntu, Ubuntu Light; font-weight:300;
}

.error{
	background-image: url('images/error.svg');
	background-repeat:  no-repeat;
	background-position: 1% center;
	background-color: #dd4814;
	padding-left: 52px !important;
	color:white;
}

.success{
	background-image: url('images/success.png');
	background-repeat:  no-repeat;
	background-position: 1% center;
	padding-left: 52px !important;
	background-color: green;
	color:white;
}

.notice{
	background-image: url('images/notice.png');
	background-repeat:  no-repeat;
	background-position: 1% center;
	padding-left: 52px !important;
	background-color: teal;
	color:white;
}

/*Sort Bar Specific Styles*/

#sort_container{
	width:950px;
  	border-radius:3px;
  	box-shadow: 0 0 0px 1px rgba(0, 0, 51, .09) inset;
  	border: 1px solid white;
  	background-image:url('images/textures/subtle_grunge.png');
}

#inner_sort_container{
	margin:19px;
	display:inline-block;
	height:26px;
}

.sort_info{
  margin:0 auto;
  font-family:Ubuntu Condensed;
  font-size: 1.1em;
  text-transform: uppercase;
  color:rgba(0, 0, 51, .57);

}
/*END Sort Bar Specific Styles*/

.aside1{
	float:right;
	background-color: rgba(0, 0, 51, .57);
	padding: 24px;
	font-family: Ubuntu, Ubuntu Light; font-weight:300;
	line-height: 1.5;
	color:white;
	width: 45%;
}

/* Gradient Line Snippet*/

.gradient_line{ 
	vertical-align: middle;
    height: 1px;
    background: black;
    width: 100%;
    background: -webkit-gradient(linear, 100% 100%, 0 0, from(white), to(white), color-stop(50%, black));
    background: -moz-linear-gradient(left, #FFF 0%, #444 50%, #fff 100%);
    background: -o-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
	clear:all;
}

.cheatsheet_bar{
	padding:10px;
	width:930px;
	background-color:#eee;
	border: 3px solid white;
	background-image: url('images/textures/subtle_grunge.png');
	box-shadow: 0 9px 6px -6px rgba(0, 0, 51, .57) inset;
	margin-top: -3px;
}

.feature:nth-child(even){
	padding:20px;
	background-color:rgba(206, 206, 206, 0.3);
	border:3px solid white;
}

.feature:nth-child(odd){
	padding:20px;
	background-color:rgba(206, 206, 206, 0.07);
	border:3px solid white;
}


.paging_container{
	font-family: Linux Libertine Capitals O, Ubuntu;
	/*background-color: rgba(0, 0, 51, .57);*/
	border-radius:50px;
	width:70%;
	padding:1px;
}

.paginate_page_number{
	padding:5px 10px 5px 10px;
	background-color:#ccc;
	text-decoration: none;
	color:black;
	border-radius: 10px;
}

.paginate_page_number:hover{	
	background-color:#990000;
	color:white;
}

.paginate_here_page_number{
	padding:5px 7px 5px 10px;
	background-color:#990000;
	text-decoration: none;
	color:white;
	margin-right: 5px;
	border-radius: 10px;
}

a.paginate_next,a.paginate_previous{
	text-decoration: none;
	color:#990000;
}

a.paginate_next:hover,a.paginate_previous:hover{
	text-shadow:2px 2px 3px gray;
}

/*END Object Specific Styles, Ordered Hierarchically*/


/* Styles for the Formula Box*/
.formula_card{
	width: 100%;
	border-bottom: 1px solid #cecece;
	padding:0;
	padding-top:3%;
	padding-bottom:3%;
	margin: 0;
	margin-bottom: 10px;
}

/*.formula_card:after{
	content: "";

	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */

	margin-bottom:20px;
	margin-top:20px;

	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;

    height: 1px;
    background: black;
    width: 100%;
    background: -webkit-gradient(linear, 100% 100%, 0 0, from(white), to(white), color-stop(50%, black));
    background: -moz-linear-gradient(left, #FFF 0%, #444 50%, #fff 100%);
    background: -o-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
    clear:all;
}*/

.formula_card img{
	max-width: 700px;
	max-height: 700px;
}


.formula_info{
	float:left;
	width: 155px;
	padding-right:20px;
	clear:both;
	min-height:220px;
	opacity: .4;
	-webkit-transition: 1s;
	-moz-transitio: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.formula_info:hover{
	opacity: 1;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

.username, .date{
	font-family: Ubuntu;
	font-weight: 800;
	color: #990000;
}

.tags{
	font-family: Ubuntu Condensed;
	color: #000033;
}

.infotext{
	font-family: Ubuntu;
	color:rgba(0, 0, 0, 0.8);
	font-weight: 400;
}

.vote_area{
}

.vote_area a{
	text-decoration: none;
}

.votes{
	font-family: Ubuntu Condensed;
	font-size: 2em;
	color: #000033;
}

.vote_button{
	background-color:rgba(255, 255, 255, 0);
	border:none;
	padding:0;
	margin:0 auto;
}

.upvote{
	font-family: modern_pictogramsnormal;
	color:#007700;
	font-size: 4em;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-transition:.3s;

}

.upvote:hover{
	text-shadow: 0 0 7px #000033;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-transition:.3s;
}

.novote{
	font-family: modern_pictogramsnormal;
	color:#aaa;
	font-size: 4em;
}

.novote:hover{
	font-family: modern_pictogramsnormal;
	text-shadow:none;
	font-size: 4em;
}

.downvote{
	font-family: modern_pictogramsnormal;
	color:#aa0000;
	font-size: 4em;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.downvote:hover {
	text-shadow: 0 0 7px #000033;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.formula{
	float:left;
	width:711px;
	border-left: 3px solid #fff;
	padding-left: 20px;
	min-height: 240px;
}

.formula_title{ 
	font-family: Linux Libertine Capitals O, Droid Serif;
	font-weight: 400;
	font-size: 3em;
	color:#000033;
	margin-bottom: 20px;
	opacity: .8;
	z-index: -1;
}

.formula_title:hover{ 
	text-decoration: underline;
}

.title_anchor_print{display:none !important;}

.math{
	margin: 0 auto;
	font-size: 1.7em;
	line-height: 2em;
	overflow-x: auto;
}

.formula_description{
	font-family: Ubuntu, Ubuntu Light; font-weight:300;
	line-height: 1.5;
	color:rgba(0, 0, 0, 0.8);
}

/*Formula Actions Icons*/

.action_area{
	float:left;
	width:40px;
	min-height:220px;
	display:inline-block;
	padding: none;
}

.action_button{
	border:none;
	background: none;
/*	margin-left: 40px;*/
}


.unfavorite_icon{
	height:40px;
	width: 40px;
	background-image: url('images/favorite.svg');
/*	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	-transition: 1s;*/
}

.unfavorite_icon:hover{
	height:40px;
	width: 40px;
	background-image: url('images/notfavorite.svg');
/*	-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
	-transition: .3s;*/
}

.favorite_icon{
	height:40px;
	width: 40px;
	background-image: url('images/notfavorite.svg');
	/*-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:.3s;
	-transition: 1s;*/
}

.favorite_icon:hover{
	height:40px;
	width: 40px;
	background-image: url('images/favorite.svg');
	/*-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
	-transition: .3s;*/
}

.comment_icon{
	height:40px;
	width: 40px;
	background-image: url('images/comments.svg');
	margin-left: 7px;
	/*-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:.3s;
	-transition: 1s;*/
}

.comment_icon:hover{
	height:40px;
	width: 40px;
	background-image: url('images/comments_hover.svg');
	margin-left: 7px;
	/*-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
	-transition: .3s;*/
}

.edit_icon{
	height:20px;
	width: 20px;
	background-image: url('images/edit.svg');
	background-repeat: no-repeat;

	/*-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	-transition: 1s;*/
}

.edit_icon:hover{
	background-image: url('images/edit_hover.svg');
	background-repeat: no-repeat;
	/*-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
	-transition: .3s;*/
}

.delete_icon{
	height:20px;
	width: 16px;
	background-image: url('images/delete.svg');
	/*-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	-transition: 1s;*/
}

.delete_icon:hover{
	background-image: url('images/delete_hover.svg');
	/*-webkit-transition:.3s;
	-moz-transition:.3s;
	-o-transition:.3s;
	-transition: .3s;*/
}

.print_logo{
	display:none;
}


/*Ribbon Styles*/

.ribbon{
position:fixed;
right:0;
top:0;
z-index: -1;
}



/*! Hint.css - v0.1.0 - 2013-02-03
* https://github.com/chinchang/hint.css
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */

.hint{position:relative;display:inline-block}.hint:before,.hint:after{position:absolute;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease}.hint:hover:before,.hint:hover:after{opacity:1}.hint:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}.hint:after{content:attr(data-hint);background:#383838;color:#fff;text-shadow:0 -1px 0 black;padding:8px 10px;font-size:17px;font-family: Ubuntu, Ubuntu Light; font-weight:300 !important;;line-height:19px;white-space:nowrap;box-shadow:4px 4px 8px rgba(0,0,0,.3)}.hint--top:before{border-top-color:#383838}.hint--bottom:before{border-bottom-color:#383838}.hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838}.hint--top:before{margin-bottom:-12px}.hint--top:after{margin-left:-18px}.hint--top:before,.hint--top:after{bottom:100%;left:50%}.hint--top:hover:before,.hint--top:hover:after{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom:before{margin-top:-12px}.hint--bottom:after{margin-left:-18px}.hint--bottom:before,.hint--bottom:after{top:100%;left:50%}.hint--bottom:hover:before,.hint--bottom:hover:after{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--right:before{margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:before,.hint--right:after{left:100%;bottom:50%}.hint--right:hover:before,.hint--right:hover:after{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:before,.hint--left:after{right:100%;bottom:50%}.hint--left:hover:before,.hint--left:hover:after{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #5a2626}.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6d5228}.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #193c4c}.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a331a}.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1}.hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}





/*Formerly Style.css*/

#go_top_container{
	position:absolute;
	bottom:120px;	
	left:-100px;
	display: inline-block;
}

#go_top_hint{
}

#go_top{
	z-index:1;
	width:100px;
	height: 100px;
	cursor: pointer;
	background-image: url('images/up.png');
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}

#go_top:hover{
  background-image: url('images/up_hover.png');
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}







/* Popup code (login, delete, search, and markdown cheatsheet) */


#popup{
	width:500px;
	position:relative;
	top:22%;
	margin: 0 auto;
	background: url('images/textures/subtle_grunge.png');
	border: 2px solid rgba(0, 0, 51, .57);
	box-shadow: 0 0 20px 5px #555;
}

#overlay{
	z-index: 100;
	position:fixed;
	top:0px;
	visibility:hidden;
	background-color:rgba(0,0,0,.3);
	left:0px;
	height:100%;
	width:100%;
	text-align:center;
}

#overlay:target{
	visibility:visible;
	-webkit-animation: fade 400ms ease;
}

#overlay:target > #popup{
-webkit-animation: moveFromBottom 400ms ease;
}

#overlay_search{
	z-index: 1;
	position:fixed;
	top:0px;
	visibility:hidden;
	background-color:rgba(0,0,0,.3);
	left:0px;
	height:100%;
	width:100%;
	text-align:center;
}

#overlay_search:target{
	visibility:visible;
	-webkit-animation: fade 400ms ease;
}

#overlay_search:target > #popup{
-webkit-animation: moveFromBottom 400ms ease;
}

#overlay_delete{
	z-index: 1;
	position:fixed;
	top:0px;
	visibility:hidden;
	background-color:rgba(0,0,0,.3);
	left:0px;
	height:100%;
	width:100%;
	text-align:center;
}

#overlay_delete:target{
	visibility:visible;
	-webkit-animation: fade 400ms ease;
	-moz-animation: fade 400ms ease;
}

#overlay_delete:target > #popup{
-webkit-animation: moveFromBottom 400ms ease;
-moz-animation: moveFromBottom 400ms ease;
}

#overlay_markdown{
	z-index: 1;
	position:fixed;
	top:0px;
	visibility:hidden;
	background-color:rgba(0,0,0,.3);
	left:0px;
	height:100%;
	width:100%;
	text-align:center;
}

#overlay_markdown:target{
	visibility:visible;
	-webkit-animation: fade 400ms ease;
}

#overlay_markdown:target > #popup{
-webkit-animation: moveFromBottom 400ms ease;
}

@-webkit-keyframes fade{
from {

opacity: 0;
}
to {

opacity: 1;        
}
}

@-webkit-keyframes moveFromBottom
{
from {

-webkit-transform: scale(.5);
opacity: 0;
}
to {

-webkit-transform: scale(1);
opacity: 1;        
}
}

@-moz-keyframes fade
{
from {

opacity: 0;
}
to {

opacity: 1;        
}
}

@-moz-keyframes moveFromBottom
{
from {
-moz-transform: scale(.5);
transform: scale(.5);
-webkit-transform: scale(.5);
opacity: 0;
}
to {
	transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;        
}
}

@-ms-keyframes fade
{
from {

opacity: 0;
}
to {

opacity: 1;        
}
}

@-ms-keyframes moveFromBottom
{
from {

-webkit-transform: scale(.5);
opacity: 0;
}
to {

-webkit-transform: scale(1);
opacity: 1;        
}
}

@-o-keyframes fade
{
from {

opacity: 0;
}
to {

opacity: 1;        
}
}

@-o-keyframes moveFromBottom
{
from {

-webkit-transform: scale(.5);
opacity: 0;
}
to {

-webkit-transform: scale(1);
opacity: 1;        
}
}

@keyframes fade
{
from {

opacity: 0;
}
to {

opacity: 1;        
}
}

@keyframes moveFromBottom
{
from {

-webkit-transform: scale(.5);
opacity: 0;
}
to {

-webkit-transform: scale(1);
opacity: 1;        
}
}

.close_button{
	position:absolute;
	right:-14px;
	top: -18px;
	cursor:pointer;
	border:none;
}











/* Reset CSS */
s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END of Reset CSS*/









/* Sticky Footer Code (Ryan Fait Version)*/
* {
	margin: 0;
}

html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

.footer, .push {
	height: 4em;
	position:relative;
}

.footer{
	width: 950px;
	margin: 0 auto;
	background-color: rgba(0, 0, 51, .57);
	padding:30px;
	z-index:0;
}
.footer  nav{
	text-decoration: none;
	color:#ccc;
	font-family: Linux Libertine Capitals O;
	font-size: 1.5em;
}

.footer nav a{text-decoration: none;
	color:white;
}

.footer nav a:hover{text-decoration: none;
	color:white;
	text-shadow:0px 0px 6px black;
}
/* END Sticky Footer Code */


@font-face {
    font-family: 'Linux Libertine Capitals O';
    src: url('fonts/linlibertine_as-webfont.eot');
    src: url('fonts/linlibertine_as-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/linlibertine_as-webfont.woff') format('woff'),
         url('fonts/linlibertine_as-webfont.ttf') format('truetype'),
         url('fonts/linlibertine_as-webfont.svg#linux_libertine_capismallcaps') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'modern_pictogramsnormal';
    src: url('fonts/modernpics-webfont.eot');
    src: url('fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/modernpics-webfont.woff') format('woff'),
         url('fonts/modernpics-webfont.ttf') format('truetype'),
         url('fonts/modernpics-webfont.svg#modern_pictogramsnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Ubuntu Light';
	src: url('http://automathic.org/fonts/Ubuntu-L.ttf');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'Ubuntu Light';
	src: url('http://automathic.org/fonts/Ubuntu-LI.ttf');
	font-style: italic;
	font-weight: normal;
}