ponyseeker.css

@font-face{
    font-family: 'junction-bold';
    src: url('junction-bold.ttf'),
    url('junction-bold.eot'); /* IE */
}

/* < medium width settings go here */

.hide-on-medium-or-less {
	display:none;
}
.show-on-medium-or-less {
	display:block;
}

.side-bar {}

@media only screen and (min-width: 48em) {

	/* medium width + settings go here */

	.hide-on-medium-or-less {
		display:block;
	}
	.show-on-medium-or-less {
		display:none;
	}

	.side-bar {
		background-color: #fbfbfb;
		margin-left: 1em;
		padding: 1.5em;
		padding-top: 0.25em;
	}
}

#hamburger-icon {
	margin-bottom: 0.25em;
	cursor: pointer;
}

#vert-menu {
	width: 11.5em;
	border: none;
	display: none;
}

#vert-menu-x {
	position: fixed;
	left: 9.75em;
	top: 0em;
	z-index: 1001;
	cursor: pointer;
	display: none;
}

* {
	color: #461e78;
	font-family: 'Ubuntu', arial, serif;
}

h2 {
	color: #a71cad;
	font-family: 'junction-bold', arial, serif;
	font-weight: bold;
}

.center-text {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

h1.page-title {
	color: #2f07d1;
	font-family: 'Ubuntu', arial, serif;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	margin-bottom: 0.25em;
	font-weight: lighter;
	font-size: 2.5em;
	letter-spacing: normal;
}

a {
	font-family: 'Ubuntu', arial, serif;
}

.red {
	color: #f00;
}

.blue {
	color: #2f07d1;
}

.content {
	max-width:940px;
	margin-left:auto;
	margin-right:auto;
}

.header {
	max-width:740px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom: 1em;
}

.blue-box {
	background-color: #ccecf8;
	padding: 1.5em;
	border-bottom-left-radius: 0.4em;
	border-bottom-right-radius: 0.4em;
}

.box-wrapper {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
}

.download-link {
	font-size: 125%;
	color: #2f07d1;
	margin-bottom: 0.5em;
}

.blue-tab {
	background-color: #e4f7fe;
	border-top-right-radius: 0.4em;
	border-top-left-radius: 0.4em;
}

.blue-tab-vert {
	background-color: #e4f7fe;
}

.blue-tab-vert.selected {
	background-color: #ccecf8;	
}

.blue-tab.selected {
	background-color: #ccecf8;	
}

a.pony-link {
	color: #2f07d1;
}

.pure-menu li.blue-tab a:hover,
.pure-menu li.blue-tab a:focus {
    background-color: #bee9f8;
    border-top-right-radius: 0.4em;
	border-top-left-radius: 0.4em;
}

.pure-menu li.blue-tab.selected a:hover,
.pure-menu li.blue-tab.seleted a:focus {
    background-color: #ccecf8;
    border-top-right-radius: 0.4em;
	border-top-left-radius: 0.4em;
}

.left-column {
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.right-column {
	padding-left: 0.5em;
	padding-right:0.5em;
}

#helper-video {
	width: 100%    !important;
}
#helper-video-2 {
	width: 100%    !important;
}

.top-spacer {
	margin-top: 1em;
}

.top-padding {
	padding-top: 0.5em;
}

h2.no-top-margin {
	margin-top: 0em;
}

#sticky-menu {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1002;
}