/******************************************************************
Site Name: Unruly Things
Author: Levi Brown

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
/* line 21, ../scss/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
/* line 31, ../scss/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
/* line 42, ../scss/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
/* line 52, ../scss/_normalize.scss */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 67, ../scss/_normalize.scss */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
/* line 82, ../scss/_normalize.scss */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
/* line 90, ../scss/_normalize.scss */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
/* line 102, ../scss/_normalize.scss */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
/* line 112, ../scss/_normalize.scss */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
/* line 125, ../scss/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* line 130, ../scss/_normalize.scss */
h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

/* line 135, ../scss/_normalize.scss */
h3 {
  font-size: 1.17em;
  margin: 1em 0; }

/* line 140, ../scss/_normalize.scss */
h4 {
  font-size: 1em;
  margin: 1.33em 0; }

/* line 145, ../scss/_normalize.scss */
h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

/* line 150, ../scss/_normalize.scss */
h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
/* line 159, ../scss/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
/* line 168, ../scss/_normalize.scss */
b,
strong {
  font-weight: bold; }

/* line 172, ../scss/_normalize.scss */
blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome.
 */
/* line 180, ../scss/_normalize.scss */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9.
 */
/* line 188, ../scss/_normalize.scss */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE6/7.
 */
/* line 198, ../scss/_normalize.scss */
p,
pre {
  margin: 1em 0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
/* line 210, ../scss/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
/* line 220, ../scss/_normalize.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
/* line 230, ../scss/_normalize.scss */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in S4.
 */
/* line 239, ../scss/_normalize.scss */
q:before,
q:after {
  content: '';
  content: none; }

/* line 244, ../scss/_normalize.scss */
small {
  font-size: 75%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
/* line 254, ../scss/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 261, ../scss/_normalize.scss */
sup {
  top: -0.5em; }

/* line 265, ../scss/_normalize.scss */
sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
/* line 280, ../scss/_normalize.scss */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

/* line 284, ../scss/_normalize.scss */
dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE6/7.
 */
/* line 294, ../scss/_normalize.scss */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
/* line 303, ../scss/_normalize.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
/* line 318, ../scss/_normalize.scss */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9.
 */
/* line 327, ../scss/_normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
/* line 339, ../scss/_normalize.scss */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
/* line 351, ../scss/_normalize.scss */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding.
 */
/* line 359, ../scss/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
/* line 371, ../scss/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
/* line 387, ../scss/_normalize.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
/* line 400, ../scss/_normalize.scss */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
/* line 417, ../scss/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/*
 * Re-set default cursor for disabled elements.
 */
/* line 428, ../scss/_normalize.scss */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
/* line 440, ../scss/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
/* line 453, ../scss/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
/* line 465, ../scss/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+.
 */
/* line 474, ../scss/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
/* line 484, ../scss/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
/* line 497, ../scss/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
/* line 510, ../scss/_normalize.scss */
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

/* line 517, ../scss/_normalize.scss */
b, strong, .strong {
  font-weight: bold; }

/* line 519, ../scss/_normalize.scss */
dfn, em, .em {
  font-style: italic; }

/* line 521, ../scss/_normalize.scss */
small, .small {
  font-size: 75%; }

/* line 523, ../scss/_normalize.scss */
ul, ol {
  padding: 0;
  list-style-type: none; }

/* line 528, ../scss/_normalize.scss */
dd {
  margin: 0; }

/* line 534, ../scss/_normalize.scss */
.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none; }

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
/* line 24, ../scss/_mixins.scss */
.clearfix {
  zoom: 1; }
  /* line 26, ../scss/_mixins.scss */
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  /* line 27, ../scss/_mixins.scss */
  .clearfix:after {
    clear: both; }

/*********************
TOOLS
*********************/
/* line 35, ../scss/_mixins.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 42, ../scss/_mixins.scss */
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax
	and place your fonts inside the
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('library/fonts/font-name.eot');
    	src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
/* line 108, ../scss/_mixins.scss */
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

/* line 114, ../scss/_mixins.scss */
.text-left {
  text-align: left; }

/* line 115, ../scss/_mixins.scss */
.text-center {
  text-align: center; }

/* line 116, ../scss/_mixins.scss */
.text-right {
  text-align: right; }

/* line 120, ../scss/_mixins.scss */
.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }

/* line 126, ../scss/_mixins.scss */
.alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }

/* line 132, ../scss/_mixins.scss */
.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8; }

/* line 138, ../scss/_mixins.scss */
.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4; }

/* line 144, ../scss/_mixins.scss */
.alert-success {
  border-color: #deeaae;
  background: #e6efc2; }

/*********************
BORDER RADIUS
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include border-radius(4px 4px 0 0);
*/
/*********************
TRANISTION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
BOX SHADOWS
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include box-shadow(inset 0 0 4px rgba(0,0,0,0.22));
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdue it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
BUTTONS
*********************/
/* line 250, ../scss/_mixins.scss */
.button, .button:visited {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid #454545;
  border-top-color: #545454;
  border-left-color: #545454;
  padding: 4px 12px;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -border-radius: 2px;
  border-radius: 2px;
  background-color: #595959;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#595959));
  background-image: -webkit-linear-gradient(top, #666666, #595959);
  background-image: -moz-linear-gradient(top, #666666, #595959);
  background-image: -o-linear-gradient(top, #666666, #595959);
  background-image: linear-gradient(to bottom, #666666, #595959); }
  /* line 269, ../scss/_mixins.scss */
  .button:hover, .button:focus, .button:visited:hover, .button:visited:focus {
    color: white;
    border: 1px solid #454545;
    border-top-color: #333333;
    border-left-color: #333333;
    background-color: #4d4d4d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#4d4d4d));
    background-image: -webkit-linear-gradient(top, #595959, #4d4d4d);
    background-image: -moz-linear-gradient(top, #595959, #4d4d4d);
    background-image: -o-linear-gradient(top, #595959, #4d4d4d);
    background-image: linear-gradient(to bottom, #595959, #4d4d4d); }
  /* line 277, ../scss/_mixins.scss */
  .button:active, .button:visited:active {
    background-color: #666666;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#666666));
    background-image: -webkit-linear-gradient(top, #595959, #666666);
    background-image: -moz-linear-gradient(top, #595959, #666666);
    background-image: -o-linear-gradient(top, #595959, #666666);
    background-image: linear-gradient(to bottom, #595959, #666666); }

/* line 282, ../scss/_mixins.scss */
.blue-button, .blue-button:visited {
  border-color: #1472ad;
  text-shadow: 0 1px 1px #1472ad;
  background-color: #1681c4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
  background-image: -webkit-linear-gradient(top, #1990db, #1681c4);
  background-image: -moz-linear-gradient(top, #1990db, #1681c4);
  background-image: -o-linear-gradient(top, #1990db, #1681c4);
  background-image: linear-gradient(to bottom, #1990db, #1681c4);
  -webkit-box-shadow: inset 0 0 3px #59b3ec;
  -moz-box-shadow: inset 0 0 3px #59b3ec;
  -ms-box-shadow: inset 0 0 3px #59b3ec;
  -o-box-shadow: inset 0 0 3px #59b3ec;
  -box-shadow: inset 0 0 3px #59b3ec;
  box-shadow: inset 0 0 3px #59b3ec; }
  /* line 288, ../scss/_mixins.scss */
  .blue-button:hover, .blue-button:focus, .blue-button:visited:hover, .blue-button:visited:focus {
    border-color: #116396;
    background-color: #1472ad;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
    background-image: -webkit-linear-gradient(top, #1784c9, #1472ad);
    background-image: -moz-linear-gradient(top, #1784c9, #1472ad);
    background-image: -o-linear-gradient(top, #1784c9, #1472ad);
    background-image: linear-gradient(to bottom, #1784c9, #1472ad); }
  /* line 292, ../scss/_mixins.scss */
  .blue-button:active, .blue-button:visited:active {
    background-color: #1990db;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
    background-image: -webkit-linear-gradient(top, #1681c4, #1990db);
    background-image: -moz-linear-gradient(top, #1681c4, #1990db);
    background-image: -o-linear-gradient(top, #1681c4, #1990db);
    background-image: linear-gradient(to bottom, #1681c4, #1990db); }

/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
/* line 17, ../scss/_base.scss */
html {
  width: 100%; }

/* line 21, ../scss/_base.scss */
body {
  font-family: "Karla", serif;
  font-size: 14px;
  line-height: 1.5;
  color: #565656;
  width: 100%;
  background: #f4f3f2 url(../images/bkgnd.png) repeat; }

/* line 30, ../scss/_base.scss */
#container {
  width: 960px;
  background-color: #ffffff;
  margin: 0 auto;
  box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.1); }

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
/* line 84, ../scss/_base.scss */
.wrap {
  max-width: 1140px; }

/*********************
LINK STYLES
*********************/
/* line 92, ../scss/_base.scss */
a {
  transition: ease-in 0.2s;
  -moz-transition: ease-in0.2s;
  /* Firefox 4 */
  -webkit-transition: ease-in 0.2s;
  /* Safari and Chrome */
  -o-transition: ease-in 0.2s;
  /* Opera */
  text-decoration: none;
  outline: none;
  border: none; }

/* line 102, ../scss/_base.scss */
a, a:visited {
  color: #7c362d;
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  /* line 106, ../scss/_base.scss */
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: #e43800; }
  /* line 116, ../scss/_base.scss */
  a:link, a:visited:link {
    /*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/* line 126, ../scss/_base.scss */
::selection {
  background: #ededed;
  /* Safari */ }

/* line 129, ../scss/_base.scss */
::-moz-selection {
  background: #ededed;
  /* Firefox */ }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
/* line 137, ../scss/_base.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: 'Maven Pro', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-rendering: optimizelegibility;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */ }
  /* line 148, ../scss/_base.scss */
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

/* line 153, ../scss/_base.scss */
h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em; }

/* line 158, ../scss/_base.scss */
h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em; }

/* line 164, ../scss/_base.scss */
h3, .h3 {
  font-size: 1.125em; }

/* line 168, ../scss/_base.scss */
h4, .h4 {
  font-size: 1.1em;
  font-weight: 700; }

/* line 173, ../scss/_base.scss */
h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }

/*********************
HEADER SYTLES
*********************/
/* line 184, ../scss/_base.scss */
.header {
  width: 960px;
  margin: 0 auto;
  padding: 20px 15px 20px 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #b8bab5;
  position: relative; }
  /* line 191, ../scss/_base.scss */
  .header #logo {
    display: none; }

/*********************
NAVIGATION STYLES
*********************/
/* line 198, ../scss/_base.scss */
#inner-header nav {
  float: right;
  height: 20px;
  position: relative;
  text-transform: uppercase;
  font-size: 12px; }
  /* line 204, ../scss/_base.scss */
  #inner-header nav ul {
    padding: 0;
    margin: 0; }
    /* line 207, ../scss/_base.scss */
    #inner-header nav ul li {
      padding: 2px 5px;
      float: left; }
      /* line 210, ../scss/_base.scss */
      #inner-header nav ul li a {
        text-decoration: none;
        line-height: 14px;
        color: #666666; }
        /* line 214, ../scss/_base.scss */
        #inner-header nav ul li a:hover {
          color: #7c362d; }

/* line 222, ../scss/_base.scss */
.rss {
  height: 11px;
  width: 11px;
  display: inline-block;
  margin: 4px 4px 4px 8px;
  float: right;
  background-image: url(../images/ut-rss.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
  line-height: 14px; }

/*********************
POSTS & CONTENT STYLES
*********************/
/* entry content */
/* line 239, ../scss/_base.scss */
.entry-content {
  text-align: justify;
  /* at this larger size, we can start to align images */ }
  /* line 244, ../scss/_base.scss */
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left; }
  /* line 249, ../scss/_base.scss */
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right; }
  /* line 254, ../scss/_base.scss */
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both; }

/* end .entry-content */
/* line 263, ../scss/_base.scss */
#content {
  width: 960px;
  margin: 0 auto; }

/* line 268, ../scss/_base.scss */
#main {
  width: 660px;
  float: left;
  padding: 5px 0 5px 80px; }
  /* line 273, ../scss/_base.scss */
  #main a {
    outline: none;
    border: none; }

/* line 279, ../scss/_base.scss */
.page #main {
  width: 660px;
  float: left;
  padding: 5px 0 5px 20px; }

/* line 286, ../scss/_base.scss */
img#logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 252px;
  height: 240px; }

/* line 295, ../scss/_base.scss */
.post {
  border-bottom: 2px solid #a5a8a2;
  margin-bottom: 45px;
  position: relative; }

/* line 302, ../scss/_base.scss */
.single .post {
  border-bottom: none; }
  /* line 304, ../scss/_base.scss */
  .single .post .article-footer {
    padding-bottom: 5px;
    margin: 15px 0;
    border-bottom: 2px solid #a5a8a2; }

/* end .hentry */
/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
/* line 340, ../scss/_base.scss */
.byline {
  color: #999; }

/* entry content */
/* line 347, ../scss/_base.scss */
.entry-content {
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */ }
  /* line 382, ../scss/_base.scss */
  .entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  /* line 389, ../scss/_base.scss */
  .entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto; }
  /* line 405, ../scss/_base.scss */
  .entry-content video, .entry-content object {
    max-width: 100%;
    height: auto; }
  /* line 410, ../scss/_base.scss */
  .entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px; }

/* end .entry-content */
/* line 418, ../scss/_base.scss */
.wp-caption {
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  /* line 423, ../scss/_base.scss */
  .wp-caption img {
    margin-bottom: 0;
    width: 100%; }
  /* line 428, ../scss/_base.scss */
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/* line 461, ../scss/_base.scss */
.h2.article-title {
  font-size: 16px;
  color: #000000; }
  /* line 464, ../scss/_base.scss */
  .h2.article-title a {
    font-size: 16px;
    color: #000000; }
    /* line 467, ../scss/_base.scss */
    .h2.article-title a:hover {
      color: #e43800; }

/* line 473, ../scss/_base.scss */
.article-header {
  height: 300px;
  width: 145px;
  position: absolute;
  top: 5px;
  left: -113px; }
  /* line 479, ../scss/_base.scss */
  .article-header a {
    text-decoration: none; }

/* line 484, ../scss/_base.scss */
.post-date {
  height: 75px;
  width: 145px;
  background-image: url(../images/tape.png);
  background-repeat: no-repeat; }
  /* line 489, ../scss/_base.scss */
  .post-date .day, .post-date .month, .post-date .year {
    display: block;
    color: #333;
    padding: 0;
    margin: 0;
    float: left;
    text-decoration: none; }
  /* line 497, ../scss/_base.scss */
  .post-date .day {
    font-size: 30px;
    font-family: 'Oswald';
    padding-top: 12px;
    height: 75px;
    width: 73px;
    text-align: right; }
  /* line 505, ../scss/_base.scss */
  .post-date .month {
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 24px;
    margin-right: 35px;
    width: 35px;
    text-align: center;
    line-height: 12px; }
  /* line 513, ../scss/_base.scss */
  .post-date .year {
    font-size: 12px;
    width: 35px;
    margin-right: 35px;
    text-align: center;
    line-height: 12px; }

/* line 522, ../scss/_base.scss */
.comment-count {
  height: 28px;
  width: 38px;
  margin: 15px auto;
  background-image: url(../images/bubble.png);
  background-repeat: no-repeat; }
  /* line 528, ../scss/_base.scss */
  .comment-count span {
    font-size: 13px;
    width: 35px;
    height: 25px;
    padding: 4px 3px 3px 3px;
    display: block;
    margin: 0 auto;
    color: #ffffff;
    text-align: center; }

/* line 540, ../scss/_base.scss */
.post .category {
  width: 100%;
  text-align: right;
  font-size: 12px; }
  /* line 544, ../scss/_base.scss */
  .post .category a {
    background-color: #ffffff;
    color: #333333;
    padding: 2px 4px 0 4px;
    margin: 3px 3px 0 2px;
    opacity: 0.7;
    clear: both;
    width: auto;
    display: inline-block;
    text-decoration: none;
    transition: ease-in 0.2s;
    -moz-transition: ease-in 0.2s;
    /* Firefox 4 */
    -webkit-transition: ease-in 0.2s;
    /* Safari and Chrome */
    -o-transition: ease-in 0.2s;
    /* Opera */ }
    /* line 558, ../scss/_base.scss */
    .post .category a:hover {
      color: #000000;
      opacity: 0.8;
      background-color: #fcf9e0; }

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
/* line 570, ../scss/_base.scss */
.page-navigation,
.wp-prev-next {
  float: right;
  position: relative;
  left: -50%;
  text-align: left; }

/* line 576, ../scss/_base.scss */
.bones_page_navi {
  position: relative;
  left: 50%;
  /* current page link */
  /* end .bones_page_navi .bpn-current */
  /* common styles for page-navi links */
  /* remove the bg on end links */
  /* previous link */
  /* next page link */
  /* first page link */
  /* last page link */ }
  /* line 579, ../scss/_base.scss */
  .bones_page_navi li {
    float: left;
    margin-left: 10px; }
    /* line 582, ../scss/_base.scss */
    .bones_page_navi li a {
      padding: 3px 6px;
      display: inline;
      text-decoration: none;
      position: relative; }
      /* line 589, ../scss/_base.scss */
      .bones_page_navi li a:hover, .bones_page_navi li a:focus {
        color: #000000;
        text-decoration: underline; }
  /* line 598, ../scss/_base.scss */
  .bones_page_navi li.bpn-current {
    padding: 3px 6px;
    line-height: 16px;
    font-size: 15px;
    border-bottom: 2px solid #666666;
    position: relative; }
    /* line 605, ../scss/_base.scss */
    .bones_page_navi li.bpn-current a {
      /* hovering on current page link */ }
  /* line 616, ../scss/_base.scss */
  .bones_page_navi li.bpn-prev-link,
  .bones_page_navi li.bpn-next-link {
    font-weight: 700; }
    /* line 619, ../scss/_base.scss */
    .bones_page_navi li.bpn-prev-link a,
    .bones_page_navi li.bpn-next-link a {
      padding: 0; }
  /* line 628, ../scss/_base.scss */
  .bones_page_navi li.bpn-prev-link a:hover,
  .bones_page_navi li.bpn-next-link a:hover,
  .bones_page_navi li.bpn-first-page-link a:hover,
  .bones_page_navi li.bpn-last-page-link a:hover {
    background: none; }

/* end .bones_page_navi */
/* fallback previous & next links */
/* line 671, ../scss/_base.scss */
.wp-prev-next .prev-link {
  float: left; }
/* line 675, ../scss/_base.scss */
.wp-prev-next .next-link {
  float: right; }

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
/* line 686, ../scss/_base.scss */
#comments {
  padding: 0;
  margin: 0;
  /* number of comments span */ }

/* line 703, ../scss/_base.scss */
#comment-form-elements li {
  border: none; }

/* line 707, ../scss/_base.scss */
.commentlist {
  /* general comment classes */
  /* vcard */
  /* end .commentlist .vcard */
  /* comment meta */
  /* comment content */
  /* end .commentlist .comment_content */
  /* comment reply link */
  /* end .commentlist .comment-reply-link */ }
  /* line 709, ../scss/_base.scss */
  .commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    padding: 10px 10px 0 10px;
    border-bottom: 1px solid #aaaca6;
    /* end .commentlist li ul.children */ }
    /* line 716, ../scss/_base.scss */
    .commentlist li:last-child {
      margin-bottom: 0; }
    /* line 720, ../scss/_base.scss */
    .commentlist li .comment-date {
      width: 70px;
      position: absolute;
      top: 4px;
      left: 0; }
      /* line 725, ../scss/_base.scss */
      .commentlist li .comment-date .day, .commentlist li .comment-date .month {
        display: block;
        color: #333;
        padding: 0;
        margin: 0;
        float: left;
        text-decoration: none;
        text-align: center; }
      /* line 734, ../scss/_base.scss */
      .commentlist li .comment-date .day {
        font-size: 25px;
        font-family: 'Oswald';
        padding-top: 12px;
        width: 70px; }
      /* line 741, ../scss/_base.scss */
      .commentlist li .comment-date .month {
        font-size: 12px;
        text-transform: uppercase;
        width: 70px;
        line-height: 12px; }
    /* line 749, ../scss/_base.scss */
    .commentlist li ul.children {
      margin: 0;
      /* variations */
      /* change number for different depth */ }
      /* line 755, ../scss/_base.scss */
      .commentlist li ul.children .comment {
        float: right; }
      /* line 763, ../scss/_base.scss */
      .commentlist li ul.children .depth-2,
      .commentlist li ul.children .depth-3,
      .commentlist li ul.children .depth-4,
      .commentlist li ul.children .depth-5 {
        width: 93%;
        border-bottom: none;
        border-top: 1px solid #aaaca6; }
  /* line 775, ../scss/_base.scss */
  .commentlist li[class*=depth-] {
    margin-top: 1.1em; }
  /* line 779, ../scss/_base.scss */
  .commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0; }
  /* line 784, ../scss/_base.scss */
  .commentlist li:not(.depth-1) {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 0;
    padding-bottom: 0; }
  /* line 811, ../scss/_base.scss */
  .commentlist .bypostauthor {
    background-color: #ededed; }
  /* line 819, ../scss/_base.scss */
  .commentlist .vcard {
    margin-left: 60px; }
    /* line 822, ../scss/_base.scss */
    .commentlist .vcard cite.fn {
      margin-top: 7px;
      display: block;
      font-weight: 700;
      font-style: normal; }
      /* line 827, ../scss/_base.scss */
      .commentlist .vcard cite.fn a.url {
        text-decoration: none;
        color: #7c362d; }
        /* line 830, ../scss/_base.scss */
        .commentlist .vcard cite.fn a.url:hover {
          color: #e43800; }
    /* line 836, ../scss/_base.scss */
    .commentlist .vcard time {
      float: right; }
      /* line 839, ../scss/_base.scss */
      .commentlist .vcard time a {
        color: #999;
        text-decoration: none; }
        /* line 843, ../scss/_base.scss */
        .commentlist .vcard time a:hover {
          text-decoration: underline; }
    /* line 853, ../scss/_base.scss */
    .commentlist .vcard img.avatar {
      position: absolute;
      left: 10px;
      padding: 2px;
      border: 1px solid #cecece;
      background: #fff; }
  /* line 878, ../scss/_base.scss */
  .commentlist .comment_content {
    margin-left: 60px; }
    /* line 881, ../scss/_base.scss */
    .commentlist .comment_content p {
      margin: 0; }
  /* line 888, ../scss/_base.scss */
  .commentlist .comment-reply-link, .commentlist .comment-edit-link {
    text-decoration: none;
    float: right;
    padding: 0 5px;
    color: #333333;
    opacity: 0.65;
    margin-bottom: 5px;
    font-size: 12px; }
    /* line 901, ../scss/_base.scss */
    .commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus, .commentlist .comment-edit-link:hover, .commentlist .comment-edit-link:focus {
      opacity: 1; }

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
/* line 913, ../scss/_base.scss */
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  /* line 917, ../scss/_base.scss */
  .respond-form form {
    margin: 0.75em 0; }
    /* line 925, ../scss/_base.scss */
    .respond-form form input:focus,
    .respond-form form textarea:focus,
    .respond-form form select:focus,
    .respond-form form input:hover,
    .respond-form form textarea:hover,
    .respond-form form select:hover {
      border: 1px solid #999 !important;
      -webkit-box-shadow: 0 0 6px #c4c4c4;
      -moz-box-shadow: 0 0 5px #c4c4c4;
      box-shadow: 0 0 5px #c4c4c4;
      -webkit-appearance: none;
      outline: none; }
    /* line 935, ../scss/_base.scss */
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      /* line 941, ../scss/_base.scss */
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    /* line 946, ../scss/_base.scss */
    .respond-form form input, .respond-form form textarea {
      transition: ease-in 0.5s;
      -moz-transition: ease-in 0.5s;
      /* Firefox 4 */
      -webkit-transition: ease-in 0.5s;
      /* Safari and Chrome */
      -o-transition: ease-in 0.5s;
      /* Opera */ }
    /* line 956, ../scss/_base.scss */
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      border: 1px solid #959891;
      line-height: 1.5em;
      /* form validation */ }
      /* line 963, ../scss/_base.scss */
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none; }
    /* line 976, ../scss/_base.scss */
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    /* line 981, ../scss/_base.scss */
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

/* comment submit button */
/* line 991, ../scss/_base.scss */
#submit {
  float: right;
  line-height: 16px;
  margin-right: 17px; }

/* comment form title */
/* line 998, ../scss/_base.scss */
#comment-form-title {
  margin: 0 0 1.1em; }

/* cancel comment reply link */
/* logged in comments */
/* no comments */
/* line 1011, ../scss/_base.scss */
.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
/* line 1019, ../scss/_base.scss */
.sidebar {
  float: right;
  width: 275px; }
  /* line 1023, ../scss/_base.scss */
  .sidebar a {
    outline: none;
    border: none; }

/* line 130, social/*.png */
.social-sprite, .social li.twitter, .social li.twitter:hover, .social li.facebook, .social li.facebook:hover, .social li.pinterest, .social li.pinterest:hover, .social li.instagram, .social li.instagram:hover, .social li.dribble, .social li.dribble:hover, .social li.lastfm, .social li.lastfm:hover {
  background: url('../images/social-s049ba9f90a.png') no-repeat; }

/* line 1031, ../scss/_base.scss */
.social {
  width: 215px;
  height: 24px;
  margin: 30px auto;
  float: left;
  position: relative;
  left: 50%; }
  /* line 1038, ../scss/_base.scss */
  .social li {
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    height: 24px;
    width: 24px;
    text-indent: -9999px;
    position: relative;
    left: -50%;
    background-repeat: no-repeat; }
    /* line 1048, ../scss/_base.scss */
    .social li.twitter {
      background-position: 0 -192px; }
      /* line 1050, ../scss/_base.scss */
      .social li.twitter:hover {
        background-position: 0 -216px; }
    /* line 1054, ../scss/_base.scss */
    .social li.facebook {
      background-position: 0 -240px; }
      /* line 1056, ../scss/_base.scss */
      .social li.facebook:hover {
        background-position: 0 -264px; }
    /* line 1060, ../scss/_base.scss */
    .social li.pinterest {
      background-position: 0 -144px; }
      /* line 1062, ../scss/_base.scss */
      .social li.pinterest:hover {
        background-position: 0 -168px; }
    /* line 1066, ../scss/_base.scss */
    .social li.instagram {
      background-position: 0 -96px; }
      /* line 1068, ../scss/_base.scss */
      .social li.instagram:hover {
        background-position: 0 -48px; }
    /* line 1072, ../scss/_base.scss */
    .social li.dribble {
      background-position: 0 0; }
      /* line 1074, ../scss/_base.scss */
      .social li.dribble:hover {
        background-position: 0 -24px; }
    /* line 1078, ../scss/_base.scss */
    .social li.lastfm {
      background-position: 0 -120px; }
      /* line 1080, ../scss/_base.scss */
      .social li.lastfm:hover {
        background-position: 0 -72px; }
    /* line 1084, ../scss/_base.scss */
    .social li a {
      display: block;
      height: 24px;
      width: 24px; }

/* line 1092, ../scss/_base.scss */
.widget.large-ad, .widget.small-ad {
  margin: 0 0 12px 14px;
  padding: 0;
  float: left; }
  /* line 1096, ../scss/_base.scss */
  .widget.large-ad .widgettitle, .widget.small-ad .widgettitle {
    display: none; }

/* line 1100, ../scss/_base.scss */
.widget.large-ad {
  height: 96px;
  width: 245px; }

/* line 1104, ../scss/_base.scss */
.widget.small-ad {
  height: 96px;
  width: 115px; }

/* line 1109, ../scss/_base.scss */
.widgettitle {
  border-bottom: 2px solid #444;
  margin-bottom: 0.75em; }

/* line 1114, ../scss/_base.scss */
.widget {
  padding: 0 10px;
  margin: 2.2em 0;
  float: left;
  width: 100%; }
  /* line 1121, ../scss/_base.scss */
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */ }
    /* line 1129, ../scss/_base.scss */
    .widget ul li ul {
      margin-top: 0.75em;
      padding-left: 1em; }

/* links widget */
/* meta widget */
/* pages widget */
/* recent-posts widget */
/* archives widget */
/* tag-cloud widget */
/* calendar widget */
/* category widget */
/* recent-comments widget */
/* search widget */
/* line 1216, ../scss/_base.scss */
#searchform {
  width: 270px;
  float: left; }
  /* line 1219, ../scss/_base.scss */
  #searchform #s {
    width: 160px;
    outline: none;
    padding: 2px 5px;
    border: 1px solid #aaaca6;
    font-family: "Karla", serif;
    text-transform: uppercase;
    color: #666666; }
    /* line 1228, ../scss/_base.scss */
    #searchform #s:focus, #searchform #s:hover {
      border: 1px solid #999 !important;
      -webkit-box-shadow: 0 0 6px #c4c4c4;
      -moz-box-shadow: 0 0 5px #c4c4c4;
      box-shadow: 0 0 5px #c4c4c4;
      -webkit-appearance: none;
      outline: none; }
  /* line 1237, ../scss/_base.scss */
  #searchform #searchsubmit {
    background-color: #ffffff;
    outline: none;
    border: none;
    color: #666666;
    font-size: 12px;
    font-family: "Karla", serif;
    text-transform: uppercase; }
    /* line 1245, ../scss/_base.scss */
    #searchform #searchsubmit:hover {
      color: #7c362d;
      border: none;
      outline: none; }
  /* line 1251, ../scss/_base.scss */
  #searchform input, #searchform textarea {
    transition: 0.5s;
    -moz-transition: 0.5s;
    /* Firefox 4 */
    -webkit-transition: 0.5s;
    /* Safari and Chrome */
    -o-transition: 0.5s;
    /* Opera */ }

/* text widget */
/*********************
FOOTER STYLES
*********************/
/* line 1271, ../scss/_base.scss */
.footer {
  width: 960px;
  margin: 0 auto;
  padding-top: 20px;
  clear: both; }

/*
if you checked out the link above:
http://www.alistapart.com/articles/organizing-mobile/
you'll want to style the footer nav
a bit more in-depth. Remember to keep
it simple because you'll have to
override these styles for the desktop
view.
*/
/* end .footer-links */
/* line 1298, ../scss/_base.scss */
.copyright {
  height: 177px;
  width: 355px;
  display: block;
  margin: 0 auto;
  background-image: url("../images/bracket.png");
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 50px;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase; }

/* line 1323, ../scss/_base.scss */
.comment-count {
  background-image: url(../images/bubble-x2.png);
  background-size: 100%; }

/* line 130, social-x2/*.png */
.social-x2-sprite, .social li.twitter, .social li.twitter:hover, .social li.facebook, .social li.facebook:hover, .social li.pinterest, .social li.pinterest:hover, .social li.instagram, .social li.instagram:hover, .social li.dribble, .social li.dribble:hover, .social li.lastfm, .social li.lastfm:hover {
  background: url('../images/social-x2-sc4925a9873.png') no-repeat; }

/* line 1331, ../scss/_base.scss */
.social-x2-sprite, .social li.twitter, .social li.twitter:hover, .social li.facebook, .social li.facebook:hover, .social li.pinterest, .social li.pinterest:hover, .social li.instagram, .social li.instagram:hover, .social li.dribble, .social li.dribble:hover, .social li.lastfm, .social li.lastfm:hover, .social li.twitter, .social li.twitter:hover, .social li.facebook, .social li.facebook:hover, .social li.pinterest, .social li.pinterest:hover, .social li.instagram, .social li.instagram:hover, .social li.dribble, .social li.dribble:hover, .social li.lastfm, .social li.lastfm:hover {
  background-image: url(../images/social-x2-sc4925a9873.png);
  background-size: 100%; }

/* line 1340, ../scss/_base.scss */
.social li.twitter {
  background-position: 0 -384px; }
  /* line 1342, ../scss/_base.scss */
  .social li.twitter:hover {
    background-position: 0 -432px; }
/* line 1346, ../scss/_base.scss */
.social li.facebook {
  background-position: 0 -480px; }
  /* line 1348, ../scss/_base.scss */
  .social li.facebook:hover {
    background-position: 0 -528px; }
/* line 1352, ../scss/_base.scss */
.social li.pinterest {
  background-position: 0 -288px; }
  /* line 1354, ../scss/_base.scss */
  .social li.pinterest:hover {
    background-position: 0 -336px; }
/* line 1358, ../scss/_base.scss */
.social li.instagram {
  background-position: 0 -144px; }
  /* line 1360, ../scss/_base.scss */
  .social li.instagram:hover {
    background-position: 0 0; }
/* line 1364, ../scss/_base.scss */
.social li.dribble {
  background-position: 0 -48px; }
  /* line 1366, ../scss/_base.scss */
  .social li.dribble:hover {
    background-position: 0 -96px; }
/* line 1370, ../scss/_base.scss */
.social li.lastfm {
  background-position: 0 -240px; }
  /* line 1372, ../scss/_base.scss */
  .social li.lastfm:hover {
    background-position: 0 -192px; }

/* line 1379, ../scss/_base.scss */
.social li.twitter {
  background-position: 0 -192px; }

/* line 1382, ../scss/_base.scss */
.social li.twitter:hover {
  background-position: 0 -216px; }

/* line 1385, ../scss/_base.scss */
.social li.facebook {
  background-position: 0 -240px; }

/* line 1388, ../scss/_base.scss */
.social li.facebook:hover {
  background-position: 0 -264px; }

/* line 1391, ../scss/_base.scss */
.social li.pinterest {
  background-position: 0 -144px; }

/* line 1394, ../scss/_base.scss */
.social li.pinterest:hover {
  background-position: 0 -168px; }

/* line 1397, ../scss/_base.scss */
.social li.instagram {
  background-position: 0 -72px; }

/* line 1400, ../scss/_base.scss */
.social li.instagram:hover {
  background-position: 0 0; }

/* line 1403, ../scss/_base.scss */
.social li.dribble {
  background-position: 0 -24px; }

/* line 1406, ../scss/_base.scss */
.social li.dribble:hover {
  background-position: 0 -48px; }

/* line 1409, ../scss/_base.scss */
.social li.lastfm {
  background-position: 0 -120px; }

/* line 1412, ../scss/_base.scss */
.social li.lastfm:hover {
  background-position: 0 -96px; }

/* line 1416, ../scss/_base.scss */
.rss {
  background-image: url(../images/ut-rss-x2.png);
  background-size: 100%; }

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  /* line 15, ../scss/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* line 23, ../scss/_print.scss */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    /* line 28, ../scss/_print.scss */
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    /* line 33, ../scss/_print.scss */
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  /* line 40, ../scss/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  /* line 44, ../scss/_print.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  /* line 49, ../scss/_print.scss */
  thead {
    display: table-header-group; }

  /* line 53, ../scss/_print.scss */
  tr, img {
    page-break-inside: avoid; }

  /* line 57, ../scss/_print.scss */
  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  /* line 65, ../scss/_print.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  /* line 71, ../scss/_print.scss */
  h2,
  h3 {
    page-break-after: avoid; }

  /* line 80, ../scss/_print.scss */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }