/*
	Theme Name: Sospira
	Theme URI: http://www.sospira.co.uk
	Description: Sospira WordPress Theme
	Version: 1
	Author: Lee Harris
	Author URI: http://www.lee-harris.co.uk
	Tags: HTML5, CSS3, jQuery, PHP
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
@charset "utf-8";
/* CSS Document */

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

}

img.alignright, .rightImg {
    display: block;
    float: right;
    padding: 20px;
    border: 1px solid #efefef;
    margin: 30px 0 30px 30px;
}



/* .leftIntro { display: block; float: left; width: 70%; } */

img.alignleft {
    display: block;
    float: left;
    padding: 20px;
    border: 1px solid #efefef;
    margin: 30px 30px 30px 0;
}

.leftIntro img.alignleft {
    
    margin: 0 30px 30px 0;
}

/**** reset ****/

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,
caption, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; 
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

select, input { margin: 0px; }

ol, ul { list-style: none; }

.clear { clear: both; }

strong { font-weight: bold; }	

a, .trackChooser h3  { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a, header, .mainSection, span.overlay, .boxList, .trackChooser h3 { transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }

a img { border: none; }

#dimensions { display: none; position: fixed; top: 70px; left: 0px; background: red; color: #fff; font-weight: bold; padding: 20px; z-index: 999999999999; opacity: 0.8; }


/*** Box Sizing ***/

form input, form textarea

{ 

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}

/***** Mobile Nav *****/

.mobButton { display: none; }

#peek { background: #fff; padding: 0px; min-height: 100%; height: 100%; z-index: 9999; position: relative; -webkit-transition:-webkit-transform 1s ease; -moz-transition:-moz-transform 1s ease; -o-transition:-o-transform 1s ease;  -webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.55); -moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.55); }

.mobileNav {height: 100%; min-height: 100%;  opacity: 0; width: 175px; left: 0px; padding: 0px; background-color: #73a136; z-index: 1; position: fixed; color: #fff; top: 0px; bottom: 0px; overflow-y: scroll; -webkit-overflow-scrolling: auto; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; }

.mobileNav::-webkit-scrollbar, .infoSlide::-webkit-scrollbar, .mobileNav::-moz-scrollbar, .infoSlide::-moz-scrollbar, .mobileNav::scrollbar, .infoSlide::scrollbar { width: 0px; }

.opacity { opacity: 1;  }

.navSlide { -webkit-transform: translate(175px, 0); -moz-transform: translate(175px, 0); transform: translate(175px, 0); -ms-transform: translate(175px, 0); -o-transform: translate(175px, 0); }

.mobileNav ul li { float: none; border-bottom: 1px solid #85b14a; }
.mobileNav ul li a { display: block; color: #fff; width: 100%; padding: 20px 0px; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 0.75em; }
.mobileNav ul li.current-menu-item a, .mobileNav ul li a:hover { background: #4f7818; }


/***** General Styles *****/

body { font-family: 'Open Sans', sans-serif; font-size: 100%; background: #fff; color: #696969; }

.ie, .ie10 body, #ie7, #ie8, #ie9 { position: relative!important; }

@-moz-document url-prefix() { 
	
	body { position: relative; }
}

h1 { font-size: 2.5em;  }
#sitepage h1 { display: block; text-align: center; padding-bottom: 20px; }

/* #sitepage h1:after { content: ""; display: block; width: 200px; border-bottom: 5px solid #a9bfaa; margin: auto; padding: 20px 0 0 0; } */
.page-id-9 .mainSection h2 { font-size: 3em; }

h2 { font-size: 45px; }
h2, .support p, p.reminder { font-family: 'jenna_sueregular'; }
h3 { font-size: 1.3em; }
p.reminder { font-size: 42px; }

.myList { display: block; padding-bottom: 30px; }

h1, h2, h3 { padding-bottom: 15px; font-weight: normal;  }

p { line-height: 1.5em; padding-bottom: 15px; }
li { line-height: 1.5em; }
a { color: #444; }

.container { display: block; width: 1000px; margin: auto; }

header { background: #aabeaa; padding: 10px 0 0 0; position: relative; border-bottom: 5px solid #c40230; }
.logo { display: block; }
.logo img { display: block; width: 100%; }

.fixedHead.scrollHead { position: fixed; width: 100%; height: 118px; }

.scrollHead .logo { width: 400px; margin: auto; }

.mainSection.padding { padding-top: 300px; background: url(images/piano.jpg) no-repeat 90% 155px #fff; }

nav#mainNav { padding: 0px; border-bottom: 1px solid #ccc; background: #F7F7F7; }
nav#mainNav ul { clear: left; position: relative; left: 50%; float: left; text-align: center; }
nav#mainNav ul li { display: block; float: left; position: relative; right: 50%;  margin: 0; }
nav#mainNav ul li a { padding: 6px 25px; display: block; font-size: 0.85em;}
nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-item a { background: #444E44; color: #fff; }

article#post-404 {
    min-height: 408px;
}

.page-id-332 .midSection {
    min-height: 394px;
}

ol.myList {
    /*list-style: decimal;*/
    list-style-position: inside;
    width: 40%;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 10px;
}

ol.myList li { padding-bottom: 2px;}

/***** Contact Form 7 *****/

.page-id-15 form { text-align: left; }
form, #submit-playlist-form { width: auto; display: block; }	
form label { display: block; padding-bottom: 0; }
.page-id-15 form p label { font-size: 0.8em;  }
#sitepage form input, #sitepage form textarea, #sitepage form#submit-playlist-form input, #sitepage form#submit-playlist-form textarea { position: relative; border: none; outline: none; padding: 7px; font-family: 'Open Sans', sans-serif; font-size: 0.8em; background: #fff; -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.45); -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.45); box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.45); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#sitepage form#submit-playlist-form input, #sitepage form#submit-playlist-form textarea { border: 1px solid #efefef; }
#sitepage #submit-playlist-form label { display: block; padding: 11px; float: left; width: 85px;}

.page-id-9 #submit-list-panel { width: 500px; text-align: center; }
.form-group { display: block; clear: both; padding-bottom: 10px; }

form#submit-playlist-form .submit { font-size: 1em; text-transform: uppercase; color: #fff; border: none; outline: none; font-family: 'Open Sans', sans-serif; cursor: pointer; padding: 5px 15px; background: #012527; }
#sitepage form input[type="submit"] { border: none; outline: none; font-family: 'Open Sans', sans-serif; cursor: pointer; padding: 7px 15px; }

form#submit-playlist-form .submit:hover { background: #105256;  }

#sitepage div.wpcf7-validation-errors, #sitepage div.wpcf7-mail-sent-ok  { text-align: left; display: block; clear: both; margin: auto; padding: 15px 0 0 0; border: none; width: 100%; font-size: 0.8em; line-height: 1.4em; }
#sitepage div.wpcf7-validation-errors { color: #8D0000; }
#sitepage span.wpcf7-not-valid-tip { display: none; }
#sitepage .wpcf7-mail-sent-ok { color: #398F14; }
#sitepage form input.wpcf7-not-valid, #sitepage form textarea.wpcf7-not-valid { -webkit-box-shadow: 0px 0px 10px 0px rgba(141, 0, 0, 0.65); -moz-box-shadow: 0px 0px 10px 0px rgba(141, 0, 0, 0.65); box-shadow: 0px 0px 10px 0px rgba(141, 0, 0, 0.65); }

/***** Main Section *****/
.midSection, .mainSection { text-align: center; }
.home .mainSection { display: block; padding: 68px 0px 214px 0px; background: url(images/piano-new.jpg) no-repeat 80% 15px #fff; }

.mainSection { padding: 30px 0; }

.cat-list a {
    padding: 11px;
    display: block;
    background: #ccd3cc;
    margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;			
}
.cat-list:hover a { background: #D8D8D8;  }


.mainSection h1 { font-weight: 700; }
.mainSection p { margin: auto; }
/* .mainSection p { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; margin: auto;  } */
.home .mainSection p { width: 525px; font-size: 1.2em; }
.mainSection section.right { display: block; float: right; width: 700px; padding: 30px 50px 30px 0px; }

.leftIntro p { text-align: left; }

/*** CTAction Button ***/

a.ctaButton, .submitList, .saveList { padding: 15px; }
a.ctaButton, .submitList, .saveList, #sitepage form input[type="submit"] { display: block; position: relative; color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; -o-transition: none; }
a.ctaButton:active, .submitList:active, .saveList:active, #sitepage form input[type="submit"]:active { top: 5px; -webkit-box-shadow: 0px 2px 0px #840014); -moz-box-shadow: 0px 2px 0px #840014); box-shadow: 0px 2px 0px #840014; }
.saveList:active { top: 5px; -webkit-box-shadow: 0px 2px 0px #1f1f1f); -moz-box-shadow: 0px 2px 0px #1f1f1f); box-shadow: 0px 2px 0px #1f1f1f; }
a.ctaButton, .submitList, #sitepage form input[type="submit"]  { background: #c30c28; -webkit-box-shadow: 0px 5px 0px 0px rgb(132, 0, 20); -moz-box-shadow: 0px 5px 0px 0px rgb(132, 0, 20); box-shadow: 0px 5px 0px 0px rgb(132, 0, 20); }
.saveList { float: right; background: #444; -webkit-box-shadow: 0px 5px 0px 0px rgb(31, 31, 31); -moz-box-shadow: 0px 5px 0px 0px rgb(31, 31, 31); box-shadow: 0px 5px 0px 0px rgb(31, 31, 31); }
a.ctaButton { width: 200px; margin: 25px auto; }
/* .submitList { display: block; margin: auto; clear: both;  } */
.submitList { display: block; float: left; } 
.saveList, .submitList { padding: 18px; font-size: 0.8em; width: 45%; line-height: 1.2em; }
.submitListSmall {margin: 0 auto;float: none;width: 150px;}

.midSection { background: #ecf3ed; padding: 30px 0; }
#sitepage .midSection { padding: 50px 0; }

#sitepage.page-id-9 .midSection { padding: 0 0 50px 0; }
/***** Sidebar *****/

.sidebar { display: block; float: left; width: 180px; }
.sidebar nav ul li { display: block; margin-bottom: 2px; position: relative; }
.sidebar nav ul li a { display: block;  border: 1px solid #e7e7b3; background: #fff; padding: 12px 15px 10px 0px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;  text-align: right;}
.sidebar nav ul li a:hover, .sidebar nav ul li.active a { background: #fdfee1; }

.key { position: absolute; top: -9px; left: 0px; width: 72px; height: 17px; background: url(images/key.jpg) no-repeat; }

form.search { padding: 7px; float: right; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #fff; border: 1px solid #a79771; }
form.search input { border: none; outline: none;  display: block; float: left; }
form.search input[type="submit"] { cursor: pointer; background: url(images/mag.jpg) no-repeat; text-indent: -999999px; border: none; outline: none; height: 33px; width: 25px; margin: 0px 5px 0px 0px; }
form.search input[type="search"] { padding: 7px 2px 2px 10px; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-size: 1em; width: 250px; }

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #cabfa5; }

ul.boxes { padding: 30px 0px;  }
ul.boxes li { float: left; width: 31%; padding-right: 3%; }
ul.boxes li:last-child { padding-right: 0px; }
ul.boxes li a { background: #424242; color: #fff; text-align: right; position: relative; overflow: hidden; height: 285px; }
ul.boxes li a:hover span.overlay { background: rgba(23, 53, 28, 0.8); }
ul.boxes li a img { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 999; }
ul.boxes, ul.boxes li, ul.boxes li a { display: block; }

span.overlay { padding: 15px; height: 285px; width: 100%; background: rgba(53, 89, 58,0.5); display: block; position: relative; z-index: 9999; }
span.boxText { position: absolute; bottom: 0px; left: 50%; width: 80%; z-index: 9999; color: #fff; padding: 15px; margin: 0px 0px 0px -45%; text-align: right; border-top: 1px solid #fff; display: block;}

section.rightCol { float: right;  width: 800px; }

.play { width: 30px; height: 30px; background: #444; display: block; }
.play:hover { background: #efefef; }

.visualAudible__artwork, .visualAudible__artworkOverlay { display: none!important; }

.instBox, #reviewHolder section, .search-results section { padding: 35px; background: #fff; text-align: left; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.featured_video_plus { width: 350px; float: right; padding: 0 0 30px 30px; }

#reviewHolder { color: #444; }
#reviewHolder h2 { font-family: 'jenna_sueregular'; font-size:  }
#reviewHolder p { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; }
.author { color: #a9bfaa; }

.support { width: 420px; margin-left: 55px; }
.support p { font-size: 22px; line-height: 1.3; }

/***** Footer *****/

footer { padding: 30px 20px; background: #444E44; color: #fff; font-size: 0.8em; }
footer section { float: left; padding-right: 58px; }
footer p, footer a { color: #fff; font-family: 'Open Sans', sans-serif; font-weight: normal; }
footer a:hover { color: #ccd3cc; }
ul.social li { display: block; float: left; padding-right: 10px; }

.git { float: right; text-align: right; padding: 0px 0px 0px 30px; }


/*------------------------------------*\
		REPETOIRE SECTION
\*------------------------------------*/

.repCol { padding: 30px; min-height: 645px; position: relative; float: left; }

/* .page-template-taxonomy-track_cats-php .mainSection { padding: 0; } */
li.ui-draggable-dragging { list-style: none; }

#playlist p { padding-bottom: 0; }
#playlist p.introList:after { content:""; display: block; width: 0; clear: both; margin: 15px auto; border-left: 15px solid transparent;  /* left arrow slant */ border-right: 15px solid transparent; border-top: 15px solid #a9bfaa; font-size: 0; line-height: 0; }
#playlist ol { list-style: decimal; padding-bottom: 30px; min-height: 150px; list-style: decimal; padding-bottom: 30px; min-height: 150px; background: url(http://sospira.co.uk/wp-content/themes/sospira/images/playlist-piano-bg.png) no-repeat center top; background-size: auto 160px;}
#playlist li { text-align: left; font-size: 0.7em; line-height: 1.8em; padding-bottom: 5px; }

.trackChooser { width: 39%; position: relative;
background: #ccd3cc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZDNjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2YzZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ccd3cc 0%, #ecf3ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccd3cc), color-stop(100%,#ecf3ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ccd3cc 0%,#ecf3ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ccd3cc 0%,#ecf3ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ccd3cc 0%,#ecf3ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ccd3cc 0%,#ecf3ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd3cc', endColorstr='#ecf3ed',GradientType=0 ); /* IE6-8 */
}

span.num { display: block; font-size: 4em; font-weight: 800; color: #DBE2D7; padding-bottom: 15px; }
.trackChooser span.num { color: #EEF1EB; }

#playlist { width: 29%; }
.sidebar.repCol { width: 32%; }

.page-id-9 .midSection p { font-size: 0.8em; min-height: 60px }

img.playPiano { display: block; width: 60%; padding-bottom: 15px; clear: both; margin: 20px auto 0 auto; }
#playlist p.tracktime { display: block; font-size: 0.9em; padding-bottom: 20px; font-weight: bold; }

/*------------------------------------*\
	CLASSES
\*------------------------------------*/
.ui-draggable{cursor: pointer;}
.track-selected{cursor: pointer;}
.play-button{background: url(images/play.png) no-repeat 0px 0px;width:18px;height: 18px;display: block;float:left;line-height: 25px;padding-right:25px; margin-top: 3px; }
#playlist .play-button { padding: 0 12px 0 25px; }
.list li {text-align: left;margin-bottom: 8px; font-size: 0.8em; }
.list li span.dur, #playlist li span.dur { font-style: italic; padding-left: 0px; color: #386B3B; font-weight: bold; }

.tax-box { display: block; text-align: left; }
.tax-box .list { display: block; padding: 0; background: #efefef; margin: 0 0 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
.tax-box h3 { cursor: pointer; }
.boxList { display: block; max-height: 0; overflow: hidden;  }
.tax-box ul { padding: 15px; }
.tax-box .openList { max-height: 999px; }

.trackChooser h2, .trackChooser p { text-align: center; }
.trackChooser h3 { position: relative; font-size: 1em; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
.trackChooser h3:after { position: absolute; top: 20px; right: 20px; content:""; width: 0; height: 0; border-left: 7px solid transparent;  /* left arrow slant */ border-right: 7px solid transparent; border-top: 7px solid #a9bfaa; font-size: 0; line-height: 0; }
.trackChooser h3:hover { background: #E6E6E6; }

.trackChooser h3.flip:after { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }

#trash { display: block; background: url(images/bin.png) no-repeat 5px 13px; border: 1px solid #ACACAC; padding: 10px; min-height: 52px; margin-top: 20px;}
#trash p { font-size: 0.7em; color: #A0A0A0; padding: 0 0 0 22px; min-height: 0; }

#wpcf7-f171-o1 { display: block; float: left; width: 45%; }

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

.onecol    { width: 5.801104972%;  }       /* 4.85%;  } /* grid_1  */
.twocol    { width: 14.364640883%; }       /* 13.45%; } /* grid_2  */
.threecol  { width: 22.928176794%; }       /* 22.05%; } /* grid_3  */
.fourcol   { width: 33%; }       /* 30.75%; } /* grid_4  */
.fivecol   { width: 40.055248616%; }       /* 39.45%; } /* grid_5  */
.sixcol    { width: 48.618784527%; }       /* 48%;    } /* grid_6  */
.sevencol  { width: 57.182320438000005%; } /* 56.75%; } /* grid_7  */
.eightcol  { width: 65.74585634900001%; }  /* 65.4%;  } /* grid_8  */
.ninecol   { width: 74.30939226%; }        /* 74.05%; } /* grid_9  */
.tencol    { width: 82.87292817100001%; }  /* 82.7%;  } /* grid_10 */
.elevencol { width: 91.436464082%; }       /* 91.35%; } /* grid_11 */
.twelvecol { width: 99.999999993%; }       /* 100%;   } /* grid_12 */

.onecol, .twocol, .threecol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
  position: relative;
  float: left;
  margin-left: 2.762430939%;
}

.first {
  margin-left: 0;
}

.last {
  float: right;
}

@media screen and (max-width: 1000px) {



}

@media screen and (max-width: 550px) {

	.mobButton { display: block; position: absolute; top: 25px; left: 25px; z-index: 999999999; }
	nav.topNav { display: none; }
	
}

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}