/*
Theme Name: Marquette
Description: Child theme for the MEM Core theme 
Author: Obadiah Metivier
Template: memcore
*/

@import url("../memcore/style.css");

@font-face {
    font-family: 'MuliRegular';
    src: url('fonts/Muli-Regular-webfont.eot');
    src: url('fonts/Muli-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Muli-Regular-webfont.woff') format('woff'),
         url('fonts/Muli-Regular-webfont.ttf') format('truetype'),
         url('fonts/Muli-Regular-webfont.svg#MuliRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*     Utilities     */
html {
	background:#fff url(images/html-bg.jpg) top left repeat fixed;}
body {
    background: none;}
.red {
	color:#f66;}
	
/*     Typography  	  */	
body, p {
    color: rgba(0, 0, 0, 0.6);}	
p, pre, blockquote, ul, ol, dl, figure, figcaption, table, fieldset {
    font-size: 1em;
    line-height: 1.5;
    margin: 0.5em 0 1.6em;}	

dl {margin: 0.5em 0 0;}	
	
.intro {
    font-size: 1.3em;
    line-height: 1.2em;
    margin: 1.2em 0;}	
.italic-strong {
	font-weight:bold;}
pre {
    background-color: #fff;
	border: 4px solid #f66;}	
code { 
	color: #084FCF;}
.red-border {border: 4px solid #f66; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);}
	
strong, b {
    color: rgba(0, 0, 0, 0.5);}	
blockquote {
    border-top:none;
	border-right: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;	
	border-left: 10px solid #ddd;
	position: relative;}	
	
blockquote:after {
    background: transparent url(images/blockquote-shadow.png) no-repeat;
    content: "";
    height: 20px;
    right: 0em;
    margin: 0; 
    position: absolute;
    bottom: -19px;
    width: 150px;}	
	
#sfstest-sidebar {
	position:relative;}
#sfstest-sidebar blockquote:after {
    background: transparent url(images/blockquote-shadow.png) no-repeat;
    content: "";
    height: 20px;
    right: 0em;
    margin: 0; 
    position: absolute;
    bottom: -19px;
    width: 150px;}

#sfstest-page {
	position:relative;}
#sfstest-page blockquote:after {
    background: transparent url(images/blockquote-shadow.png) no-repeat;
    content: "";
    height: 20px;
    right: 0;
    margin: 4px 0 0; 
    position: absolute;
    width: 150px;}
a:link, 
a:visited {
    -moz-transition: color 0.3s ease 0s;
	border-bottom: 2px solid transparent;
    color: #f22;
    text-decoration: none;}
a:hover, 
a:focus {
    border-bottom: 2px solid #ccc;
    color: #000;}
a:active { 
	border-bottom: 2px solid #ccc; 
    color: #087CCF;
	outline:none;}
#site-title {
	font-size:2em;
	height:0;
	position:relative;
	margin-left: 2.25em;
    text-indent: -99999px;}
#site-title a {
    color:#444;}
/*
#site-title a:before {
    content:'';
    background:transparent url(images/icon_54.png) no-repeat;
	display:block;
	height:54px;
	width:54px;
	position:absolute;
	top:5px;
	left:-66px;}	
#site-title a:hover, 
#site-title a:focus {
    border:none;
    color:#f66;}
*/
a.logo {
	border:none;}
a:hover.logo,
a:focus.logo {
	border:none!important;}
header img {
    margin:-20px auto 30px;}
h1, h2, h3, h4, h5, h6, th, .more-link  {
    font-family: 'MuliRegular',Arial,sans-serif;}
h6 {
    color: #999;
	font-style:normal;}
.in-page-link-anchors {
	height:0;}
.glossary-section-title {
    border-bottom: 1px dashed #ddd;
    border-top: 1px dashed #ddd;
    color: rgba(0, 0, 0, 0.4);
    font-style: normal;
    padding: 0 0 0.125em;}
dl {
    font-size: 1em;
    line-height: 1.5;}
dt {
    color: rgba(0, 0, 0, 0.7);
	font-family: 'DroidSerifBold', serif;
	font-size:1.25em;}
dd, cite a, #site-description, fieldset legend, fieldset.options legend {
	font-family: 'DroidSerifItalic', serif;
	margin-bottom:1em;} 	
#site-description {
	font-size:1.3em;
	font-style:normal;
	height:0;
	line-height: 1.2;
    margin: -4px 0 0.25em 3.5em;
    text-indent: -99999px;}	
h1, h3 {
    font-style: normal;} 
h1 {
    color: #7F7F7F;
    font-size: 3em;
    font-style: normal;
	letter-spacing: 0;
    line-height: 1em;
    margin: 0.5em 0 0.25em;
    text-transform: uppercase;}	
.entry-header h2 a {
	color:#f66;
    -moz-text-shadow: 1px 1px 4px #fff;
    -webkit-text-shadow: 1px 1px 4px #fff;
    -o-text-shadow: 1px 1px 4px #fff;	
    text-shadow: 1px 1px 4px #fff;}	
.entry-header h2 a:hover,
.entry-header h2 a:focus {
	color:#000;}
.entry-header h2 a:active {
	color:#087CCF;}	
.entry-title a {
	color:#f66;}
.entry-title a:hover,
.entry-title a:focus {
	color:#000;}
.entry-title a:active {
	color:#087CCF;}	
.widget-title {
    border-bottom: 1px dashed #CCC;
	text-transform: uppercase;
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
	clear: both;}	
.posted-on, .posted-in {
    color: rgba(0, 0, 0, 0.7);
    font-size: 0.8em;
    line-height: 1.4em;
    padding: 0.5em 0 1.6em;	
    opacity: 0.6;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter:alpha(opacity=60)}
.date-box {
    border-top: 1px dashed #999;
    opacity: 0.5;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter:alpha(opacity=50);
    padding: .5em 0 .5em;
}	
.leave-reply {
    background-color: #FFF;
    -moz-border-radius: 1em 1em 1em 1em;
    -webkit-border-radius: 1em 1em 1em 1em;
    -o-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;	
    float: right;
    font-size: 0.8em;
    padding: 0 0.5em;}
	
/* Layout
----------------------------------------------- */
.alignright {
    float: right;
    margin: 0 0 0 0.5em !important;}
.alignleft {
    float: left;
    margin: 0 0.5em 0 0 !important;}
	
/* Testimonials
----------------------------------------------- */
#sfstest-sidebar p, #sfstest-page p {
    margin-bottom:0;}	
#sfstest-sidebar p:last-child, #sfstest-page p:last-child {
    margin-bottom: 1em;
	margin-top: 0;}
.sfststreadmore a {
    float: left;
    font-size: 0.8em;
    margin-top: -1.8em;}
.sfststreadmore a:after {
    content: " \2192";}	
.sfststreadmore  {
    margin-bottom: 2.5em;}
/* Donations
----------------------------------------------- */
.donate-button {
	margin-top: -2em !important;
    padding-right: 2em;}
/* Invoices
----------------------------------------------- */
.main #invoice_page img {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    padding: 0;}
form.wpi_checkout li label, div.wpi_checkout_payment_box li label {
    top: -6px!important;}	
	
/* PRIMARY MENU
----------------------------------------------- */
#access,
#menu-footer  {
	background: #444; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#444, #222);
	background: -o-linear-gradient(#444, #222);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#222)); /* older webkit syntax */
	background: -webkit-linear-gradient(#444, #222);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	-o-border-radius: .3em;
	border-radius: .3em;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
    font-family: 'MuliRegular',Arial,sans-serif;
	font-size: 1.4em;
    font-weight: bold;}
#access ul,
#menu-footer ul {
	font-size: .8em;
	list-style: none!important;
	margin: 0 0 0 0.8125em;
	padding-left: 0;}
#access li,
#menu-footer li {
	float: left;
	list-style: none!important;	
	position: relative;}
#access a,
#menu-footer a {
	border: none;
    color: #f66;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;}
#access ul ul,
#menu-footer ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
    margin: 50px 0 0;
	position: absolute;
	top: 3.4em;
	left: 0;
	width: 188px;
	z-index: 99999;}
#access ul li ul li,
#menu-footer ul li ul li {
	list-style: none;}
#access ul ul ul,
#menu-footer ul ul ul {
	left: 100%;
    margin: 0 0 0 -16px;
	top: 0;}
#access ul ul a,
#menu-footer  ul ul a {
	background:#333;
	border-bottom: 1px dotted #222;
	color: #f66;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background:#444;
	color: #ccc;}
#menu-footer li:hover > a,
#menu-footer ul ul :hover > a,
#menu-footer a:focus {
	color: #f66;}	
#access ul li:hover > ul,
#menu-footer ul li:hover > ul {
	display: block;}
#access .current_page_item > a,
#access .current_page_ancestor > a,
#menu-footer .current_page_item  > a,
#menu-footer .current_page_ancestor > a {
	font-weight: bold;}
#access li:active > a,
#access ul ul :active > a,
#access a:active,
#menu-footer li:active > a,
#menu-footer ul ul :active > a,
#menu-footer a:active {
	background:transparent;
	color:#087ccf;}
#access ul ul :active > a {
	background:#222;
	color:#087ccf;}
#access ul li.current_page_item > a, 
#access ul li.current-menu-ancestor > a, 
#access ul li.current-menu-item > a, 
#access ul li.current-menu-parent > a,
#menu-footer ul li.current_page_item > a,
#menu-footer ul li.current-menu-ancestor > a,
#menu-footer ul li.current-menu-item > a,
#menu-footer ul li.current-menu-parent > a {
    color: #ccc;}
.menu-primary-nav-container {
    margin: 20px auto 0;
    width: auto;}

#menu-footer {
	background: #fff;
	font-size: 1em;}
#menu-footer a {
    color: #888;
	padding: 0 0.5em;}	
#menu-footer ul:hover,
#menu-footer ul:focus {
	background:transparent;}
	
/* Colophon
----------------------------------------------- */	
#colophon {
    color: rgba(0, 0, 0, 0.6);
    font-family: Arial,sans-serif;
	padding: 0.125em 0 4em 1em;
    font-size: 0.9em;
    line-height: 3em;}
#logo-note {
		clear:both;
	    padding: 1em 1em 0;}
#logo-note img {
	float:left;
    padding: 0.5em 1em 1em 0;}
.results {
    font-family: 'MuliRegular',Arial,sans-serif;
    font-size: 1.2em;
    line-height: 1.2em;}		
#examples {
    font-family: 'MuliRegular',Arial,sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: -0.04em;	
    line-height: 1.3em;
	margin-bottom: 0;}	
#jargon-note {
     font-size: 0.8em;
     line-height: 1.2em;}	
#colophon a {
	color:#f44;}	
#colophon a:hover,
#colophon a:focus { 
	color:#000;}
#colophon a:active {
	border-bottom: 2px solid #ccc;  
	color:#087CCF;}

/* FORMS
----------------------------------------------- */
fieldset {
    margin-top: 2em;}
fieldset legend {
	color:rgba(0, 0, 0, 0.4);
	font-family: 'DroidSerifItalic', serif;
    margin-top: 0;}
fieldset > div:first-of-type { }
fieldset div {
    margin: 0.5em 0 1em;}
fieldset abbr[title="Required"] {
    border-bottom: 0 none;
    color: #900;
    font: bold 1.25em/0.1 'Helvetica Neue',Arial,sans-serif;}
.required {    
	border-bottom: 0 none;
    color: #900;
    font: bold 1.25em/0.1 'Helvetica Neue',Arial,sans-serif;
	padding-right: 0.5em;}	
fieldset div em {
    color: #666;
    display: block;
    font-size: 0.75em;
    line-height: 1.3334;
    margin: 0.6667em 0 0;}
fieldset div em, 
fieldset div.submit, 
fieldset.options ul, 
label.check {
    margin-left: 23.539%;}
label { 
	cursor: pointer;}
label, 
fieldset.options legend {
	color:rgba(0, 0, 0, 0.7);
    display: block;
	font-weight: bold;
	font-size:1em;
	line-height: 1em;
	font-family: 'DroidSerifBold', serif;
    margin: 0.5em 0;}
label, 
fieldset.options legend {
    float: left;
    padding: 0;
    width: 23.539%;}
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="button"], 
input[type="submit"], 
select, 
textarea, 
button {
    background-color: #e1e1e1;
	-moz-box-shadow: 0 1px 0 #aaa inset;
	-webkit-box-shadow: 0 1px 0 #aaa inset;
    box-shadow: 0 1px 0 #aaa inset;
    line-height: 1.5;
    padding: 0.25em;
    vertical-align: middle;
    width: 98%;}
textarea { 
	overflow: auto;}
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"] select, 
textarea {
    width: 70%;}
#wpcf7-f2485-w1-o1 input[type="text"], 
#wpcf7-f2485-w1-o1 input[type="email"] {
	width: 60%;}	
label.check {
    float: none;
    margin: 0;
    padding: 0.5em 0;
    width: inherit;}
label.check, 
fieldset.options label { 
	font: 200 1em/1 'Helvetica Neue',Arial,sans-serif;}
select {
	-moz-box-shadow: 0 1px 0 #ddd;
	-webkit-box-shadow: 0 1px 0 #ddd;
    box-shadow: 0 1px 0 #ddd;
    margin-bottom: -0.375em;
    width: inherit;}
fieldset.options { 
	margin: 0;}
nav ul li, 
ul[role="navigation"] li, 
fieldset fieldset ul li, 
nav ol li, 
ol[role="navigation"] li, 
fieldset fieldset ol li {
    list-style: none outside none;
    margin: 0;}
fieldset div.submit {
    border-top: 1px solid #eee;
    padding-top: 0.9375em;}
input[type="button"], 
input[type="submit"], 
button {
	-moz-box-shadow: 0 1px 0 #ddd;
	-webkit-box-shadow: 0 1px 0 #ddd;
    box-shadow: 0 1px 0 #ddd;
    cursor: pointer;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-weight: bold;
    margin-right: 0.25em;
    overflow: visible;
    padding: 0.25em 0.75em;
    width: auto;}
input[type="submit"] {
    background-color: #444;
	-moz-box-shadow: 0 1px 0 #080808;
	-webkit-box-shadow: 0 1px 0 #080808;
    box-shadow: 0 1px 0 #080808;
    color: #fff;
    font-family: 'MuliRegular',Arial,sans-serif;
    margin-right: 0;
	-moz-transition: background-color 0.3s ease 0s;}
input[type="submit"]:hover, 
input[type="submit"]:focus { 
	background-color: #f44;
	-moz-box-shadow: 0 1px 0 #c00;
	-webkit-box-shadow: 0 1px 0 #c00;
    box-shadow: 0 1px 0 #c00;
    -moz-text-shadow: 1px 1px 4px #900;
    -webkit-text-shadow: 1px 1px 4px #900;
    -o-text-shadow: 1px 1px 4px #900;	
    text-shadow: 1px 1px 4px #900;}
input[type="submit"]:active { 
	background-color: #087CCF;
	-moz-box-shadow: 0 1px 0 #1962D1;
	-webkit-box-shadow: 0 1px 0 #1962D1;
    box-shadow: 0 1px 0 #1962D1;
    -moz-text-shadow: 1px 1px 4px #1932D1;
    -webkit-text-shadow: 1px 1px 4px #1932D1;
    -o-text-shadow: 1px 1px 4px #1932D1;	
    text-shadow: 1px 1px 4px #1932D1;}
input[type="button"] { 
	color: #fff; 
	-moz-transition: color 0.3s ease 0s;}
input[type="button"]:hover, 
input[type="button"]:focus { 
	color: #c00;}
input[type="button"]:active { 
	background-color: #ddd; 
	color: #080808;}
	
/* SEARCH BOX
----------------------------------------------- */	
input#s{}
input#searchsubmit {}
#searchform  label {
	display:none;}

/* PREV / NEXT LINKS
----------------------------------------------- */	
.nav-previous  a, 
.nav-next a  {
    background-color: #444;
    border: medium none;
	-moz-box-shadow: 0 1px 0 #080808;
	-webkit-box-shadow: 0 1px 0 #080808;
    box-shadow: 0 1px 0 #080808;
    color: #fff;
    font-family: 'MuliRegular',Arial,sans-serif;	
	line-height:2.2em;
    margin-left: 1em;	
    margin-right: 0;
	-moz-transition: background-color 0.3s ease 0s;
    padding: 0.4em 0.75em .5em 0em;
	position:relative;}
.nav-previous a {
	margin-right:1em;}	
.nav-next a {
    margin-left: 0;	
    padding: 0.4em 0em .5em 0.75em;}
.nav-previous a:before { 
    border-color: transparent #444;
    border-style: solid;
    border-width: 10px 10px 10px 0px;
    content: "";
	height: 0px;
	left: -10px;
	margin: 0 10px 0 0;
	-moz-transition: border-color 0.3s ease 0s;	
	position:absolute;
    top: 7px;
    width: 0px;}
.nav-next a:after {
    border-color: transparent #444;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    content: "";
	height: 0px;
	right: -10px;
	margin: 0 0 0 10px;
	-moz-transition: border-color 0.3s ease 0s;	
	position:absolute;
    top: 7px;
    width: 0px;}
.nav-previous a:hover, 
.nav-previous a:focus, 
.nav-next a:hover, 
.nav-next a:focus { 
	background-color: #f44;
	-moz-box-shadow: 0 1px 0 #c00;
	-webkit-box-shadow: 0 1px 0 #c00;
    box-shadow: 0 1px 0 #c00;
    -moz-text-shadow: 1px 1px 4px #900;
    -webkit-text-shadow: 1px 1px 4px #900;
    -o-text-shadow: 1px 1px 4px #900;	
    text-shadow: 1px 1px 4px #900;}
.nav-previous a:active, 
.nav-next a:active { 
	background-color: #087CCF;
	-moz-box-shadow: 0 1px 0 #1962D1;
	-webkit-box-shadow: 0 1px 0 #1962D1;
    box-shadow: 0 1px 0 #1962D1;
    -moz-text-shadow: 1px 1px 4px #1932D1;
    -webkit-text-shadow: 1px 1px 4px #1932D1;
    -o-text-shadow: 1px 1px 4px #1932D1;	
    text-shadow: 1px 1px 4px #1932D1;}	
.nav-previous a:hover:before, 
.nav-previous a:focus:before,
.nav-next a:hover:after, 
.nav-next a:focus:after {
	border-color: transparent #f44;}	
.nav-previous a:active:before, 
.nav-next a:active:after {
	border-color: transparent #087CCF;}

/* CONTINUE READING & READ MORE LINKS
----------------------------------------------- */
.callout .continue-reading {
	display:block;
	margin-top:.5em;}
.callout .continue-reading a  {
    background-color: #444;
    border: medium none;
	-moz-box-shadow: 0 1px 0 #080808;
	-webkit-box-shadow: 0 1px 0 #080808;
    box-shadow: 0 1px 0 #080808;
    color: #fff;
	font-size: 0.8em;
	line-height:2.2em;
    margin-left: 0;	
    margin-right: 0;
	-moz-transition: background-color 0.3s ease 0s;
    padding: 0.4em 0em .5em 0.75em;
	position:relative;}
.callout .continue-reading a:after {
     border-color: transparent #444;
    border-style: solid;
    border-width: 8px 0px 8px 8px;
    content: "";
	height: 0px;
	right: -8px;
	margin: 0 0 0 10px;
	-moz-transition: border-color 0.3s ease 0s;	
	position:absolute;
    top: 7px;
    width: 0px;}
.callout .continue-reading a:hover, 
.callout .continue-reading a:focus { 
	background-color: #f22;
	-moz-box-shadow: 0 1px 0 #c00;
	-webkit-box-shadow: 0 1px 0 #c00;
    box-shadow: 0 1px 0 #c00;
    -moz-text-shadow: 1px 1px 3px #080808;
    -webkit-text-shadow: 1px 1px 3px #080808;
    -o-text-shadow: 1px 1px 3px #080808;	
    text-shadow: 1px 1px 3px #080808;}	
.callout .continue-reading a:active { 
	background-color: #c00;
	-moz-box-shadow: 0 1px 0 #900;
	-webkit-box-shadow: 0 1px 0 #900;
    box-shadow: 0 1px 0 #900;}	
.callout .continue-reading a:hover:after, 
.callout .continue-reading a:focus:after {
	border-color: transparent #f22;}	
.callout .continue-reading a:active:after {
	border-color: transparent #c00;}
	
/* PAGINATION
----------------------------------------------- */
.pagination a:link, 
.pagination a:visited {
    background-color: #444;
    color: #fff;}
.pagination a[href]:hover, 
.pagination a[href]:focus{
    background-color: #f22;}
.pagination a[href]:active {
    background-color: #c00;}	

/* Custom Combo Page Styles
----------------------------------------------- */
.gray-box, .blue-box, .white-box, .sticky {
	background: #dfdfdf; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#eee, #dfdfdf);
	background: -o-linear-gradient(#eee, #dfdfdf);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#dfdfdf)); /* older webkit syntax */
	background: -webkit-linear-gradient(#eee, #dfdfdf);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    border-radius: 0.5em;
    margin-bottom: 0.5em;}
.blue-box {
	background: #aeefff; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#7df, #aeefff);
	background: -o-linear-gradient(#7df, #aeefff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7df), to(#aeefff)); /* older webkit syntax */
	background: -webkit-linear-gradient(#7df, #aeefff);}
.white-box, .sticky {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    background: none repeat scroll 0 0 #fff;
    padding: 0 0.5em 0 1em;}	
.sticky {
	background: #fff;
    margin-left: 0.125em;
    padding: 1em 1em 0;}
.clear-box h3,
.white-box h3 {
    border-bottom: 1px dashed #bbb;
    font-style: normal;
    padding: 0 0 0.125em;
    text-transform: uppercase;
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);}
.clear-box h3.reverse,
.white-box h3.reverse {
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);}
.callout {
    margin: 1em;}
.recent-posts {
	margin-top:2em;}
.recent-posts h2 {
    border-bottom: 1px dashed #ddd;
	margin: 0;
    padding: 0;}
.callout h3 {
    border-bottom: 1px dashed #ddd;
    text-transform: uppercase;}
.recent-posts h3 {
	margin: .5em 0 0;
    padding: 0;}	
.recent-posts .posted-on, 
.recent-posts .posted-in a {
    white-space: nowrap;}
.recent-posts .posted-on, 
.recent-posts .posted-in {
    color: rgba(0, 0, 0, 0.7);
    font-size: 0.8em;
    line-height: 3em;
    margin-top: -1em;
    opacity: 0.6;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter:alpha(opacity=60)}
.other-recent-posts li {
	line-height: 1.6em;
	list-style:none;
    margin-left: 0.5em;}	
.other-recent-posts li a {
    margin-left: 0.4em;}	
.other-recent-posts li .comments-link a {
	color:#777;}	
.other-recent-posts li .comments-link a:hover, 
.other-recent-posts li .comments-link a:focus {
	color:#000;}
.other-recent-posts li .comments-link a:active {
	color:#c00;}
.other-recent-posts li a:before {
    border-color: transparent #fffded;
    border-style: solid;
    border-width: 5px 5px 5px 0px;
    content: "";
    height: 0;
    left: -.5em;
    margin: 0 10px 0 0;
    position: absolute;
    top: 5px;
    width: 0;}
.other-recent-posts li a:hover:before,
.other-recent-posts li a:focus:before {
    border-color: transparent #777;}
li.widget-container ul li a:before {
    border-color: transparent #fffded;
    border-style: solid;
    border-width: 5px 5px 5px 0px;
    content: "";
	height: 0px;
	left: -15px;
	margin: 0 10px 0 0;
	position:absolute;
    top: 2px;
    width: 0px;}
li.widget-container ul li a:hover:before,
li.widget-container ul li a:focus:before {
    border-color: transparent #777;}
.layout-box p {
    background: none repeat scroll 0 0 #aaa;
    -moz-border-radius: 0.25em 0.25em 0.25em 0.25em;
    -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
    -o-border-radius: 0.25em 0.25em 0.25em 0.25em;	
    border-radius: 0.25em 0.25em 0.25em 0.25em;	
    color: #fff;
    line-height: 100px;
    margin: 20px 0 0;
    text-align: center;}

/* Page Titles
----------------------------------------------- */		
.mqt-web-design-title {
    background:transparent url("images/marquette-web-design.png") top left no-repeat;
	display:block;
	text-indent:-99999px;
	height:180px;}
	
.blog-title	{
	font-size:2.8em;}

/* Milestones
----------------------------------------------- */		
.milestones-row {
margin-bottom:1em;}
	
/* Call to Action links
----------------------------------------------- */	
.call-to-action-link {
    background-color: #444;
    -moz-border-radius: 0.5em 0 0 0.5em;
    -webkit-border-radius: 0.5em 0 0 0.5em;
    -o-border-radius: 0.5em 0 0 0.5em;	
    border-radius: 0.5em 0 0 0.5em;
    box-shadow: 8px 1px 16px #fff;
	color:#fff;
	display:inline-block;
    font-family: 'MuliRegular',Arial,sans-serif;
	font-weight:bold;
    padding: 0.4em .5em .5em 0.75em;
	position:relative;}	
.call-to-action-link:after {
    border-color: transparent #444;
    border-style: solid;
    border-width: 0.8em 0 0.8em 0.8em;
    content: "";
	height: 0px;
	right: -.7em;
	margin: 0 0 0 10px;
	-moz-transition: border-color 0.3s ease 0s;	
	position:absolute;
    top: .5em;
    width: 0px;}
.call-to-action-link a {
	color:#f99;}
.call-to-action-link a:hover,
.call-to-action-link a:focus {
	color:#ccc;
	border:none;}
.call-to-action-link a:active {
	color:#eee;
	border:none;}	


	
}

	
/* Portfolio Styles
----------------------------------------------- */	
.client-info {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}
.client-image {
	margin-bottom:1.6em;}	
.client-image img {
	padding:2em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}	
	
/* Entry Author
----------------------------------------------- */	
#entry-author-info #author-avatar img {
    border: 8px solid #DDDDDD;
    -moz-border-radius: 96px;
    -webkit-border-radius: 96px;
    -o-border-radius: 96px;
    border-radius: 96px;	
    -moz-box-shadow: 2px 3px 2px #999999;
    -webkit-box-shadow: 2px 3px 2px #999999;
    box-shadow: 2px 3px 2px #999999;	
    float: left;
    height: 96px;
    width: 96px;
}
	
/* Comment Author
----------------------------------------------- */
.comment-author cite {
    color: #087CCF;}	
.check-list	{}

label, fieldset.options legend {
    color: rgba(0, 0, 0, 0.7);
    display: block;
    font-family: 'DroidSerifBold',serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1em;
    margin: 0.5em 0;
}

/* ICONS FOR NAV MENU
----------------------------------------------- */
#access #menu-item-1510 > a{
    background:transparent url(images/icons/services.png) center 0px no-repeat;
	padding-top: 40px;}
#access #menu-item-1525 > a{
    background:transparent url(images/icons/blog-gray.png) center 0px no-repeat;
	padding-top: 40px;}
#access #menu-item-1518 > a{
    background:transparent url(images/icons/portfolio-gray.png) center 0px no-repeat;
	padding-top: 40px;}
#access #menu-item-1511 > a{
    background:transparent url(images/icons/testimonials-gray.png) center 0px no-repeat;
	padding-top: 40px;}
#access #menu-item-1504 > a{
    background:transparent url(images/icons/labs-gray.png) center 0px no-repeat;
	padding-top: 40px;}
#access #menu-item-1521 > a{
    background:transparent url(images/icons/about-gray.png) center 0px no-repeat;
	padding-top: 40px;}	
#access #menu-item-1522 > a{
    background:transparent url(images/icons/contact-gray.png) center 0px no-repeat;
	padding-top: 40px;}

#access #menu-item > a ul{
	margin-top:20px;}


/* ICONS FOR Page Headers
----------------------------------------------- */
.page-id-1492 header.entry-header h1 {
    background:transparent url(images/icons/services.png) left top no-repeat;
	text-indent: 50px;}
.page-id-7 header.entry-header h1 {
    background:transparent url(images/icons/blog.png) left top no-repeat;
	text-indent: 50px;}	
.page-id-47 header.entry-header h1 {
    background:transparent url(images/icons/portfolio.png) left top no-repeat;
	text-indent: 50px;}
.page-id-1259 header.entry-header h1 {
    background:transparent url(images/icons/testimonials.png) left top no-repeat;
	text-indent: 50px;}		
.page-id-1496 header.entry-header h1 {
    background:transparent url(images/icons/labs.png) left top no-repeat;
	text-indent: 50px;}
.page-id-5 header.entry-header h1,
.page-id-2033 header.entry-header h1,
.page-id-2132 header.entry-header h1 {
    background:transparent url(images/icons/about.png) left top no-repeat;
	text-indent: 50px;}
.page-id-11 header.entry-header h1,
.page-id-1488 header.entry-header h1,
.page-id-1568 header.entry-header h1 {
    background:transparent url(images/icons/contact.png) left top no-repeat;
	text-indent: 50px;}
.page-id-1361 header.entry-header h1,
.post-1361 h2 {
    background:transparent url(images/icons/themes.png) left top no-repeat;
	text-indent: 50px;}
.page-id-1368 header.entry-header h1,
.post-1368 h2 {
    background:transparent url(images/icons/plugins.png) left top no-repeat;
	text-indent: 50px;}
.page-id-1618 header.entry-header h1,
.post-1618 h2 {
    background:transparent url(images/icons/apps.png) left top no-repeat;
	text-indent: 50px;}
.page-id-1528 header.entry-header h1,
.post-1528 h2 {
    background:transparent url(images/icons/projects.png) left top no-repeat;
	text-indent: 50px;}	


/* ICONS FOR FILE TYPES
----------------------------------------------- */
article.page a[href^="http:"], 
article.post p a[href^="http:"] {
    background:transparent url(images/icons/external.png) center right no-repeat;
	display:inline-block;
    line-height: 1em;

    padding-left:0px;	
    padding-right:13px;}
/*  Change yourdomainname to your actual domain name to prevent showing icon for internal links */	
article.page a[href^="http://localhost"], 
article.post a[href^="http://localhost"], 
article.page a[href^="http://middleearmedia.com/"], 
article.post a[href^="http://middleearmedia.com/"],
article.page a[href^="http://www.middleearmedia.com/"], 
article.post a[href^="http://www.middleearmedia.com/"] {
    background:none!important;
    display:inline!important;
    line-height: 1em!important;
    padding-right:0px!important;}	
a[href^="mailto:"] {
    background:transparent url(images/icons/email.png) center right no-repeat;
    display:inline-block;
    line-height: 1em;	
    margin-right: 0.25em;
    padding-left:0px;
	padding-right:20px;}
a[href$='.pdf'] {
    background:transparent url(images/icons/page_white_acrobat.png) center right no-repeat;
    display:inline-block;
    line-height: 1em;
    margin-right: 0.25em;
    padding-left:0px;	
    padding-right:20px;}
a[href$='.swf'], a[href$='.fla'], a[href$='.swd'] {
    background:transparent url(images/icons/page_white_flash.png) center right no-repeat;
    display:inline-block;
    line-height: 1em;
    margin-right: 0.25em;
    padding-left:0px;	
    padding-right:20px;}
a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {
    background:transparent url(images/icons/page_white_excel.png) center right no-repeat;
    display:inline-block;
    line-height: 1em;
    margin-right: 0.25em;
    padding-left:0px;	
    padding-right:20px;}	
a[href$='.ppt'], a[href$='.pps'] {
    background:transparent url(images/icons/page_white_powerpoint.png) center right no-repeat;
    display:inline-block;
    line-height: 1em;
    margin-right: 0.25em;
    padding-left:0px;	
    padding-right:20px;}
a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] {
    background:transparent url(images/icons/page_white_word.png) center right no-repeat;
    display:inline-block;
    line-height: 1em;
    margin-right: 0.25em;
    padding-left:0px;	
    padding-right:20px;}
a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
    background:transparent url(images/icons/page_white_compressed.png) center right no-repeat;
    display:inline-block;
    line-height: 1em;
    margin-right: 0.25em;
    padding-left:0px;	
    padding-right:20px;}
a[href$='.mp3'], a[href$='.wav'], a[href$='.flac'], a[href$='.ogg'] {
    background:transparent url(images/icons/music.png) center right no-repeat;
    display:inline-block;
    line-height: 1em;
    margin-right: 0.25em;
    padding-left:0px;	
    padding-right:20px;}	
	
/* Testimonial Styles
----------------------------------------------- */	
#testimonials{
	width: ;
	padding: 45px 45px 35px 90px;
	background:url('../img/quotes.png') no-repeat 20px 20px rgba(178,178,169,0.2);
	min-height:90px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-o-border-radius:12px;	
	border-radius:12px;}
#testimonials li{ display:none;}
#testimonials li:first-child{ display:block;}
#testimonials ul{ list-style:none;}
#testimonials p.text{ font-size:24px;}
#testimonials p.author{
	color: #878787;
    font-size: 18px;
    font-style: italic;
    text-align: right;
	margin-top:25px;}
#testimonials p.author a,
#testimonials p.author a:visited{
	color:#6aa42a;}
#testimonials p.company{
	color: #878787;
    font-size: 16px;
    font-style: italic;
    text-align: right;
	margin-top:15px;}
#testimonials p.location{
	color: #878787;
    font-size: 16px;
    font-style: italic;
    text-align: right;
	margin-top:0px;}	

/* Images 
----------------------------------------------- */	
.white-border {
    background: none repeat scroll 0 0 #fff;
    border: 1px dotted #bbb;
    margin: 0;
    max-width: 100%;
    padding: 0.5em;}
.scl-ad {
	margin-top: 1em;}	
.padded {
	padding:2em 7.5em 4em;}
img.post-thumbnail {
	float:left;
	display:inline-block;
	margin: 3% 3% 0 4.5%;}
.primary-portfolio {
    margin-right: 0;}
.secondary-portfolio img.post-thumbnail{}
a:hover img,
a:focus img {
	border: 1px solid #c00;
	opacity:0.5;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter:alpha(opacity=50)}
a:link[rel="attachment"] img {
    background: none repeat scroll 0 0 #fff;
	border: 1px dotted #bbb;
    clear: both;
    margin: 150px 0 20px;
    padding: 1em;}	
a:active img {
	border-color:#087CCF;
	opacity:1;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter:alpha(opacity=100)}	
header a:hover img,
header a:focus img {
	border: none;
	opacity:1;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter:alpha(opacity=100)}

 a:link img.blog-title-image {
	border: 1px solid transparent;
	margin: 0 0.6em 0 0;
	padding: 0 0.5em 0 0;}
	
 a:hover img.blog-title-image {
	border: 1px solid transparent;
	margin: 0 0.6em 0 0;
	padding: 0 0.5em 0 0;
	opacity:0.9;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter:alpha(opacity=90)}	

.main img.blog-title-image {
    border: 1px solid transparent;
    margin: 0;
    max-width: 100%;
    padding: 0;}	

.homepage-blog-thumbs {}
.homepage-blog-thumbs li {
	list-style: none;
	float: left;
	margin-bottom: 0.25em;	
	width: 150px;}
.homepage-blog-thumbs li img {
	border: 10px solid #f66;}
	
/* footer 
----------------------------------------------- */
.footer-call-to-action {
	margin-bottom: -1em;
	margin-top:2em;}
.work-with-me-image {
    background:transparent url(images/work-with-me.png) center right no-repeat;
	float:left;
    height: 228px;
    width: 294px;}	

/* Stay Informed - custom sidebar styles
-------------------------------------------------------------- */
.stay-informed {
	display:box; 
	height:50px; 
	padding:.5em 0 1em;}
	
/* Mem Ads - custom sidebar advertisements
-------------------------------------------------------------- */
#mem-ads {
width:280px;
overflow:visible !important;
padding: 0 0 0 10px;}
#mem-ads a {
	display:block;
    float: left;
    height: 125px;
    margin: 0 5px 5px 0;
	text-decoration:none!important;
	border:none!important;
    width: 125px;
	opacity:.6;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	filter:alpha(opacity=60)}
#mem-ads a:hover,
#mem-ads a:focus {
	border:none!important;
	opacity:1;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter:alpha(opacity=100)}
	
/* 404 Page Not Found
-------------------------------------------------------------- */	
.file-error {
    background:transparent url(images/file-error.png) center right no-repeat;
    height: 128px;
    width: 128px;}

/* Social Icons
-------------------------------------------------------------- */	
a.email-contact {
    background:transparent url(images/rss-email.png) center right no-repeat;
    float:left;
	height: 64px;
    margin-left: 2em;
	text-indent:-99999px;
    width: 64px;}
a.email-contact:hover,
a.email-contact:focus {
    border-bottom: 2px solid transparent;
	opacity:0.7;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    filter:alpha(opacity=70)}
a.rss-feed {
    background:transparent url(images/rss.png) center right no-repeat;
    float:left;
	height: 64px;
    margin-left: 2em;
	text-indent:-99999px;
    width: 64px;}
a.rss-feed:hover,
a.rss-feed:focus {
    border-bottom: 2px solid transparent;
	opacity:0.7;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    filter:alpha(opacity=70)}
a.twitter {
    background:transparent url(images/twitter.png) center right no-repeat;
    float:left;
	height: 64px;
    margin-left: 2em;	
	text-indent:-99999px;
    width: 64px;}
a.twitter:hover,
a.twitter:focus {
    border-bottom: 2px solid transparent;
	opacity:0.7;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    filter:alpha(opacity=70)}
	
a.email-contact:active,
a.rss-feed:active,
a.twitter:active {
	opacity:1;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter:alpha(opacity=100)}

/* Download Button
-------------------------------------------------------------- */	

.download-button {
    background-color: #eee;
    border: 10px solid #fff;
    box-shadow: 0 0 1px;
    font-size: 3em;
    margin: 0 0 0 1px;
    padding: 2em 0;
    text-align: center;
    width: 97%;
}	

/* Native Audio Controls
-------------------------------------------------------------- */	
.mejs-controls button {
    border-bottom: 2px solid transparent;}
.mejs-controls input[type="button"], .mejs-controls input[type="submit"], button {
    box-shadow: 0 0 0 #DDDDDD;}
	
/* RESPONSIVE STYLES 
----------------------------------------------- */
/* Very Small device ----------- */
@media only screen
and (max-width : 239px) {
/* Styles */
	.row {
		min-width: 97%;}
	h1 {
		font-size: 2em;}		
	.mqt-web-design-title {
		background:none;
        font-size: 2em;
		height:auto;
		text-indent:0px;}
	header img {
		-moz-border-radius: 0 0 .3em .3em;
		-webkit-border-radius: 0 0 .3em .3em;
		-o-border-radius: 0 0 .3em .3em;
		border-radius: 0 0 .3em .3em;
		display:block;
	    margin: -40px auto 10px;
		max-width:99%;}
	h2 {
		font-size: 1.6em;}		
	#entry-author-info #author-description {
		margin: -30px 0 0;}
	#access ul {
		font-size: 0.6em;}	
	#access ul li {
		clear:both;
		width: 97%;}
	#access ul li a {
		text-align: center;}	
	.main img {
		max-width: 96%;}
	.wp-caption {
		max-width: 98%;}		
	/* Form Controls
	-------------------------------------------------------------- */
	input[type="text"],
	input#s {
		width: 98%;}		
	input#searchsubmit {
		margin-top: 10px;
		text-align:center;
		width:100%;}
	#wpcf7-f2485-w1-o1 input[type="text"], 
	#wpcf7-f2485-w1-o1 input[type="email"],
	textarea {
		width: 98%;}
	#wpcf7-f2485-w1-o1 input[type="submit"] {
		margin-top: 10px;
		text-align:center;
		width: 100%;}			
	/* Social Icons
	-------------------------------------------------------------- */	
	a.email-contact {
		background:transparent url(images/rss-email-medium.png) center right no-repeat;
		height: 32px;
		margin-left: 1em;
		width: 32px;}
	a.rss-feed {
		background:transparent url(images/rss-medium.png) center right no-repeat;
		height: 32px;
		margin-left: 1em;
		width: 32px;}
	a.twitter {
		background:transparent url(images/twitter-medium.png) center right no-repeat;
		height: 32px;
		margin-left: 1em;	
		width: 32px;}
/* ICONS FOR Page Headers
----------------------------------------------- */
.page-id-1492 header.entry-header h1 {
    background:transparent url(images/icons/services-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-7 header.entry-header h1 {
    background:transparent url(images/icons/blog-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-47 header.entry-header h1 {
    background:transparent url(images/icons/portfolio-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1259 header.entry-header h1 {
    background:transparent url(images/icons/testimonials-small.png) left 3px no-repeat;
	text-indent: 25px;}	
.page-id-1496 header.entry-header h1 {
    background:transparent url(images/icons/labs-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-5 header.entry-header h1,
.page-id-2033 header.entry-header h1,
.page-id-2132 header.entry-header h1 {
    background:transparent url(images/icons/about-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-11 header.entry-header h1,
.page-id-1488 header.entry-header h1,
.page-id-1568 header.entry-header h1 {
    background:transparent url(images/icons/contact-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1361 header.entry-header h1,
.post-1361 h2 {
    background:transparent url(images/icons/themes-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1368 header.entry-header h1,
.post-1368 h2 {
    background:transparent url(images/icons/plugins-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1618 header.entry-header h1,
.post-1618 h2 {
    background:transparent url(images/icons/apps-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1528 header.entry-header h1,
.post-1528 h2 {
    background:transparent url(images/icons/projects-small.png) left 3px no-repeat;
	text-indent: 25px;}		
}

/* Small Phones ----------- */
@media only screen
and (min-width : 240px)
and (max-width : 240px) {
/* Styles */
	.row {
		min-width: 97%;}
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
		padding-left: 10px;
		padding-right: 10px;}
	h1 {
		font-size: 2em;}
/*	#site-title {
		font-size: 1.4em;
		margin-left: 15%;
		padding-top:60px;}
	#site-title a:before {
		left:30%;
		top: 0px;}		
	#site-description {
		font-size: 1em;
		margin: -3px 0 0.25em 9%;}		
*/
	header img {
		-moz-border-radius: 0 0 .3em .3em;
		-webkit-border-radius: 0 0 .3em .3em;
		-o-border-radius: 0 0 .3em .3em;
		border-radius: 0 0 .3em .3em;
		display:block;
	    margin: -40px auto 10px;
		max-width:99%;}
	h2 {
		font-size: 1.6em;}
	#access ul li {
		clear:both;
		width: 90%;}
	#access ul li a {
		text-align: center;}		
	#access ul ul {
		width: 120px;}
	#access ul ul ul {
		width: 100px;}
	#access ul ul a {
		width: 100px;}		
	#access ul ul ul a {		
		width: 80px;}
	.mqt-web-design-title {
		background:none;
        font-size: 2em;
		height:auto;
		text-indent:0px;}
	.blog-title	{
		font-size:1.5em;}		
	.posted-on, .posted-in {
		font-size: 0.8em;
		line-height: 1.5em;
		margin-top: 0.125em;
		opacity: 0.6;}
	.posted-in {
		margin-top: 1.2em;}
	.main img {
		max-width: 96%;}
	.wp-caption {
		max-width: 98%;}		
	#entry-author-info {
		margin-top: 1.5em;
		padding: 1em;}	
	#author-description h2 {
		font-size:1.1em;
		margin: 40px 0 6px;}
	#author-avatar {
		margin:-.5em 0 0;}
	a.view-all-posts {
		float: right;
        margin-right: 1.8em;
		margin-top: 1em;}
	.comment-author cite {
		font-size: 1em;
		text-transform: capitalize;}
	.avatar-image {
		border: 4px solid #ddd;
		margin-top: 0;}
	.commentlist li.depth-2 .avatar-image,
	.commentlist li.depth-3 .avatar-image,
	.commentlist li.depth-4 .avatar-image,
	.commentlist li.depth-5 .avatar-image {
		display:none;}	
	.commentlist li.depth-2 .comment-body:before,
	.commentlist li.depth-3 .comment-body:before,
	.commentlist li.depth-4 .comment-body:before,
	.commentlist li.depth-5 .comment-body:before {
		left: 25px;}	
	.comment-body {
		font-size: 0.8em;
		margin-top: 30px;}
	.commentlist li.comment {
		margin: 0;}	
	.reply {
		padding: 0 0 0 15px;}
	.commentlist li.depth-2, 
	.commentlist li.depth-3, 
	.commentlist li.depth-4, 
	.commentlist li.depth-5 {
		padding: 0 0 0 30px;}
	.comment-form-comment label {
		font-size:0.9em;}		
	#author, #email, textarea, input#s {
		width: 100%;}	
	footer > ul.xoxo {
		max-width: 100%;}
	/* Form Controls
	-------------------------------------------------------------- */
	input[type="text"],
	input#s {
		width: 98%;}		
	input#searchsubmit {
		margin-top: 10px;
		text-align:center;
		width:100%;}
	#wpcf7-f2485-w1-o1 input[type="text"], 
	#wpcf7-f2485-w1-o1 input[type="email"],
	textarea {
		width: 98%;}
	#wpcf7-f2485-w1-o1 input[type="submit"] {
		margin-top: 10px;
		text-align:center;
		width: 100%;}	
	/* Social Icons
	-------------------------------------------------------------- */	
	a.email-contact {
		background:transparent url(images/rss-email-medium.png) center right no-repeat;
		height: 32px;
		margin-left: 1em;
		width: 32px;}
	a.rss-feed {
		background:transparent url(images/rss-medium.png) center right no-repeat;
		height: 32px;
		margin-left: 1em;
		width: 32px;}
	a.twitter {
		background:transparent url(images/twitter-medium.png) center right no-repeat;
		height: 32px;
		margin-left: 1em;	
		width: 32px;}
/* ICONS FOR Page Headers
----------------------------------------------- */
.page-id-1492 header.entry-header h1 {
    background:transparent url(images/icons/services-small.png) left 3px no-repeat;
	text-indent: 25px;
	font-size:2em;}
.page-id-7 header.entry-header h1 {
    background:transparent url(images/icons/blog-small.png) left 3px no-repeat;
	text-indent: 25px;
	font-size:2em;}
.page-id-47 header.entry-header h1 {
    background:transparent url(images/icons/portfolio-small.png) left 3px no-repeat;
	text-indent: 25px;
	font-size:2em;}
.page-id-1259 header.entry-header h1 {
    background:transparent url(images/icons/testimonials-small.png) left 3px no-repeat;
	text-indent: 25px;
	font-size:2em;}	
.page-id-1496 header.entry-header h1 {
    background:transparent url(images/icons/labs-small.png) left 3px no-repeat;
	text-indent: 25px;
	font-size:2em;}
.page-id-5 header.entry-header h1,
.page-id-2033 header.entry-header h1,
.page-id-2132 header.entry-header h1 {
    background:transparent url(images/icons/about-small.png) left 3px no-repeat;
	text-indent: 25px;
	font-size:2em;}
.page-id-11 header.entry-header h1,
.page-id-1488 header.entry-header h1,
.page-id-1568 header.entry-header h1 {
    background:transparent url(images/icons/contact-small.png) left 3px no-repeat;
	text-indent: 25px;
	font-size:2em;}
.page-id-1361 header.entry-header h1,
.post-1361 h2 {
    background:transparent url(images/icons/themes-small.png) left 3px no-repeat;
	text-indent: 25px;
	font-size:2em;}
.page-id-1368 header.entry-header h1,
.post-1368 h2 {
    background:transparent url(images/icons/plugins-small.png) left 3px no-repeat;
	text-indent: 25px;
	font-size:2em;}
.page-id-1618 header.entry-header h1,
.post-1618 h2 {
    background:transparent url(images/icons/apps-small.png) left 3px no-repeat;
	text-indent: 25px;
	font-size:2em;}
.page-id-1528 header.entry-header h1,
.post-1528 h2 {
    background:transparent url(images/icons/projects-small.png) left 3px no-repeat;
	text-indent: 25px;
	font-size:2em;}	
}		

/* Small ish Phones ----------- */
@media only screen
and (min-width : 241px)
and (max-width : 320px) {
/* Styles */
	.row {
		min-width: 97%;}
	h1 {
		font-size: 2em;}	
	header img {
		-moz-border-radius: 0 0 .3em .3em;
		-webkit-border-radius: 0 0 .3em .3em;
		-o-border-radius: 0 0 .3em .3em;
		border-radius: 0 0 .3em .3em;
		display:block;
	    margin: -30px auto 10px;
		max-width:99%;}
	h2 {
		font-size: 1.6em;}
/*	#site-title {
		font-size: 2.56em;
        margin-left: 15%;
		padding-top:60px;}
	#site-title a:before {
		left:30%;
		top:0px;}		
	#site-description {
		font-size: 1.3em;
		letter-spacing: 0.006em;
		margin: -12px 0 0.35em 9%;}
*/	
	#access ul {
		font-size: 0.6em;}		
	#access ul li {
		clear:both;
		width: 90%;}
	#access ul li a {
		text-align: center;}
	#access ul ul li {
		width: auto;}		
	#access ul ul li a {
		text-align: left;}
	#access ul ul ul li {
		width: auto;}		
	#access ul ul ul li a {
		text-align: left;}		
	.side {
		border-top: 2px dashed #ddd;
		margin: 40px 0 0;
		padding-top: 30px;}
	textarea {
		width: 80%;}
	a.view-all-posts {
		float: right;
		margin-left: -10%;
		margin-top: 2em;}
	#site-title {
		font-size: 1.25em;}
	#access ul li {
		clear:none;}
	.mqt-web-design-title {
		background:none;
        font-size: 2em;
		height:auto;
		text-indent:0px;}
	.blog-title	{
		font-size:1.8em;}	
		
	.main img {
		max-width: 96%;}
	.wp-caption {
		max-width: 98%;}	
	#entry-author-info {
		margin-top: 1.5em;
		padding: 1em;}	
	#entry-author-info #author-description {
		margin: -30px 0 0;}
	#entry-author-info #author-avatar img {
		float:none;
		margin: auto;}	
	a.view-all-posts {
		margin-top: 2em;
		margin-left: 10px;
		float: right;}
	.commentlist li.depth-2 ,
	.commentlist li.depth-3,
	.commentlist li.depth-4 ,
	.commentlist li.depth-5 {
		padding: 10px 0 0 30px;}		
	.commentlist li.depth-4 .avatar-image,
	.commentlist li.depth-5 .avatar-image {
		display:;}			
	.comment-notes {
		color:rgba(0, 0, 0, 0.5);
		font-size:0.8em;
		width: 70%;}		
	/* Form Controls
	-------------------------------------------------------------- */
	input[type="text"],
	input#s {
		width: 98%;}		
	input#searchsubmit {
		margin-top: 10px;
		text-align:center;
		width:100%;}
	#wpcf7-f2485-w1-o1 input[type="text"], 
	#wpcf7-f2485-w1-o1 input[type="email"],
	textarea {
		width: 98%;}
	#wpcf7-f2485-w1-o1 input[type="submit"] {
		margin-top: 10px;
		text-align:center;
		width: 100%;}
	/* Social Icons
	-------------------------------------------------------------- */	
	a.email-contact {
		background:transparent url(images/rss-email-medium.png) center right no-repeat;
		height: 32px;
		margin-left: 1em;
		width: 32px;}
	a.rss-feed {
		background:transparent url(images/rss-medium.png) center right no-repeat;
		height: 32px;
		margin-left: 1em;
		width: 32px;}
	a.twitter {
		background:transparent url(images/twitter-medium.png) center right no-repeat;
		height: 32px;
		margin-left: 1em;	
		width: 32px;}		
/* ICONS FOR Page Headers
----------------------------------------------- */
.page-id-1492 header.entry-header h1 {
    background:transparent url(images/icons/services-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-7 header.entry-header h1 {
    background:transparent url(images/icons/blog-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-47 header.entry-header h1 {
    background:transparent url(images/icons/portfolio-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1259 header.entry-header h1 {
    background:transparent url(images/icons/testimonials-small.png) left 3px no-repeat;
	text-indent: 25px;}	
.page-id-1496 header.entry-header h1 {
    background:transparent url(images/icons/labs-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-5 header.entry-header h1,
.page-id-2033 header.entry-header h1,
.page-id-2132 header.entry-header h1 {
    background:transparent url(images/icons/about-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-11 header.entry-header h1,
.page-id-1488 header.entry-header h1,
.page-id-1568 header.entry-header h1 {
    background:transparent url(images/icons/contact-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1361 header.entry-header h1,
.post-1361 h2 {
    background:transparent url(images/icons/themes-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1368 header.entry-header h1,
.post-1368 h2 {
    background:transparent url(images/icons/plugins-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1618 header.entry-header h1,
.post-1618 h2 {
    background:transparent url(images/icons/apps-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1528 header.entry-header h1,
.post-1528 h2 {
    background:transparent url(images/icons/projects-small.png) left 3px no-repeat;
	text-indent: 25px;}	
}		

/* Smartphones iPhone(portrait) ----------- */
@media only screen
and (min-width : 321px)
and (max-width : 480px) {
	.row {
		min-width: 97%;}
	h1 {
		font-size: 2em;}		
	header img {
		-moz-border-radius: 0 0 .3em .3em;
		-webkit-border-radius: 0 0 .3em .3em;
		-o-border-radius: 0 0 .3em .3em;
		border-radius: 0 0 .3em .3em;
		display:block;
	    margin: -30px auto 10px;
		max-width:99%;}	
	h2 {
		font-size: 1.6em;}	
	#access ul li {
		clear:none;
		width: 45%;}
	#access ul li a {
		text-align: center;}
	#access ul ul li {
		width: auto;}		
	#access ul ul li a {
		text-align: left;}
	#access ul ul ul li {
		width: auto;}		
	#access ul ul ul li a {
		text-align: left;}	
	.mqt-web-design-title {
		background:none;
        font-size: 2em;
		height:auto;
		text-indent:0px;}
	.blog-title	{
		font-size:2em;}	
	.main img {
		max-width: 96%;}
	.wp-caption {
		max-width: 98%;}		
	/* Form Controls
	-------------------------------------------------------------- */
	input[type="text"],
	input#s {
		width: 98%;}		
	input#searchsubmit {
		margin-top: 10px;
		text-align:center;
		width:100%;}
	#wpcf7-f2485-w1-o1 input[type="text"], 
	#wpcf7-f2485-w1-o1 input[type="email"],
	textarea {
		width: 98%;}
	#wpcf7-f2485-w1-o1 input[type="submit"] {
		margin-top: 10px;
		text-align:center;
		width: 100%;}		
	/* Social Icons
	-------------------------------------------------------------- */	
	a.email-contact {
		background:transparent url(images/rss-email.png) center right no-repeat;
		height: 64px;
		margin-left: 0;
		width: 64px;}
	a.rss-feed {
		background:transparent url(images/rss.png) center right no-repeat;
		height: 64px;
		margin-left: 1em;
		width: 64px;}
	a.twitter {
		background:transparent url(images/twitter.png) center right no-repeat;
		height: 64px;
		margin-left: 1em;	
		width: 64px;}
/* ICONS FOR Page Headers
----------------------------------------------- */
.page-id-1492 header.entry-header h1 {
    background:transparent url(images/icons/services-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-7 header.entry-header h1 {
    background:transparent url(images/icons/blog-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-47 header.entry-header h1 {
    background:transparent url(images/icons/portfolio-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1259 header.entry-header h1 {
    background:transparent url(images/icons/testimonials-small.png) left 3px no-repeat;
	text-indent: 25px;}	
.page-id-1496 header.entry-header h1 {
    background:transparent url(images/icons/labs-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-5 header.entry-header h1,
.page-id-2033 header.entry-header h1,
.page-id-2132 header.entry-header h1 {
    background:transparent url(images/icons/about-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-11 header.entry-header h1,
.page-id-1488 header.entry-header h1,
.page-id-1568 header.entry-header h1 {
    background:transparent url(images/icons/contact-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1361 header.entry-header h1,
.post-1361 h2 {
    background:transparent url(images/icons/themes-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1368 header.entry-header h1,
.post-1368 h2 {
    background:transparent url(images/icons/plugins-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1618 header.entry-header h1,
.post-1618 h2 {
    background:transparent url(images/icons/apps-small.png) left 3px no-repeat;
	text-indent: 25px;}
.page-id-1528 header.entry-header h1,
.post-1528 h2 {
    background:transparent url(images/icons/projects-small.png) left 3px no-repeat;
	text-indent: 25px;}
}

/* Smartphones iPhone(landscape) or Small Tablet ----------- */
@media only screen
and (min-width : 480px)
and (max-width : 640px) {
	.row {
		min-width: 97%;}
	header img {
		-moz-border-radius: 0 0 .5em .5em;
		-webkit-border-radius: 0 0 .5em .5em;
		-o-border-radius: 0 0 .5em .5em;
		border-radius: 0 0 .5em .5em;
		display:block;
	    margin: -30px auto 10px;
		max-width:99%;}
/* Styles */
/*	#site-title {
		font-size: 2.1em;
		margin-left: 2.05em;
		padding-top:0;}
	#site-title a:before {
		left: -60px;
		top: 2px;}
	#site-description {
		font-size: 1em;
	    line-height: 1.8em;
		letter-spacing: 0.05em;
		margin: -10px 0 0.45em 4.35em;}
*/
	.mqt-web-design-title {
		background:none;
        font-size: 2em;
		height:auto;
		text-indent:0px;}
	.blog-title	{
		font-size:2em;}			
	.main img {
		max-width: 96%;}
	.wp-caption {
		max-width: 98%;}		
	#wpcf7-f2485-w1-o1 input[type="text"], 
	#wpcf7-f2485-w1-o1 input[type="email"] {
		width: 60%;}
	/* Social Icons
	-------------------------------------------------------------- */	
	a.email-contact {
		background:transparent url(images/rss-email.png) center right no-repeat;
		height: 64px;
		margin-left: 2em;
		width: 64px;}
	a.rss-feed {
		background:transparent url(images/rss.png) center right no-repeat;
		height: 64px;
		margin-left: 2em;
		width: 64px;}
	a.twitter {
		background:transparent url(images/twitter.png) center right no-repeat;
		height: 64px;
		margin-left: 2em;	
		width: 64px;}
}
		
/* In between iPods and iPads ----------- */
@media only screen
and (min-width : 481px)
and (max-width : 767px) {
/* Styles */
	header img {
		max-width:99%;}
/*	#site-title {
		font-size: 2em;
		margin-left: 2.5em;
		padding-top:0;}
	#site-title a:before {
		left: -60px;
		top: 2px;}		
	#site-description {
		font-size: 1em;
	    line-height: 1.8em;
		letter-spacing: 0.05em;
		margin: -10px 0 0.45em 5.1em;}		
*/
	.mqt-web-design-title {
		background: url("images/marquette-web-design.png") no-repeat scroll -168px top transparent;
		display: block;
		height: 180px;
		text-indent: -99999px;}
	.blog-title	{
		font-size:2em;}			
	.commentlist li.depth-2 ,
	.commentlist li.depth-3,
	.commentlist li.depth-4 ,
	.commentlist li.depth-5 {
		padding: 20px 0 0 30px;}
	footer > ul.xoxo {
		max-width: 50%;}	
	.main img {
		max-width: 96%;}
	.wp-caption {
		max-width: 98%;}
	#wpcf7-f2485-w1-o1 input[type="text"], 
	#wpcf7-f2485-w1-o1 input[type="email"] {
		width: 50%;}
	.primary-portfolio {
		margin-right: 1em;}						
}		

/* Intermediate fix for Premium Quality Image ----------- */
@media only screen
and (min-width : 600px)
and (max-width : 767px) {
/* Styles */
	.mqt-web-design-title {
		background: url("images/marquette-web-design.png") no-repeat scroll -75px top transparent;
		display: block;
		height: 180px;
		text-indent: -99999px;}
}
	
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
	.row {
		min-width: 700px;}
	header img {
		max-width:724px;}
/*	#site-title {
		font-size: 2.56em;
		margin-left: 1.75em;
		padding-top:0;}
	#site-title a:before {
		left:-60px;
		top: 5px;}			
	#site-description {
		font-size: 1.3em;
		letter-spacing: 0.006em;
		margin: -12px 0 0.35em 3.5em;}			
*/
	.mqt-web-design-title {
		background:transparent url("images/marquette-web-design.png") -125px top no-repeat;
		height:180px;}
	.blog-title	{
		font-size:2em;}			
	.side {
		border-top: none;
		margin: 0px 0 0;
		padding-top: 0px;}
	input#s {
		width: 100%;}
	#wpcf7-f2485-w1-o1 input[type="text"], 
	#wpcf7-f2485-w1-o1 input[type="email"] {
		width: 100%;}
	.side input#searchsubmit {
		padding: 0.25em 0.25em;}		
	input#submit {
		padding: 0.25em 0.75em;}
	.commentlist li.depth-3, 
	.commentlist li.depth-4, 
	.commentlist li.depth-5 {
		padding: 0 0 0 50px;}
	textarea {
		width: 70%;}
	textarea#comment {
		width: 80%;}	
	.main img {
		max-width: 98%;}
	.wp-caption {
		max-width: 98%;}	
	.primary-portfolio {
		margin-right: 1em;}	
	/* Social Icons
	-------------------------------------------------------------- */	
	a.email-contact {
		background:transparent url(images/rss-email.png) center right no-repeat;
		height: 64px;
		margin-left: 1em;
		width: 64px;}
	a.rss-feed {
		background:transparent url(images/rss.png) center right no-repeat;
		height: 64px;
		margin-left: 1em;
		width: 64px;}
	a.twitter {
		background:transparent url(images/twitter.png) center right no-repeat;
		height: 64px;
		margin-left: 1em;	
		width: 64px;}		

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
	.mqt-web-design-title {
		background:transparent url("images/marquette-web-design.png") -50px top no-repeat;
		height:180px;}
	.blog-title	{
		font-size:1.5em;}			
	.side input#searchsubmit {
		padding: 0.25em 0.75em;}	
	.main img {
		max-width: 98%;}
	.wp-caption {
		max-width: 98%;}	
	input#s {
		width: 70%;}
	#wpcf7-f2485-w1-o1 input[type="text"], 
	#wpcf7-f2485-w1-o1 input[type="email"] {
		width: 55%;}
	.primary-portfolio {
		margin-right: 1em;}			
	/* Social Icons
	-------------------------------------------------------------- */	
	a.email-contact {
		background:transparent url(images/rss-email.png) center right no-repeat;
		height: 64px;
		margin-left: 1em;
		width: 64px;}
	a.rss-feed {
		background:transparent url(images/rss.png) center right no-repeat;
		height: 64px;
		margin-left: 1em;
		width: 64px;}
	a.twitter {
		background:transparent url(images/twitter.png) center right no-repeat;
		height: 64px;
		margin-left: 1em;	
		width: 64px;}
	#logo-note {
		width: 70%;}		
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
	.primary-portfolio {
		margin-right: 1em;}
	.blog-title	{
		font-size:2em;}			
}

/* In between iPads and Desktops ----------- */
@media only screen
and (min-width : 1025px)
and (max-width : 1223px) {
/* Styles */
	.row {
		min-width: 700px;}
	header img {
		max-width:968px;}
/*	#site-title {
		font-size: 2.56em;
		margin-left: 1.75em;
		padding-top:0;}
	#site-title a:before {
		left:-60px;
		top: 5px;}			
	#site-description {
		font-size: 1.3em;
		letter-spacing: 0.006em;
		margin: -12px 0 0.35em 3.5em;}			
*/
	.blog-title	{
		font-size:2em;}	
	.side {
		border-top: none;
		margin: 0px 0 0;
		padding-top: 0px;}
	input#s {
		width: 65%;}
	#wpcf7-f2485-w1-o1 input[type="text"], 
	#wpcf7-f2485-w1-o1 input[type="email"] {
		width: 60%;}		
	.commentlist li.depth-2 ,
	.commentlist li.depth-3,
	.commentlist li.depth-4 ,
	.commentlist li.depth-5 {
		padding: 20px 0 0 50px;}
	.main img {
		max-width: 98.5%;}
	.wp-caption {
		max-width: 98%;}	
	#access ul li > a {
		margin-right:1.25em;}
	#access ul ul li > a {
		margin-right:0em;}	
	.primary-portfolio {
		margin-right: 1em;}
	#logo-note {
		width: 65%;}		
}		

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
	.row {
		min-width: 700px;}
	header img {
		max-width:1140px;}	
/*	#site-title {
		font-size: 2.56em;
		margin-left: 1.75em;
		padding-top:0;}
	#site-title a:before {
		left:-60px;
		top: 5px;}			
	#site-description {
		font-size: 1.3em;
		letter-spacing: 0.006em;
		margin: -12px 0 0.35em 3.5em;}			
*/
	.blog-title	{
		font-size:2.8em;}	
	.side {
		border-top: none;
		margin: 0px 0 0;
		padding-top: 0px;}		
	.commentlist li.depth-2, 
	.commentlist li.depth-3, 
	.commentlist li.depth-4, 
	.commentlist li.depth-5 {
		padding: 20px 0 0 50px;}
	#wpcf7-f2485-w1-o1 input[type="text"], 
	#wpcf7-f2485-w1-o1 input[type="email"] {
		width: 60%;}
	#access ul li > a {
		margin-right:1.25em;}	
	#access ul ul li > a {
		margin-right:0em;}
	#logo-note {
		width: 60%;}
	.main img {
		max-width: 98.5%;}
	.wp-caption {
		max-width: 98%;}		
}