@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
} 

html { 
  height: 100%;
}

* { 
  margin: 0;
  padding: 0;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}

body { 
	font: normal 0.90em arial, sans-serif;
	/*background: #F5F5F5 url(../images/cream-pixels.png);*/
	color: #1c1c1c;
	padding-bottom: 40px;
}

sup {
	vertical-align:top;
}

label {
	cursor:pointer;
}

p { 
  padding: 0 0 20px 0;
  line-height: 1.5em;
}

img { 
	border: 0;
	vertical-align:middle;
}

h1, h2, h3, h4, h5, h6 { 
  font: normal 200% 'News Cycle', arial, sans-serif;
  color: #222;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;
}

h1 { 
  text-shadow: 1px 1px #FFF;
}

h2 { 
  font: normal 200% 'News Cycle', arial, sans-serif;
  color: #222;  
  margin: 0;
  padding: 0 0 8px 0;
  text-shadow: 1px 1px #FFF;
}

h3 { 
	font: normal 125% 'trebuchet ms', arial, sans-serif;
	text-shadow: 1px 1px #FFF;
}

.browse_info {
	color: #222;  
	margin: 0;
	padding: 0 0 8px 0;
	text-shadow: 1px 1px #FFF;
}

h4, h5, h6 { 
  margin: 0;
  padding: 0 0 5px 0;
  font: normal 110% arial, sans-serif;
  color: #999;
  line-height: 1.5em;
}

h5, h6 { 
  font: italic 95% arial, sans-serif;
  color: #888;
  padding-bottom: 15px;
}

h6 { 
  color: #362C20;
}

a, a:hover { 
	outline: none;
	color: #000;
	text-decoration: underline;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

a:hover { 
	text-decoration: none;
	color: Red;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

#content mark, #qry_output p mark, #main mark {
	background:#25A6E1;
	background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	/*background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);*/
	padding:0.1% 0.1%;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:1.1em;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #1A87B9;
	display:inline-block;
	text-shadow:1px 1px 1px #000000;
}

#png_optimiser_div a {
	font-size:medium;
	text-decoration:none;
	line-height:2em;
}

.internal_quote {
	text-align:center;
	padding:0.5em;
	margin:0;
}

.internal_quote a {
	outline: none;
	color: #1400AA;
	font-size:140%;
	font-weight:bold;
	text-decoration: none;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.internal_quote a:hover { 
	text-decoration: none;
	color: Red;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

ul { 
	margin: 2px 0 22px 17px;
	vertical-align:top;
}

ul li { 
	list-style-type: circle;
	margin: 0 0 0 0; 
	padding: 0 0 4px 5px;
}

ol { 
  margin: 8px 0 22px 20px;
}

ol li { 
  margin: 0 0 11px 0;
}

.left { 
  float: left;
  width: auto;
  margin-right: 10px;
}

.right { 
  float: right; 
  width: auto;
  margin-left: 10px;
}

.center { 
  display: block;
  text-align: center;
  margin: 20px auto;
}

#main, header, #logo, nav, #site_content, footer { 
  margin-left: auto; 
  margin-right: auto;
}

#main { 
  width: 950px;
  margin: 20px auto 0 auto;
}

header { 
  width: 950px;
  height: 105px;
}

#logo { 
  width: 200px;
  float: left;
  height: 100px;
  background: transparent;
  padding: 0 0 10px 0;
}

#logo h1 { 
  font: normal 330% 'News Cycle', arial, sans-serif;
  padding: 37px 0 0 0;
  color: #222;
  letter-spacing: -2px;
}

#logo h1 a { 
  color: #999;
  text-decoration: none;
}

#logo h1 a:hover { 
  color: #222;
  text-decoration: none;
}

nav { 
  height: 26px;
  width: 740px;
  margin: 1px auto 0 auto;
  float: right;
  padding: 35px 10px 0 0;
} 

#site_content { 
  width: 950px;
  overflow: hidden;
  margin: 4px auto 0 auto;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
} 

#sidebar_container { 
	float: right;
	width: 250px;
	padding:0;
	height:auto;
}

.sidebar { 
  float: right;
  width: 200px;
  margin: 0 0 17px 0;
  padding: 0 15px 5px 13px;
}
  
.sidebar h3 { 
  padding: 0 15px 20px 0;
  font: 200% 'News Cycle', arial, sans-serif;
  text-shadow:  #FFF 1px 1px;
  margin: 0 1px;
  color: #222;
}

.sidebar_item, .content_item { 
  padding: 15px 0;
}

#content { 
  text-align: left;
  width: 670px;
  padding: 0 0 5px 0;
  margin: 0;
  float: left;
}

#content h1 {
	position:relative;
	top:0;
	left:0;
}

#content h1 img {
	padding:0;
	margin-top:-0.3em;
	margin-left:0.3em;
	cursor:pointer;
	opacity:0.8;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	/*filter:alpha(opacity=80);*/ /* For IE8 and earlier */
	transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1.0) skew(-1deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.0) skew(-1deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.0) skew(-1deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1.0) skew(-1deg) translate(0px);
	position:absolute;
}

#content h1 img:hover {
	padding:0;
	margin-top:-0.3em;
	margin-left:0.3em;
	cursor:pointer;
	opacity:1.0;
	/*filter:alpha(opacity=100);*/ /* For IE8 and earlier */
	transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1.0) skew(-1deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.0) skew(-1deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.0) skew(-1deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1.0) skew(-1deg) translate(0px);
	position:absolute;
}

#content ul, .sidebar ul { 
  margin: 2px 0 5px 0px;
}

#content ul li, .sidebar ul li { 
  list-style-type: none;
  background: transparent url(../images/bullet.png) no-repeat left center;
  margin: 0 0 0 0; 
  padding: 2px 0 2px 28px;
  line-height: 1.5em;
}

footer { 
	width: 950px;
	font: normal 130% 'News Cycle',  arial, sans-serif;
	height: 90px;
	padding: 20px 0 5px 0;
	text-align: center; 
	color: #222;
	background: #D5D5D6;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
footer:hover { 
	width: 950px;
	font: normal 130% 'News Cycle',  arial, sans-serif;
	height: 90px;
	padding: 20px 0 5px 0;
	text-align: center; 
	color: #EFEFEF;
	background: #6D6C6C;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
footer:hover a {
	color: #EFEFEF;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

footer p { 
  padding: 0 0 10px 0;
}

footer a {
	color: #222;
}
footer a, footer a:hover { 
	text-decoration: underline;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

footer a:hover { 
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

/* form styling */
.form_settings { 
  margin: 0;
}

.form_settings p { 
	padding: 0 0 10px 0;
}

.form_settings span { 
	padding: 5px 0; 
	float: left; 
	width: 200px; 
	text-align: left;
}
  
.form_settings input, .form_settings textarea { 
  padding: 4px; 
  width: 252px;
  font: 100% arial, sans-serif;
  border: 0;
  border-bottom: 1px solid #666; 
  background: transparent;
}

#spec_ent_output textarea, #htmlspecialchars_output textarea, #_inpstring, #nonascii_output textarea {
	font: 100% 'trebuchet ms', arial, sans-serif; 
	border: 1px solid #666; 
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	width: auto;
	overflow: auto;
	background:transparent;
	padding:4px;
}
  
.form_settings .submit { 
	font: 140% 'News Cycle', arial, sans-serif; 
	border: 0; 
	width: 100px; 
	margin: 0 0 0 162px; 
	height: 30px;
	padding: 0 0 6px 0;
	cursor: pointer; 
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	background: #444;
	text-shadow: 1px 1px #000;
	color: #FFF;
	line-height: 15px;
	-moz-box-shadow: 2px  2px  2px  #000000;
	-webkit-box-shadow: 2px  2px  2px  #000000;
	box-shadow: 2px  2px  2px  #000000;
}

.form_settings textarea, .form_settings select { 
  font: 100% 'trebuchet ms', arial, sans-serif; 
  border: 1px solid #666; 
  border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  width: 250px;
  overflow: auto;
}

.form_settings select { 
  width: 260px;
}

.form_settings .checkbox { 
  margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;
}

#png_optimiser_form .submit { 
	font: 140% 'News Cycle', arial, sans-serif; 
	border: 0; 
	width: 280px; 
	margin: 0 0 0 0px; 
	height: 30px;
	padding: 0 0 6px 0;
	cursor: pointer; 
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	background: #444;
	text-shadow: 1px 1px #000;
	color: #FFF;
	line-height: 15px;
	-moz-box-shadow: 2px  2px  2px  #000000;
	-webkit-box-shadow: 2px  2px  2px  #000000;
	box-shadow: 2px  2px  2px  #000000;
}

#png_optimiser_form .imagesubmit { 
	font: 110% 'News Cycle', arial, sans-serif; 
	border: 0; 
	width: 280px; 
	margin: 0.5em 0 0 0px; 
	height: 30px;
	padding: 0 0 6px 0;
	cursor: pointer; 
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	background: #444;
	text-shadow: 1px 1px #000;
	color: #FFF;
	line-height: 15px;
	-moz-box-shadow: 2px  2px  2px  #000000;
	-webkit-box-shadow: 2px  2px  2px  #000000;
	box-shadow: 2px  2px  2px  #000000;
}

table { 
  margin: 10px 0 30px 0;
}

table tr th, table tr td { 
  background: #BBB;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;
}
  
table tr td { 
  background: #DDD;
  color: #47433F;
  border-top: 1px solid #FFF;
}

/* Image Transitions */
ul#images {
  margin: 0 15px 10px 0;
  padding: 0;
  position: relative;
}

ul#images li {
  display: block;
  overflow: hidden;
  padding: 0;
  float: left;
  width: 155px;
  height: 300px;
  list-style: none;
}

/* from here: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers */
.lavaLampWithImage {
  position: relative;
  height: 25px;
  padding: 15px 5px 15px 0;
  margin: 10px 0 0 0;
  overflow: hidden;
  float: right;
}

.lavaLampWithImage li {
  float: left;
  list-style: none;
}

.lavaLampWithImage li.back {
  background: #D5D5D6;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
  height: 28px;
  z-index: 8;
  position: absolute;
}

.lavaLampWithImage li a {
  font: normal 130% 'News Cycle', sans-serif;
  text-shadow:1px 1px #FFF;
  text-decoration: none;
  color: #222;
  outline: none;
  text-align: center;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  padding: 0px 7px 0 7px;
  position: relative;
  overflow: hidden;
  margin: auto 10px;    
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
  border: none;
}
.bold_words {
	font-weight:bold;
}

#loading, #contact_output {
	display:none;
}

#good_output {
	color:Blue;
	font-size:medium;
	font-weight:bold;
}

#wrong_output {
	color:Red;
	font-size:medium;
	font-weight:bold;
}

code {
	float:none;
	white-space:pre;
	font-family: 'top2', Helvetica, Arial, sans-serif;
	line-height:1.3em;
	font-weight:normal;
	text-shadow:2px 2px 20px #FFC9C9;
	width:auto;
	font-size:1.1em;
	position:relative;
	left:1em;
	color:#322D2D;
}

mark {
	/* IE10 Consumer Preview */ 
	background-image: -ms-radial-gradient(right top, ellipse closest-corner, #212126 0%, #535663 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(right top, ellipse closest-corner, #212126 0%, #535663 100%);
	/* Opera */ 
	background-image: -o-radial-gradient(right top, ellipse closest-corner, #212126 0%, #535663 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, right top, 0, right top, 0, color-stop(0, #212126), color-stop(1, #535663));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(right top, ellipse closest-corner, #212126 0%, #535663 100%);
	/* W3C Markup, IE10 Release Preview */ 
	/*background-image: radial-gradient(ellipse closest-corner at right top, #212126 0%, #535663 100%);*/
	padding:0em 1em 0em 1em;
	color:White;
	-moz-box-shadow: 2px  2px  2px  #000000;
	-webkit-box-shadow: 2px  2px  2px  #000000;
	box-shadow: 2px  2px  2px  #000000;
	cursor:help;
}

#qry_output {
	padding:1em;
	text-shadow:1px  1px  20px #031E6B;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
#qry_output:hover {
	text-shadow:1px  1px  15px #000000;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

#news a, #inst a, #purp a, #dlod a, #bugs a, #dona a, #service a {
	text-decoration:none;
}

.table_ver {
	-moz-box-shadow: 2px  2px  2px  #000000;
	-webkit-box-shadow: 2px  2px  2px  #000000;
	box-shadow: 2px  2px  2px  #000000;
	/*background-image: linear-gradient(right bottom, rgb(186,181,175) 11%, rgb(245,241,235) 100%, rgb(150,171,167) 78%);*/
	background-image: -o-linear-gradient(right bottom, rgb(186,181,175) 11%, rgb(245,241,235) 100%, rgb(150,171,167) 78%);
	background-image: -moz-linear-gradient(right bottom, rgb(186,181,175) 11%, rgb(245,241,235) 100%, rgb(150,171,167) 78%);
	background-image: -webkit-linear-gradient(right bottom, rgb(186,181,175) 11%, rgb(245,241,235) 100%, rgb(150,171,167) 78%);
	background-image: -ms-linear-gradient(right bottom, rgb(186,181,175) 11%, rgb(245,241,235) 100%, rgb(150,171,167) 78%);
	background-image: -webkit-gradient(
	linear,
	right bottom,
	left top,
	color-stop(0.11, rgb(186,181,175)),
	color-stop(1, rgb(245,241,235)),
	color-stop(0.78, rgb(150,171,167))
);
}

.table_ver, .td_free, .td_pro, .td_comp, .td_header, .td_free, .anit_y_small, .td_pro_fr, .center_me {
	text-align:center;
	padding:0.5ex;
	margin:0;
	border:0;
	vertical-align:middle;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.td_header {
	font-size:x-large;
}

.td_comp, .td_header {
	background-color:Transparent;
	font-weight:bold;
	border:0;
	white-space:nowrap;
}

.td_free, .anit_y_small, .td_pro_fr {
	font-size:small;
}

.td_free, .td_pro_fr {
	background-color:#CED0D0;
	-moz-box-shadow:0px 0px 2px 1px #777777;
	-webkit-box-shadow:0px 0px 2px 1px #777777;
	box-shadow:0px 0px 2px 1px #777777;
}

.center_me {
	-moz-box-shadow:0px 0px 2px 1px #777777;
	-webkit-box-shadow:0px 0px 2px 1px #777777;
	box-shadow:0px 0px 2px 1px #777777;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.center_me a {
	font-size:medium;
	text-decoration:none;
}

.td_pro {
	font-weight:bold;
	background-color:#E5FF7F;
	-moz-box-shadow:0px 0px 2px 1px #777777;
	-webkit-box-shadow:0px 0px 2px 1px #777777;
	box-shadow:0px 0px 2px 1px #777777;
}

.td_free:hover, .td_pro_fr:hover, .center_me:hover {
	background-color:#ECECEC;
}

.td_pro:hover {
	background-color:#CDFF04;
}

#alfa_img, .left_photos {
	text-align:left;
	padding:0;
	margin:0;
}

.photogallery {
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:white;
	padding:1ex;
	margin:0;
	opacity:0.7;
	/*filter:alpha(opacity=70);*/ /* For IE8 and earlier */
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	transform: rotate(0deg) scale(0.9) skew(0deg) translate(10px);
	-webkit-transform: rotate(0deg) scale(0.9) skew(-1deg) translate(10px);
	-moz-transform: rotate(0deg) scale(0.9) skew(-1deg) translate(10px);
	-o-transform: rotate(0deg) scale(0.9) skew(-1deg) translate(10px);
	-ms-transform: rotate(0deg) scale(0.9) skew(-1deg) translate(10px);
}

.photogallery:hover {
	padding:0.5ex;
	margin:0;
	opacity:1.0;
	z-index:1;
	overflow:visible;
	/*filter:alpha(opacity=100);*/ /* For IE8 and earlier */
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-moz-box-shadow: 2px  2px  1px  #000000;
	-webkit-box-shadow:  2px  2px  1px  #000000;
	box-shadow:  2px  2px  1px  #000000;
	transform: rotate(-3deg) scale(1.1) skew(2deg) translate(10px);
	-webkit-transform: rotate(-3deg) scale(1.1) skew(2deg) translate(10px);
	-moz-transform: rotate(-3deg) scale(1.1) skew(2deg) translate(10px);
	-o-transform: rotate(-3deg) scale(1.1) skew(2deg) translate(10px);
	-ms-transform: rotate(-3deg) scale(1.1) skew(2deg) translate(10px);
}

#c_iframe {
	border:0;
	margin:0;
	padding:0;
	overflow:hidden;
	margin:0;
	width:205px;
	height:40px;
}

#content iframe {
	padding:0;
	margin:0;
	border:0;
	width:100%;
	background:Transparent;
	overflow:hidden;
}

#main #site_content #images li span {
	position: absolute;
	top: 15%;
	text-decoration:none;
	left: 55%;
	width: 100%;
	margin: 0 auto;
	width: 300px;
	height: 600px;
	text-align:center;
	color: rgba(255,  141,  7,  0.9);
	font-size:4em;
	text-shadow:5px  5px 5px #000000;
	-webkit-transform: rotate(332deg);
	-moz-transform: rotate(332deg);
	-o-transform: rotate(332deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.4488887394336025, M12=-0.388228567653781, M21=0.388228567653781, M22=1.4488887394336025, SizingMethod='auto expand')";
	font-family: 'top2', Helvetica, Arial, sans-serif;
	opacity:1;
	-ms-transform : rotate(332deg); 
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);*/
}

#main #site_content #images li a span, #main #site_content #images li a:active, #main #site_content #images li a:visited, #main #site_content #images li a, #main #site_content #images li a:hover {
	text-decoration:none;
}

#sm_large {
	font-size:1.5em;
	line-height:1.0em;
	vertical-align:top;
	padding:0;
	margin:0;
	position:relative;
	top:-4px;
}

#topnav {
	position:fixed;
	bottom:44px;
	right:0;
	font-size:5em;
	font-weight:bold;
	cursor:pointer;
	color:#B59A9A;
	padding:0;
	margin:0;
	line-height:100%;
	text-shadow:1px 1px 1px #700208;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

#topnav:hover {
	position:fixed;
	bottom:44px;
	right:0;
	font-size:6em;
	font-weight:bold;
	cursor:pointer;
	color:#B59A9A;
	padding:0;
	margin:0;
	line-height:100%;
	text-shadow:1px 1px 1px #700208;
}

#img_msg {
	margin-top:1em;
	margin-bottom:1em;
	padding:0;
	position:relative;
	left:20em;
	opacity:0.1;
	width:30%;
	/*filter:alpha(opacity=10);*/ /* For IE8 and earlier */
	-webkit-transition: all 1.5s ease-out;
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	transform: rotate(7deg) scale(1) skew(1deg) translate(0px);
	-webkit-transform: rotate(7deg) scale(1) skew(1deg) translate(0px);
	-moz-transform: rotate(7deg) scale(1) skew(1deg) translate(0px);
	-o-transform: rotate(7deg) scale(1) skew(1deg) translate(0px);
	-ms-transform: rotate(7deg) scale(1) skew(1deg) translate(0px);
}

#img_msg:hover {
	opacity:1.0;
	width:100%;
	margin-top:1em;
	margin-bottom:1em;
	padding:0;
	position:relative;
	left:3em;
	/*filter:alpha(opacity=100);*/ /* For IE8 and earlier */
}

#editor_frm h5 {
	color:Black;
	font-weight:bold;
	font-size:120%;
	padding-top:1ex;
}

#editor_frm input {
	width:90%;
	display:block;
	font: 1em "Arial", "Helvetica", sans-serif;
	line-height:1.3em;
	padding:1ex;
}

#dontsave-button, #save-button, #editor_frm #save-button, #download-button {
	background-color: #505050;
	background-image: -webkit-linear-gradient(bottom, #505050 0px, #707070 100%);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	border: 2px solid #808080;
	border-radius: 30px;
	color: #FFFFFF;
	font: 1em "Arial", "Helvetica", sans-serif;
	text-align: center;
	padding:1em;
	margin-top:1em;
	font-weight:bold;
	cursor:pointer;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.251);
	width: auto;
	display:block;
	opacity:0.8;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

#dontsave-button:hover, #save-button:hover, #editor_frm #save-button:hover, #download-button:hover {
	opacity:1;
}

#savingbuttons {
	position:fixed;
	top:0;
	right:0;
}

#download-button {
	width:50%;
}

hr.fancy-line { 
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(215,215,215,0.75), rgba(0,0,0,0)); 
}

@font-face {
	font-family: top1;
	src: url(source-sans-pro/SourceSansPro-It.otf);
	font-weight:400;
}

@font-face {
	font-family: top2;
	src:	url('exo/Exo-Regular.otf') format('opentype');
	src:	url('exo/Exo-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('exo/Exo-Regular.woff') format('woff'), /* Modern Browsers */
		url('exo/Exo-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('exo/Exo-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight:400;
}