@media screen {

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,
table, caption, tbody, tfoot, thead, tr, th, td,
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: inherit; 
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	/* content: ''; */
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

img {
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
}


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

   /* Two useful classes */
   .desktop_only {  } /* show this class on large screens */ 
   .mobile_only { display: none !important; }    /* hide this class on small screens */ 

body {
	width: 960px;
/*	background-color: #272822; */
}

.sitebanner {
	position: relative;

	height: 130px;
	width: 960px;
	}



   .wrap_2leftcols {
   	width: 810px;
   	float: left;
   }

code {
   white-space: pre;
}

   
   article {  
   	font-size: .95em;
   	float: right;
   	width: 650px;
   	background-color: #EEEEEE; 
   	border-width: 0 10px 0 10px;
   	border-style: solid; 
   	border-left-color: #272822;
   	border-right-color: #272822; 
   	padding: 0 10px 0 10px;

   }

.topanchor {
	width: 960px;
	position: fixed;
	z-index: 10;
	top: 10px;
	left:50%;
	margin-left:-480px; /* half of 960 */
}



/*********** THE TOP MENU **************/
.glossymenu{
	position: relative;
	z-index: 20;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(https://d1go27vtttaqyn.cloudfront.net/menu_band-blue.gif) repeat-x; /*tab background image path*/
	background-color: #272822;
	height: 46px;
	list-style: none;
}
.glossymenu li{
	float:left;
}
.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 0.8125em; /* 13px since body-font size sets the em at 16px */
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}
.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 14px 0 0; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(https://d1go27vtttaqyn.cloudfront.net/menu_left-blue.gif) no-repeat; /*left tab image path*/
	background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(https://d1go27vtttaqyn.cloudfront.net/menu_right-blue.gif) no-repeat right top; /*right tab image path*/
}
/****** END THE TOP MENU *********/


nav.leftmenu { 
	margin: 0 650px 0 0;
   padding: .5em; /* need the left on laugh */
	line-height: 1.75em; 
	font-size: 86%;
   /* width: 160px; */
}


.img_h200 {
   height: 200; /* since the banner is 960, height can be fixed too. */
   max-width: 100%; 
   max-height: 100%; 
}

/* Some values for the images in the tables of section's main pages */
.cell_space10 { cellspacing: 10px; }

.w50 { width: 50px; }
.w95 { width: 95px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w155 { width: 155px; }
.w170 { width: 170px; }
.w185 { width: 185px; }
.w190 { width: 190px; }
.w195 { width: 195px; }
.w200 { width: 200px; }
.w205 { width: 205px; }
.w215 { width: 215px; }
.w220 { width: 220px; }
.w225 { width: 225px; }
.w235 { width: 235px; }
.w240 { width: 240px; }
.w600 { width: 600px; }
.comment-wrapper, .comment-form-wrapper {
	width: 470px; 
	}
   

.emailwrap {
   margin: 15px auto;
   width: 450px;
}

form.emailform {
   padding: 10px;
   width: 430px; 
}

.emailrecaptcha {
   height: 120px;
   padding-bottom: 10px;
   margin-right: 7px;
}
.emailrecaptcha2 {
   margin-right: 3px;
}
.emailwrap p.fieldwrap {
   padding: 1px;
   margin: 1px;
}
form.emailform fieldset {
   padding: 0 10px 2px 10px;
   margin: 0 0 13px 0;
}
form.emailform label  {
   margin: 0 10px 0 0; 
   padding-bottom: 15px;
}
form.emailform textarea {
   margin-bottom: 15px;
   padding: 3px;
}
form.emailform input.formtext {
   margin-bottom: 15px;  
   padding: 3px;
}




}
@media only screen and (max-width: 959px) { 

   /* Two useful classes */
   .desktop_only { display: none !important; } /* hide this class on large screens */ 
   .mobile_only { display: inline !important; } /* show this class on small screens */ 

   body {
   	width: 100%;
/*      background-color: #272822; */
               }

header {
   clear: both;
}

pre, code, .socode { 
   text-align: justify; 
   white-space: pre-wrap;
   word-break: break-all;
}


article {
	font-size: 1.1em;  
   clear: both;
   padding: 0 0.63em; 
}


   .sitebanner {
      /* on the next line, vw is the viewport. This enables us to set the image to the 130/960 ratio */
      height: calc(100vw * 0.13542); 
   	/* width: 100%; */ 
      background-size: cover; /* Resize the background image to cover the entire container */
   	}

.topanchor {
	width: 100%;
	margin-left:-50%; 
}




.rightcolumn {
}


/* T O P   M E N U */
/* Style the links inside the pill navigation menu */

nav.topmenu {
   line-height:1.2em;
   overflow: hidden; /* for the background color to work, we either need this or a div height */
   /* background-color: #464646; */ 
	background-color: #272822; /* same as the left menu */
   clear: both;
   /* z-index: 50; */
   border-style: solid;
   border-width: 0.2em 0;
   border-color: #272822; /* same as the left menu */
   /* border-color: #464646; /*272822*/ 
   /* border-radius: .9em; */   
}

.glossymenu {
   padding: 0 0 0 0.63em;  
	margin: 0 auto 0 auto;
	color: white;
}

.hamburger {
   /* font-size: 2.0em !important; */
   /* font-weight: bold; */
   padding-left: 0;
   padding-right: 1.9em;
}

/*
.glossymenu .mobile_only .mob_topnav_text_line1 {
   position: absolute;
   top:0;
   left: 10%;
}
.glossymenu .mobile_only .mob_topnav_text_line2 {
   position: absolute;
   top:1.3em;
   left: 10%;
}
*/


ul.glossymenu li{
	/* float:right; */
	display: inline-block;
	padding: 0.1em;
	margin: 0;
}

ul.glossymenu li a {
  display: inline-block;
  font-size: 0.8125em; /* 13px since body-font size sets the em at 16px */
  /* font-family: 'Montserrat', sans-serif; */
  text-align: center;
  padding: 0.05em 0.3em;
  text-decoration: none;
  color: black;
  background-image: linear-gradient(to bottom, #fefefe 0, #e0e0e0 45%, #d0d0d0 50%, #aaa 100%);
  border-style: solid;
  border-width: 0.1em;
  border-radius: 0.3em;
  border-color: #aaa;
}


/* Add a color to the hoven and the active/current link */
ul.glossymenu li.current a, ul.glossymenu li a:hover {
  color: white;
  background-image: linear-gradient(to bottom, #80b5d8 0, #478fc0 45%, #2579b0 50%, #045e9a 100%);
  border-style: solid;
  border-width: 0.1em;
  border-radius: 0.3em;
  border-color: #045e9a;
}


nav.leftmenu {
	line-height: 1.75em; 
	font-size: 0.9em;
   height: 100%; /* 100% Full-height */
   /* margin: 0 100% 0 0; */
   width: 0; /* 0 width - change this with JavaScript */
   position: fixed; /* Stay in place */
   /* z-index: 1; */ /* Stay on top */
   top: calc(100vw * 0.13542); /* Place content below banner */
   left: 0;
/*   background-color: #111; */
   overflow-x: hidden; /* Disable horizontal scroll */
   /* padding-top: 60px; */ 
   transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

nav.leftmenu a, nav.leftmenu b { /* the titles are in bold, need to be aligned */
   margin: .5em;
   }

nav.leftmenu a {
   transition: 0.3s;
}


nav.leftmenu a:hover {
	border-radius: 0.31em; 
	padding-left: 0.25em; /* 4px for 650 ref width, Pads the text within the button */
}


nav.leftmenu .mob_leftmenu_close_button {
   text-decoration: none;
   position: absolute;
   top: 0;
   margin: 0;
   right: 5%;
   font-size: 2.5em;
   /* margin-left: 10%; */
}
/* END LEFT MENU */


.wrap_3cols { 
clear: both;
}

.img_h200 {
   height: 12.5em !important; 
   max-width: 100%; 
   max-height: 100%; 
}

/* Some values for the images in the tables of section's main pages */

.cell_space10 { cellspacing: 0.63em;  }

/* Use em to specify the widths that are fixed in pixels in the desktop design, */
/*    using the assumption 1em = 16px, which is the default on most browsers */
/* 160px → 16em (160/16) */
.w32 { width: 2em; }
.w40 { width: 2.5em; }
.w50 { width: 3.1em; }
.w60 { width: 3.75em; }
.w80 { width: 5em; }
.w90 { width: 5.6em; }
.w100 { width: 6.3em; }
.w110 { width: 6.9em; }
.w120 { width: 7.5em; }
.w150 { width: 9.4em; }
.w170 { width: 10.6em; }
.w180 { width: 11.3em; }
.w190 { width: 11.9em; }
.w200 { width: 12.5em; }
.w210 { width: 13.1em; }
.w220 { width: 13.8em; }
.w230 { width: 14.4em; }
.w240 { width: 15em; }
.w280 { width: 17.5em; }
.w300 { width: 18.8em; }
.w320 { width: 20em; }
.w370 { width: 23.1em; }
.w360 { width: 22.5em; }
.w420 { width: 26.3em; }
.w480 { width: 30em; }
.w500 { width: 31.3em; }
.w570 { width: 35.6em; }
.w600 { width: 37.5em; }

/* For floating pictures, need a different approach */
.halfwidth: {
	width: calc(100vw * 0.4615); /* 300 out of 650 ref. */ 
	}


.comment-wrapper, .comment-form-wrapper {
	width: calc(100vw * 0.7231); /* 470 out of 650 ref. */ 
	}
   
table.laugh_buttons {
   width: calc(100vw * 0.97); /* 630 out of 650 ref. */
}

/* EMAIL STUFF */
.emailwrap {
   margin: 0.94em;
   width: calc(100vw * 0.692); /* 450 out of 650 ref. */
}
form.emailform {
   padding: 0.63em;
   width: calc(100vw * 0.956); /* 430 out of 650 ref. */ 
}
.emailrecaptcha {
   height: calc(100vw * 0.1846); /* 120 out of 650 ref. */
   padding-bottom: 0.63em;
   margin-right: 0.44em;
}
.emailrecaptcha2 {
   margin-right: 0.19em;
}
.emailwrap p.fieldwrap {
   padding: 0.06em;
   margin: 0.06em;
}
form.emailform fieldset {
   padding: 0 0.63em 0.13em 0.63em;
   margin: 0 0 0.81em 0;
}
form.emailform label  {
   margin: 0 0.63em 0 0; 
   padding-bottom: 0.94em;
}
form.emailform textarea {
   margin-bottom: 0.94em;
   padding: 0.19em;
}
form.emailform input.formtext {
   margin-bottom: 0.94em;  
   padding: 0.19em;
}



}
@media screen {



/* B A S I C   S T Y L E S */

body {
   /* FONT-SIZE: DO NOT SPECIFY. Since 16px is the default in most browsers, we can use the assumption that 1em = 16px when things are normal, and use ratios of 1em to specify elements related to text (padding etc.) as all of those relate, design-wise, to the size of a text character. */
	background-color: #272822;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Lato', Verdana,Geneva,sans-serif;
}

/* Avoid overflowing the viewport. Ideally, give all image sizes in percentage points */
img, embed, object, video { /
  max-width: 100%;
} 

img { /* general css for responsive image: good for an image by itself — not in a row */
  max-width: 100%;
  height: auto;
}



i, em, cite, .i {
	font-style: italic;
}

b, strong, .b {
	font-weight: bold;
}

h1,h2 {
	font-family:Merriweather,serif;
	font-weight:700;
}

h1 {
	margin: 0 0 0.5em;
	font-size: 2em;
	line-height:1.2em;
}

h2 {
	margin: 0 0 .5em 0; 
	font-size: 1.3em;
}

a {
	text-decoration: none;
	color: #286ea0;
}

.under { /* a:hover */
	text-decoration: underline;
}

.strike { /* a:hover */
	text-decoration: line-through;
}


/* END BASIC STYLES */


/* M A I N   D I V S */


.sitebanner {
	z-index: 20;
	background-color: #272822;
	background-image: url(https://d1go27vtttaqyn.cloudfront.net/banner_rexegg3.png);
	background-repeat: no-repeat; /* Playful is too small */
	background-position:center;  /* ASAN is too small */
	}

.wrap_3cols { 
	position: relative;
	z-index: 20;
	color: #303030;
   /* Default color if the bg picture fails */
	background-color: #F8F6E6; /*#272822;; */ 
}

article { background: url("https://yu8.us/bg-tile-parch.gif")
						repeat scroll center top ;
	line-height: 1.3em;
	text-align: left;
}

nav.leftmenu { 
	background-color: #272822;
	color: #5cbcce;
}

nav.leftmenu ul{
	font-size: 1.1em; 
	line-height: 2em; 
}

nav.leftmenu a {
	display: block; 
	color: #8f907a;
	text-decoration: underline; 
}

nav.leftmenu a:hover, nav.leftmenu a.thispage {
	border-radius: 0.31em; 
	text-decoration: none;
	padding-left: 0.25em; /* 4px for 960 ref width, Pads the text within the button */
}

nav.leftmenu a:hover {
	background-color: #ffbe62;
	color: #272822;
}

nav.leftmenu a.thispage {
	background-color: #ff7b00;
	color: #272822;
}


.rightcolumn { /* desktop_only: can use pixels */
	z-index: 20;
	width: 150px; 
	margin-left: 810px;
	padding: 1em 0;
	font-size: 0.9em;
	border-radius: 7px;
	background-color: #EEEEEE;background: url("https://yu8.us/bg-tile-parch.gif")
			repeat scroll center top ;
}



footer {
	clear: both;
	text-align: center;
	color: #ff7b00;
	font-size: 1.3em;
}

/* END MAIN DIVS */





/* G E N E R A L   C L A S S E S */

.bulletlist li { /* basic bullets */
	list-style-type: disc;
	list-style-position: inside; 
	padding-left: 1.25em; /* push the text out 
	text-indent: -1em;  /* first line */
	line-height: 1.2em;
	margin-bottom: .3em;
	}


.searchbox {
	background: #FEE07D;
	font-size: 0.9em;
	font-style: italic;
	border-radius: 0.31em; 
	box-shadow: inset 0 0 0.63em rgba(255,255,255,.75);  
}


.goldborder 
   {
	border: solid 0.12em #cba77a; 
	}

.dropshadow 
   { 
	box-shadow: 0.12em 0.12em 0.25em rgba(0,0,0,.5); 
	}	
.textshadhow 
   { 
	text-shadow: 0.19em 0.19em 0.31em #888;
	}
	
.redtext, .redtext a { color:#800; }
.greytext, .greytext a { color: rgb(102, 102, 102); }


.em8 {	font-size: .8em; }
.em9 {	font-size: .9em; }
.em2 {	font-size: 2em; }
.em10 {	font-size: 1.0em; }
.em11 {	font-size: 1.1em; }
.em12 {	font-size: 1.2em; }
.em13 {	font-size: 1.3em; }
.em14 {	font-size: 1.4em; }
.em15 {	font-size: 1.5em; }
.mt1 {	margin-top: 1em; }
.mt2 {	margin-top: 2em; }

.pre { 
   white-space: pre-wrap; 
   word-break: break-all;
}

code {
background-color: #333;
color: rgb(255, 166, 7);
border: 0.06em solid #999;  
border-radius: 0.25em; 
padding: 0.06em 0.31em; 
margin: .2em 0;
font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
font-size: 0.8em;
display: inline-block;
}

.mono {
      font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
}


.socode {
      display: inline-block;
      background-color: #DDD;
      font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
      padding: 0.06em 0.31em; 
      white-space: pre-wrap;
      word-break: break-all;
      border-radius: 0.19em; 
}

.operator {
border: 0.06em solid rgb(154, 155, 157); 
border-radius: 0.25em; 
padding: 0 0.25em; 
font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
font-size: 0.8em;
}

.greenmon {
background-color: #333;
color: rgb(32, 190, 32);
}

.ambermon {
background-color: #333;
color: rgb(210, 130, 0);
}

code.good {
border-color: #009900;
background-color: #eaffd2;
}
code.bad {
border-color: #fb0505;
background-color: #f7cece;
}

.codebox  {
    background-color: #333; /* was #F0F5FD */
    color: rgb(32, 190, 32);
	border: 0.12em solid #999; /* was #D7E8F0 */ 
	font-family: Consolas, Menlo, Monaco, monospace; 
	font-size: 1em;
	line-height: 1.1em;
	padding: 0.63em; 
	margin: 0 1em;
	border-radius: 0.5em; 
}
/* Some of these colors are used for tables */
.green {background-color: #dffddf;}
.blue {background-color: #b7dee8; padding: 0.06em 0.31em; } 
.brown {background-color: #dcb86a; }
.beige {background-color: #f7e4a1; }
.gold {background-color: #e8af3b; }
.wasabi {background-color: #a3be62; }
.greentea {background-color: #c9dc9a; }
.pink {background-color: #FFE3CD;}
.pinklaugh {background-color: #f95a79;}
.yellow {background-color: #ffffce;}
.yglo {background-color: yellow; padding: 0.06em 0.31em; } 

hr {
	color: #f0f0f0;
	width: 80%;
}



table.laugh_buttons form {
   display: inline-block;
}


blockquote {
	background: url(https://d1go27vtttaqyn.cloudfront.net/0_quote-start.png) top left no-repeat;
}

blockquote div {
	background: url(https://d1go27vtttaqyn.cloudfront.net/0_quote-end.png) bottom right no-repeat;
	font-family: georgia,serif;
	line-height:1.5em;
	padding-left: 1.9em; 
	padding-right: 0.94em; 
}


.pullquote {
	width: 15em; 
	background: #C0C0C0 url(https://d1go27vtttaqyn.cloudfront.net/pullquote_top.gif)
			top left no-repeat;
	padding: 0.63em; 
	font-family: Georgia,serif;
	font-size: 1.3em;
	line-height:1.5em;
}

.pullquote.L { float: left; text-align: center; margin: 0.31em 0.94em 0.31em 0; } 
.pullquote.R { float: right; text-align: center; margin: 0.31em 0 0.31em 0.94em; } 

article img.box {
	border: 0.25em solid #f0f0f0; 
	padding: 0.06em; 
	background: #cccccc none repeat scroll 0;
}

sup {
    font-size: 0.7em;
    vertical-align: super;
}

.left {
	margin: 0.63em 0.63em 0.31em 0; 
	float: left;
}
.right {
	margin: 0.63em 0 0.31em 0.63em; 
	float: right;
}
.rtext {
	text-align: right;
}
.cintable {
	margin-left: auto;
	margin-right: auto;
}
.cinter {
	display: block;
	margin: auto;
	text-align: center;
}
.cinta {
   text-align: center;
}
.tabtext2 {
	padding-left:2em;
}
.tabtext4 {
	padding-left:4em;
}
.hide {
	display: none;
}
.hilite {
	background-color: #FFFFCC;
	color: #B22222;
}

/* S O C I A L */
/* desktop_only: can use pixels */

.fbtweet {
	padding: 0;	
}

/* What Follows is SPRITE stuff
should use OPACITY instead */

a.tw-roll { 
	display: block;
	width: 55px;
	height: 20px;
	text-decoration: none;
	background: url("https://d1go27vtttaqyn.cloudfront.net/0_tweet.png");
	}
a.tw-roll:hover {
	background-position: -55px 0;
}

a.fb-roll {
	display: block;
	width: 50px;
	height: 64px;
	text-decoration: none;
	background: url("https://d1go27vtttaqyn.cloudfront.net/0_fb-like-trans2.png");
	}

a.fb-roll:hover {
	background-position: -50px 0;
}
/* END SOCIAL */

.info, .success, .attention, .error {
border: 0.06em solid; 
margin: 0.63em 0; 
padding: 0.94em 0.63em 0.94em 3.13em; 
background-repeat: no-repeat;
background-position: 0.63em center; 
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('https://d1go27vtttaqyn.cloudfront.net/knob-info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('https://d1go27vtttaqyn.cloudfront.net/knob-success.png');
}
.attention {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('https://d1go27vtttaqyn.cloudfront.net/knob-attention.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('https://d1go27vtttaqyn.cloudfront.net/knob-error.png');
}

/* B U T T O N S */

.tag {
    display: inline-block;
/* blue	color: rgb(62, 109, 142); */
	color: #fce700;
/* blue    background-color: rgb(224, 234, 241); */
    background-color: #f95a79;
    border-bottom: 0.06em solid rgb(179, 206, 225); 
    border-right: 0.06em solid rgb(179, 206, 225); 
    padding: 0.19em 0.25em;  
    margin: 0.12em 0.12em 0.12em 0; 
    text-decoration: none;
    font-size: 90%;
    line-height: 1.2;
	font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
	border-radius: 0.5em; 
}

.tag:hover {
/*	blue background-color: rgb(196, 218, 233); */
	background-color: #e70033;
	border-bottom: 0.06em solid rgb(196, 218, 233); 
	border-right: 0.06em solid rgb(196, 218, 233); 
}


/* M E S S A G E S */
.messages {
font-family: tahoma,verdana,sans-serif;
font-size: 1em;
line-height: 1.3em;
background-color: #ffffcc;
color: #005555;
border: 0.06em solid #999999; 
padding: .2em;
margin: .2em;
}

.messages a {
text-decoration: underline;
color: #005555;
}


div.pagecontent { 
margin-top: 10px;
padding: 3px 9px 5px 9px;
background-color: #ffffcc;
}



.comment-wrapper {
	border-top: 0.06em solid #999;  
}	


.comment, .comment-reply {
	margin-top: 2em;
	}
.comment-reply {
	margin-left: 1.25em; 
	}

.comment-reply-legend {
	color: #888;
	font-size: .85em;
	}

.comment-header {
	border-bottom: 0.06em solid #bbb; 
	height: 1.3em;
}

.comment-author_location  {
	float: left;
	}
	
	
.comment-author  {
	font-weight: bold;
	color: #666;
	}
.comment-location {
	}
.comment-date {
	float: right;
	text-align: right;
    color: rgb(102, 102, 102);
    font-size: .9em;
	}

.comment-subject{
	clear: right;
	}
.comment-subject-title {
	}
.comment-text {
	clear: right;
	}

.comment-text textarea {
	overflow:auto;
}	
	
.comment-id {
	/* font-weight: bold; */
	color: #666;
	font-size: 76%;
	}

	
#comment-form-div {
	margin: auto;
	}

#comment-form-div textarea {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	margin-top: 0.31em; 
	width: 99%;
	height: 10em;
	font-size: 1em;
	padding: 0 0.12em; 
	}

#comment-form-div a:hover {
	background: #fff;
	color: #8385BF;
	border: 0.06em solid #8385BF;  
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	}

#comment_form, #comment_form-edit {
	font-size: .85em;
	padding: 0.31em 0.63em; 
	background: #efefef;
	border: 0.06em solid #bbb; 
	text-align: left;
	margin-top: 0;
	}
	
.comment-field {
	margin-top: 0.31em; 
	font-size: 1em;
	border: 0.06em solid #A099DF; 
	padding: 0 0.12em; 
	width: 9.4em; 
	} 
	
.comment-required-field {
	color: #f00;
	font-size: 1.2em;
	}
	
.comment-label {} /* keep it, could be useful later */

.comment-subject-field {
	margin-top: 0.31em; 
	font-size: 1em;
	padding: 0.12em; 
	width: 85%;
	border: 0.06em solid #A099DF; 
	} 

#comment-form-submit-line {} /* keep it in case we style it later */

.comment-submit,.comment-submit-hover{
	padding:0.12em; 
	cursor:pointer;
	background:#fff;
	border:0.06em solid #000; 
}

.comment-submit-hover{
	background:#eee;
}





@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

@-webkit-keyframes pulsechain {
    0%,6%,100% { -webkit-transform: scale(1); }	
	3% { -webkit-transform: scale(1.1); }
}
@-moz-keyframes pulsechain {
    0%,6%,100% { -moz-transform: scale(1); }	
	3% { -moz-transform: scale(1.1); }
}
@-o-keyframes pulsechain {
    0%,6%,100% { -o-transform: scale(1); }	
	3% { -o-transform: scale(1.1); }
}
@keyframes pulsechain {
    0%,6%,100% { transform: scale(1); }	
	3% { transform: scale(1.1); }
}


@-webkit-keyframes bounceInLeft {
	0% { opacity: 0;
		-webkit-transform: translateX(-2000px);	}
	60% { opacity: 1;
		-webkit-transform: translateX(30px); }
	80% { -webkit-transform: translateX(-10px);	}
	100% { -webkit-transform: translateX(0); }
}
@-moz-keyframes bounceInLeft {
	0% { opacity: 0;
		-moz-transform: translateX(-2000px); }
	60% { opacity: 1;
		-moz-transform: translateX(30px); }
	80% { -moz-transform: translateX(-10px); }
	100% {	-moz-transform: translateX(0);	}
}
@-o-keyframes bounceInLeft {
	0% { opacity: 0;
		-o-transform: translateX(-2000px);	}
	60% { opacity: 1;
		-o-transform: translateX(30px);	}
	80% { -o-transform: translateX(-10px);	}
	100% { -o-transform: translateX(0);	}
}
@keyframes bounceInLeft {
	0% { opacity: 0;
	transform: translateX(-2000px);	}
	60% { opacity: 1;
		transform: translateX(30px); }
	80% { transform: translateX(-10px);	}
	100% { transform: translateX(0); }
}

@-webkit-keyframes fadein {	0% {opacity: 0;} 100% {opacity: 1;} }
@-moz-keyframes fadein { 0% {opacity: 0;} 100% {opacity: 1;} }
@-o-keyframes fadein {	0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes fadein {	0% {opacity: 0;} 100% {opacity: 1;} }


@-webkit-keyframes bouncechain {
	0%,1.5%,3%, 100% {-webkit-transform: translateY(0);}
	0.75% {-webkit-transform: translateY(-30px);}
	2.25% {-webkit-transform: translateY(-15px);}
}
@-o-keyframes bouncechain {
	0%,1.5%,3%, 100% {-o-transform: translateY(0);}
	0.75% {-o-transform: translateY(-30px);}
	2.25% {-o-transform: translateY(-15px);}
}
@-moz-keyframes bouncechain {
	0%,1.5%,3%, 100% {-moz-transform: translateY(0);}
	0.75% {-moz-transform: translateY(-30px);}
	2.25% {-moz-transform: translateY(-15px);}
}
@keyframes bouncechain {
	0%,1.5%,3%, 100% {transform: translateY(0);}
	0.75% {transform: translateY(-30px);}
	2.25% {transform: translateY(-15px);}
}


/* need to add -moz- etc */
@keyframes spin {
0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}
}



@keyframes pulse {
  0%,100% {transform: scale(1);}
  50% {transform: scale(1.1);}
}
.pulse { animation:pulse 3s infinite forwards; }

.pulse1st {
	-webkit-animation: pulsechain 30s linear infinite normal 10s forwards;
	-moz-animation: pulsechain 30s linear infinite normal 10s forwards;
	-o-animation: pulsechain 30s linear infinite normal 10s forwards;
	animation: pulsechain 30s linear infinite normal 10s forwards;
}
.pulse2nd {
	-webkit-animation: pulsechain 30s linear infinite normal 11s forwards;
	-moz-animation: pulsechain 30s linear infinite normal 11s forwards;
	-o-animation: pulsechain 30s linear infinite normal 11s forwards;
	animation: pulsechain 30s linear infinite normal 11s forwards;
}
.bounce1st {
	-webkit-animation: bouncechain 30s linear infinite normal 5s forwards;
	-moz-animation: bouncechain 30s linear infinite normal 5s forwards;
	-o-animation: bouncechain 30s linear infinite normal 5s forwards;
	animation: bouncechain 30s linear infinite normal 5s forwards;
}

.bounce2nd {
	-webkit-animation: bouncechain 30s linear infinite normal 6s forwards;
	-moz-animation: bouncechain 30s linear infinite normal 6s forwards;
	-o-animation: bouncechain 30s linear infinite normal 6s forwards;
	animation: bouncechain 30s linear infinite normal 6s forwards;
}
div:hover.hbounce {
	-webkit-animation:  bouncechain 30s linear 1 normal 0s forwards;
	-moz-animation:  bouncechain 30s linear 1 normal 0s forwards;
	-o-animation: bouncechain 30s linear 1 normal 0s forwards;
	animation:  bouncechain 30s linear 1 normal 0s forwards;
}



.bounceInLeft {
	-webkit-animation: bounceInLeft 3s linear 1 normal 0s forwards;
	-moz-animation: bounceInLeft 3s linear 1 normal 0s forwards;
	-o-animation: bounceInLeft 3s linear 1 normal 0s forwards;
	animation: bounceInLeft 3s linear 1 normal 0s forwards;
}

img:hover.tada, div:hover.tada {
	-webkit-animation:  tada 1s linear 1 normal 0s forwards;
	-moz-animation:  tada 1s linear 1 normal 0s forwards;
	-o-animation: tada 1s linear 1 normal 0s forwards;
	animation:  tada 1s linear 1 normal 0s forwards;
}

.dtada {
	-webkit-animation:  tada 1s linear 1 normal 15s forwards;
	-moz-animation:  tada 1s linear 1 normal 15s forwards;
	-o-animation: tada 1s linear 1 normal 15s forwards;
	animation:  tada 1s linear 1 normal 15s forwards;
}


a:hover.spin {
	animation: spin 0.5s linear 1 normal 0s forwards;
}


.fadein {
	-webkit-animation:  fadein 2s linear 1 normal 0s forwards;
	-moz-animation:  fadein 2s linear 1 normal 0s forwards;
	-o-animation: fadein 2s linear 1 normal 0s forwards;
	animation:  fadein 2s linear 1 normal 0s forwards;
}




}
@media print {

* {
	background: white !important;
	color: black !important;
	}

body {
margin: 0 auto;
padding: 0;
font-family: "Times New Roman",Serif;
}

header, .leftmenu, .rightcolumn, .glossymenu, .announce,
.comment-form-wrapper,
.hide 
{
display: none;
}

.wrap_3cols, .wrap_2leftcols, article, footer {
float: none !important;
width: auto;
margin: 0;
padding: 0;
font-size: 11pt !important;
}


h1 {
font-size: 20pt !important;
}

h2 {
margin: 0 0 .5em 0;
font-size: 16pt !important;
}

a {
text-decoration: underline;
color: #0000FF;
}

}