/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

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


@font-face {
    font-family: 'Battersea2011ExtraBoldItalic';
    src: url('fonts/battersea_extrabold_italic_2011.eot');
    src: url('fonts/battersea_extrabold_italic_2011.eot') format('embedded-opentype'),
         url('fonts/battersea_extrabold_italic_2011.woff') format('woff'),
         url('fonts/battersea_extrabold_italic_2011.ttf') format('truetype'),
         url('fonts/battersea_extrabold_italic_2011.svg#Battersea2011ExtraBoldItalic') format('svg');
}

@font-face {
    font-family: 'Battersea2011LightItalic';
    src: url('fonts/battersea_light_italic_2011.eot');
    src: url('fonts/battersea_light_italic_2011.eot') format('embedded-opentype'),
         url('fonts/battersea_light_italic_2011.woff') format('woff'),
         url('fonts/battersea_light_italic_2011.ttf') format('truetype'),
         url('fonts/battersea_light_italic_2011.svg#Battersea2011LightItalic') format('svg');
}

@font-face {
    font-family: 'Battersea2011Regular';
    src: url('fonts/battersea_regular_2011.eot');
    src: url('fonts/battersea_regular_2011.eot') format('embedded-opentype'),
         url('fonts/battersea_regular_2011.woff') format('woff'),
         url('fonts/battersea_regular_2011.ttf') format('truetype'),
         url('fonts/battersea_regular_2011.svg#Battersea2011Regular') format('svg');
}


/* ---- form stuff ----- */

.usp-fieldset { border: none; margin: 10px 0; padding: 0; } .usp-label, .usp-input, .usp-select, .usp-textarea { display: block; width: 99%; margin: 5px 0; } .usp-label { font-size: 12px; line-height: 12px; } .usp-input, .usp-textarea { padding: 5px; font: normal 13px/normal sans-serif; } .usp-select { width: auto; } .usp-submit { margin: 10px 0; } .usp-checkbox { display: inline-block; margin-right: 10px; } .usp-checkbox .usp-input { display: inline-block; width: auto; } .usp-input-files { margin: 3px 0; } .usp-add-another { float: left; clear: both; margin-top: 3px; } .usp-errors, .usp-error-warning { margin: 10px 0; } .usp-input-remember, .usp-label-remember { display: inline-block; width: auto; } .usp-preview { clear: both; width: 100%; overflow: hidden; } .usp-preview a { display: block; width: 100%; height: 100%; }



/* =Theme customization starts here
-------------------------------------------------------------- */

/* ---------------------------  */
/* ---------- SI MODS --------  */
/* ---------------------------  */
body,body.custom-background {
	background-color:black !important;
	font-family:"Battersea2011ExtraBoldItalic",Lato,Helvetica,Arial,sans-serif !important;
}


::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}

a{
	color:rgb(130,255,255);
}

a:hover{
	color:rgb(100,255,255);
}

#spinner_overlay{

	position:fixed;
	left:50%;
	top:40%;
	background-image:url(/wp-content/uploads/2014/04/loadinfo.net_.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:48px 48px;
	width:60px;
	height:60px;
	background-color:black;
	border-radius:20px;
	margin-left:-30px;
	z-index:1000000000;
	pointer-events:none; 
}



.fa-refresh{
	display:none !important;
}

.site{
	background-color:#000;
	max-width:100% !important;
}
.home.masthead-fixed .site-main{
	margin-top:0 !important;
}

.tag-desc{
	text-align:center;
	color:#FFF;
	margin-top:0 !important;
}

#main{

}

.paging-navigation a,.paging-navigation a:hover{
	border:none !important;
	color:#FFF;
}

.paging-navigation .page-numbers.current{
	border:none !important;
	color:#FFF;
	text-decoration:underline;
}

.infoLine{
	/*display:inline-block;*/
	display:none;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	padding:3px;
	text-align:left;
	color:#FFF;
	width:95%;
	text-align:center;
}

.chosen_line{
	font-size:0.8em;
	font-family: 'Battersea2011LightItalic';
}

.site-header{
	background-color:black;
	background-color:rgba(0,0,0,0.8);
	position: fixed;
	max-width:100% !important;

}

.site-footer{
	
	font-family:"Battersea2011Regular",Lato,Helvetica,Arial,sans-serif !important;
	font-size:1.1em;
}

.header-main{
	padding:0;
}

.embedlink{
	font-size:0.8em;
	text-align:center;
	max-width:300px;
	display:block;
	position: absolute;
	left:40%;
	width:20%;
}

.embedlink:hover{
	color:#FFF !important;
}

.cookieinfo{
	font-size:0.7em;
	padding:0 10px;
	margin:0;
}

.primary-navigation {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 14px;
	padding-top: 18px;
	z-index:1000000000;
}

.primary-navigation.toggled-on {
	padding: 72px 0 36px;
	z-index:1000000005 !important;
	
}

.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a{
	color:#FFF !important;
	text-decoration:underline !important;
}

.site-navigation a{
	text-transform:capitalize !important;
}

.nav-previous{
	text-align:center;
	font-size:1.5em;
	margin-top:20px;
	margin-bottom:20px;
	color:#FFF;
}

.nav-previous a{
	color:#FFF;
}

.nav-previous a:hover{
	text-decoration:underline;
}

.pseudoModal{
	border:1px solid #FFF;
	padding:10px;
	
}

#closeShare{
	position:absolute;
	top:-5px;
	right:-5px;
	width:20px;
	height:20px;
	cursor:pointer;
	border:2px solid #FFF;
	text-align:center;
	border-radius:20px;
	background-color:#000;
	font-family: 'Battersea2011ExtraBoldItalic';
}

.site-title{
	position: relative;
	z-index:1010;
}

.primary-navigation .nav-menu {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	display: none;
}

.primary-navigation.toggled-on .nav-menu {
	display: block;
}

.primary-navigation a {
	padding: 7px 0;
	
}

#hintsandtipslink{
	position:fixed;
	right:0;
	bottom:10px;
	width:180px;
	font-size:1.8em;
	white-space:nowrap;
	padding-right:5px;
	font-family: 'Battersea2011ExtraBoldItalic';
	cursor:pointer;
	text-transform:uppercase;
	padding-left:30px;
	background-image:url(/wp-content/uploads/2014/04/info-icon.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:0 40%;
}

#hintsandtipspanel{
	background-color:rgba(0,0,0,0.7);
	position:fixed;
	overflow-y:scroll;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10000001;
	display:none;
	font-size:1.2em;
	padding-top:100px;
}

#hintsandtipspanel .entry-content{
	background-color:transparent !important;
}

#hintsandtipspanel .edit-link{
	display:none;
}

#hintsandtipspanel .entry-title,#hintsandtipspanel .entry-header{
	display:none;
}

.search-toggle{
	display:none !important;
}

.menu-toggle {
	cursor: pointer;
	font-size: 0;
	/*height: 48px;*/
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	/*width: 48px;*/
	display:block !important;
	z-index:1001;
	background-color:transparent !important;
	/*new hamburger*/

	background-image: url("/wp-content/uploads/2014/04/menu.png");
	background-size: 35px 30px;
    height: 30px;
    margin-top: 0px;
    width: 35px;
    margin: 10px;
}

.menu-toggle::before{
	display:none;
}

.icons{
	color:#FFF;
	font-size:2em;
}

#feed-container a,#feed-container a *{
	text-decoration:none !important;
}
#feed-container a:hover,#feed-container a:visited,#feed-container a:link,#feed-container a:active{
	text-decoration:none !important;
}

#zoomIn,#zoomOut,#rotate{
	/*background-color:#FFF !important;*/
	color:#000;
	width:40px;
	height:40px;
	border-radius:15px;
	display:block;
	cursor:pointer;
	position:absolute;
	font-size:20px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-size:auto 100%;
	background-repeat:no-repeat;
}

#zoomIn{
	bottom:0;
	/*right:0;*/
	left:100px;
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/05/zoom-sprites.png);
	background-position:-80px 50%;
}

#zoomOut{
	bottom:0;
	left:0;
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/05/zoom-sprites.png);
	background-position:0 50%;
}

#rotate{
	bottom:0;
	/*right:40%;*/
	left:50px;
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/05/zoom-sprites.png);
	background-position:-40px 50%;
}

.primary-navigation{
	float:none;
	text-transform:capitalize !important;
}

.primary-navigation li{
	display:block;
	text-align:center;
	margin-bottom:2em;
	border:none !important;
}

.primary-navigation li a:hover{
	background-color:transparent;
	color:#FFF;
	text-decoration:underline;
}

.primary-navigation a{
	display:inline-block;
	font-size:3em; 
	width:100%;
}




.primary-navigation .nav-menu{
	border:none;
}

.masthead-logo{
	/*height:46px;*/
	/*width:121px;*/
	height:41px;
	width:115px;
	margin:2px 10px;
	display:inline-block;
	/*background-image:url(/wp-content/uploads/2014/04/vangoyourself.png);*/
	background-image:url(/wp-content/uploads/2014/07/logo.png);
	background-image:none,url(/wp-content/uploads/2014/07/logo.svg);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
.header-text{
 	display:block;
	position:absolute;
	left:-9000000px;
	top:0;
}
.site-content{
	margin-left:0;
	margin-right:0;
	margin-top:18px;
	background-color:black;
}

.site-content.vangoed{
	margin-top:55px;
}

.single-format-gallery .entry-title{
	margin-top:55px !important;
}

.category-paintings.list-view .site-content{
	margin-top:0px !important;
}

.archive  .site-content{
	margin-top:55px !important;
}

#secondary{
	background-color:black !important;
	display:none !important;
}
.site::before{
	display:none !important;
}
.entry-meta{
   display:none !important;
}
.archive-header{
   display:none !important;
}
.hentry{
  padding:0 !important;
  margin:0 !important;
  margin-bottom:0 !important;
}
.post-thumbnail{
	background-color:#000;	
	width:96%;
	margin-left:2%
	background-image:url(/wp-content/uploads/2014/04/loadinfo.net_.gif);
	background-size:32px 32px;
}
a.post-thumbnail:hover{
	
	background-image:none;
}

a.post-thumbnail img{
	background-color:transparent;
	
	/*background-repeat:no-repeat;
	background-position:50% 50%;*/
	

}

a.post-thumbnail:hover img{
	opacity:1;
}
.post{
   background-color:black;
}
.site-content .entry-header{
   color:white !important;
   background-color:black !important;
}
.entry-title{
  margin:0px 0 0 0 !important;
  padding:0 !important;
  text-transform: none;
  font-size: 1.6em;
}

.single .entry-title,.page .entry-title{
	margin-top:55px !important;
}	

.entry-title a{
   color:white !important;
}

.single .entry-title{
	text-align:center;
}

.nav-links{
	display:none;
}

.has-post-thumbnail .entry-header{
	margin-top:0 !important;
}
.site-content .entry-header{
	max-width:100% !important;
}
.entry-content{
	-webkit-hyphens: none;
   max-width:100% !important;
   background-color:transparent !important;
   color:#FFF;
   font-family:'Battersea2011Regular',Lato,Helvetica,Arial,sans-serif;
}

#orientationWarning{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:black;
	background-color:rgba(0,0,0,0.8);
	color:#FFF;
	text-align:center;
	padding-top:100px;
	z-index:9999999999;
}

.content-area{
	padding-top:0 !important;
}

#usp-pro{
	text-align:center;
}

fieldset{
	max-width:600px; 
	margin:auto !important;
	text-align:left;
	border:none;
}

#publish-options{
	max-width:750px;
	position:relative;
	height:100px;
	margin-top:15px;
}

#share-box,#save-box,#exhibition-box{
	width:110px;
	height:20px;
	
	position:absolute;
	top:0;
	text-align:center;
	font-family: 'Battersea2011ExtraBoldItalic';
	font-size:1.1em;
	padding-top:80px;
	background-size:auto 70px;
	background-position:50% 0;
	cursor:pointer;
}

#share-box{
	left:50%;
	margin-left:-75px;
	background-image:url(/wp-content/uploads/2014/04/big-share-icon.png);
	background-repeat:no-repeat;
}

#save-box{
	left:0%;
	width:150px;
	margin-left:-40px;
	background-image:url(/wp-content/uploads/2014/05/just-camera.png);
	background-repeat:no-repeat;
}

#save-box a{
	text-decoration:none;
	color:#FFF;
}

#exhibition-box{
	right:0;
	background-image:url(/wp-content/uploads/2014/04/big-exhib-icon.png);
	background-repeat:no-repeat;
}

.clearboth{
	clear:both;
}

#related_posts{
	max-width:750px;
	margin:auto;
	
}

#related_posts ul{
	overflow:hidden;
}

.moreLink{
	text-align:center;
}

h4.related_posts-heading{
	font-family:'Battersea2011ExtraBoldItalic';
	color:'white' !important;
}

#related_posts li{
	list-style-type:none;
	width:46%;
	margin:1%;
	
	display:inline-block;
}

#strapline{
    color: #FFFFFF;
    position: fixed;
    top: 100px;
    left:35px;
    width: 75%;
    max-width:700px;
    z-index: 9;
    
}
#strapline > div > h2{
	font-size:4em;
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none; 
  pointer-events:none;  
	/*text-shadow: 0px 0px 80px #000000;*/
}



.fieldsetWrapper{
	margin:0 auto;
	max-width:600px;
}
.checkboxwrapper{
	width:50%;
	float:left;
}
.checkboxwrapper label{
	float:right;
	line-height: 100%;
	margin:0;
	width:85%!important;
}
.checkboxwrapper input[type="checkbox"]{
	float:left;
	margin:7px 10px;
	width:20px;
	height:20px;
}



.form-panel{
  
  padding:100px 15px 10px 15px;
  position:fixed;
  top:0px;
  left:0;
  right:0;
  bottom:0;
  background-color:black;
  background-color:rgba(0,0,0,0.6);
  /*z-index:10;*/
  z-index:2;
  text-align:center;
  /*overflow-y:scroll;*/

}

#form-panel1{
	padding-top:100px;
}	


.usp-preview div{
	min-width:300px !important;
	height:200px !important;
}

.fileuploadContainer{
	position:relative;
	
	background-image: url(http://vangoyourself.com/wp-content/uploads/2014/04/goButtonWithCamera.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	width: 280px;
	height: 150px;
	float:right;
}
.usp-input-file{
    cursor: pointer;
    height: 150px;
    opacity: 0;
    right:0;
	position:absolute;
	top:0;
    width: 300px;
    z-index: 20; 
}

/*#uploadImage {
    background-image: url(http://vangoyourself.com/wp-content/uploads/2014/04/goButtonWithCamera.png);
    right: 0;
	position:absolute;
	top:0;
	width: 300px;
   	z-index:10;
   	opacity: 1!important;
   	display:none
}*/

.textarea-overlay{
	position:absolute;
	left:0;
	right:0;
	top:15%;
	text-align:center;
}

.textarea-overlay textarea{
	background-color:rgba(0,0,0,0.6) !important;
}

.prePublish{
	display:none;
	text-align:left;
	padding:0 10px;
	max-width:750px;
	margin:0 auto;
}

#preContent{
	display:block;
}

.entry-content p img{
	max-width:100%;
}

#twinned{
	position:relative;
}

#twinned h2{
	 font-family: 'Battersea2011ExtraBoldItalic',Lato,Helvetica,Arial,sans-serif;
	 font-size:1.8em;
	 margin-top:30px;
	 background-image:url(/wp-content/uploads/2014/04/loadinfo.net_.gif);
	 background-repeat:no-repeat;
	 background-position:50% 0;
	 background-size:48px 48px;
	 padding-top:60px;
}
#preTitle{
	font-family: 'Battersea2011ExtraBoldItalic',Lato,Helvetica,Arial,sans-serif;
	font-size:1.3em;
	padding-top:10px;
}
.gobutton,.lastgobutton{
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/04/goButton.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	width:300px;
	height:150px;
	position:fixed;
	right:0;
	bottom:50px;
	display:block;
	text-indent:-9000000px !important;
	color:black;
	cursor: pointer;
	color:transparent;
}

.starter{
	width:300px;
	height:170px;
	position:fixed;
	right:0;
	bottom:50px;
	font-family: 'Battersea2011LightItalic';
	text-align:right;
}

#changePhoto{
	position:absolute;
	text-align:left;
	bottom:5px;
	left:5px;
	display:none;
	width:150px;
	height:30px;
	cursor:pointer;
	z-index:1000000;
}
#changePhoto img{
	width:50%;
}

#keepPhoto{
	position:absolute;
	text-align:left;
	bottom:5px;
	left:5px;
	display:none;
	width:150px;
	height:30px;
	cursor:pointer;
	z-index:1000000;
}

.starter span{
	display:inline-block;
	padding-right:10px;
}

.form-panel .gobutton{
	/*bottom:20px;	*/
}

.gobutton:hover{
	
	text-indent:-9000000px !important;
	color:black !important;
}

.homego{
	position:fixed;
	bottom:100px;
	right:0;
	z-index:100;
}

.gobutton.homego.overfooter{
	
	bottom:250px !important;
}

#strapline.overfooter{
	bottom:220px !important;
}

.post-thumbnail:hover img:after{
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/04/goButton.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	width:300px;
	height:150px;
	float:right;
	display:block;
	text-indent:-9000000px;
}	

.usp-fieldset{
	max-width:600px;
	margin:auto;
	text-align:left;
}

.usp-submit{
	float:right;
	background-color:white !important;
	color:black !important;
}

.singular .post-thumbnail{
	width:96%;
	border:1px solid white;
	margin-left:2%;
	margin-top:5px;
}

/*#stepIndicator,#step0{*/
#stepIndicator{
	width:20%;
	min-width:170px;
	/*position:absolute;*/
	position:relative;
	vertical-align:middle;
	/*left:40%;*/
	height:40px;
	z-index:100000005;
	margin:auto;
	padding-left:-90px;
	/*top:0px;*/
	top:-20px;
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none; 
  pointer-events:none; 
  /*background-image:url(http://vangoyourself.com/wp-content/uploads/2014/05/step1.png);*/
  background-position:50% 50%;
  background-size:auto 90%;
  background-repeat:no-repeat;

  color:#FFF;
  text-align:center;
  font-size:1.5em;
}

#step0{
	background-image:url(/wp-content/uploads/2015/01/step0.png);
	z-index:1000;
}

#stepIndicator.stepind-2{
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/05/step2.png);
}

#stepIndicator.stepind-3{
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/05/step3.png);
}

#primary-navigation,#masthead{

	z-index:1001;
}
#page header.site-header{
	/*background-color:none!important;*/
}

.admin-bar #stepIndicator{
	/*top:60px;*/
}	

#step1,#step2,#step3{
	position:absolute;
	width:25px;
	height:25px;
	border-radius:25px;
	border:2px solid white;
	top:0;
	text-align:center;
	color:#FFF;
	
	background-color:rgba(0,0,0,0.4);
}
#step1{
	left:0;
	margin-left:-12px;
}

#step2{
	left:33%;
	margin-left:-12px;
}
#step3{
	left:66%;
	margin-left:-12px;
}
#sep1,#sep2{
	position:absolute;
	top:12px;
	border:1px solid white;
	left:15px;
	width:17%;
}
#sep2{
	left:43%;
}
.step-here{
	background-color:white !important;
	color:black !important;
	border:4px solid white !important;
	margin-top:-2px !important;
}

.list-view .site-content .post-thumbnail img {
		float: none;
		margin: 0 0;
		width: 100%;
}

.list-view .post-thumbnail{
	position:relative;
}
.list-view .post-thumbnail .image-arrow{
	width:37px;
	height:100px;
	position:absolute;
	bottom:20%;
	right:0;
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/04/rightarrowlarge.png);
	background-position:right right;
	background-repeat:no-repeat;
	background-size:100% auto;
}
textarea,.usp-input{
	border:1px solid #FFF !important;
	background-color:transparent !important;
	color:#FFF !important;
	position:relative;
	z-index:10;
	font-size:1.1em !important;
}

.widget textarea#codebox::selection{
	background: #FFF none repeat scroll 0% 0% !important;
	color: #000 !important;
}
.widget textarea#codebox::-moz-selection{
	background: #FFF none repeat scroll 0% 0% !important;
	color: #000 !important;
}

.usp-input-email,.usp-input-name{
	text-indent:60px;
	margin: -14px 0px 5px 0px !important;
}
.usp-label{
	color:#FFF;
	font-size:1.1em !important;
}
.usp-label-name,.usp-label-email{
	position:relative;
	color:#FFF;
	top:15px;
	text-indent:10px;
}
.usp-label-custom{
	text-indent:0;
	display:inline;
}
#steps-instructions{
	color:#FFF;
	font-size:2.8em;
	line-height:1.1em;

	padding-bottom:1em;
	
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10000;
	background-color:rgba(0,0,0,0.8);
	display:none;
	
}
#steps-instructions ol{
	margin-left:0; 
}
#steps-instructions li{
	margin-top:1em;
	font-family:"Battersea2011ExtraBoldItalic",Lato,Helvetica,Arial,sans-serif
}
#steps-instructions ol li .counter{
	float: left;
	margin-right: 20px;
}
#steps-instructions ol li .counterText{
	display: block;
	float: left;
	width:72%;
	padding-right:2%;
	font-size:0.9em;
}

.list-view footer.filters{
		border-bottom:1px solid #AAA !important;
		margin-left:2% !important;
		margin-right:2% !important;
		padding-bottom:10px;
		padding-top:5px;
		line-height:130%;
		font-size:0.9em;
}

#contenttop{
	clear:both;
	margin-top:78px;
}
.paintings #contenttop{
	margin-top:60px;
}
.paintings #contenttop h3{
	text-align:center;
	color:#FFF;
	padding-bottom:20px;
}
.imagewrapper{
	/*overflow:hidden;*/
	margin:0 auto;
}
.imagewrapper .corner {
    height: 50px;
    position: absolute;
    width: 50px;
    z-index: 2;
}
.imagewrapper .corner.tl {
    border-left: 2px solid #FFF;
    border-top: 2px solid #FFF;
    left: 0;
    top: 0;
}
.imagewrapper .corner.tr {
    border-right: 2px solid #FFF;
    border-top: 2px solid #FFF;
    right: 0;
    top: 0;
}
.imagewrapper .corner.bl {
    border-bottom: 2px solid #FFF;
    border-left: 2px solid #FFF;
    bottom: 0;
    left: 0;
}
.imagewrapper .corner.br {
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
    bottom: 0;
    right: 0;
}
.previewarea img{
	width:100% !important;
	padding-bottom:50px;
}
#controls{
	position:absolute; 
	z-index:90000000;
}



#thanksbox{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding-top:85px;
	background-color:rgba(0,0,0,0.8);
	z-index:10000000000001;
	overflow-y:auto;
}

#thanksbox .site-content,#thanksbox .entry-header{
	background-color:transparent !important;
	
}

.single .category-vango img{
	display:block;
	margin-bottom:5px;
}

.eu-logo{
	width:90px;
	float:right;
	margin-left:10px;
	margin-top:10px;
	display:block;
	height:60px;
	width:90px;
	background-image:url(/wp-content/uploads/2014/04/flag_black_white_eps.png);
	background-size:auto 100%;
}
.footer-logo{
	width:33%;
	float:left;
	text-align:center;
}

#colophon{
	clear:both;
	margin-top:100px;
}

.home-content .post{
	padding-bottom:20px !important; 
	
}

.infobutton{
	/*position:fixed;*/
	position:relative;
	bottom:10px;
	/*right:10px;*/
	right:75px;
	float:right;
	color:#FFF;
	text-transform:uppercase;
	font-size:1.6em;
	background-image:url(/wp-content/uploads/2014/04/info-icon.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:0 30%;
	padding-left:35px;
}

.infobutton:hover{
	/*right:20px;*/ 
	color:#FFF;
}

.logozone{
	border-top:1px solid #FFF;
	
	border-bottom:1px solid #FFF;
	overflow:auto;
	margin:0 10px 10px 10px;
	padding:20px 0;
}

.europeana-logo{
	text-align:left;
	float:left;
	display:block;
	max-height:80px;
	height:80px;
	max-width:146px;
	width:146px;
	background-image:url(/wp-content/uploads/2014/05/europeana_white.png);
	background-size:auto 100%; 
}

.MH-shortlist-logo{
	background-image:url(/wp-content/uploads/MH_award_shortlisted_2015.png);
	background-position: 50% 50%;
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	height:80px;
	max-height:80px;
	width:80px;
	max-width:80px;
	margin-left:20px;

}
.MW-logo {
	background-image:url(/wp-content/uploads/mandw-logo-50px.gif);
	background-repeat:no-repeat;
	background-position:25% 100%;
	/*background-size:auto 100%;*/
	float:left;
	height:80px;
	max-height:80px;
	width:100px;
	max-width:100px;
	margin-left:20px;
	font-size:0.7em;
	line-height: 120%;


}

.plurio-logo{
	text-align:right;
	display:none;
}

.c24-logo{
	display:none;
}
.footerinfo {
	text-align: center;
	color:#FFF;
	font-size:0.8em !important;
	clear:both;
	text-align:left;
	padding-left:10px;
	margin-bottom:5px;
}
.footer-logo img,.footerinfo img{
	/*max-width:90px;*/
	max-width:150px;
	padding:0 15px;

}

.page .entry-content,.page .entry-header,.single .entry-content,.single .filters{
	max-width:750px !important;
}

.single .filters{
	margin:auto;
}
/*input#publishButton.usp-submit.usp-submit{*/
.submitWrapper{	
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/04/goButton.png);
	background-repeat: no-repeat;
	display:none;
	height:150px;
	width:300px;
	position: absolute;
	right:0;
	bottom:50px;
	background-size: 100% auto;
	
	zIndex:90000;
}

.publishText{
	position:absolute;
	bottom:0;
	right:10px;
	font-family: 'Battersea2011ExtraBoldItalic';
	font-size:25px;
	width:150px;
	text-align:right;
	white-space:nowrap !important;
	pointer-events:none; 
}

.usp-submit{
	bottom:0;
	top:0;
	height:100%;
	width:100%;
	opacity:0;
}



#steps-instructions{
		padding-left:20% !important;
		padding-top:150px;
}

.site-title{
	margin-left:10px;
	line-height:0;
}


.admin-bar #stepIndicator{
	
	/*top:48px !important;*/
}
.list-view .share-away{
	display:block; 
}

.list-view.category-paintings  .share-away{
	bottom:100px;
}

.single .site-content{
	padding-top:0px !important;
}

.originalVertical{
	
}
.originalHorizontal{
	
}

.originalHorizontal .chosen-image{
	
	height:100%;
}

.originalVertical .chosen-image{
	width:auto;
	
}

#newImage{
	display:block;
}

#pseudopair{
	padding-left:0px;
	position:relative;
	text-align:center;
	
}

#form-panel2{
	background-color:transparent !important;
	text-align:center;

	overflow:hidden; 
}

h4.related_posts_heading{
	color:white !important;
}

.leftsample{
	clear:left;
	float:left;
}

.rightsample{
	clear:right;
	float:right;
}

#newPair{
	margin:0px auto;

	/*border:1px solid orange;*/
}

h2.details{
font-family: 'Battersea2011LightItalic';
font-size:1.1em;
line-height:150%;
}

.license{
	font-size:0.8em;
	display:block;
	
	padding-top:0.5em;
}



#sourceImage{
	margin:0;
	/*border:1px solid green;*/
	
}
#yourImage{

	border:1px solid white;
	margin:0;
}
#yourImageWrapper{
	height:100%;
}

.originalVertical #sourceImage{
	margin:0 auto;
}

.originalVertical #yourImage{
	margin:0 auto;
}

.entry-content img#newImage{
	max-width:900% !important; 
}

/*.originalVertical #newImage{
	height:100% !important;
	width:auto !important;
}

.originalHorizontal #newImage{
	height:auto!important;
	width:100% !important;
}*/

input.example-class-1{
	width:20px;
	height:20px;
	border:1px solid #FFF !important;
	float:left !important;
	margin-right:10px;
}

#overlay{
	/*position:absolute;*/
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:5000;
	background-color:rgba(0,0,0,0.8);
	color:#FFF;
	padding:150px 100px;
}
#overlay #content{
	width:50%;
	padding:50px;
	margin:0 auto;
}
#overlay h4{
	font-size:2.5em;
}
#overlay p{
	padding:20px;
	font-size:1.5em;
}

#twinned-image{
	width:100%;
	height:auto;
	border:1px solid #FFF;
	max-width:600px;
}

.usp-label-title,.usp-label-content,.usp-label-captcha{
	padding-top:0.7em;
}

.usp-label-content{
	text-shadow: 1px 1px #000000;
}


.chosen-image{
	display:inline-block;
	text-align:center;
}
.chosen-image img{
	border:0px solid #FFF;
}
#twinned-message{
	position:absolute;
	left:10px;
	right:10px;
	top:150px;
	text-align:center; 
}

.example-class-3{
	display:none;
}



.usp-label-custom{
	padding-top:10px !important;
}

.site {
	max-width:100% !important;
}

.post{
	position:relative;
}

.gobutton.homego{
	bottom:60px !important;
}

#sendimagebutton{
	z-index:100000020;
}

.tag-wrapper{
	margin:30px 0 10px;
}

.tag-links a{
	font-family:"Battersea2011LightItalic",Lato,Helvetica,Arial,sans-serif;
	display:inline-block;
	margin-right:10px;
	color:#FFF;
	/*padding-left:10px;*/
}
.tag-links a:after{
	content: " >";
	font-family: "Arial Narrow","Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace;
	font-style:oblique;
	font-stretch:condensed;
	padding-top:3px;
	vertical-align:bottom;
	background-image:url(/wp-content/uploads/2014/04/rightarrowlarge.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:50% 50%;
	color:transparent;
}
.entry-header{
	padding-left:10px !important;
	padding-right:10px !important;
}
#image-hint{
	position:absolute;
	left:-9000000px;
}
#about_vgy{
	font-family: 'Battersea2011Regular',Lato,Helvetica,Arial,sans-serif;
	color:#FFF;
	font-size:1em;
	/*padding:80px 10%;*/
	/*position:fixed;*/
	/*left:-200%;*/
	/*width:80%;*/
	top:0;
	bottom:0;
	overflow:auto;
	
	z-index:10000000;
	display:none;
}
.tintOut{
	opacity:0.4;
}
#colophon.tintOut{
	opacity:0;
}
#about_vgy h2{
	font-size:2em;
	font-family: 'Battersea2011ExtraBoldItalic',Lato,Helvetica,Arial,sans-serif;
}
#infoClose{
	position:fixed;
	top:55px;
	right:10px;
	width:50px;
	height:50px;
	border-radius:25px;
	background-color:#FFF;
	cursor:pointer;
	background-image:url(/wp-content/uploads/2014/04/x.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:20px 20px;
}
#stepindicator{
vertical-align:baseline;
}
#step1,#step2,#step3{
	font-family: 'Battersea2011Regular',Lato,Helvetica,Arial,sans-serif !important;
	
}

.list-view .entry-title{
	font-size:1.1em !important;
}

.list-view article.post{
	
	
	padding-bottom:10px !important;
	/*margin-bottom:10px !important;*/
	margin-bottom:0 !important;
}

.list-view .tag-links{
	line-height:110%;
}

.home article.post{
	border-bottom:none !important;
	padding-bottom:10px !important;
	margin-bottom:0px !important;
}

.site-content .has-post-thumbnail .entry-header{
	padding-top:0;
}

.single .site-content{
	padding-top:0px !important;
}

.footer-logo img{
	max-width:90px;
}

.footerinfo{
	font-size:0.9em;
	clear:both;
	margin-top:10px;
	padding-top:5px;
	line-height:1.2em;
}
.preLicense{
	font-size:0.8em;
}
#colophon{
	
}
.site-info{
padding:5px;
}
.share-away{
	position:absolute;
	bottom:30px;
	right:0;
	width:230px;
	height:40px;
	z-index:1000;
}
.single .share-away{
	right:auto;
	left:33%;
	background-color:#000;
	display:none;
	
}

.facebook{
	width:40px;
	height:40px;
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/04/share-icons.png);
	background-repeat:no-repeat;
	background-size:auto 40px;
	background-position:-5px 0px;
	
	cursor:pointer;
	display:inline-block;
}
.twitter{
	width:40px;
	height:40px;
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/04/share-icons.png);
	background-repeat:no-repeat;
	background-size:auto 40px;
	background-position:-52px 0px;
	
	cursor:pointer;
	display:inline-block;
}
.pinterest{
	width:40px;
	height:40px;
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/04/share-icons.png);
	background-repeat:no-repeat;
	background-size:auto 40px;
	background-position:-98px 0px;
	
	cursor:pointer;
	display:inline-block;
}
.tumblr{
	width:40px;
	height:40px;
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/04/share-icons.png);
	background-repeat:no-repeat;
	background-size:auto 40px;
	background-position:-145px 0px;

	cursor:pointer;
	display:inline-block;
}

.embed{
	width:40px;
	height:40px;
	background-image:url(http://vangoyourself.com/wp-content/uploads/2014/04/share-icons.png);
	background-repeat:no-repeat;
	background-size:auto 40px;
	background-position:-190px 0px;

	cursor:pointer;
	display:inline-block;
}

#steps-instructions ol{
	list-style: none;
	counter-reset:myCounter;
}

#steps-instructions ol li .counter{
	counter-increment: myCounter;
	float: left;
}
#steps-instructions ol li .counter:before{
	border:5px solid #FFF;
	border-radius:40px;
	content:counter(myCounter,decimal);
	height:40px;
	margin:2px 10px 2px 2px;
	padding:5px 15px;
	width:40px;
}

#steps-instructions ol li .counter.windows:before{
	padding:0 20px !important;
}

.site-content.vangoed #loop_container{
	margin-top:20px;
}

/*
*	Stops users dragging and dropping images
*	(not supported in IE - adding a fallback to js file)
*
*	(does not work for img within <a> - adding it to the <a> 
*	stops the click event firing!) 
*
*	Added .allow-pointer-events class to override the default behaviour
*/

img{
	pointer-events:none;
}
img.allow-pointer-events{
	pointer-events:auto;
}

/* -------------   handheld     ---------------------*/

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

	#preTitle{
		padding-right:140px;
	}

	#colophon{
		margin-top:50px;
	}

	#stepIndicator{
		left:37%;
		top:-40px;
		background-size:auto 85%;
	}
	#spinner_overlay{
		top:60%;
	}
	.list-view .content-area{
		padding:0 !important;
	}
	.entry-title{
		font-size:1.3em;
		
	}
	
	.single-format-image .entry-title, .single-format-gallery .entry-title {
		margin-top: 15px !important;
	}

	#controls .btn{
		
	}
	
	.originalHorizontal #controls{
		left:50%;
	}
	
	#thanksbox{
		padding-top:0 !important;
		margin-top:-80px;
		font-size:0.95em;
	}
	
	.usp-label-custom{
		display:block;
		margin-top:10px;
	}
	
	.masthead-logo{
		margin-left:-3px;
	}
	
	.primary-navigation.toggled-on {
		min-height:100%;
		position:fixed;
		left:0;
		right:0;
		top:0;
		bottom:0;
		background-color:rgba(0, 0, 0, 0.8);
	}
	
	.primary-navigation li{
		display:block;
		text-align:center;
		margin-bottom:0 !important;
		border:none !important;
	}
	
	.primary-navigation a{
		
		font-size:2.5em; 

	}
	
	.gobutton:not(.homego){
		/*bottom:0px;*/
		
		position: absolute !important;
		bottom:60px;
	}

	#strapline{
		top:auto;
		left:0;
		bottom:0;
		right:-55px;
		width:100%;
	}

	#steps-instructions ol li .counter:before{
		padding:10px 15px !important;
	}
	#steps-instructions ol li .counter{
		margin:0;
		line-height:50px;
	}
	
	.menu-toggle{
		margin:9px 4px;
	}
		
	.infobutton{
		right:20px;
	}	
	
	.overfooter .infobutton{
		bottom:250px !important;
	}
	

	#steps-instructions{
		font-size:1.5em;
		margin-left:10px;
		padding-left:10px !important;
		padding-top:20px;
	}
	
	#steps-instructions .gobutton{
		bottom:20px !important;
	}
	#info-wrapper{
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}
	#about_vgy{
		/*font-size:1.3em !important;*/
		/*background-color:rgba(64,64,63,0.8);*/
		background-color:rgba(0, 0, 0, 0.7);
		position: absolute;
		top:0;
		bottom:0;
		padding:120px 10px;
		font-size: 1em !important;
	}
	#about_vgy h2,#about_vgy p{
		font-size:1.1em !important;
	}
	.post-thumbnail{
		width:100%;
		margin-left:0 !important;
		margin-top:5px;
		margin-bottom:5px;
	}
	
	.list-view article.post{
		width:100% !important;
	}	
	#hintsandtipslink{
		position:relative;
		/*top:-200px !important;*/
		bottom:auto !important;
		float:right;
	}
	
	.starter,.starter .gobutton{
		position: relative !important;
		
	}
	.starter{
		bottom:-20px;
	}
	.checkboxwrapper label{
		width:69% !important;
	}
	
	.entry-content{
		padding:10px !important;
	}
	
	#newPair{ 
		/*margin:65px auto !important;*/
		margin:auto;
	}

	/*#form-panel1{*/
	.form-panel{
		padding-top:30px!important;
	}
	#form-panel2{
		overflow-y:scroll;
		position:relative;
	}
	#form-panel3{
		position:relative!important;
	}
	#sendimagebutton{
		position:fixed !important;
		/*top:20px;*/
		right:0;
		bottom:auto;
	}
	.icons{
		font-size:1em !important;
	}
	#controls{
		/*display:none !important;*/
	}
	
	#hintsandtipspanel{
		padding-top:125px;
		font-size:1.2em;
		
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:100000000005;
	}
	
	#hintsandtipspanel .entry-content{
		margin-top:100px;
	}

	.originalVertical .chosen-image{
		max-height:200px;
	}

	.site-content{
	
		margin-top:48px;
	
	}

	#strapline h2{
		text-indent:-900000px;
	}

	#steps-instructions ol li .counter{
		float: left;
	}

	#steps-instructions ol li .counter:before{
		border:5px solid #FFF;
		border-radius:40px;
		content:counter(myCounter,decimal);
		height:40px;
		margin:2px 10px 2px 2px;
		padding:5px 15px;
		width:40px;
	}
	.icons{
		color:#FFF;
	}
	
	#share-box,#save-box,#exhibition-box{
		background-size:auto 50px;
		padding-top:60px;
		font-size:1em;
	}
	
	.submitWrapper{	
		height:120px;
		bottom:70px;
	}

	.logozone span{
		max-width:49% !important;
		width:49%;
		background-size:contain !important;
		background-repeat:no-repeat;
		background-position:50% 50%;
		margin:0 !important;
	}
	
	.logozone span.MW-logo{
		background-image:url(/wp-content/uploads/mandw-logo-80px.gif);
		background-size:auto !important;
		background-position:0% !important;
		max-width:29% !important;
		width:29% !important;
		padding-left:62px !important;
		
	}
	
	.logozone span.eu-logo{
		margin-top:20px !important;
	}

}

/* ------------ non handheld --------------*/


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

	.fileuploadContainer{
		position:fixed;
		right:0;
		bottom:50px;
	}
	.home.masthead-fixed .site-main{
		margin-top:0 !important;
	}

}

/* -------------    tablet portrait    ---------------------*/

@media screen and (max-width: 800px) {
	#step0{
		display:none;
	}
	.list-view article.post{
		max-width:380px !important;
	}

	#strapline h2{
		color:red !important;
		position:absolute;
		left:-90000px;
	}
	
	.entry-header{
		margin:55px auto 10px auto !important;
		max-width:750px;
		
	}
	
	.site-content .entry-header{
		padding-bottom:0 !important;
	}
	
	.gobutton,.lastgobutton{
		width:210px !important;
	}
	
	.submitWrapper {
		width:210px !important;
	}
	
	.single-format-image .entry-content > *{
		position:relative;
		top:-60px;
	}
	
	
	#about_vgy{

		background-color:rgba(0, 0, 0, 0.7);
		position: fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		padding:120px 50px;
		font-size: 1em !important;
	}
	
	.entry-title{
		padding-left:20px !important;
	}
	
	.list-view .entry-title{
		padding-left:7px !important;
	}
	
	#infoClose{
		top:55px !important;
	}
	.embedlink{
	   display:none;
	}
	
	.infobutton{
	position:fixed;
	
	bottom:10px;
	right:10px;
	
	float:right;
	color:#FFF;
	text-transform:uppercase;
	font-size:1.6em;
	background-image:url(/wp-content/uploads/2014/04/info-icon.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:0 30%;
	padding-left:35px;
	}
	
	#steps-instructions ol li .counterText{
		display: block;
		/*float:right;*/
		float: left;
		width:72%;
		padding-right:2%;
		font-size:0.9em;
	}
	
	#newPair{
		/*margin-top:25px;*/
		margin-top:45px;
	}
	
	.gobutton:not(.homego){
	
		position: absolute !important;
		bottom:60px;
	}
	
	#form-panel1 .gobutton{
		bottom:auto !important;
		top:300px !important;
	}
		
	#signupButton{
		float:right;
	}
	
	.logozone span{
		max-width:49% !important;
		width:49%;
		background-size:contain !important;
		background-repeat:no-repeat;
		background-position:50% 50%;
		margin:0 !important;
	}
	.logozone span.MW-logo{
		background-image:url(/wp-content/uploads/mandw-logo-80px.gif);
		background-size:auto !important;
		background-position:75% 0%;
		margin-top:20px !important;
		padding-left: 8%;
		max-width:43% !important;
	}
	.logozone span.eu-logo{
		margin-top:20px !important;
	}
}

/* -------------   tablet landscape     ---------------------*/

@media screen and (min-width:801px) and (max-width: 1024px) {
	.list-view article.post{
		max-width:340px !important;
	}
	.gobutton:not(.homego){
		
		position: absolute !important;
		right:0;
		bottom:60px;
	}	
	
	
		
	#signupButton{
		float:right;
	}
	
	#about_vgy{

		background-color:rgba(0, 0, 0, 0.7);
		position: fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		padding:300px 150px 0 40px;
		font-size: 1em !important;
	}
	
	
}



/* -------------    desktop-sepcific    ---------------------*/

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

	
	
	.list-view .share-away{
		display:none;
	}
	
	.list-view .post:hover .share-away{
		display:block;
	}
	
	.list-view article.post{
		max-width:25% !important;
	}
	
	.inputfocused.masthead-fixed .site-header{
	 	top:-48px;
	}
	
	#loop_container .entry-header{
		padding-left:2% !important;
	}
	
	.tag-links a{
		padding-left:0;
		padding-right:10px;
	}

}