/* CSS Document */
@charset "UTF-8";

/* makes a div with class wobble shake */
div.wobble:hover {
  animation: shake 0.5s;
  animation-iteration-count: 3;    /* infinite   */
}
div.wobblemore:hover {
  animation: shakemore 0.9s;
  animation-iteration-count: 6;    /* infinite   */
}
img.wobblemore:hover {
  animation: shakemore 0.9s;
  animation-iteration-count: 6;    /* infinite   */
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes shakemore {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-2deg); }
  20% { transform: translate(-3px, 0px) rotate(2deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(2deg); }
  50% { transform: translate(-1px, 2px) rotate(-2deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-2deg); }
  80% { transform: translate(-1px, -1px) rotate(2deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-2deg); }
}


/* footer liner */
.progress {
  width: 100%;
  height: 2px;
}
.progress-wrap {
	background: #226498;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	z-index: 5;
}
.progress-wrap .progress-bar {
	background: #ff6600;
/*   background-image: url('pics/orange-scale.png');
	background-repeat: repeat-x; */
	left: 0;
	top: 0;
	position: absolute;
}


/* Highslide outline fixer */
.highslide-wrapper, .highslide-outline
{ height:auto !important; }


.nothea
 {
	background-image: url('../pics/menu-linebg.png');
	background-repeat: repeat-x;
	background-position: left 5px; 
 }
#topdec
{
	position:fixed;
	background-image: url('../pics/topdec.png');
	background-repeat: repeat-x;
	z-index:-1;
	width:100%;
	height:500px;
	top:0px;
	left: 0px;
	display:none;
}
#topdecflash
{
	position:fixed;
	/* background-image: url('pics/topdec.png');
	background-repeat: norepeat;  */
	z-index:-1;
	width:700px;
	height:414px;
	top:0px;
	left: 0px;
	display:none;
}
#botdec
{
	position:fixed;
	background-image: url('../pics/botdec.png');
	background-repeat: repeat-x;
	width:100%;
	height:500px;
	bottom:0px;
	left: 0px;
	display:none;
	z-index:-3;
}

/* spinnercss   */
.spinnercss {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #336699;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* end of spinnercss   */

/* Player stuff below   */
.mark
{
	font-size:8px !important;
}
.amazingaudioplayer-progress-played
{
	background-image: linear-gradient(to bottom, #36F 0%, #0066cc 100%) !important;
	background-color: #fff !important;
}
#amazingaudioplayer-1 .amazingaudioplayer-progress-loaded
{
	background-color: #6699cc !important;
}

#servs {
    list-style-image: url('../pics/box.png');
}
.descriptions
{
	 font-size: 18px;
	 line-height: 1.5em;
	 padding-right:15px;
}

.descriptionsmed
{
	 font-size: 16px;
	 line-height: 1.1em;
}

.skills 
{
border-bottom:0px solid #666;
}


/*
.slide {
    font-size: 40px;
    padding: 40px;
    box-sizing: border-box;
    background: #333;
    color: #fff;
}

.slide:nth-of-type(1) {
    background: red;
}
.slide:nth-of-type(2) {
    background: orange;
}
.slide:nth-of-type(3) {
    background: green;
}
.slide:nth-of-type(4) {
    background: blue;
}
.slide:nth-of-type(5) {
    background: purple;
}
*/



#spinners
{
	width:300px;
	height:auto;
	float:none;
	position:absolute;
	text-align:center;
}

/* under construction ribbon */
#under
{
	float:right;
	top: 0px;
	right: 0px;
	position: absolute;
	display:none;
}

#preloader { display: none; }

#menubar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	/*
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0; 
	*/
	background-attachment: scroll;
	background-image: url('../images/menufader.png');
	background-repeat: repeat-x;
	background-position: left 0px; 
	display:none;
	}

#floater {
	position: fixed;
	bottom: 5px;
	left: 3px;
	width: 88px;
	height: 31px;
	z-index: 5;
	}

#topper {
	position: fixed;
	bottom: 10px;
	right: 2px;
	width: 60px;
	height: 60px;
	z-index: 5; 
}
#JR {
	position: fixed;
	bottom: 10px;
	left: 6px;
	width: 60px;
	height: 60px;
	z-index: 5; 
}

img.fdr {
	opacity: 0;
	-moz-transition: opacity 2s; /* Firefox 4 */
	-webkit-transition: opacity 2s; /* Safari and Chrome */
	-o-transition: opacity 2s;
	transition: opacity 2s; }

#ffld { width: 280px; }

body {
	margin: 0px;
	color: #069;
	background-color:#99ccff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px; 
	background-image: url("https://johnrohan.com.au/pics/bodybkg.png");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: 70%;  
	cursor:url('../pics/favicur.ico'), default;
}

a:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #069; }

a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #069; }

a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #F00; }

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: teal; }

.lbl {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #069;
	text-align: right;
	font-variant: normal;
	white-space: nowrap;
	font-weight: normal;
	font-style: normal;
	line-height: normal; }
	
.msgsml {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #069;
	text-align: center; }


.msg {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #069;
	text-align: center; }

.msgbg {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #069;
	text-align: center; }

.err {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red; }

.inputfield {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #069;
	height: 30px;
	width: 280px;
	padding-left: 15px;
	border: 1px solid #069;
	background-attachment: scroll;
	background-image: url('../images/fld-name.png');
	background-repeat: no-repeat;
	background-position: right top; }

.inputfield-name {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #069;
	height: 30px;
	width: 280px;
	padding-left: 15px;
	border: 1px solid #069;
	background-attachment: scroll;
	background-image: url('../images/fld-name.png');
	background-repeat: no-repeat;
	background-position: right top; }

.inputfield-email {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #069;
	height: 30px;
	width: 280px;
	padding-left: 15px;
	border: 1px solid #069;
	background-attachment: scroll;
	background-image: url('../images/fld-email.png');
	background-repeat: no-repeat;
	background-position: right top; }

.inputfield-subject {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #069;
	height: 30px;
	width: 280px;
	padding-left: 15px;
	border: 1px solid #069;
	background-attachment: scroll;
	background-image: url('../images/fld-subject.png');
	background-repeat: no-repeat;
	background-position: right top; }

.txtfield {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #069;
	width: 280px;
	min-height:310px;
	padding-left: 15px;
	border: 1px solid #069;
	resize: none;
	background-image: url('../pics/msg-mic.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	}

#footer {
	padding-bottom: 20px;
	position: fixed;
	width: 100%;
	left: 0px;
	bottom: 0px;
	height: 5px;
	background-attachment: scroll;
	background-image: url('../images/menufader.png');
	background-repeat: repeat;
	background-position: left center;
	font-size: 10px;
	text-align: center; }


#cont-rnd {
	float:left;
	position: absolute;
	height: 110px;
	width: 99px;
	bottom: -50px;
	left: 5px;
	visibility: visible; }
	
.randy {
	background-attachment: scroll;
	background-image: url('../images/contact-random-low.png');
	background-repeat: no-repeat;
	background-position: 55px 0px;
}

/* td container bg image */
.foot-fader {
	background-attachment: scroll;
	background-image: url('../pics/footer-bkg.png');
	background-repeat: no-repeat;
	background-position: center center;
	
}
.foot-box
{
	height:75px;
	float:none;
	position:relative;
	top: 0px;
}

/* fader container div */
.foot-randy {
	position: absolute;
	float: left;
	clear: none;
	height: 75px;
	width: 700px;
	top: 0px;
	z-index: 2;
}

.foot-loc {
	position: relative;
	float: left;
	clear: none;
	height: 75px;
	width: 700px;
	left: 0px;
	top: 0px;
	z-index: 3;
}

.table-setup {
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #226498;
	border-bottom-color: #226498;
	border-left-color: #226498;
	background-attachment: scroll;
	background-image: url('../pics/paddock.jpg');
	background-repeat: repeat-y;
	background-position: center top;
}

.top-bit {
	width:700px;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #226498;
	border-left-color: #226498;
	background-attachment: scroll;
	background-image: url('../pics/paddock.jpg');
	background-repeat: no-repeat;
	background-position: center top;	
}


.bottom-bit {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	background-attachment: scroll;
	background-image: url('../pics/paddock.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}
#home-stars {

	display: none; 
	}