/**
 *
 * UIC Network WordPress Theme by Pixo | http://pixotech.com
 *
 *
 *
 * UICNetwork Main CSS
 *
 */

/* #Reset & Basics (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: top;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

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;
	margin-bottom: 20px;
}

/* #Lists
================================================== */
ul,
ol {
	margin-bottom: 20px;
}

ul {
	list-style: none outside;
}

ol {
	list-style: decimal;
}

ul.square,
ul.circle,
ul.disc {
	margin-left: 40px;
}

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;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
	margin-bottom: 6px;
}

li {
	line-height: 130%;
	margin-bottom: 12px;
}

ul.large li {
	line-height: 21px;
}

li p {
	line-height: 140%;
}

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

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

/* #Buttons
================================================== */
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* 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,
select {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 13px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #777;
	margin: 0;
	width: 190px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff;
}

select {
	padding: 0;
}

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;
}

sub {
	font-size: xx-small;
	vertical-align: sub;
}

sup {
	font-size: xx-small;
	vertical-align: super;
}

code,
kbd,
var {
	font-family: 'Courier new', Courier, Monospace;
}

del,
strike {
	text-decoration: line-through;
}

ins {
	text-decoration: underline;
}

#eyebrow .screen-reader-shortcut,
#navbar .screen-reader-shortcut {
  position: absolute;
  top: -1000em;
}

#eyebrow .screen-reader-shortcut :focus,
#navbar .screen-reader-shortcut :focus {
  left: 6px;
  top: 7px;
  height: auto;
  width: auto;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 23px 14px;
  background: #f1f1f1;
  color: #21759b;
  text-shadow: none;
  border-radius: 3px;
  z-index: 100000;
  line-height: normal;
  -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
  box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
  text-decoration: none;
}

iframe {
    max-width: 100%;
}

/* #Responsive Menu
================================================== */

/* --- Responsive Menu --- */

#navbar select {
	display: none;
	margin: auto;
}
#eyebrow select {
	display: none;
	margin: auto;
}

@media only screen and (max-width: 767px) {
	#navbar select {
		display: block;
		margin: 20px auto;
		width: 90%;
	}
	#navbar div	div {
		display: none;
	}
	#eyebrow select {
		display: block;
		margin: 20px auto;
		width: 90%;
	}
	#eyebrow div	div {
		display: none;
	}
}

/* ======================================================================================== */
/* #Base Grid */
/* ======================================================================================== */
.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
}

h1.page-title {
	width: 920px;
}
#slider-wrap {
 width: 1000px;
}

#page-container {
	width: 960px;
	margin: 0px;
	margin-bottom: 20px;
}
#page-container.with-right-sidebar { width: 740px; float: left}
#sidebar-container-inside {
  margin-right: 0; /* this should be global, not in a media query -pek */
}

#page-container,
#footer .container ul {
	font-size: 1px;
	letter-spacing: -1px;
	word-spacing: -1px;
}

/* add new sidebar for inside page-content option */
#page-container.with-sidebar.right,
#sidebar-container-inside {
	float: left;
}

#sidebar-container.right {
    float: right;
}

#page-container.with-sidebar.left,
#sidebar-container.left {
	float: left;
}

#sidebar-container-inside {
  margin-right: 0;
  margin-left: 20px; /* we have to keep it separate from other basic containers -pek */
}

#page-container div h1,
#page-container div h2,
#page-container div h3,
#page-container div h4,
#page-container div h5,
#page-container div h6,
#page-container .page-title {
	margin-top: 0px;
}

#page-container div h2 {
  text-transform: uppercase;
}
/* events manager H2 need to clear */
#page-container #em-wrapper h2 {
    clear: left;
    margin: 30px 0 6px;
    padding-top: 15px;
}


/* Removed on 2016-01-25. Content added before calendar (Event Calendar) was rendered invisible 
#page-container #em-wrapper p:first-of-type {
    display: none;
}  */



#page-container #em-wrapper h2:first-of-type {
    margin-top: 0;
    padding-top: 0;
}

.full-width,
.one-half,
.one-third,
.two-thirds,
.one-fourth,
.three-fourths {
	display: inline-block;
	vertical-align: top;
	float: none;
}

/* Can we set .one-half to 48% across the board? -pek */
/* No sidebar: Container= 960 */
#page-container > .full-width    { width: 920px; }
#page-container > .one-half	     { width: 45%; margin-right: 20px; } /* was 440px */
#page-container > .one-third     { width: 280px; margin-right: 20px; }
#page-container > .two-thirds    { width: 600px; margin-right: 20px; }
#page-container > .one-fourth    { width: 200px; margin-right: 20px; }
#page-container > .three-fourths { width: 680px; margin-right: 20px; }

#footer div > ul > li.one-third  { width: 33%; }
#footer div > ul > li.one-fourth { width: 25%; }

/* With Sidebar: Container= 720 */
/* UIC = 780 -pek */
#page-container.with-sidebar { width: 720px; padding-left: 20px; padding-right: 0; }

#page-container.with-sidebar > .full-width    { width: 700px; }
#page-container.with-sidebar > .one-half      { width: 45%; margin-right: 20px; }
#page-container.with-sidebar > .one-third     { width: 200px; margin-right: 20px; }
#page-container.with-sidebar > .two-thirds    { width: 440px; margin-right: 20px; }
#page-container.with-sidebar > .one-fourth    { width: 120px; margin-right: 20px; }
#page-container.with-sidebar > .three-fourths { width: 500px; margin-right: 20px; }

#page-container.with-sidebar.with-right-sidebar { min-width: 400px; max-width: 560px }
/* added new sidebar-container-inside for inside page-container option */
#sidebar-container,
#sidebar-container-inside { width: 200px; }

/* slider base */
.flex-longtext {
  display: block;
}


/* #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;
}

/**
*
* UIC Network WordPress Theme by Pixo | http://pixotech.com
* Theme Style CSS
*/

/*
* {
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
*/

/* Dynamic */


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	background: #fff;
	border-color: #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
.sticky {
}

.gallery-caption {
	font-size: 80%;
}

/* #Header
================================================== */

#header { padding-top: 0; padding-bottom: 0; background-color: #19293B; }
#header-wrap-top { background-color: #32587f; }
/* caption at page top */
#page-header-image p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: right;
  font-size: 1.9em;
  padding: 20px 15px;
  line-height: normal;
  margin: 0;
  background: none repeat scroll 0 0 rgba(81,111,142,0.9);
  color: #fff;
}

/* Logo */
#logo {
	float: left;
	max-width: 60%;
    min-height: 120px;
}

#logo .logo-inner {
	background-color: #FFFFFF;
}


#logo .site-title {
	color: #333;
	font-size: 50px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 130%;
}

/* Social Media */
#header #social-media {
	float: right;
	text-align: right;
	padding-right: 10px;
	max-width: 30%;
}

/* Custom HTML */
#header-right {
	float: right;
	padding-right: 20px;
}

#main-wrap.boxed,
#header,
#navbar,
#main-content {
  width: 1000px;
  background-color: #fff;
}
#main-wrap.boxed {
  margin: 0 auto 40px auto;
}

/* #Menu
================================================== */

/* CSS Hack: remove whitespaces between html items causing known positioning issues */
#navbar, #navbar ul {
	letter-spacing: -1px;
}
#eyebrow, #eyebrow ul {
	letter-spacing: -1px;
}


#navbar > *,
#navbar ul > *,
#sidebar ul.menu > * {
	font-size: 16px;
	letter-spacing: normal;
	word-spacing: normal;
}
#eyebrow > *, #eyebrow ul > * {
	font-size: 12px;
	letter-spacing: normal;
	word-spacing: normal;
}


/* Menu */

#navbar {
	text-transform: uppercase;
	font-weight: bold;
	background-color: #000;
}
#sidebar ul.menu {
	text-transform: uppercase;
	font-weight: normal;
	background-color: #000;
}
#eyebrow {
	text-transform: uppercase;
	font-weight: normal;
	text-align: right;
	float: right;
}


#navbar > .menu-container {
	width: auto;
	display: inline-block;
}
#eyebrow > .menu-container {
	display: inline-block;
}


#navbar ul {
	margin-bottom: 0;
	min-height: 40px;
}
#eyebrow ul {
	margin-bottom: 0;
	min-height: 40px;
}

.menu-container h2 {
    display: block;
    height: 0;
    width: 0;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0;
}


#navbar ul li {
	display: inline-block;
	margin: 0;
	min-height: 30px;
	line-height: 30px;
	position: relative;
	text-align: left;
}
#navbar ul li a {
	padding: 15px;
}
#eyebrow ul li {
	display: inline-block;
	margin: 0;
	padding: 15px;
	min-height: 30px;
	line-height: 30px;
	position: relative;
	text-align: left;
}


#navbar ul li,
#navbar ul li a,
#eyebrow ul li,
#eyebrow ul li a,
#nav-search #s {
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

#navbar ul li a,
#navbar ul li a:visited,
#sidebar ul.menu li a,
#sidebar ul.menu li a:visited {
	display: block;
	color: #707070;
	height: 100%;
}
#eyebrow ul li a,
#eyebrow ul li a:visited {
	display: block;
	/* color: #707070; */
	width: 100%;
	height: 100%;
}


#navbar ul li:hover a,
#navbar ul li:focus a {
	color: white;
	text-decoration: none;
}
#eyebrow ul li:hover a,
#eyebrow ul li:focus a {
	color: white;
	text-decoration: underline;
}


#navbar .current-menu-item a,
#navbar .current-menu-item a:visited {
	color: white;
}
#eyebrow .current-menu-item a,
#eyebrow .current-menu-item a:visited {
	color: white;
}


/* Submenu */
#navbar ul li ul {
	display: none;
	position: absolute;
	width: 250px;
	top: 100%;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 9999;
}
#eyebrow ul li ul {
	display: none;
	position: absolute;
	width: 250px;
	top: 100%;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 9999;
}


#navbar ul li:hover ul,
#navbar ul li ul li {
	display: block;
}
#eyebrow ul li:hover ul,
#eyebrow ul li ul li {
	display: block;
}


#navbar ul li ul li {
	background: #666;
}
#eyebrow ul li ul li {
	background: #666;
}

#navbar ul li ul li a {
	color: white;
}
#eyebrow ul li ul li a {
	color: white;
}

/* Third-level and more sub menus */
#navbar ul li:hover ul li ul {
	display: none;
}
#eyebrow ul li:hover ul li ul {
	display: none;
}


#navbar ul li ul li:hover ul {
	display: block;
}
#eyebrow ul li ul li:hover ul {
	display: block;
}


#navbar ul li ul li ul {
	left: 100%;
	top: 0;
}
#eyebrow ul li ul li ul {
	left: 100%;
	top: 0;
}

/* Navbar search */
#nav-search {
  float: right;
  width: 220px;
  /*
	display: inline-block;
	width: 190px;
	*/
}
#nav-search #searchform {
  margin: 0;
}

#searchform {
	margin: 15px 0;
	position: relative;
}

#searchform #s {
	width: 160px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#searchform label {
	font-size: 0;
    height: 0;
    width: 0;
    float: left;
}

#searchform #searchsubmit {
	height: 30px;
	width: 30px;
	margin: 0;
	position: absolute;
	font-size: 0;
	top: 0;
	left: 170px;
	border: none;
	border-radius: 0;
	/* background: #333;*/
	text-shadow: none;
	color: #333;
	background: #333 url('../img/search-icon.png');
}

/* #main-content
================================================== */
/*
#main-content {
  padding-top: 40px;
}
*/
/* #Page
================================================== */

#page-container > h1.page-title,
#page-container > h1.entry-title {
	padding: 0 0 0 0;
/*	margin: 0 20px 40px 20px; */
	margin: 0 20px 10px 0;
	/* text-transform: uppercase; */
	/* width: 905px; */
}

#page-container {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
}
#page-container > p,
#page-container > ul,
#page-container > ol {
    margin-bottom: 20px;
}

#page-container > h1:first-child,
#page-container > h2:first-child,
#page-container > h3:first-child,
#page-container > h4:first-child,
#page-container > h5:first-child,
#page-container > h6:first-child {
	margin-top: 0;
}

#page-container a:hover {
  text-decoration: underline;
}

#page-container.page .editlink {
	display: block;
	float:left;
	padding: 5px 15px;
}

/* #Index
================================================== */

.archive #page-container.left h1.page-title {
	margin-left: 3.6em;
	margin-bottom: 1em;
	width: auto;
}

#page-container .post {
    border-bottom: 3px #dddddd solid;
    margin-bottom: 15px;
}

.post-contents {
	float: left;
	width: 630px;
	margin-bottom: 20px;
}
.search-results .post-contents {
    width: 760px;
}

.sticky .post-contents {
    float: none;
    background: #F9F9F9;
    border: 1px solid #eee;
    padding: 20px;
    width: auto;
    margin-left: 90px;
    margin-bottom: 0px;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    overflow: auto;
}

.postmetadata {
	float: left;
	width: 65px;
	margin-bottom: 20px;
	margin-right: 20px;
}

.postmetadata span {
	display: block;
	text-align: center;
}

.postmetadata a:hover,
.postmetadata a:focus {
	text-decoration: none;
}

.meta-date {
    width: 65px;
    color: white;
    padding: 10px 0;
}

.meta-date a,
.meta-date a:visited {
	color: white;
}

.meta-date span {
	display: block;
	line-height: 110%;
	text-transform: uppercase;
}

.meta-date .month {
	font-size: 20px;
}

.meta-date .day {
	font-size: 30px;
}

.meta-date .year {
	font-size: 16px;
}

.meta-comments {
	background: #333;
	color: #ccc;
	font-size: 13px;
	padding: 10px 0;
}

.meta-comments a,
.meta-comments a:visited {
	color: #ccc;
	display: block;
}

.meta-comments .comments-count {
	font-size: 30px;
	line-height: 35px;
}

.meta-author {
    background: #CCC;
    color: #333;
    width: 65px;
    min-height: 11px;
    padding: 5px 0;
	font-size: 10px;
    line-height: 11px;
    text-align: center;
	margin-bottom: 20px;
}

.editlink {
	background: #333;
	padding: 5px 0;
	font-size: 12px;
}

.editlink a,
.editlink a:visited {
	display: block;
	color: #ccc;
	width: 100%;
	height: 100%;
}

.editlink a:hover,
.editlink a:focus {
	color: #fff;
}

/* this is too heavy-handed -- need to target more specifically -pek */
.thumbnail {
/*	float: left; */
margin: 10px;
/*
	margin-bottom: 20px;
	margin-right: 20px;
*/
}

h3.entry-title {
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 10px;
}

.post-category {
	text-transform: uppercase;
	color: #707070;
	font-size: 13px;
	margin-bottom: 20px;
}

.post-category a:hover,
.post-category a:focus {
	text-decoration: none;
	color: #707070;
}


/* Read more */
.read-more {
	background-image: url('../img/arrow-right.png');
	background-position: 100% center;
	background-repeat: no-repeat;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 40px 0 0px;
}

.read-more a,
.read-more a:visited {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 10px;
	-webkit-transition: all .5s;
	-moz-transition:    all .5s;
	-o-transition:      all .5s;
	transition:         all .5s;
}

.read-more a:hover,
.read-more a:focus {
	background-color: #333;
	text-decoration: none;
}

/* Page Nav */
.page_nav div {
	height: 30px;
    line-height: 30px;
	background-repeat: no-repeat;
}

.page_nav .previous {
	background-image: url('../img/arrow-left.png');
	background-position: 0 center;
	float: left;
    padding: 0 10px 0 30px;
}

.page_nav .next {
	background-image: url('../img/arrow-right.png');
	background-position: 100% center;
	float: right;
    padding: 0 40px 0 0;
}

.page_nav div a,
.page_nav div a:visited {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 10px;
	-webkit-transition: all .5s;
	-moz-transition:    all .5s;
	-o-transition:      all .5s;
	transition:         all .5s;
}

.page_nav div a:hover,
.page_nav div a:focus {
	background-color: #333;
	text-decoration: none;
}


/* #Single Post
================================================== */

.single-post .post-contents {
	float: none;
	width: 595px;
	margin-bottom: 20px;
	margin-left: 85px;
}

.single-post .thumbnail {
	margin-right: 0;
	width: 595px;
	text-align: center;
}

.single-post .tags {
	margin-top: 20px;
}

.single-post .the-tags {
	padding: 2px 5px 2px 0;
	margin: 1px 5px 1px 0;
	display: inline-block;
}

.single-post .tags a {
	background: #333;
	color: #eee;
	display: inline-block;
	font-size: 11px;
	padding: 2px 5px;
	margin: 1px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.paged_nav {
	margin-bottom: 20px;
	line-height: 30px;
}

.paged_nav > span,
.paged_nav a,
.paged_nav a:visited {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	text-align: center;
	-webkit-transition: all .5s;
	-moz-transition:    all .5s;
	-o-transition:      all .5s;
	transition:         all .5s;
}

.paged_nav > span {
	background: #CCC;
	color: white;
}

.paged_nav a span,
.paged_nav a:visited span {
	color: white;
}

.paged_nav a:hover,
.paged_nav a:hover {
	background: #333;
}

.article_nav div {
	height: 30px;
    line-height: 30px;
	background-repeat: no-repeat;
}

.article_nav .previous {
	background-image: url('../img/arrow-left.png');
	background-position: 0 center;
	float: left;
    padding: 0 10px 0 30px;
}

.article_nav .next {
	background-image: url('../img/arrow-right.png');
	background-position: 100% center;
	float: right;
    padding: 0 40px 0 0;
}

.article_nav div a,
.article_nav div a:visited {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 10px;
	-webkit-transition: all .5s;
	-moz-transition:    all .5s;
	-o-transition:      all .5s;
	transition:         all .5s;
}

.article_nav div a:hover,
.article_nav div a:focus {
	background-color: #333;
	text-decoration: none;
}


/* #Comments
================================================== */

#page-container .comments li {
	background-image: none;
}

.commentlist {
	list-style: none;
	margin-left: 0;
}

.commentlist .comment {
	background: #F9F9F9;
	padding: 20px;
}

.commentlist .comment .comment-body {
	position: relative;
	overflow: auto;
}

.commentlist .comment-author {
	line-height: 25px;
	font-size: 16px;
}

.commentlist .comment .comment-body .comment-author img {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

.commentlist .comment-author .fn {
	font-weight: bold;
	font-style: normal;
}

.commentlist .fn:before,
.commentlist .fn:after {
	content: '';
}

.commentlist .commentmetadata {
	font-size: 12px;
	text-transform: uppercase;
}

.commentlist .comment .comment-body p {
	clear: both;
	color: #666;
}

.commentlist .comment.bypostauthor {
	background: #eeeef9;
}

.commentlist .comment.bypostauthor .comment-body p {
	font-weight: bold;
}

/* Reply button */

.commentlist .comment .comment-body .reply {
	background-image: url('../img/arrow-right.png');
	background-position: 100% center;
	background-repeat: no-repeat;
    display: block;
    float:right;
    height: 30px;
    line-height: 30px;
    padding: 0 40px 0 0px;
}

.commentlist .comment .comment-body .reply a,
.commentlist .comment .comment-body .reply a:visited {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 10px;
	-webkit-transition: all .5s;
	-moz-transition:    all .5s;
	-o-transition:      all .5s;
	transition:         all .5s;
}

.commentlist .comment .comment-body .reply a:hover,
.commentlist .comment .comment-body .replya:focus {
	background-color: #333;
	text-decoration: none;
}


/* Nested comments */
.commentlist .comment ul.children {
	margin-left: 20px;
	margin-top: 20px;
}

.commentlist .comment ul.children li {
	border-top: 3px solid #eee;
	border-radius: 0;
	padding-right: 0;
	margin-left: 0;
}

/* Trackbacks & Pingbacks */
.commentlist .trackback, .commentlist .pingback {
	background: #f9f9f9;
	padding: 10px;
}

.commentlist .trackback .comment-body,
.commentlist .pingback .comment-body {
	position: relative;
}

.commentlist .trackback .comment-body .comment-author,
.commentlist .pingback .comment-body .comment-author {
	display: inline-block;
	margin-right: 10px;
}

.commentlist .trackback .comment-body .comment-author .fn,
.commentlist .pingback .comment-body .comment-author .fn {
	font-weight: bold;
}

.commentlist .trackback .comment-body .comment-author .says,
.commentlist .pingback .comment-body .comment-author .says {
	display: none;
}

.commentlist .trackback .comment-body .commentmetadata,
.commentlist .pingback .comment-body .commentmetadata {
	display: inline-block;
	font-size: 10px;
	line-height: 25px;
}

.commentlist .trackback .comment-body p,
.commentlist .pingback .comment-body p {
	color: #979797;
	margin-bottom: 0;
	font-size: 10px;
}

.commentlist .trackback .comment-body .reply,
.commentlist .pingback .comment-body .reply {
	display: none;
}

/* Comments nav (paginated comments) */

.comments_nav {
	overflow: auto;
	margin-bottom: 20px;
}

.comments_nav div {
	height: 30px;
    line-height: 30px;
	background-repeat: no-repeat;
}

.comments_nav .previous {
	background-image: url('../img/arrow-left.png');
	background-position: 0 center;
	float: left;
    padding: 0 10px 0 30px;
}

.comments_nav .next {
	background-image: url('../img/arrow-right.png');
	background-position: 100% center;
	float: right;
    padding: 0 40px 0 0;
}

.comments_nav div a,
.comments_nav div a:visited {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 10px;
	-webkit-transition: all .5s;
	-moz-transition:    all .5s;
	-o-transition:      all .5s;
	transition:         all .5s;
}

.comments_nav div a:hover,
.comments_nav div a:focus {
	background-color: #333;
	text-decoration: none;
}


/* #Comment form
================================================== */

p.form-allowed-tags {
	display: none; 
}

p.comment-form-author,
p.comment-form-email,
p.comment-form-url
{
	margin-bottom: 0;
}

#respond #commentform label .required {
	color: red; 
}

#cancel-comment-reply-link {
    text-decoration: underline;
    margin-left: 10px;
}


/* #Contact form
================================================== */

#contactform-wrap #contact_form #name_wrap {
	float: left;
	margin-right: 20px;
}

#contactform-wrap #contact_form #email_wrap {
	float: left;
	margin-right: 20px;
}

#contactform-wrap #contact_form #phone_wrap {
	clear: left;
	float: left;
	margin-right: 20px;
}

#contactform-wrap #contact_form #subject_wrap {
	float: left;
}

#contactform-wrap #contact_form #message_wrap {
	clear: both;
}

#contactform-wrap #contact_form [type="submit"] {
	float: left;
	margin-right: 20px;
}

#contactform-wrap #contact_form #results,
#contactform-widget-wrap #contact_form #results {
	display: none;
	float: left;
	padding: 5px 10px;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
}

/* #Sidebar & Widgets
================================================== */
#sidebar {
	font-size: 13px;
}

#sidebar li {
	margin 3px 0 3px 0;
	line-height: 20px;
}

#sidebar > li {
	margin-bottom: 30px;
}

/* Style sidebar widget containers */
#sidebar > li > ul.blogposts-widget,
#sidebar > li > form,
#sidebar > li > div {
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	clear: both;
}

/* We want bullets to sit inside the box */
#sidebar > li > ul {
	margin: 10px 0 10px 10px;
	font-size: 14px;
}

/* Sidebar widget contents */
#sidebar > li > * {
	clear: both;
	padding: 3px 0 0 5px;
	font-size: 15px;
}

#sidebar > li > * a {
	color: #707070;
}

#sidebar > li > * a:hover {
	text-decoration: none;
}

#sidebar ul ul {
	margin: 3px 0 15px 15px;
}

#sidebar ul ul li {
	margin: 3px 0 0 0;
}






/* Sidebar widget h3 title */
/* Not sure why it was floating left -pek */
#sidebar .widget-title {
/*	float: left; */
	font-size: 15px;
	background: #333;
	color: #eee;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px 15px;
	line-height: 1.2em;
}

#sidebar .widget-title a {
	color: #CCC;
}

/* RSS Widget */
#sidebar .rsswidget img {
	position: relative;
	top: 5px;
}

/* Tagcloud widget */
#sidebar .tagcloud a {
	line-height: 160%;
}

/* Search */
#searchform div {
	position: relative;
}

/* Event widget */
.widget_em_widget {
    padding-bottom: 10px;
}

/* image widget */
.widget_sp_image {
    padding-bottom: 10px;
}
#sidebar .widget_sp_image img {
    margin: 0 0 5px 0;
    padding: 0;
}
#sidebar .widget_sp_image a {
    padding: 0;
}

/* Calendar */

#calendar_wrap table {
	margin-left: auto;
	margin-right: auto;
}

#calendar_wrap td {
	padding: 2px 5px;
}

#calendar_wrap td#next {
	text-align: right;
}

/* Custom Menu */
#sidebar div.widget_advanced_menu {
  padding-top: 0;
}
#sidebar ul.menu {
  margin: 0 0 5px 0;
	padding: 20px 0 15px 0;
}
#sidebar ul.menu li {
  padding: 5px 15px 5px 20px;
  margin: 0;
  line-height: normal;
  list-style: none;
}

#sidebar ul.menu ul {
	margin: 0 0 10px 0;
}
#sidebar ul.menu a:hover {
  text-decoration: underline;
}


/*  Caroufredsel widgets */

#sidebar .caroufredsel-wrap {
	margin-bottom: 0!important;
	overflow: visible;
}

/* Contact Form Widget */

#sidebar input[type="text"],
#sidebar input[type="password"],
#sidebar input[type="email"],
#sidebar textarea,
#footer input[type="text"],
#footer input[type="password"],
#footer input[type="email"],
#footer textarea {
	width: 90%;
}

#sidebar #contactform-widget-wrap form {
	margin-bottom: 0;
}

#sidebar #contactform-widget-wrap #submit {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#footer #contactform-widget-wrap label {
	color: #ccc;
}

/* Blogposts */
.blogposts-widget-thumb {
	width: 50px;
	height: 50px;
	float: left;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 15px;
	background: url('../img/blogpost.png') no-repeat;
	background-size: 50px 50px;
}

.blogposts-widget-item {
	padding-bottom: 20px;
	border-bottom: 3px solid #eee;
	margin-bottom: 20px!important;
	min-height: 50px;
}

#footer .blogposts-widget-item {
	border-bottom-color: #333;
}

.blogposts-widget-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.blogposts-widget-title {
	line-height: 17px;
}

.blogposts-widget-meta {
	font-size: 9px;
	line-height: 16px;
}

.blogposts-widget-meta span {
	display: block;
}

/* Contact Info Widget */

ul.contactinfo-widget li {
	padding-left: 25px;
	line-height: 25px!important;
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

ul.contactinfo-widget li.contactinfo-widget-address {
	background-image: url('../img/address-icon.png');
}

ul.contactinfo-widget li.contactinfo-widget-phone {
	background-image: url('../img/phone-icon.png');
}

ul.contactinfo-widget li.contactinfo-widget-email {
	background-image: url('../img/email-icon.png');
}

ul.contactinfo-widget li.contactinfo-widget-form {
	background-image: url('../img/form-icon.png');
	background-position: 0px 7px;
}

#footer ul.contactinfo-widget li.contactinfo-widget-address {
	background-image: url('../img/address-icon-light.png');
}

#footer ul.contactinfo-widget li.contactinfo-widget-phone {
	background-image: url('../img/phone-icon-light.png');
}

#footer ul.contactinfo-widget li.contactinfo-widget-email {
	background-image: url('../img/email-icon-light.png');
}

#footer ul.contactinfo-widget li.contactinfo-widget-form {
	background-image: url('../img/form-icon-light.png');
}

ul.contactinfo-widget li.contactinfo-widget-form a {
	background: url('../img/arrow-right.png') 100% center no-repeat #ccc;
	padding-right: 40px;
	padding-left: 10px;
	min-height: 30px;
	line-height: 30px;
	display: inline-block;
	color: white!important;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

ul.contactinfo-widget li.contactinfo-widget-form a:hover {
	background-color: #333;
}


/* Social Media Widget */

.socialmedia-widget-wrap a {
	display: inline-block;
	width: 40px;
	height: 38px;
	margin: 0 10px 10px 0;
	background-color: #707070;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

.facebook {
	border-bottom-color: #3b5998;
	background: url('../img/socialicons/facebook.png') center center no-repeat;
}
.facebook:hover {
	background-color: #3b5998!important;
}

.twitter {
	border-bottom-color: #00aced;
	background: url('../img/socialicons/twitter.png') center center no-repeat;
}
.twitter:hover {
	background-color: #00aced!important;
}

.googleplus {
	border-bottom-color: #dd4b39;
	background: url('../img/socialicons/googleplus.png') center center no-repeat;
}
.googleplus:hover {
	background-color: #dd4b39!important;
}

.linkedin {
	border-bottom-color: #007bb6;
	background: url('../img/socialicons/linkedin.png') center center no-repeat;
}
.linkedin:hover {
	background-color: #007bb6!important;
}

.instagram {
	border-bottom-color: #517fa4;
	background: url('../img/socialicons/instagram.png') center center no-repeat;
}
.instagram:hover {
	background-color: #517fa4!important;
}

.pinterest {
	border-bottom-color: #cb2027;
	background: url('../img/socialicons/pinterest.png') center center no-repeat;
}
.pinterest:hover {
	background-color: #cb2027!important;
}

.tumblr {
	border-bottom-color: #32506d;
	background: url('../img/socialicons/tumblr.png') center center no-repeat;
}
.tumblr:hover {
	background-color: #32506d!important;
}

.stumbleupon {
	border-bottom-color: #dc3710;
	background: url('../img/socialicons/stumbleupon.png') center center no-repeat;
}
.stumbleupon:hover {
	background-color: #dc3710!important;
}

.dribbble {
	border-bottom-color: #ea4c89;
	background: url('../img/socialicons/dribbble.png') center center no-repeat;
}
.dribbble:hover {
	background-color: #ea4c89!important;
}

.behance {
	border-bottom-color: #053eff;
	background: url('../img/socialicons/behance.png') center center no-repeat;
}
.behance:hover {
	background-color: #053eff!important;
}

.deviantart {
	border-bottom-color: #4e6252;
	background: url('../img/socialicons/deviantart.png') center center no-repeat;
}
.deviantart:hover {
	background-color: #4e6252!important;
}

.flickr {
	border-bottom-color: #ff0084;
	background: url('../img/socialicons/flickr.png') center center no-repeat;
}
.flickr:hover {
	background-color: #ff0084!important;
}

.youtube {
	border-bottom-color: #bb0000;
	background: url('../img/socialicons/youtube.png') center center no-repeat;
}
.youtube:hover {
	background-color: #bb0000!important;
}

.vimeo {
	border-bottom-color: #aad450;
	background: url('../img/socialicons/vimeo.png') center center no-repeat;
}
.vimeo:hover {
	background-color: #aad450!important;
}

.yelp {
	border-bottom-color: #c41200;
	background: url('../img/socialicons/yelp.png') center center no-repeat;
}
.yelp:hover {
	background-color: #c41200!important;
}

.rss {
	border-bottom-color: #ff7400;
	background: url('../img/socialicons/rss.png') center center no-repeat;
}
.rss:hover {
	background-color: #ff7400!important;
}


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

#footer {
	font-size: 13px;
	background: #222;
	border-top: 6px solid #707070;
	padding-top: 10px;
	color: #666;
	text-transform: uppercase;
}

#footer .container {
	margin-bottom: 0;
	width: 960px;
}

#footer .container > ul {
	margin-bottom: 0;
	margin-left: 0;
}

#footer .container ul > * {
	color: #707070;
}

#footer ul ul {
	margin-left: 0;
}

#footer ul ul ul {
	margin: 10px 0 10px 15px;
}

#footer li {
	margin-bottom: 10px;
	line-height: 20px;
}

#footer > li {
	margin-bottom: 30px;
}

#footer .container > ul > li.widget {
	display: inline-block;
	vertical-align: top;
	float: none;
	margin-bottom: 50px;
}

#footer .widget-title, #footer .nav-title {
	font-size: 24px;
	line-height: 30px;
	color: #eee;
	text-transform: uppercase;
	display: block;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

#footer .widget-title a,
#footer .widget-title a:visited {
	color: #eee;
}

#footer .container ul li ul li {
	font-size: 15px;
	line-height: 20px;
	/* text-transform: uppercase; */
}

#footer .container .widget a,
#footer .container .widget a:visited {
	color: #707070;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

/* Footer image widgets */
#footer .widget_sp_image {
  text-align: center;
}
/* Footer custom menu */
#footer ul.menu {
	margin-left: 0px;
}

#footer ul.menu ul {
	margin: 10px 0 10px 15px;
}

/* RSS Widget */
#footer .rsswidget img {
	position: relative;
	top: 10px;
}

/* Tagcloud widget */
#footer .tagcloud a {
    background: #707070;
    color: #eee!important;
    font-size: 12px!important;
    padding: 5px 10px;
    display: inline-block;
    margin: 2px 0;
}

/* Sub footer */

#sub-footer {
	background: #000;
	font-size: 10px;
	color: #666;
	padding: 20px 0;
}

#sub-footer p {
  display: inline-block;
	margin-bottom: 0;
}

.sub-footer-left {
	float: left;
	width: 49%;
	/* max-width: 49%; */
}

.sub-footer-right {
	float: right;
	width: 49%;
	text-align: right;
	/* max-width: 49%; */
}

.sub-footer-right .menu,
.sub-footer-right .menu ul {
	margin-bottom: 0;
}

.sub-footer-right .menu li {
	display: inline-block;
	margin-left: 15px;
	margin-bottom: 0;
}

.sub-footer-right .menu li a {
	color: #666;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

/* #Styling
================================================== */

/* Basic Styles */

body,
#page-container > div,
#page-container > p,
#page-container > table,
#page-container > form,
#page-container > ul,
#page-container > ol,
#page-container > dl,
#footer .container ul > *,
#sidebar .textwidget,
#sidebar p, #sidebar .widget_rss ul li,
#footer p, #footer .container .widget_rss ul li {
	font-family: "PT sans", Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 145%;
	text-transform: none;
	letter-spacing: normal;
	word-spacing: normal;
}

#sidebar .textwidget,
#sidebar .widget_sp_image-description {
    padding-left: 15px;
    padding-right: 15px;
}

#page-container > h2,
#page-container > h3 {
  text-transform: uppercase;
}

/* Reset font and white space sizes (Part of the CSS Hack that removes inconsistent white-spaces) */
#page-container > *, #footer .container ul > * {
	letter-spacing: normal;
	word-spacing: normal;
}

body {
	background: #E8F8F8;
	color: #333;
	-webkit-text-size-adjust: 100%;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 12px;
	line-height: 120%;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit;
}

h1 { font-size: 21px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

h1.entry-title {
	font-size: 22px;
	line-height: 26px;
}
h2.entry-title {
	font-size: 22px;
	line-height: 26px;
}


p {
	margin: 0 0 20px 0;
}

p img {
	margin: 0 0 5px 0;
}

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

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

small {
	font-size: 80%;
}

/* Quotes */
q::before, cite::before {
	content: '"';
}

q::after, cite::after {
	content: '"';
}

q q::before, cite cite::before {
	content: "'";
}

q q::after, cite cite::after {
	content: "'";
}

/* Images */

img {
	max-width: 100%;
	height: auto;
}
/* Prevent image distortion in IE8 */
@media \0screen {img { width: auto }}

/*	Blockquotes  */
blockquote, blockquote p {
	font-size: 17px;
	line-height: 24px;
	color: #777;
	font-style: italic;
}

blockquote {
	margin: 0 40px 20px 40px;
	padding: 10px 20px;
	border-left: 3px solid #DDD;
}

blockquote p {
	margin-bottom: 0;
}

blockquote cite {
	display: block;
	font-size: 13px;
	color: #555;
}

blockquote cite:before {
	content: "\2014 \0020";
}

blockquote cite:after {
	content: "";
}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
	color: #555;
}

blockquote.center {
	text-align: center;
}

blockquote.left {
	text-align: left;
}

blockquote.right {
	text-align: right;
}

hr {
	border: solid #eee;
	border-width: 3px 0 0;
	clear: both;
	width: 80%;
	margin: 0 auto;
}

/* Tables */
.tablepress {
  width: 95%;
}

th {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	background: #CCC;
}

tr {

}

tr:nth-child(even) {
	background: #EEE;
}

tr:nth-child(odd) {
	background: #DDD;
}

td {
	padding: 5px 20px;
}

th {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	background: #CCC;
	text-align: center;
}

/* Lists */
#page-container ul > li {
	list-style: disc;
}

#page-container ul ul li,
#page-container ul ol li {
    margin-left: 0px;
}

#page-container ul li,
#page-container ol li {
  margin-left: 40px;
  margin-bottom: 0;
}

/* right sidebar */
/* each widget is an li */
#sidebar-container-inside #sidebar > li {
  margin-left: 0;
  list-style: none;
}

#sidebar-container-inside #sidebar li li {
  margin-left: 0;
}

dl {
	margin-bottom: 20px;
}

dl dt {
	font-weight: bold;
	margin-bottom: 5px;
}

dl dd {
	padding-left: 20px;
	margin-bottom: 10px;
}


address {
	font-family: 'Courier new', Courier, Monospace;
	padding: 0 0 20px 20px;
}

cite {
	font-style: italic;
}

pre {
	display: block;
	font-family: 'Courier New', Courier, Monospace;
	padding: 15px;
	word-wrap: break-word;
}

/* Forms */

label {
	color: #333;
	font-size: 16px;
	line-height: 30px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	color: white;
	background: #CCC;
	border: none;
	border-radius: 0;
	box-shadow: none;
	display: block;
	font-size: 15px;
	margin: 0 0 10px 0;
	padding: 0 5px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	color: #fff;
	border: none;
	box-shadow: none;
}

input[type="text"],
input[type="password"],
input[type="email"] {
	height: 30px;
}

textarea {
	width: 90%;
	padding: 5px;
}

/* Buttons */
input[type="submit"],
input[type="reset"],
input[type="button"] {
	border: none;
	display: inline-block;
	text-transform: capitalize;
	font-size: 14px;
	text-decoration: none;
	text-shadow: none;
	cursor: pointer;
	margin: 0 0 20px 0;
	height: 30px;
	padding: 0 15px;
	color: #fff;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: white;
	background: #333;
}

select {
	-webkit-appearance: none;
	background: url('../img/select-arrow.png') no-repeat right #eee;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #333;
	height: 30px;
	line-height: 30px;
	padding: 0 15px!important;
}

.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {
    line-height: 13px;
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: normal;
}

/* #Links
================================================== */
a, a:visited {
	text-decoration: none;
	outline: 0;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

a:hover, a:focus {
	text-decoration: none;
}

p a, p a:visited {
	line-height: inherit;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited,
#page-container h3.entry-title a {
	color: #333;
}


h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
#page-container h1 a:hover, #page-container h2 a:hover, #page-container h3 a:hover,
#page-container h4 a:hover, #page-container h5 a:hover, #page-container h6 a:hover {
	text-decoration: none;
	color: #333;
}

/* Gallery */
.wp-caption-text {
	padding-left: 0;
}
/* Max Galleria */
/* Full element needs shifted */
#page-container > div.mg-image-showcase,
#page-container > div.mg-image-tiles {
  margin-left: 0 !important;
  margin-right: 10px !important;
  float: right;
}

/* Simple Staff List Custom CSS */
/*  div wrapped around entire staff list  */
/* this 72% is only when we have a right sidebar inside our content, so we need another class on the page for this -pek */
/* .with-right-sidebar is added */

/* individual member wrap for page with no inside right sidebar */
.staff-member-info-wrap {
  width: 78%;
  float: left;
}
/* listing and individual member wrap for page WITH inside right sidebar */
.with-right-sidebar .staff-member-listing,
.with-right-sidebar .staff-member-info-wrap {
  width: 72%;
}

/*  div wrapped around each staff member  */
div.staff-member {
	padding-bottom: 2em;
	border-bottom: thin dotted #aaa;
}

/*  "Odd" staff member  */
div.staff-member.odd,
div.staff-member.even {
	margin-top: 2em;
}

/*  Last staff member  */
div.staff-member.last {
	padding-bottom: 0;
	border: none;
}

/* margin left only needed when we show a photo -pek */
.hasphoto .staff-member-info-wrap {
	margin-left: 3%;
}

/*  [staff-bio-formatted]  */
div.staff-member-bio {

}

/*  p tags within [staff-bio-formatted]  */
div.staff-member-bio p {

}
div.staff-member-bio p:last-child {
  margin-bottom: 0;
}

/*  [staff-photo]  */
img.staff-member-photo {
	float: left;
}

/*  [staff-email-link]  */
.staff-member-email {

}

/*  [staff-name-formatted]  */
div.staff-member-listing h3.staff-member-name {
	margin: 0;
}

/*  [staff-position-formatted]  */
div.staff-member-listing h4.staff-member-position {
	margin: 0;
	font-style: italic;
}

/* Clearfix for div.staff-member */
/*
div.staff-member:after {
	content: "";
	display: block;
	clear: both;
}
*/

/* Clearfix for <= IE7 */
* html div.staff-member { height: 1%; }
div.staff-member { display: block; }








/* #Shortcodes
================================================== */

/* Dropcaps */

.dropcap {
	float: left;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	margin: 4px 6px 0 0;
}

.dropcap.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	border-radius:         5px;
}

.dropcap.disc {
	-webkit-border-radius: 15px;
	-moz-border-radius:    15px;
	border-radius:         15px;
}

.dropcap.leaf1 {
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright:     15px;
	border-top-right-radius:         15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft:     15px;
	border-bottom-left-radius:         15px;
}

.dropcap.leaf2 {
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft:     15px;
	border-top-left-radius:         15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright:     15px;
	border-bottom-right-radius:         15px;
}

/* Highlights */

span.highlight {
	color: white;
	padding: 0 3px;
}

/* Colors */

.aqua {
	background: aqua;
	border-color: aqua;
}
.black {
	background: black;
	border-color: black;
}
.blue {
	background: blue;
	border-color: blue;
}
.fuchsia {
	background: fuchsia;
	border-color: fuchsia;
}
.grey {
	background: grey;
	border-color: grey;
}
.green {
	background: green;
	border-color: green;
}
.lime {
	background: lime;
	border-color: lime;
}
.maroon {
	background: maroon;
	border-color: maroon;
}
.navy {
	background: navy;
	border-color: navy;
}
.olive {
	background: olive;
	border-color: olive;
}
.purple {
	background: purple;
	border-color: purple;
}
.red {
	background: red;
	border-color: red;
}
.silver {
	background: silver;
	border-color: silver;
}
.teal {
	background: teal;
	border-color: teal;
}
.brown {
	background: brown;
	border-color: brown;
}
.crimson {
	background: crimson;
	border-color: crimson;
}
.pink {
	background: deeppink;
	border-color: deeppink;
}
.slate {
	background: darkslategrey;
	border-color: darkslategrey;
}
.gold {
	background: gold;
	border-color: gold;
}
.coral {
	background: lightcoral;
	border-color: lightcoral;
}
.darkgrey {
	background: #333;
	border-color: #333;
}

/* Buttons */

.button-small:hover,
.button-medium:hover,
.button-large:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	text-decoration: none;
}

.button-small,
.button-medium,
.button-big {
	border: 0;
	display: inline-block;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	cursor: pointer;
	margin: 0 2px 20px 2px;
	color: #fff;
}

/* small buttons */
.button-small {
	font-size: 11px;
	line-height: 22px;
	padding: 0 15px;
}

/* medium buttons */
.button-medium {
	font-size: 13px;
	line-height: 22px;
	padding: 5px 20px;
}

/* large buttons */
.button-big {
	font-size: 15px;
	line-height: 25px;
	padding: 10px 30px;
}

.button.default,
.button.default:visited,
a.button.default,
a.button.default:visited  {
	color: #fff;
}

.button.default:hover,
.button.default:focus {
	color: white;
	background-color: #333;
}

.button.black {
	color: white;
	background: #000;
}

.button.blue {
	color: white;
	background: #52a8e8;
}

.button.red,
.button.red:visited {
	color: white;
	background: #e85252;
}

.button.green,
.button.green:visited {
	color: white;
	background: #28994e;
}

.button.blue:hover,
.button.blue:focus,
.button.red:hover,
.button.red:focus,
.button.green:hover,
.button.green:focus,
.button.black:hover,
.button.black:focus {
	color: white;
	background: #333;
}


/* Call to Action */

.cta {
    position: relative;
    border-left: 6px solid #eee;
    padding: 35px 20px 35px 40px;
	margin-bottom: 40px!important;
	background: #333;
}

.cta h3, .cta p {
    margin-bottom: 0;
    color: #eee;
}

.cta h3 {
    font-weight: normal;
    font-size: 28px;
	line-height: 54px;
}

.cta-button {
    float: right;
    text-align: right;
    margin-top: 5px;
}

.cta-button a {
	display: inline-block;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 3px solid #333;
	font-size: 15px;
	line-height: 25px;
	padding: 10px 30px 7px 30px;
}

/* Alert Boxes */

.alert-box {
	min-height: 60px;
	margin-bottom: 40px!important;
	background-repeat: no-repeat;
	background-position: 20px 15px;
	background-size: 20px 20px;
}

.alert-box h3, .alert-box p {
	margin-bottom: 0;
}

.alert-box h3 {
	padding: 10px 20px 10px 45px;
}

.alert-box p {
	padding: 0px 20px 20px 20px;
}

div.alert-box.success {
	background-image: url('../img/check50.png');
	background-color: #9F9;
	border-color: #00b300;
}

.alert-box.success h3, .alert-box.success p {
	color: #060!important;
}

div.alert-box.warning {
	background-image: url('../img/warning50.png');
	background-color: #ffe14d;
	border-color: #ff6a00;
}

.alert-box.warning h3, .alert-box.warning p {
	color: #b34a00!important;
}

div.alert-box.error {
	background-image: url('../img/error50.png');
	background-color: #F99;
	border-color: #b30000;
}

.alert-box.error h3, .alert-box.error p {
	color: #600!important;
}

div.alert-box.info {
	background-image: url('../img/info50.png');
	background-color: #99F;
	border-color: #0000b3;
}

.alert-box.info h3, .alert-box.info p {
	color: #006!important;
}

div.alert-box.help {
	background-image: url('../img/help50.png');
	background-color: #ccc;
	border-color: #666;
}

.alert-box.help h3, .alert-box.help p {
	color: #333!important;
}

/* Tabs */

ul.tabs {
	display: block;
	margin : 0;
	border: none;
	padding: 0;
}

ul.tabs li {
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: 0;
}

#page-container ul.tabs > li,
#page-container ul.tabs-content > li {
	margin-left: 0;
	padding-left: 0;
	background-image: none;
	list-style: none;
}

ul.tabs li a {
	display: block;
	font-size: 13px;
	background: #333;
	color: white;
	text-decoration: none;
	width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	border: none;
	border-radius: 0;
	margin: 0;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

ul.tabs li a.active {
	color: white;
	background: #fff;
	height: 30px;
	position: relative;
	top: -4px;
	padding-top: 4px;
	border-left-width: 1px;
	margin: 0;
}

ul.tabs-content {
	display: block;
	padding: 20px;
	border-bottom: solid 3px #eee;
	border-top: solid 3px #eee;
	margin: 0 0 20px 0;
}

ul.tabs-content > li {
	display:none;
}

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

ul.tabs-content li {
	margin-bottom: 0;
}

/* Toggles */

.toggles {
	margin-bottom: 20px;
}

.toggle a.trigger {
	display: block;
	text-decoration: none;
	width: auto;
	height: 30px;
	padding: 0;
	padding-left: 30px;
	line-height: 30px;
	border-top: solid 1px #fff;
	margin: 0;
	background: url('../img/plus-minus.png') 0 0 no-repeat;
	background-color: #333;
	font-size: 13px;
	cursor: pointer;
	color: #fff;
	-webkit-transition: all .5s; /* Safari and Chrome */
	-moz-transition:    all .5s; /* Firefox 4 */
	-o-transition:      all .5s; /* Opera */
	transition:         all .5s;
}

.toggle a.trigger:hover {
    text-decoration: none;
}

.toggles .toggle:first-child a.trigger {
	border-top: none;
}

.toggle_container {
	padding: 20px;
	border: none;
}

/* Accordions */

.accordions {
	margin-bottom: 20px;
}

.accordions .accordion a.trigger {
	display: block;
	text-decoration: none;
	width: auto;
	height: 30px;
	padding: 0;
	padding-left: 30px;
	line-height: 30px;
	border-top: solid 1px #fff;
	margin: 0;
	background: url('../img/plus-minus.png') 0 0 no-repeat;
	background-color: #333;
	font-size: 13px;
	cursor: pointer;
	color: #fff;
	-webkit-transition: all .5s; /* Safari and Chrome */
	-moz-transition:    all .5s; /* Firefox 4 */
	-o-transition:      all .5s; /* Opera */
	transition:         all .5s;
}

.accordions .accordion:first-child a.trigger {
	border-top: none;
}

.accordion_container {
	padding: 20px;
}

/* Slider */

#page-container .flexslider li {
	padding-left: 0;
	margin-left: 0;
	background-image: none;
}

.slide-content p {
    padding: 20px 20px 0 20px;
    margin: 0;
}

.slide-content p.slide-title {
	display: block;
	text-decoration: none;
	width: auto;
	height: 30px;
	padding: 0;
	line-height: 30px;
	border: none;
	background: #333;
	font-size: 13px;
	margin: 0;
	cursor: pointer;
	color: #fff;
	padding-left: 10px;
}

.content-flexslider-container .flexslider {
	padding-bottom: 5px;
	margin-bottom: 0px;
}

#page-container .content-flexslider-container .flex-direction-nav,
#page-container .content-flexslider-container .flex-pauseplay {
    height: auto;
    display: inline-block;
}

#page-container .content-flexslider-container .flex-direction-nav li {
    display: inline-block;
}

#page-container .content-flexslider-container .flex-direction-nav li a,
#page-container .content-flexslider-container .flex-pauseplay a {
	cursor: pointer;
    position: relative;
    background-color: #333;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#page-container .content-flexslider-container .flex-direction-nav li .flex-prev {
	background-image: url('../img/prev-arrow25.png');
    right: 0;
}

#page-container .content-flexslider-container .flex-pauseplay a.flex-pause {
    background-image: url('../img/pause-arrow25.png');
    right: 25px;
}

#page-container .content-flexslider-container .flex-pauseplay a.flex-play {
    background-image: url('../img/play-arrow25.png');
    right: 25px;
}

#page-container .content-flexslider-container .flex-direction-nav li .flex-next {
	background-image: url('../img/next-arrow25.png');
    right: -25px;
}

.content-flexslider-container .flex-direction-nav li .disabled {
	opacity: .3;
	filter: alpha(opacity=30);
	cursor: default;
}

/* CarouFredSel */

.caroufredsel-wrap {
    position: relative;
    margin-bottom: 40px!important;
    overflow: hidden;
}

#footer .caroufredsel-wrap {
	overflow: visible;
}

.caroufredsel-wrap .prev {
    right: 26px;
    background-image: url('../img/prev-arrow25.png');
}

.caroufredsel-wrap .next {
    right: 0px;
    background-image: url('../img/next-arrow25.png');
}

.caroufredsel-wrap .prev,
.caroufredsel-wrap .next {
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
    top: 0;
    width: 25px;
    height: 25px;
    background-color: #333;
    -webkit-transition: all .5s ease-in-out;
}

#sidebar .caroufredsel-wrap .prev,
#sidebar .caroufredsel-wrap .next {
	top: -35px;
}

#footer .caroufredsel-wrap .prev,
#footer .caroufredsel-wrap .next {
	top: -26px;
}


#sidebar .caroufredsel-wrap .prev {
    right: 26px;
}

#sidebar .caroufredsel-wrap .next {
    right: 0px;
}

.caroufredsel-wrap .prev:hover,
.caroufredsel-wrap .next:hover {
    background-color: #ccc;
    text-decoration: none;
}

.caroufredsel-wrap > h3 {
    padding-right: 60px;
}

/* Blogposts Shortcode */

.blogpost-item {
    display: inline-block;
    margin-right: 40px;
}

#page-container .one-third .blogpost-item,
#page-container .two-thirds .blogpost-item {
    width: 280px!important;
}

#page-container.with-sidebar .blogpost-item {
    width: 140px!important;
}

#page-container .blogpost-item,
#page-container.with-sidebar .one-third .blogpost-item,
#page-container.with-sidebar .two-thirds .blogpost-item {
    width: 200px!important;
}

.blogpost-thumb {
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    background: url('../img/blogpost.png') no-repeat;
}

.blogpost-desc {
    margin-left: 70px;
}

.blogpost-desc h3 {
    font-size: 12px;
    font-weight: normal;
    line-height: 17px;
    margin-bottom: 0px;
}

.blogpost-desc a:hover {
	text-decoration: none;
}

.blogpost-desc a:hover h3 {
	color: #08C!important;
}

.blogposts-date {
    font-size: 9px;
    color: #999;
}

/* Maps */

.maps-wrap {
	margin-bottom: 20px;
}

/* Portfolio single */

.meta-label {
    font-size: 11px;
}

.meta-category {
    background: #333;
    color: white;
    padding: 10px 0;
}

.meta-client {
    background: #CCC;
    margin-bottom: 20px;
    padding: 10px 0;
}








/* #Flexslider
================================================== */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flex-direction-nav a {
    text-indent: -9999px;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
 /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	max-width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* ===================================================================================================== */
/* FlexSlider Default Theme */
/* ===================================================================================================== */
.flexslider {
	position: relative;
	background: #fff;
	border: none;
	/* margin-bottom: 60px; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	zoom: 1;
	overflow: hidden;
}

.flexslider .slides {
	zoom: 1;
}

.flexslider .slides > li {
	position: relative;
	margin-bottom: 0;
}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
	zoom: 1;
	position: relative;
}

/* Caption style */
.flex-caption {
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: 153px;
	bottom: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
}
/* Longtext style */
.flex-longtext {
  padding: 15px;
  width: 27%;
  line-height: normal;
  position: absolute;
  right: 0px;
  bottom: 50px;
  color: #fff;
}
.flex-longtext.dark {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.8 opacity */
    background: rgba(26, 26, 26, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC1A1A1A, endColorstr=#CC1A1A1A);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC1A1A1A, endColorstr=#CC1A1A1A)";
    color: #FFF;
}
.flex-longtext.light {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(230, 230, 230) transparent;
    /* RGBa with 0.8 opacity */
    background: rgba(230, 230, 230, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCE6E6E6, endColorstr=#CCE6E6E6);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCE6E6E6, endColorstr=#CCE6E6E6)";
    color: #000;
}


/* Direction Nav */
.flex-direction-nav {
	height: 0;
}
.flex-direction-nav li {
  margin-bottom: 0;
  display: inline-block;
}

.flex-direction-nav li a,
.flex-pauseplay a {
	cursor: pointer;
    position: absolute;
    background-color: #333;
    width: 50px;
    height: 50px;
    bottom: 0;
    display: block;
}

.flex-direction-nav li .flex-prev {
	background-image: url('../img/prev-arrow.png');
	right: 102px;
}

.flex-pauseplay a.flex-pause {
    background-image: url('../img/pause-arrow.png');
    right: 51px;
    text-indent: -9999px;
    overflow: hidden;
}

.flex-pauseplay a.flex-play {
    background-image: url('../img/play-arrow.png');
    right: 51px;
    text-indent: -9999px;
    overflow: hidden;
}

.flex-direction-nav li .flex-next {
	background-image: url('../img/next-arrow.png');
	right: 0;
}

.flex-direction-nav li .disabled {
	opacity: .3;
	filter: alpha(opacity=30);
	cursor: default;
}








/**
 * UIC Network WordPress Theme by Pixo | http://pixotech.com
 * Media Queries CSS
 */
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#main-wrap.boxed,
	#header,
	#navbar,
	#main-content {
	  width: 768px;
	}
	#main-wrap.boxed {
		margin: 0 auto 0 auto;
	}

/* sidebar-container-inside is a child of #page-container */
  #sidebar-container-inside {
    margin-left: 15px;
  }
	.container      { width: 768px; }
	#page-container { width: 766px; }

	/* No sidebar: Container= 766 */
	#page-container > .full-width    { width: 736px; }
	#page-container > .one-half      { width: 45%; } /* 353px */
	#page-container > .one-third,
	#footer div ul > .one-third     { width: 225px; }
	#page-container > .two-thirds    { width: 480px; }
	#page-container > .one-fourth,
	#footer div ul > .one-fourth     { width: 161px; }
	#page-container > .three-fourths { width: 544px; }
	/* elbow room for widgets in narrower footer -pek */
	#footer div > ul > li.one-fourth { width: 50%; }

	/* With Sidebar: Container= 576 */
	#page-container.with-sidebar { width: 576px; }

	#page-container.with-sidebar > .full-width    { width: 546px; }
	#page-container.with-sidebar > .one-half      { /* width: 45%; */ margin-right: 15px; } /* should already be 32% -pek */
	#page-container.with-sidebar > .one-third     { width: 162px; }
	#page-container.with-sidebar > .two-thirds    { width: 354px; }
	#page-container.with-sidebar > .one-fourth    { width: 114px; }
	#page-container.with-sidebar > .three-fourths { width: 402px; }

  /* currently blogpost-item is allowed different styling -pek */
	.blogpost-item { margin-right: 30px; }
	#page-container .one-third .blogpost-item,
	#page-container .two-thirds .blogpost-item {
		width: 225px!important;
	}
	#page-container.with-sidebar .blogpost-item {
		width: 114px!important;
	}
	#page-container .blogpost-item,
	#page-container.with-sidebar .one-third .blogpost-item,
	#page-container.with-sidebar .two-thirds .blogpost-item {
		width: 162px!important;
	}

  /* at one point this was 172px; before combining CSS files -pek */
	#sidebar-container.right,
	#sidebar-container.left,
	#sidebar-container-inside {
		width: 161px;
	}

/* simple staff list stuff -pek */
/* without inside right sidebar */
  .staff-member-listing {
    width: 98%;
  }
  .staff-member-info-wrap {
    width: 72%;
  }
/* WITH inside right sidebar */
.with-right-sidebar .staff-member-listing,
.with-right-sidebar .staff-member-info-wrap {
  width: 68%;
}

	.sub-footer-left {
		margin-left: 15px;
	}
	.sub-footer-right {
		margin-right: 15px;
	}
	#slider-wrap {
		width: 738px;
	}
	/* Allow slider description to be wider */
	.flex-longtext {
	  width: 36%;
	}
	#eyebrow {
		width: 100%;
		border-bottom: 1px solid #EEE;
	}
	h1.page-title, h1.entry-title {
		width: 718px;
		margin: 0 15px 40px 15px;
	}
	#navbar > .menu-container {
		width: 587px;
	}
	#eyebrow > .menu-container {
		width: 587px;
	}
	#nav-search {
		width: 170px;
	}
	#nav-search #s {
		width: 112px;
	}
	#searchform #searchsubmit {
		left: 122px;
	}
	#searchform #s {
		width: 131px;
	}
	#sidebar #searchform #s {
		width: 117px;
	}
	#calendar_wrap td {
		padding: 1px 3px;
	}
	.single-post .thumbnail,
	.thumbnail {
		max-width: 460px;
		height: auto;
	}
	.post-contents,
	.single-post .post-contents {
		width: 460px;
	}
	.gallery .gallery-item { width: 50%!important; min-height: 210px; }
	.gallery br { display: none; }

	#footer .container {
		width: 768px;
	}

span.vvqyoutube {
	margin-left: 0 !important;
	width: 400px !important;
}
}








/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
/* removing !important tags from margin-left and right -pek */
	#page-container > div,
	#page-container > p,
	#page-container > a,
	#page-container > span,
	#page-container > img,
	#page-container > table,
	#page-container > form,
	#page-container > h1,
	#page-container > h2,
	#page-container > h3,
	#page-container > h4,
	#page-container > h5,
	#page-container > h6,
	#footer .container > ul > li {
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 20px;
	}

/* added new sidebar-container-inside for inside page-container option */
	#sidebar-container,
	#sidebar-container-inside {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

/* Changing container from 420px to 440px for consistency -pek */
	.container      { width: 440px!important; }
	#page-container { width: 418px; }

	/* No sidebar: Container= 420 */
	#page-container > .full-width,
	#page-container > .one-half,
	#page-container > .one-third,
	#page-container > .two-thirds,
	#page-container > .one-fourth,
	#footer div ul > .one-third,
	#footer div ul > .one-fourth,
	#page-container > .three-fourths { width: 45%; } /* 400px */
	/* elbow room for widgets in narrower footer -pek */
	#footer div > ul > li.one-fourth { width: 44%; }

	/* With Sidebar: Container= 420 */
	#page-container.with-sidebar { width: 418px; }

/* added new sidebar-container-inside for inside page-container option */
	#sidebar-container,
	#sidebar-container-inside {
		width: 420px;
		margin: 0px 0px 20px 0px !important;
	}

	#sidebar { width: 420px; }

	#page-container.with-sidebar > .full-width,
	#page-container.with-sidebar > .one-half,
	#page-container.with-sidebar > .one-third,
	#page-container.with-sidebar > .two-thirds,
	#page-container.with-sidebar > .one-fourth,
	#page-container.with-sidebar > .three-fourths { width: 45%; margin-right: 5px !important; } /* 400 orig, then 370px */

	/* staff listing - inner right sidebar always gone, so give us room -pek */
	/* NOTE: if we have an inner sidebar, we need this to be like 72% */
	/* without and WITH inside right sidebar */
	div.staff-member-listing,
	div.staff-member-info-wrap,
	.with-right-sidebar .staff-member-listing,
  .with-right-sidebar .staff-member-info-wrap {
	  width: 98%;
	}
	.hasphoto .staff-member-info-wrap {
	  margin: 3% 0 0 0;
	}


	/* Slider description gets in the way at this width -pek */
	.flex-longtext {
	  display: none;
	}
/* ===== STARTS PASTE OF STUFF FROM SECOND MEDIA QUERY FILE ===== */

	#main-wrap.boxed,
	#header,
	#navbar,
	#main-content {
	  width: 440px;
	}
	#main-wrap.boxed {
		margin: 0 auto 20px auto;
	}
	#navbar > .menu-container {
		width: 420px;
	}
	#eyebrow {
	  float: none;
	  text-align: center;
	}
	#eyebrow > .menu-container {
		width: 420px;
	}
	#sidebar #searchform #s {
		width: 365px;
	}
	#sidebar #searchform #searchsubmit {
		left: 375px;
	}
	#calendar_wrap td {
		padding: 5px 20px;
	}

	h1.page-title, h1.entry-title {
		margin: 0 0px 40px 0px;
		width: 405px;
	}
	.post-contents,
	.single-post .post-contents {
		width: 310px;
	}
	.single-post .thumbnail,
	.thumbnail {
    	max-width: 310px;
    }
	.gallery .gallery-item {
	    float: left!important;
	    width: 50%!important;
	    min-height: 210px;
	}
	#page-container .one-third .blogpost-item,
	#page-container .two-thirds .blogpost-item,
	#page-container.with-sidebar .blogpost-item,
	#page-container .blogpost-item,
	#page-container.with-sidebar .one-third .blogpost-item,
	#page-container.with-sidebar .two-thirds .blogpost-item {
		width: 190px!important;
	}
span.vvqyoutube {
        margin-left: 0 !important;
        width: 270px !important;
}
}








/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
/* was 767 */
@media only screen and (max-width: 480px) {

	#main-wrap,
	#main-content {
		width: 100%;
		border: none;
	}
/* removing !important tags from margin left and right -pek */
	#page-container > div,
	#page-container > p,
	#page-container > a,
	#page-container > span,
	#page-container > img,
	#page-container > table,
	#page-container > form,
	#page-container > h1,
	#page-container > h2,
	#page-container > h3,
	#page-container > h4,
	#page-container > h5,
	#page-container > h6,
	#footer .container > ul > li {
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 20px;
	}

/* added new sidebar-container-inside for inside page-container option */
	#sidebar-container,
	#sidebar-container-inside {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

/* changing .container width from 300 to 310 to be consistent -pek */
	.container      { width: 310px!important; }
	#page-container { width: 298px; }

	/* No sidebar: Container= 300 */
	#page-container > .full-width,
	#page-container > .one-half,
	#page-container > .one-third,
	#page-container > .two-thirds,
	#page-container > .one-fourth,
	#footer div ul > .one-third,
	#footer div ul > .one-fourth,
	#page-container > .three-fourths { width: 45%; } /* 280px */
	/* elbow room for widgets in narrower footer -pek */
	#footer div > ul > li.one-fourth { width: 100%; }

	/* With Sidebar: Container= 300 */
	#page-container.with-sidebar { width: 298px; }
    #page-container.with-sidebar.with-right-sidebar { min-width: 200px; max-width: 300px }

	/* staff list stuff */
  .hasphoto .staff-member-info-wrap {
    margin-top: 3%;
    margin-left: 0;
    width: 98%;
  }

/* added new sidebar-container-inside for inside page-container option */
	#sidebar-container,
	#sidebar-container-inside {
		width: 300px;
		margin: 0px 0px 20px 0px !important;
	}

	#sidebar { width: 300px; }

	#page-container.with-sidebar > .full-width,
	#page-container.with-sidebar > .one-half,
	#page-container.with-sidebar > .one-third,
	#page-container.with-sidebar > .two-thirds,
	#page-container.with-sidebar > .one-fourth,
	#page-container.with-sidebar > .three-fourths { width: 95%; margin-right: 5px !important; } /* 280 orig, then 250px */

  /* there isn't room for caption and nav; can still slide with arrow keys -pek */
  .flex-caption,
  .flex-direction-nav,
  .flex-longtext {
    display: none;
  }
/* === STARTS THE PASTE FROM OTHER MEDIA QUERY === */

	#main-wrap.boxed,
	#header,
	#navbar,
	#main-content {
	  width: 310px;
	}
	#main-wrap.boxed {
		margin: 0 auto 0 auto;
	}
	#logo {
		text-align: center;
		float: none;
		max-width: 100%;
	}
  #eyebrow {
    float: none;
    text-align: center;
  }

	.sub-footer-left,
	.sub-footer-right {
		max-width: 100%;
	}

	#header #social-media, #header #header-right {
		float: none;
		text-align: center;
		margin-top: 40px;
		padding-left: 15px;
		padding-right: 5px;
		max-width: 100%;
	}
	#navbar > .menu-container {
		width: 300px;
	}
	#eyebrow > .menu-container {
		width: 300px;
	}
	#nav-search {
		display: none;
	}
	#sidebar #searchform #s {
		width: 245px;
	}
	#sidebar #searchform #searchsubmit {
		left: 255px;
	}
	#calendar_wrap td {
		padding: 3px 12px;
	}
	h1.page-title, h1.entry-title {
    	margin: 0 0px 40px 0px;
    	width: 285px;
    }
	.post-contents,
	.single-post .post-contents {
		width: 190px;
	}
	.single-post .thumbnail,
	.thumbnail {
    	max-width: 190px;
    }
	.gallery .gallery-item {
	    float: none!important;
	    width: 100%!important;
	}
	.gallery br { display: none; }
	.blogpost-item {
	    margin-right: 20px;
	}
	#page-container .one-third .blogpost-item,
	#page-container .two-thirds .blogpost-item,
	#page-container.with-sidebar .blogpost-item,
	#page-container .blogpost-item,
	#page-container.with-sidebar .one-third .blogpost-item,
	#page-container.with-sidebar .two-thirds .blogpost-item {
		width: 120px!important;
	}

/* simple staff list stuff -pek */
/* without and WITH inside right sidebar */
	div.staff-member-listing,
	div.staff-member-info-wrap,
	.with-right-sidebar .staff-member-listing,
  .with-right-sidebar .staff-member-info-wrap {
	  width: 98%;
	}
	.hasphoto .staff-member-info-wrap {
	  margin: 3% 0 0 0;
	}
	.sub-footer-left {
	     margin-bottom: 20px
	}
	.sub-footer-left,
	.sub-footer-right {
		float: none;
		text-align: center;
	}
/* We want floaty images to stop floating */
  .wp-caption.alignleft,
  .wp-caption.alignright {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
#main-content .gform_wrapper input[type=text],
#main-content .gform_wrapper input[type=url],
#main-content .gform_wrapper input[type=email],
#main-content .gform_wrapper input[type=tel],
#main-content .gform_wrapper input[type=number],
#main-content .gform_wrapper input[type=password],
#main-content .gform_wrapper select,
#main-content .gform_wrapper textarea {
    font-size: 15px;
}

select[multiple] {
    height: auto;
    background-image: none;
}

.full-calendar-bullet li{
    border: 0px solid red;
	list-style-type: none !important;
	margin-left: 0 !important;
	padding-top: .5em;
}

a.zilla-button {
    margin: 5px !important;
}

.logo-inner h1	{
	margin-top: 0 !important;
}

/* Styling fix for TinyMCE iframe button layout */
input#cancel, input#insert {
	width: 100px;
}

/* Display Format Column icon in TinyMCE editor toolbar */
i.mce-i-formatcolumn {
    background-image: url(../functions/uicnetwork-mce/uicnetwork_formatcolumn/format_column.png);
}






/* Added this on 02/03/2016. Staff member information spilled over accordions on click, and the nofloat was the only thing that kept it in line. */
div.staff-member {
float: none !important;
width: 90%;
}