/* peg.gd v2.1 CSS Repository */
/* Developed by Honest Code (http://honestcode.com) */

/* fonts */

@font-face {
	font-family: 'InconsolataMedium';
	src: url('../fonts/inconsolata-webfont.eot');
	src: local('☺'), url('../fonts/inconsolata-webfont.woff') format('woff'), url('../fonts/inconsolata-webfont.ttf') format('truetype'), url('../fonts/inconsolata-webfont.svg#webfontHSrpcxIw') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fonts/league_gothic-webfont.eot');
	src: local('☺'), url('../fonts/league_gothic-webfont.woff') format('woff'), url('../fonts/league_gothic-webfont.ttf') format('truetype'), url('../fonts/league_gothic-webfont.svg#webfontVAIhYL5A') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lobster13Regular';
	src: url('../fonts/lobster_1.3-webfont.eot');
	src: local('☺'), url('../fonts/lobster_1.3-webfont.woff') format('woff'), url('../fonts/lobster_1.3-webfont.ttf') format('truetype'), url('../fonts/lobster_1.3-webfont.svg#webfont3hTKiicR') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSlab500';
	src: url('../fonts/museo_slab_500-webfont.eot');
	src: local('☺'), url('../fonts/museo_slab_500-webfont.woff') format('woff'), url('../fonts/museo_slab_500-webfont.ttf') format('truetype'), url('../fonts/museo_slab_500-webfont.svg#webfontMhGRIE6T') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {

}

div#title,
textarea#title {
	width: 100%;
	font: normal 3.8em/1em MuseoSlab500, Georgia, "Times New Roman", serif;
	border: none;
	padding-bottom: 1em;
	padding-top: 10px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	min-height: 3em;
}

.adelle {
	font: normal 3.8em/1em MuseoSlab500, Georgia, "Times New Roman", serif !important;
}

.bello {
	font: normal 4em/1em Lobster13Regular, Georgia, fantasy !important;
}

.league {
	font: normal 5em/1em LeagueGothicRegular, Impact, "Arial Narrow", sans-serif !important;
	text-transform: uppercase;
}

div#content {
	padding-top: 5em;
}

div.share {
	padding-bottom: 2em;
}

div#fontselect {
	font: normal 0.8em/1.5em MuseoSlab500, "Helvetica Neue", Helvetica, sans-serif;
	color: #cccccc;
	float: right;
	width: 230px;
	padding-top: 6em;
}

div#sadpuppy,
div#sidebar.edit {
	width: 120px;
	min-height: 550px;
	font: normal 0.6em/1.5em MuseoSlab500, "Helvetica Neue", Helvetica, sans-serif;
	/* background: url(http://s3.amazonaws.com/peg.gd/images/sadpups.jpg) no-repeat; */
	float: right;
	clear: right;
	margin-top: 20px;
}

div#previewctrls {
	text-align: right;
}

textarea#body {
	width: 100%;
	min-height: 50em;
	font: normal 0.9em/1.5em "inconsolata-1", "inconsolata-2", "Menlo", "Andale Mono", monospace;
	float: left;
	clear: left;
	border: none;
	border-right: 1px solid #ededed;
}

div#body,
div#preview {
	min-height: 50em;
	font: normal 1em/1.5em "Helvetica Neue", Helvetica, sans-serif;
	float: left;
	clear: left;
	padding-bottom: 100px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

div#preview {
	color: #666666;
}

div#footer {
	clear: both;
	border-top: 1px solid #cccccc;
	margin-top: 2em;
	padding: 2em 0;
}

div#dlu {
	clear: both;
	color: #cccccc;
}

div#dlu a {
	color: #bbbbbb;
}

div#dlu a.btn {
	color: #222222;
}

div#footer p {
	margin-bottom: 0;
}

input#pwd {
	width: 95.7%;
	font-size: 28px;
	padding: 10px;
}

/* classes */

.hidden {
	display: none;
}

.alert {
	margin-top: 5em;
}

.puppy {
	margin-top: 5em;
	text-align: center;
}

div.modal form {
	margin: 0;
}

div.modal textarea {
	width: 97.2%;
}

div.modal .alert {
	margin-top: 0;
}

div.modal .alert a {
	color: #222222;
	color: rgba(0,0,0,0.8);
}

/* responsive directives */

@media (max-width: 767px) {

	div#body,
	div#preview {
		min-height: 1px !important;
	}

	div#content {
		padding-top: 0;
	}
	
	ul#autosave {
		display: none;
	}
	
	div#previewctrls {
		text-align: left;
	}
	
	div#fontselect {
		float: none;
	}
	
	input#pwd {
		width: 90% !important;
	}
	
	div#title,
	textarea#title {
		font: normal 2.5em/1em MuseoSlab500, Georgia, "Times New Roman", serif;
	}
	
	.adelle {
		font: normal 2.5em/1em MuseoSlab500, Georgia, "Times New Roman", serif !important;
	}
	
	.bello {
		font: normal 3em/1em Lobster13Regular, Georgia, fantasy !important;
	}
	
	.league {
		font: normal 4em/1em LeagueGothicRegular, Impact, "Arial Narrow", sans-serif !important;
		text-transform: uppercase;
	}
	
	textarea#body,
	div#preview {
		min-height: 10em;
	}
	
	.modal-body {
		max-height: 200px !important;
	}

}