/* Minification failed. Returning unminified contents.
(2472,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, 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; }
	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; }


/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: 21px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	a.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	a.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }


/* #Tabs (activate in tabs.js)
================================================== */
	ul.tabs {
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li {
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 29px;
		padding: 0px 20px;
		line-height: 30px;
		border: solid 1px #ddd;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #f5f5f5;
		font-size: 13px; }
	ul.tabs li a.active {
		background: #fff;
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a.active {
		margin-left: 0; }
	ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }

	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
		
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }



/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }

        .container .one.column                      { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }



/*
 * Agility - Responsive HTML5 / CSS3 Template
 * 
 * Main Styles
 * 
 * Copyright Chris Mavricos, SevenSpark
 * http://sevenspark.com
 * 
 */


/*
 * TABLE OF CONTENTS
 * =========================================================
 * 
 * 		#General Site Styles
 * 		#Fonts & Typography
 * 		#Dropdown Panel Container
 * 
 * 		#Site Header
 *		#Navigation
 *
 * 		#Slider
 * 		#Lightbox
 * 		#Videos 
 * 
 * 		#Page Headings
 * 		#Post Content
 * 			- Mosiac - Grid Layout
 * 			- Blog Layout - Standard Layout
 * 			- Bloglist - Widget Style
 * 		#Portfolio
 * 		#Single Posts
 * 		#Comments
 *
 * 		#Sidebar
 * 
 * 		#HTML Elements
 * 			#Blockquotes
 * 			#Lists
 * 			#Forms
 * 			#Buttons
 * 			#Tabs
 * 			#Tables
 * 			#Alert Boxes
 * 			#Icons
 * 			#Tooltips
 * 
 * 		#Contact Form
 *  
 * 		#Footer 
 * 		#Miscellaneous Headers
 * 
 * 		#Twitter Plugin
 * 
 * 		#Utility Classes 		
 * 		#Skins
 * 		#Transitions
 * 		#IE Stupidity
 * 		#Font-Face (sample code)
 * 
 * 		#Media Queries
 * 
 */



/* #General Site Styles
================================================== */

body{
	-webkit-font-smoothing: antialiased;
	background:#222 url(../images/bkgs/stripes_tiny_10.png) 0 0 repeat;
	font: 14px/21px "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrap{
	background:#FFFFFF;
}
#main{
	position:relative;
	z-index:10;
	margin-top:1.6em;
	margin-bottom:4em;
	overflow:hidden; /* Important for slider, otherwise it expands the page on mobile devices */
}




/* #Fonts & Typography
======================================================== */

/* Serif */
h1, h2, h3, h4, 
.tagline,
blockquote,
ul.link-list li,
.portfolio .portfolio-by,
.portfolio .portfolio-excerpt,
#colophon #footer-base,
.author-bio-blurb,
h5.sub-page-title,
.portfolio-item.single .post-content,
#tweet,
.serif{
	font-family: "Droid Serif", "Merriweather", "Georgia", "Times New Roman"; /*Helvetica, Arial, sans-serif;*/
}

/* Sans-serif */
h5, h6,
.drop-panel h1, .drop-panel h2, .drop-panel h3, .drop-panel h4, .drop-panel h5, 
#sub-title,
h1.page-title, h2.page-title,
.portfolio h1,
.sidebar h3, .sidebar h4,
.search-bar input,
.mosaic .feature-column h4{
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
}

h5, h6{
	text-transform:uppercase;
	color:#777;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
h2 { font-size: 35px; line-height: 40px; margin-bottom: 12px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 10px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 8px; }
h5 { font-size: 16px; line-height: 24px; margin-bottom: 6px; }
h6 { font-size: 11px; line-height: 21px; margin-bottom: 4px; }

strong { color:inherit; }



/* #Dropdown Panel Container
========================================================== */
.drop-panel{
	background:#444 url(../images/bkgs/stripes_tiny_10.png) 0 1px repeat;
	display:none;
	color:#efefef;	
	padding:1em 0;	
	font-size:.8em;
	position:relative;
}

.drop-panel .container{
	display:block;
}
.drop-panel h1,
.drop-panel h2,
.drop-panel h3,
.drop-panel h4,
.drop-panel h5{
	color:#efefef;
	margin:.8em 0;
	line-height:1em;
	
	text-transform:uppercase;
}
.drop-bar-container{
	border-top:3px solid #111;
}
.drop-bar{
	float:right;
	font-size:.8em;
	text-align:right;
}
.drop-bar a{
	text-decoration:none;
	margin-left:10px;
	
}
.drop-bar a.social-media{
	opacity:.8;
	-webkit-transition:opacity .2s ease-in-out;
	-o-transition:opacity .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out;
	transition:opacity .2s ease-in-out;
}
.drop-bar a.social-media:hover{
	opacity:1;
}
.drop-bar a.social-media img{
	padding:4px 0;
	vertical-align:top;
}
.drop-bar a.twitter img{
	padding-top:6px;
}

.drop-panel p{
	margin-bottom:10px;
}

#drop-panel-expando{
	background:#000;
	display:inline-block;
	padding:2px 11px 3px 11px;
	color:#efefef;
	font-weight:900;
	float:right;
}



/* #Site Header
================================================ */
#header{
	position:relative;
	z-index:20;
}
#header #header-inner{
	border-bottom:1px solid #efefef;
	padding-bottom:1em;
	margin-bottom:1.5em;
}
#site-title,
#site-title a{
	font-weight:normal;
	color:#555;
	text-decoration:none;
	text-shadow: 2px 2px 0px rgba(125, 125, 125, .25);
}
#sub-title{
	color:#bbb;
	text-transform:uppercase;		
	margin:.8em 0 0 0;	
	font-size:.9em;
	line-height:1em;
}

#masthead{
	margin-top:1.5%;
	font-size:100%;
}




/* #Navigation 
=============================================== */

nav#main-nav{
	font-size:100%;
	position:absolute;
	bottom:0px;
}


/* All Levels */
nav#main-nav ul{
	margin:0px;
	padding:0px;
	display:block;
}
nav#main-nav ul li a{
	text-decoration:none;
	color:#444;
	white-space: nowrap;
	font-size:.9em;
}

/* Top Level */
nav#main-nav > ul{
	float:right;
	
}
nav#main-nav > ul > li{
	display:inline-block;
	padding:0 0 12px 0;
	margin:0 1.2em;
	position:relative;
}
nav#main-nav ul li.agileHover,
nav#main-nav ul li:hover{
	z-index:30;
}
nav#main-nav > ul > li > a{
	color:#666;
	
	border-top:3px solid #FEFEFE;
	border-top:3px solid transparent;
	-moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-o-transition: border-color, color, padding-top .1s ease-in-out; /* Opera likes to be theatrical with font size, so we can't use 'all' */
	transition: all .1s ease-in-out;
	
	font-style:italic;
}
nav#main-nav > ul > li:hover > a,
nav#main-nav > ul > li > a:hover{
	border-color:#aaa;
	padding-top:.3em;
	color:#000;
}
nav#main-nav > ul > li.current > a{
	border-color:#efefef;
	padding-top:.3em;
	color:#555;
}
nav#main-nav > ul > li:nth-of-type(1):hover a,
nav#main-nav > ul > li:nth-of-type(1) > a:hover{
	border-color:#8a48de;
}
nav#main-nav > ul > li:nth-of-type(2):hover a,
nav#main-nav > ul > li:nth-of-type(2) > a:hover{
	border-color:#de341b;
}
nav#main-nav > ul > li:nth-of-type(3):hover a,
nav#main-nav > ul > li:nth-of-type(3) > a:hover{
	border-color:#64a330;
}
nav#main-nav > ul > li:nth-of-type(4):hover a,
nav#main-nav > ul > li:nth-of-type(4) > a:hover{
	border-color:#1257a2;
}
nav#main-nav > ul > li:nth-of-type(5):hover a,
nav#main-nav > ul > li:nth-of-type(5) > a:hover{
	border-color:#8a48de;
}
nav#main-nav > ul > li:nth-of-type(6):hover a,
nav#main-nav > ul > li:nth-of-type(6) > a:hover{
	border-color:#de341b;
}

/* Second Level */
nav#main-nav > ul li ul{
	top:100%;
	left:0;
	position:absolute;
	display:block;
	
	height:0px;
	overflow:hidden;
	opacity:0;	
	
	min-width:100%;
		
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	
	background-color:#eee;
	background-color:rgba(240,240,240,.9);
	
}
nav#main-nav > ul > li:hover > ul{
	height:auto;
	opacity:1;
	overflow:visible;
	display:block;
}
nav#main-nav ul ul li{
	position:relative;
	margin:0;
	padding:0;
	border-bottom:1px dotted #dedede;
}
nav#main-nav ul ul li a{
	padding:.6em 1.3em;
	display:block;
}
nav#main-nav ul ul li a:hover{
	color:#000;
	background-color:#ddd;
	background-color:rgba(230,230,230,1);
}

/* 3rd + Levels */
nav#main-nav ul ul li ul{
	position:absolute;
	top:0;
	left:100%;
	font-size:100%;
}
nav#main-nav ul ul li:hover ul{	
	height:auto;
	opacity:1;
}

/* Mobile */
.nav-close{
	display:none;
	font-size:8px;
	text-transform:uppercase;
	padding:1px 8px;
	background:#dedede;
	text-decoration:none;
	position:absolute;
	z-index:50;
}

a.mobile-menu-button{
	display:none;
}





/* #Slider
============================================== */

.wrap .flexslider {
	background: transparent; 
	border: none; 
	position: relative; 
	zoom:1; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	-o-border-radius: 0px; 
	border-radius: 0px; 
}

.wrap .flex-caption {
	background:none; 
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
	zoom: 1;
}

.wrap .flex-container .flex-caption {
	width: 96.3%; 
	padding: 2%; 
	position: absolute; 
	left: 0; 
	bottom: 0; 
	background: rgba(0,0,0,.3); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.3); 
}
.wrap .flex-container .flex-caption.flex-caption-top{
	top:0;
	bottom:auto;
}

.wrap .flex-container h5,
.wrap #main .flex-container h5{
	color:#fff;
	font-weight:bold;
	margin-bottom:0px;
}

.wrap .flex-container .flexslider .flex-caption p{
	color:#f9f9f9;
	font-size:1em;
	font-style:italic;
	margin-bottom:0;
}
.wrap .flex-container .flexslider .flex-caption p em{
	font-style:normal;
}


.wrap .flex-container li{
	margin-bottom:0;
	overflow:hidden;
}
/* Direction Nav */
.wrap .flex-direction-nav{
	display:none;
	position:absolute;
	width:100%;
	top:50%;
	margin-top:-25px;
	display:block\9; /*IE needs this */
}
.wrap .flex-direction-nav li a {
	margin: 0 ; 
	display:block;
	background: url(../images/slider_arrows.png) no-repeat 0 0;
	position: absolute; 
	top:0;
	cursor: pointer; 
	text-indent: -9999px;
	background-color:#222;
	background-color:rgba(0,0,0,.1);
	color:#fff;
	width:20px;
	height:20px;
	font-size:20px;
	padding:15px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-o-border-radius:50px;
	text-decoration:none;
	text-align:center;
	
	font-weight:normal;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	
}
.wrap .flex-direction-nav li a:hover{
	background-color:#222;
	background-color:rgba(0,0,0,.3);
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wrap .flex-direction-nav li a.next {background-position: -50px 0; right: 20px; /*-21px;*/ }
.wrap .flex-direction-nav li a.prev {background-position: 0 0; left: 20px; /* -20px;*/ }
.wrap .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.wrap .flex-control-nav { 
	display:none; 
	width: 100%; 
	position: absolute; 
	bottom: 20px; 
	text-align: center;
}
.wrap .flex-video-slider .flex-control-nav{
	display:none !important; /* Hide in video slider, otherwise it blocks the controls */
}
.wrap .flex-control-nav li {
	margin: 0 0 0 5px; 
	display: inline-block; 
	zoom: 1; 
	*display: inline;
}
.wrap .flex-control-nav li:first-child {margin: 0;}
.wrap .flex-control-nav li a {
	width: 13px; height: 13px; display: block;
	background-image:none;
	background-color:#444;
	background-color:rgba(0,0,0,.1); 
	cursor: pointer; text-indent: -9999px;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.wrap .flex-control-nav li a:hover {
	background-position: 0 -13px;
	background-color:#000;
	background-color:rgba(0,0,0,.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wrap .flex-control-nav li a.active {
	background-position: 0 -26px; cursor: default;
	background-color:#000;
	background-color:rgba(0,0,0,.4);
}

/* Only show on hover */
.wrap .flex-container:hover .flex-direction-nav,
.wrap .flex-container:hover .flex-control-nav{
	display:block;
}

/* Pause / Play */
.flex-pauseplay{
	position: absolute;
	top: 0px;
	right: 0px;
	opacity:.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.flex-container:hover .flex-pauseplay{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.flex-pauseplay span{
	margin:5px 5px 0 0;
	width:22px;
	height:22px;
	font-size:8px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:24px;
	display:block;
	background-color:#222;
	background-color: rgba(250, 250, 250, .2);
	background-position:5px 5px;
	background-repeat:no-repeat;
	color:#dedede;
	text-indent:-999em;
	cursor:pointer;
}
.flex-pauseplay .play{
	background-image: url(../images/icons/play_12.png);
}
.flex-pauseplay .pause{
	background-image: url(../images/icons/pause_12.png);
}

.flexslider iframe{ max-width: 100%; max-height:100%; }


/* #Lightbox
===================================================== */
a.img-link.preload { 
	background-image:url(../images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.preload img{
	visibility:visible;
	opacity: 1;
	-webkit-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;	
}
.preload img.loading{
	visibility: hidden;
	opacity: .2;
	-webkit-transition:none;
	-o-transition:none;
	-moz-transition:none;
	transition:none;	
}

a[data-rel^="prettyPhoto"]{
	position:relative;
	text-decoration:none;
	background-image:url(../images/bkgs/stripes_tiny_08.png);
	background-repeat:repeat;
}
a.img-link.preload,
a[data-rel^="prettyPhoto"]{
	display:block;
}

a[data-rel^="prettyPhoto"] img{
	display:block;
}
span.photoButton,
a[data-rel^="prettyPhoto"]:hover:after{
	content: ' ';	
	
	display:block;
	position:absolute;
	bottom:0;
	left:0;	
	color:#444;
	font-size:14px;
	height:18px;
	width:18px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	
	background-color:#eee;
	background-color:rgba(255, 255, 255, 1);
	background-image:url(../images/icons/camera_4.png); /*zoom_in.png);*/
	background-position: center center;
	background-repeat:no-repeat;
	opacity:.7;
	
	height:22px;
	width:22px;
}
.video-link span.photoButton,
a[data-rel^="prettyPhoto"].video-link:hover:after{
	background-image:url(../images/icons/video_recorder.png);
}

a[data-rel^="prettyPhoto"]:hover img{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */	
	filter: alpha(opacity=50);	/* IE 5-7 */
	opacity:.5; /* Real Browsers */
}

div.pp_default .pp_description{
	padding-top:4px;
}
.pp_gallery{
	opacity:0;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;	
}
.pp_fade:hover .pp_gallery{
	opacity:1;	
}



/* #Videos
 =========================================== */

video {
	max-width: 100%;
	height: auto;
}

/* Necessary Styles because IE8 doesn't support media queries */
.ie8 .video-container {
	position: relative;
	padding-bottom: 56.25%;
}

.ie8 .video-container iframe,  
.ie8 .video-container object,  
.ie8 .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ie8 .video-wrapper {
	max-width: 100%;
}

/* We're not going to do this on mobile devices, because it breaks certain iOS5 versions */
	@media only screen and (min-width: 481px) {
		.video-container {
			position: relative;
			padding-bottom: 56.25%;
			/*padding-top: 30px;
			height: 0;
			overflow: hidden;*/
		}
		
		.video-container iframe,  
		.video-container object,  
		.video-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		
		.video-wrapper {
			max-width: 100%;
		}
	}





/* #Page Headings
=================================================== */

#main h1,
#main h2,
#main h3,
#main h4{
	color:#333;
}

h1.page-title,
h2.page-title{
	margin-bottom:.3em; /*.9em; /*1.5em;*/
	font-size:2.6em;
	color:#333;
	font-weight:bolder;
	color:#555;
	text-transform:uppercase;
}
h2.page-title{
	margin-bottom:.9em;
}
.page-title.page-title-with-sub{
	margin-bottom:.2em;
}

.page-title.alternate{
	font-size:2.5em;
	margin-top:1em;
	margin-bottom:.6em;
	line-height:1.1em;
	font-weight:normal;
	text-align:center;
}

h5.sub-page-title{
	font-size:1.0em;
	color:#666;
	margin-bottom:1.8em;
	font-style:italic;
	letter-spacing:0px;
	text-transform:none;
}
.blog-layout .post h1,
.mosaic .post h1{
	letter-spacing:-1px;
}





/* #Post Content
================================================ */

.post p{
	color:#777;
}

/* MOSAIC - Grid Layout */
.mosaic article{
	margin-bottom:1em;
}
.clear-grid{
	clear:both;
}
.mosaic article:nth-child(3n+1){
	clear:both; /* Make sure rows don't get "hung up" on the second column */
}
.mosaic article header a.img-link,
.mosaic article header a[data-rel^="prettyPhoto"],
.mosaic div.feature-column a.img-link, 
.mosaic div.feature-column a[data-rel^="prettyPhoto"],
.bloglist a.img-link,
.bloglist a.video-link{
	margin-bottom:1em;
}

.mosaic a[data-rel^="prettyPhoto"] img{
	margin-bottom:0px;
	display:block;
}

.mosaic article h1,
.mosaic .feature-column h1{
	font-size:1.2em;
	line-height:1.4em;
	font-weight:normal;
	margin-bottom:.4em;
}
.mosaic article.post.with-meta{
	margin-bottom:3em;
}
.mosaic article.post.with-meta h1{
	margin-bottom:.2em;
	background:transparent url(../images/bkgs/stripes_tiny_08.png) top left repeat-x;
	padding-top:1em;
}
.mosaic article p{
	font-size:.9em;
	margin-bottom:.5em;
}

.mosaic article.post a.excerpt-link{
	font-size:.66em;
}

.mosaic .feature-column{
	font-size:.9em;
	color:#777;
	font-style:italic;
	margin-bottom:3em;
}
.mosaic .feature-column h4{
	font-size:1.3em;
	letter-spacing:-1px;
	font-style:normal;
}
.mosaic .meta-right{
	float:right;
}
.mosaic .post-meta{
	font-size:.7em;
}
.mosaic .post-meta time{
	clear:both;
	
}
.mosaic .post-excerpt{
	clear:both;
}


/* BLOG LAYOUT - Standard Layout */
.blog-layout article{
	clear:both;
	background:transparent url(../images/bkgs/stripes_tiny_08.png) top left repeat-x;
	padding-top:2em;
	margin-bottom:2em;
	padding-bottom:2em;
	position:relative;
	font-size:.9em;
}
.blog-layout article.post.first{
	padding-top:1.2em;
}
.blog-layout .latest-indicator{
	font-size:.7em;
	color:#999;
	text-transform:uppercase;	
	position:absolute;
	bottom:100%;
	right:0;
	letter-spacing:1px;
}
.blog-layout h1{
	font-size:1.6em;
	line-height:1.6em;
	font-weight:normal;
	margin-bottom:0;
	color:#444;
}
.blog-layout h1 a{
	color:#444;
	text-decoration:none;
}
.blog-layout h1 a:hover{
	color:#222;
}
.blog-layout .img-wrapper{
	margin-bottom:1em;
}

.blog-layout .post-excerpt p{
	margin-bottom:.7em;
}

.post footer{
	clear:both;	
	font-size:.8em;
	color:#aaa;
	margin-top:1em;
}

.post footer a{
	text-decoration:none;
	color:#666;
}

.blog-layout footer .post-comments,
.blog-layout footer .post-tags,
.blog-layout footer .post-permalink{
	margin-right:.5em;
}


/* BLOG LIST - Widget Style */
.bloglist article{
	clear:both;
	margin:1em 0 0 0;
	padding-bottom:1em;
	border-bottom:1px dotted #eee;
}
.bloglist article h1{
	font-size:1.1em;
	line-height:1.2em;
	margin-bottom:.2em;
	letter-spacing:-1px;
}
.bloglist article img{
	display:block;
}
.bloglist .post-meta{
	font-size:.65em;
}
.bloglist .post-excerpt{
	font-size:.8em;
}
.bloglist .post-excerpt p{
	margin-bottom:0;
}


/* Blog Navigation */
.blog-navigation{
	clear:both;
}
.blog-navigation a{
	font-size:11px;
	text-decoration:none;
}


/* Post images */
.img-wrapper img{
	display:block;
}
header .img-wrapper{
	clear:both;
}

.post-meta{
	border:1px dotted #efefef;
	border-width: 0 0 1px 0px;
	font-size:.8em;
	line-height:1.8em;
	padding-bottom:.3em;
	margin-bottom:1em;
	
	float:left;
	width:100%;
	color:#aaa;
}
.post-meta a,
.post-meta time{
	color:#777;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
.post-meta a:hover{
	color:#444;
}
.excerpt-link{
	text-transform:uppercase;
	font-size:.7em;
	text-decoration:none;
	border-bottom:1px dotted #ddd;
}




/* #Portfolio 
============================================== */
.portfolio article{
	position:relative;
	display:block;
	margin-bottom:20px;
}
.portfolio.col-1 article{
	margin-bottom:50px;
}
.portfolio article img,
.portfolio article a.img-link{
	display:block;
	clear:both;
}
#main .portfolio-item.single .img-wrapper{
	padding-right:0;
}
.portfolio h1{
	font-size:.9em;
	color:#555;
	text-transform:uppercase;
	font-weight:bold;
	
	line-height:1em;
	
	margin-top:.6em;
	margin-bottom:.3em;
}
.portfolio .portfolio-by,
.portfolio .portfolio-excerpt{
	font-style:italic;
	letter-spacing:0px;
	font-size:.85em;
	color:#aaa;
	line-height:1.1em;
	text-transform:none;
	font-weight:normal;
}

/* Grid Clears */
.portfolio.col-4 article:nth-child(4n+1){
	clear:both;
}
.portfolio.col-3 article:nth-child(3n+1){
	clear:both;
}
.portfolio.col-2 article:nth-child(2n+1){
	clear:both;
}
.portfolio.col-1 article img.scale-with-grid{
	width:100%;
}

.portfolio-item.single h1{
	line-height:1.1em;
}

.portfolio-item.single .post-meta{
	position:relative;
}
.portfolio-item.single .post-meta .portfolio-meta-icons{
	position:absolute;
	right:0;
	top:6px;
}
.portfolio-item.single .post-meta .portfolio-meta-icons .tooltip{
	right:100%;
	left:auto;
}

.portfolio-item.single .post-meta .portfolio-meta-icons .post-tags .tooltip{
	width:220px;
	text-align:left;
}

.portfolio-item.single .post-content{
	font-style:italic;
	font-size:.9em;
}

/* Portfolio Nav */
#nav-below{
	margin-top:3em;
}
.nav-previous a, 
.nav-next a{
	font-size:.8em;
	text-decoration:none;
	display:block;
	line-height:1.1em;
	margin-top:.5em;
}
.nav-next{
	text-align:right;
}




/* #Single Posts
============================================== */

.single p{
	line-height:1.8em;
	color:#555;
}
.single header{
	background:transparent url(../images/bkgs/stripes_tiny_08.png) bottom left repeat-x;
	margin-bottom:2em;
	padding-bottom:.2em;
}
#main .single.post header h1{
	margin-bottom:.3em;
}
.single header h5.sub-page-title{
	margin-bottom:.8em;
}
.single .post-meta{
	padding:1em 0 .5em 0;
	margin-bottom:2em;
}
#main .single .img-wrapper{	
	width:50%;
	float:left;
	padding:0 2em 2em 0;
	
	-webkit-transition: width .2s ease-in-out;
	-moz-transition: width .2s ease-in-out;
	-o-transition: width .2s ease-in-out;
	transition: width .2s ease-in-out;
}
#main .single .img-wrapper.full-width{
	width:100%;
}
.single .featured-image{
	position:relative;
}
.single-post-feature-expander:hover{
	color:#444;
}
.single .featured-video{
	margin-bottom:2em;
	position:relative;
	clear:both;
}
.inline-video-lightbox-content{
	display:none;
}
.single-post-feature-expander{
	position:absolute;
	right:2em;
	bottom:5px;
	padding:3px;
	cursor:pointer;
	text-decoration:none;
	color:#ccc;
}

.post-content .alignleft{
	float:left;
	margin:.5em 1.5em .5em 0;
}

.post-content .alignright{
	float:right;
	margin:.5em 0 .5em 1.5em;
}


/* Author Bios */
#author-bio{
	clear:both;
}
.author-bio-blurb{
	font-size:12px;
	font-style:italic;
	color:#777;
}

.single-post-extra{
	clear:both;
	position:relative;
	margin-top:2em;
	padding-top:3em;
	background:transparent url(../images/bkgs/stripes_tiny_08.png) top left repeat-x;
}

.single-post-extra h6{
	position:absolute;
	top:1em;
	left:0;
	font-size:9px;
	color:#999;
	text-transform:uppercase;
}




/* #Comments
=========================================== */
#comments{
	font-size:.9em;
}
#comments ul,
#comments ul ul{
	font-size:1em;
}
#comments ul li p{
	line-height:2em;
}
#comments ul.commentlist, 
#comments ul {
	list-style: none;
	padding: 0px;
	margin-left: 0px;
}
#comments ul.commentlist{
	border-top:1px dotted #ddd;
	padding-top:1em;
	margin-bottom:1em;
}
#comments ul.commentlist > li.comment{
	border-bottom:1px dotted #ddd;
	padding-bottom:1em;
	padding-top:1em;
}
#comments .comment{
	position:relative;
}
#comments .comment .comment-author img{
	float:left;
}
#comments .comment .comment-author cite,
#comments .comment .comment-meta{
	float:none;
	display:block;
}
#comments .comment .comment-author cite{
	font-weight:bold;
}
#comments .comment .comment-author cite a{
	text-decoration:none;
}
#comments .comment .comment-meta{
	font-size:.7em;
	line-height:1.2em;
	text-transform:uppercase;
}
#comments .comment .comment-meta a{
	text-decoration:none;
	color:#999;
}
#comments .comment-reply-indicator{
	position:absolute;
	left:7px;
	top:7px;
	color:#999;
}
#comments .comment .comment-content{
	clear:both;
	margin-top:1em;
}
#comments .comment .comment-content,
#comments .comment .comment-author cite,
#comments .comment .comment-meta,
#comments ul.children footer,
#comments .comment .reply{
	padding-left:40px;
}
#comments .comment .reply{
	text-align:right;
}
#comments .comment .reply a{	
	font-size:.7em;
	text-decoration:none;
	text-transform:uppercase;	
}
#respond{
	background:transparent url(../images/bkgs/stripes_tiny_05.png) top left repeat;
	padding:1em 2em;
}
#respond h6{
	position:relative;
	margin-bottom:2em;
	color:#222;
}
#respond textarea{
	height:150px;
}

#respond input[type='text'],
#respond textarea{
	border:3px solid #efefef;
	max-width:93%;
}




/* #Sidebar
=============================================== */
.sidebar{
	margin-top:1.7em;
}
.sidebar h3{
	font-size:1.0em;
	line-height:1.2em;
	margin-bottom:1.6em;
	text-transform:uppercase;
	font-weight:bold;
	color:#555;
	letter-spacing:0px;
}
.sidebar h4{
	font-size:1.0em;
	line-height:1.2em;
	margin-bottom:1.6em;
	font-weight:bold;
	color:#888;
}
.search-bar form{
	margin-bottom:0;
}
.search-bar label{	
	padding-top:5px;
	margin-bottom:1em;
}
.search-bar input[type="text"]{	
	font-size:12px;
	padding:8px 8px;
	width:202px;
	
	color:#999;
	
	font-size:11px;
	font-weight:normal;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	
	border:1px solid #f2f2f2;
	background:#f2f2f2;
	
	display:block;
}
.search-bar input:focus{
	border:1px solid #dedede;
	box-shadow:0px 0px 3px #dedede;
}
.ad-200x200{
	width:200px;
	height:200px;
	margin:10px;
	background:#f2f2f2;
	font-size:.8em;
	font-weight:bold;
	color:#bbb;
	text-align:center;
	line-height:200px;
	margin-bottom:2em;
}
.sidebar aside{
	padding-bottom:.7em;
	margin-bottom:2em;
	background:transparent url(../images/bkgs/stripes_tiny_08.png) bottom left repeat-x;
	font-size:.9em;
	color:#444;
}
.sidebar aside p{
	color:#777;
}
.sidebar aside ul li a{
	text-decoration:none;
	color:#444;	
}
.sidebar aside ul li a:hover{
	color:#222;
}




/* #HTML Elements
================================================= */

/* Tagline */
.tagline{
	font-size:1.5em;
	padding:1.5em 0;
	margin:1.5em 0 1.5em 0;
	text-align:center;
	font-style:italic;
	letter-spacing:0px;
	line-height:1.6em;
	clear:both;
}
.tagline.medium{
	font-size:1.2em;
	padding:.3em 0;
	margin:.3em 0 .3em 0;
	line-height:1.4em;
}

/* Horizontal Rules & Divisions */
hr.stripes{
	height:10px;
}
hr.fat{
	border-top:4px solid #efefef;
}
hr.mini{
	width:30%;
	margin:1em auto 2.6em auto;
	display:block;
}
.fleuron{
	background:transparent url(../images/fleuron.png) 50% 50% no-repeat;
	height:20px;
	display:block;
	margin:10px auto;
	margin-bottom:30px;
}

.tagline .fleuron{
	margin-bottom:10px;
}

.address{
	font-size:.85em;
	color:#999;
	font-style:italic;
}
.address h5{
	font-style:normal;
}



/* #Blockquotes
=================================================== */
body blockquote{
	position:relative;
	padding:20px 40px 20px 50px;
	border-left:none;
	display:block;
	letter-spacing:0px;
}
blockquote:before,
blockquote:after{
	content: '“';
	font-size:80px;
	position:absolute;
	top:0px;
	left:0px;
	line-height:1em;
	
	font-family:"Droid Serif", serif;
	font-style:italic;
	color:#ddd;
}
blockquote:after{
	content: '”';
	position:relative;
	float:right;
	margin-right:-30px;
}

blockquote.pullquote{
	float:right;
	width:12em;
	margin:1em 0 1em 1.3em;
	padding-right:0px;
}
blockquote.pullquote:after{ content: '' }

blockquote cite{
	position:absolute;
	right:50px;
	text-align:right;
	bottom:0;	
	line-height:1em;
	font-family:"Open Sans", sans-serif;
	text-transform:uppercase;
	color:#999;
	font-style:normal;
	font-size:11px;
}
blockquote.pullquote cite{
	right:0;
}




/* #Lists
====================================================== */

ul.checkmark{
	list-style-image: url(../images/icons/tick.png);
}
ul.pin{
	list-style-image: url(../images/icons/pinboard.png);	
}
ul.checkmark, ul.pin{
	padding-left:25px;
}
ul.link-list{
	border-top:1px dotted #eee;
	padding-top:.9em;
	padding-left:0px;	
	list-style-position: inside;
}
ul.link-list li{
	color:#777;
	border-bottom:1px dotted #e9e9e9;
	padding-bottom:1em;
	margin-bottom:1em;
	font-size:.95em;
	font-style:italic;
	letter-spacing:0px;
}
ul.link-list li a{
	color:#777;
	display:block;
	padding:4px 2px 2px 0px;
	border:none;
	background:transparent;
	
	-moz-transition: padding .1s ease-in-out;
	-webkit-transition: padding .1s ease-in-out;
	-o-transition: padding .1s ease-in-out;
	transition: padding .1s ease-in-out;
}
ul.link-list li a:hover{
	background:transparent url(../images/bkgs/stripes_tiny_05.png) bottom left repeat;
	border-left:4px solid #444;
	border-top:none;
	padding-left:10px;
	color:#000;
}



/* #Forms 
=================================================== */

::-webkit-input-placeholder{
	font-style:italic;	
}
:-moz-placeholder {
	text-transform:uppercase;
}

label{
	margin:1em 0 .3em 0;
}
label.item-label{
	text-transform:none;
	font-weight:normal;
	margin:.3em 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea{
	padding: 8px 8px;
	font: 12px "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 410px;
}
legend {
	font-size: 12px;  
	text-transform:uppercase;
}
select {
	width: 220px; 
	display: block; 
	max-width: 100%;
	margin-bottom: 20px;
	padding: 4px 8px;
}


/* #Buttons
================================================== */

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1))); /* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* W3C */
	
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.6);
	
	text-transform:uppercase;
	
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	
	color: #666;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 

	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #222;
	background: #e6e6e6; /* Old browsers */
	background: #e6e6e6 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
	background: #e6e6e6 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1))); /* Chrome,Safari4+ */
	background: #e6e6e6 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
	background: #e6e6e6 -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
	background: #e6e6e6 -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
	background: #e6e6e6 linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* W3C */
	
	background: #e6e6e6 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
}

.button-large,
a.button-large,
input[type="submit"].button-large,
input[type="reset"].button-large,
input[type="button"].button-large{
	padding:1em;
	font-size:1.5em;
}

.button-full,
a.button-full,
input[type="submit"].button-full,
input[type="reset"].button-full,
input[type="button"].button-full{
	display:block;
	text-align:center;
}


.button-green,
a.button-green,
input[type="submit"].button-green,
input[type="reset"].button-green,
input[type="button"].button-green{
	background-color:#9CEF6C;
	color:#369100;
	border:1px solid #47A211;
	border-top-color:#58B322;
	border-left-color:#58B322;
	
	text-shadow: 0 1px rgba(255, 255, 255, .4);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.3);
}
.button-green:hover,
a.button-green:hover,
input[type="submit"].button-green:hover,
input[type="reset"].button-green:hover,
input[type="button"].button-green:hover{
	background-color:#8BDE5B;
	color:#147000;
	border:1px solid #369100;
	border-top-color:#58B322;
	border-left-color:#58B322;
}

.button-blue,
a.button-blue,
input[type="submit"].button-blue,
input[type="reset"].button-blue,
input[type="button"].button-blue{
	background-color:#73B8FF;
	color:#165DA6;
	border:1px solid #0D58A6;
	border-top-color:#4188D3;
	border-left-color:#4188D3;
	
	text-shadow: 0 1px rgba(255, 255, 255, .4);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.3);
}

.button-blue:hover,
a.button-blue:hover,
input[type="submit"].button-blue:hover,
input[type="reset"].button-blue:hover,
input[type="button"].button-blue:hover{
	background-color:#44A0FF;
	color:#04376C;
	border:1px solid #0D58A6;
	border-top-color:#4188D3;
	border-left-color:#4188D3;
}

.button-red,
a.button-red,
input[type="submit"].button-red,
input[type="reset"].button-red,
input[type="button"].button-red{
	background-color:#ef452c;
	color:#901B09;
	border:1px solid #901B09;
	border-top-color:#B23D2B;
	border-left-color:#B23D2B;
	
	text-shadow: 0 1px rgba(255, 255, 255, .2);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.3);
}

.button-red:hover,
a.button-red:hover,
input[type="submit"].button-red:hover,
input[type="reset"].button-red:hover,
input[type="button"].button-red:hover{
	background-color:#de341b;
	color:#700907;
	border:1px solid #901B09;
	border-top-color:#B23D2B;
	border-left-color:#B23D2B;
}

.button-grey,
a.button-grey,
input[type="submit"].button-grey,
input[type="reset"].button-grey,
input[type="button"].button-grey{
	background-color:#666;
	color:#222;
	border:1px solid #333;
	border-top-color:#555;
	border-left-color:#555;
	
	text-shadow: 0 1px rgba(255, 255, 255, .2);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.2);
}

.button-grey:hover,
a.button-grey:hover,
input[type="submit"].button-grey:hover,
input[type="reset"].button-grey:hover,
input[type="button"].button-grey:hover{
	background-color:#555;
	color:#000;	
	border:1px solid #333;
	border-top-color:#555;
	border-left-color:#555;
}

.button-purple,
a.button-purple,
input[type="submit"].button-purple,
input[type="reset"].button-purple,
input[type="button"].button-purple{
	background-color:#A67FE2;
	color:#3A0D80;
	border:1px solid #3A0D80;
	border-top-color:#804BD1;
	border-left-color:#804BD1;
	
	text-shadow: 0 1px rgba(255, 255, 255, .2);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.2);
}

.button-purple:hover,
a.button-purple:hover,
input[type="submit"].button-purple:hover,
input[type="reset"].button-purple:hover,
input[type="button"].button-purple:hover{
	background-color:#905CE2;
	color:#290C70;
	border:1px solid #3A0D80;
	border-top-color:#804BD1;
	border-left-color:#804BD1;
	
	text-shadow: 0 1px rgba(255, 255, 255, .2);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.2);
}

.button-yellow,
a.button-yellow,
input[type="submit"].button-yellow,
input[type="reset"].button-yellow,
input[type="button"].button-yellow{
	background-color:#FFE373;
	color:#A68916;
	border:1px solid #C8AB38;
	border-top-color:#FFD945;
	border-left-color:#FFD945;
	
	text-shadow: 0 1px rgba(255, 255, 255, .4);
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.4);
}

.button-yellow:hover,
a.button-yellow:hover,
input[type="submit"].button-yellow:hover,
input[type="reset"].button-yellow:hover,
input[type="button"].button-yellow:hover{
	background-color:#FFD945;
	color:#957805;
	border:1px solid #A68916;
	border-top-color:#FFD945;
	border-left-color:#FFD945;
	
}

.button-lighttext,
a.button-lighttext,
input[type="submit"].button-lighttext,
input[type="reset"].button-lighttext,
input[type="button"].button-lighttext{
	color:#f9f9f9 !important;
	text-shadow:0px -1px 1px rgba(0,0,0,.3) !important;
}




/* #Tabs
============================================= */

ul.tabs{
	margin-top:2em;
}
ul.tabs li a{
	background:#f5f5f5 url(../images/bkgs/stripes_tiny_05.png) repeat;
}
ul.tabs li a.active{
	border-top:2px solid #444;
	top:-5px;
}
ul.tabs-content{
	border-bottom:1px solid #eee;
	padding-bottom:1em;
	margin-bottom:2em;
}
ul.tabs-content li{
	font-size:.9em;
}





/* #Tables
============================================== */

table{
	width:100%;
	font-size:12px;
	margin:2em 0;
	border:1px solid #aaa;
	border-top:2px solid #444;
	
	background:#F5F5F5 url(../images/bkgs/stripes_tiny_05.png) repeat;
}

table th,
table td{
	padding:5px 10px 5px 10px;
}

table th{
	text-transform:uppercase;
	text-align:left;
	
	border-bottom:1px solid #bbb;
	background:#ccc url(../images/bkgs/stripes_tiny_05.png) 0 1px repeat;*/
	background:rgba(0,0,0, .2); 
	font-weight:bold;
	color:#000;
}





/* #Alert Boxes
============================================ */

.alert{
	padding:10px 10px 10px 40px;
	font-size:11px;
	margin:20px 0px 10px 0px;
}
.alert p,
.alert h6,
.alert h5,
.alert h4{
	color:inherit;
}
.alert h6{
	font-weight:bold;
}
.alert p{
	margin-bottom:0;
}
.alert-notification{
	color: #4F8A10;
	background: #DFF2BF url(../images/icons/tick_green.png) 15px 13px no-repeat;
	border: 1px solid #4F8A10;
}
.alert-warning{
	border:1px solid #DDB723;	
	background: #FFEA73 url(../images/icons/warning.png) 15px 13px no-repeat;
	color: #A63C00;
}
.alert-error{
	color: #D8000C;
	background: #FFBABA url(../images/icons/cross.png) 15px 13px no-repeat;
	border: 1px solid #D8000C;	
	text-shadow:none;
}





/* #Icons 
========================================== */
.icon{
	height:16px;
	width:16px;
	display:inline-block;
	position:relative;
}
.tag-icon{
	background:transparent url(../images/icons/tag_3.png) 5px 5px no-repeat;
}
.post-tags .tooltip{
	width:175px;
}
.comments-icon{
	background:transparent url(../images/icons/chat_2.png) 5px 5px no-repeat;
}
.post-comments .tooltip{
	width:70px;
}
.permalink-icon{
	background:transparent url(../images/icons/link_1.png) 5px 5px no-repeat;
}
.post-permalink .tooltip{
	width:70px;
}
.calendar-icon{
	background:transparent url(../images/icons/calendar_1.png) 5px 5px no-repeat;
}
.post-time .tooltip{
	width:110px;
}
.post-time .tooltip time{
	color:#ccc;
}

.facebook-icon{
	background:transparent url(../images/icons/facebook.png) 5px 5px no-repeat;
}
.twitter-icon{
	background:transparent url(../images/icons/twitter_2.png) 5px 6px no-repeat;
}
.forrst-icon{
	background:transparent url(../images/icons/forrst.png) 5px 5px no-repeat;
}
.dribbble-icon{
	background:transparent url(../images/icons/dribbble.png) 5px 6px no-repeat;
}
.vimeo-icon{
	background:transparent url(../images/icons/vimeo.png) 5px 5px no-repeat;
}




/* #Tooltips
============================================== */

/* Social Media */
a.social-media.tooltip-container{
	margin-left:0;
	text-decoration:none;	
}
.social-media.tooltip-container .tooltip{
	width:auto;
	white-space: nowrap;
	left:auto;
	right:100%;
}

/* CSS Tooltips */
.tooltip-container{
	position:relative;
	display:inline-block;
	width:26px;
	height:26px;
	z-index:10;
}
.tooltip-container:hover{
	z-index:20;
}
.tooltip-anchor{
	padding:5px;
}
.tooltip-anchor:hover,
.tooltip-container:hover .tooltip-anchor{
	background-color:#222;
	background-color:rgba(0,0,0,.8);
}
.tooltip{
	display:none;
	width:130px;
	bottom:0;
	left:100%;
	position:absolute;
	background-color:#222;
	background:rgba(0,0,0,.8) url(../images/bkgs/stripes_tiny_08.png) top left repeat;
	padding:5px 10px;
	line-height:16px;
	color:#ccc;
}
.tooltip-container .tooltip a{
	color:#dedede;
}
.tooltip-container .tooltip a:hover{
	color:#fff;
}
.tooltip-anchor:hover + .tooltip,
.tooltip-container:hover .tooltip{
	display:block;
}




/* #Contact Form
============================================ */

/* JigoWatt Plugin Form style */


#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.loader { padding: 0 10px; }

#contact acronym { border-bottom:1px dotted #ccc; }

/* Agility Styles */
.contact-form label{
	text-transform:uppercase;
	font-size:.8em;
	border-bottom: 24px solid #777;
	border-right: 24px solid transparent;	
	height:0;
	line-height:24px;
	display:inline-block;
	padding:0 10px 0 10px;
	float:left;
	color:#fff;
}
.contact-form input[type="text"]{
	width:300px;
	max-width:100%;
}
.contact-form textarea{
	width:624px;
	max-width:100%;
	height:200px;
}
.contact-form input[type="text"],
.contact-form textarea{
	background:transparent url(../images/bkgs/stripes_tiny_08.png) top left repeat;
	border:1px solid transparent;
	border-radius:0;
	clear:both;
	color:#000;
}
.contact-form input[type="text"]:focus,
.contact-form textarea:focus{
	background:#fefefe;
	border:1px solid #ddd;
	box-shadow:0px 0px 5px #ddd;
}




/* #Footer
=========================================== */

#colophon{
	background:#EAEAEA url(../images/bkgs/stripes_tiny_05.png) 0 1px repeat;
	border-top:2px solid #ddd;
	
}
#colophon .footer-upper{
	padding:2em 0;
	border-top:4px solid #ddd;
	margin-top:-4px;
}

#colophon p,	
#colophon ul,
#colophon ol{
	font-size:.9em;
}

#colophon #footer-base{
	font-size:.8em;
	background:#222 url(../images/bkgs/stripes_tiny_10.png) -2px 0 repeat;
	color:#efefef;
	padding:.8em 0 .6em 0;
	font-style:italic;
	letter-spacing:0px;
}
#colophon .social-media{
	font-size:.8em;
	background:#fff;
}




/* #Miscellaneous Headers
====================================================== */
#colophon h1,
.drop-panel h1{
	font-size:1.3em;
	font-weight:bold;
}
#colophon h2,
.drop-panel h2{
	font-size:1.1em;
	font-weight:bold;
}
#colophon h3,
.drop-panel h3,
#colophon h4,
.drop-panel h4{
	font-size:1.2em;
	font-weight:bold;
}
#colophon h3{
	font-weight:normal;
	font-style:italic;
}




/* #Twitter
=============================================== */
#tweet{
	font-size:18px;
	font-style:italic;
	padding:15px 60px 15px 50px;
	position:relative;
	text-align:center;
	color:#555;
}
#tweet a{
	text-decoration:none;
	opacity:.8;
	
	-webkit-transition:opacity .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out;
	-o-transition:opacity .2s ease-in-out;
	transition:opacity .2s ease-in-out;
	
}
#tweet a:hover{
	opacity:1;
}

#tweet li{
	line-height:24px;
}

#tweet::before{
	content: '“';
	font-size: 80px;
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 1em;
	font-family: "Droid Serif", serif;
	font-style: italic;
	color: #DDD;
}
#tweet ul li a.tweet-time{
	font-size:10px;
	position:absolute;
	bottom:0px;
	text-transform:uppercase;
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
	font-style:normal;
	color:#777;
}

#tweet .twitter-account{
	position:absolute;
	right:0;
	top:15px;
	opacity:1;
}
#tweet ul{
	margin-bottom:0;
}




/* #Utility Classes
============================================= */

.under{
	position:relative;
	z-index:10;
}
.over{
	position:relative;
	z-index:20;
}
.far-edge{
	text-align:right;
}
.stripes{
	background:transparent url(../images/bkgs/stripes_small_05.png) top left repeat;
	border:none;
}

.notop{
	margin-top:0px;
	padding-top:0px;
}
.notop-margin{
	margin-top:0px;
}
.nobottom{
	margin-bottom:0 !important;
}
.fallback{
	display:none;
}
.clearfix{
	clear:both;
}


/* #Skins
================================================= */

/* Default - copy your values here */
#sub-title,
#main p a,
nav#main-nav > ul > li.current > a,
a.excerpt-link,
.post-meta a.post-category,
#tweet a{
	/*color:#d83f28;*/
}
.contact-form label{
	/*border-bottom-color: #d83f28; */
}
#colophon .footer-upper{
	/*border-top-color: #d83f28; */
}

/* Red */
.skin-red #sub-title,
.skin-red #main p a,
.skin-red nav#main-nav > ul > li.current > a,
.skin-red a.excerpt-link,
.skin-red .post-meta a.post-category,
.skin-red #tweet a{
	color:#d83f28;
}
.skin-red .contact-form label{
	border-bottom-color: #d83f28; 
}

.skin-red #colophon .footer-upper{
	border-top-color: #d83f28;
}

/* Blue */
.skin-blue #sub-title,
.skin-blue #main p a,
.skin-blue nav#main-nav > ul > li.current > a,
.skin-blue a.excerpt-link,
.skin-blue .post-meta a.post-category,
.skin-blue #tweet a{
	color:#4888f0;
}
.skin-blue .contact-form label{
	border-bottom-color: #4888f0;
}

.skin-blue #colophon .footer-upper{
	border-top-color: #4888f0;
}

/* Green */
.skin-green #sub-title,
.skin-green #main p a,
.skin-green nav#main-nav > ul > li.current > a,
.skin-green a.excerpt-link,
.skin-green .post-meta a.post-category,
.skin-green #tweet a{
	color:#70BB45;
}
.skin-green .contact-form label{
	border-bottom-color: #70BB45;
}
.skin-green #colophon .footer-upper{
	border-top-color: #70BB45;
}


/* Purple */
.skin-purple #sub-title,
.skin-purple #main p a,
.skin-purple nav#main-nav > ul > li.current > a,
.skin-purple a.excerpt-link,
.skin-purple .post-meta a.post-category,
.skin-purple #tweet a{
	color:#8759d1;
}
.skin-purple .contact-form label{
	border-bottom-color: #8759d1;
}

.skin-purple #colophon .footer-upper{
	border-top-color: #8759d1;
}

/* Background Skins */
.bkg-smoky .wrap{
	background:#F5F5F5 url(../images/bkgs/bkg_smoky_noise.jpg) top left repeat;
}
.bkg-fiber .wrap{
	background:#F5F5F5 url(../images/bkgs/bkg_smoky_cords.jpg) top left repeat;
}

/*
 * Background Adjustments
 */
.bkg-smoky #header #header-inner,
.bkg-fiber #header #header-inner{
	border-bottom-color:#e9e9e9;
}
.bkg-smoky hr,
.bkg-fiber hr{
	border-color:#e0e0e0 #fff #f9f9f9 #fff;
	border-bottom-width:1px;	
}
.bkg-smoky .search-bar input,
.bkg-fiber .search-bar input{
	background-color:#e0e0e0;
	color:#777;
}
.bkg-smoky .ad-200x200,
.bkg-fiber .ad-200x200{
	background-color:#e9e9e9;
	color:#999;
}
.bkg-smoky .post-meta,
.bkg-fiber .post-meta{
	border-color:#d9d9d9;
}

.bkg-smoky nav#main-nav > ul li ul,
.bkg-fiber nav#main-nav > ul li ul{
	background-color:rgba(220,220,220,.9);
}

.bkg-smoky nav#main-nav > ul > li.current > a,
.bkg-fiber nav#main-nav > ul > li.current > a{
	border-color:#e0e0e0;	
}



	
/* #Transitions
================================================== */
.column, 
img.scale-with-grid{
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
/* Slider columns should have no-trans */
.column.no-trans{
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
} 




/* #IE Stupidity
================================================== */
.mosaic article.ie-nth-child3n1{
	clear:both;
}
.responsive-example{
	margin-bottom:20px;
}
.responsive-example .columns,
.responsive-example .column{
	background:#dedede;
	margin-bottom:10px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;
}
.responsive-example .columns:hover,
.responsive-example .column:hover{
	background:#333;
	color:#efefef;
}

/* Skeleton Additions
================================================== */

.column.alpha.omega, .columns.alpha.omega   { margin-right: 0; margin-left: 0px; }


/* #Media Queries
================================================== */

	/* Larger than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) {
	
		/* Opera can't handle the absolute positioning and still use dropdowns, so position it with a margin instead */
		noindex:-o-prefocus,
		nav#main-nav {
			position:relative;
			margin-top:70px;
			margin-bottom:-20px;
		}
	}
	
	/* Three-column layout */
	@media only screen and (min-width: 768px) {	
		
		.far-edge{
			text-align:right;
		}		
		.nav-close{
			display:block;
			top:-30px;
			right:0;
		}
		
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#header #masthead,
		#header nav#main-nav{
			clear:both;
			width:100%;
		}
		nav#main-nav{
			position:relative;
			right:auto;
			bottom:auto;
			margin-top: 2em;
			margin-left:0;
		}
		nav#main-nav > ul > li:first-child{
			margin-left:0;
		} 
		nav#main-nav > ul{
			float:none;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		#header-inner{
			text-align:center;
		}
		nav#main-nav ul li ul{
			text-align:left;
		}				
		.ad-200x200{
			width:172px;
			height:172px;
			margin:10px 0px;
			line-height:172px;
		}
		
		.page-title.alternate {
			font-size: 2em;
			margin-top: .6em;
			margin-bottom: .6em;
			line-height: 1.1em;
			font-weight: normal;
			text-align: center;
		}
		
		.search-bar input[type="text"]{
			width:154px;
		}
		
		.nav-close{
			display:block;
			top:-28px;
			left:0;
			right:auto;
		}
		
		.contact-form textarea{
			width:492px;
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#masthead{
			text-align:center;
			margin-top:1em;
		}
				
		a.mobile-menu-button{
			display:inline-block;
			text-decoration:none;
			text-transform:uppercase;
			font-size:.9em;
			font-weight:bold;
			margin:0;
		}
		
		#header nav#main-nav{
			width:300px;
			position:relative;
		}
		
		nav#main-nav ul.nav-menu,
		nav ul.nav-menu{
			display:none;
			position:absolute;
			width:300px;
			background:#eee;
		}
		nav#main-nav ul.nav-menu.menu-open,
		nav ul.nav-menu.menu-open{
			display:block;
		}
		
		nav#main-nav ul.nav-menu > li,
		nav ul.nav-menu > li{
			padding:5px 10px 5px 10px;
			margin:0;
			
			float:none;
			display:block;
			margin-left:0px;
			margin-top:.4em;
		}
		
		nav ul.nav-menu li a:hover,
		nav ul.nav-menu li:hover > a{
			font-weight:bold;
		}
		nav ul.nav-menu li ul,
		nav#main-nav ul.nav-menu li ul{
			background:#e9e9e9;
		}
		
		.bkg-smoky nav#main-nav ul.nav-menu, 
		.bkg-smoky nav ul.nav-menu,
		.bkg-fiber nav#main-nav ul.nav-menu, 
		.bkg-fiber nav ul.nav-menu{
			background-color:#e0e0e0;
		}
		
		nav ul.nav-menu li ul li a:before{
			content: '+ ';
			
		}
		nav#main-nav ul ul li ul{
			left:0;
			top:100%;
		}

		#main .single .img-wrapper{
			width:100%;
			padding-right:0;
		}
		.single-post-feature-expander{
			display:none;
		}
		
		blockquote cite{
			bottom:-.8em;
		}
		
		.sidebar{
			margin-top:3em;
		}
		
		.far-edge{
			text-align:left;
		}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}
	
	


/* #Font-Face (sample code)
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
.chkPortada
{
    color: #E17009;
}
th[class|="type"]
{
    cursor:pointer;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color:#d83f28;
    font-size: 10px;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #d83f28;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #d83f28;
}

.validation-summary-valid
{
    display: none;
}
code
{
    /*color: #f7f7f7 !important;*/
    padding: 7px !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    /*background-color: #f25c48 !important;*/
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    font-weight: bold !important;
}

.tagblue
{
    background-color: #0b9db7 !important;
    color: #fff !important;
    -moz-box-shadow: inset 0 18px 20px -15px #10798b !important;
    -webkit-box-shadow: inset 0 18px 20px -15px #10798b !important;
    box-shadow: inset 0 18px 20px -15px #10798b !important;
}

.tagorange
{
    background-color: #f28f1a !important;
    color: #fff !important;
    -moz-box-shadow: inset 0 18px 20px -15px #d17c17 !important;
    -webkit-box-shadow: inset 0 18px 20px -15px #d17c17 !important;
    box-shadow: inset 0 18px 20px -15px #d17c17 !important;
}

.taggreen
{
    background-color: #2c971b !important;
    color: #fff !important;
    -moz-box-shadow: inset 0 18px 20px -15px #1c6510 !important;
    -webkit-box-shadow: inset 0 18px 20px -15px #1c6510 !important;
    box-shadow: inset 0 18px 20px -15px #1c6510 !important;
}

.tagpurple
{
    background-color: #5d2dd8 !important;
    color: #fff !important;
    -moz-box-shadow: inset 0 18px 20px -15px #4d20c3 !important;
    -webkit-box-shadow: inset 0 18px 20px -15px #4d20c3 !important;
    box-shadow: inset 0 18px 20px -15px #4d20c3 !important;
}

.tagred
{
    background-color: #ff0000 !important;
    color: #fff !important;
    -moz-box-shadow: inset 0 18px 20px -15px #b71616 !important;
    -webkit-box-shadow: inset 0 18px 20px -15px #b71616 !important;
    box-shadow: inset 0 18px 20px -15px #b71616 !important;
}

#galleryPaintings {
    background-color: lightgray;
    /*height: 350px;
    max-height: 350px;*/
    width: 95%;
    border-radius: 9px;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    /*margin: auto;*/
}

#drop {
    height: 130px;
    width: 550px;
    background-color: lemonchiffon;
    border: 3px solid black;
    border-radius: 9px;
    margin: 0 auto;
    z-index: 10;
}

#galleryPaintings img, #drop img {
        border: 3px solid gray;
        margin-left: 5px;
        margin-top: 5px;
    }

#dropcontainer {
    text-align: center;
    margin: 0 auto;
}

/*#container {
    width: 700px;
    height: 320px;
    margin: 0 auto;
    overflow-y: scroll;
    overflow-x: hidden;
}*/