/*	--	Imports
	----------------------------------------	*/
@import url("../puzzle/family.css");

/*	--	Layout for global elements 
	----------------------------------------	*/
*
{
	padding: 0px;
	margin: 0px;
}

table
{
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0px;
	margin: 0;
}

table#layout
{
	width: 100%;
	clear: both;
}

object
{
	display: block;
}

ul
{
	list-style: none;
}

a
{
	outline: none;
}

img
{
	border-width: 0;
}

.wrappedimage
{
	border: solid;
	border-width: 1px 1px 4px 4px;
}

.wrap
{
	width: 80.3em;
	min-width: 803px;
	margin: 0px auto;
	border-width: 5px;
	border-style: solid;
}

.forum_wrap
{
	width: 98%;
	min-width: 800px;
	margin: 0px auto;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	margin-top: -0.7em;
	clear: both;
}

#menu
{
	display: inline;
	position: relative;
}
#menu li
{
	display: inline;
	font-weight: bold;
}
#menu li a
{
	display: block;
	float: left;
	overflow: hidden;
	text-decoration: none; 
	background-repeat: no-repeat;
	color: #fff;
}
#menu #account
{
	float: right;
    margin-top: -76px;
    width: 145px;
}
#jpmenu #menu #account
{
	font-size: 0.9em;
	left: -17em;
}
#menu #account #myprofile
{
	margin-right: 1.3em;
}
#menu #account a:hover
{
	text-decoration: underline;
	color: #fff;
}
#menu a.menuitem .itemImage
{
	display: block;
}
#menu a.menuitem .itemImageMO
{
	display: none;
}
#menu a.menuitem:hover .itemImage
{
	display: none;
}
#menu a.menuitem:hover .itemImageMO
{
	display: block;
}
#menu span.active a.menuitem .itemImage
{
	display: none;
}
#menu span.active a.menuitem .itemImageMO
{
	display: block;
}
.band
{
	width: 100%;
	height: 8.2em;
	min-height: 82px;
	clear: both;
}

#welcome
{
	width: 22.2em;
	min-width: 222px;
}

#welcome div
{
	padding-left: 3.8em;
	font-size: 1em;
	font-family: Verdana;
}

#welcome img
{
	margin: 0 0.5em 0 0;
}

.pagetitle
{
	width: 576px;
	text-align: center;
}

.pagetitle img.pc3
{
	position: relative;
}

#login
{
	white-space: nowrap;
	float: left;
	margin-right: 0.6em;
	display: inline;
}

#register
{
	margin-top: 0.8em;
}

#register a	
{
	font-family: Arial;
	font-size: 1.1em;
}

#login a
{
	display: block;
	padding: 2px 5px 2px 6px;
}

#login a:active
{
	padding-left: 1px;
}

.footer
{
	clear: both;
}

.copyright
{
	clear: both;
}

.clrdiv
{
	clear: both;
}
.clrafter::after
{
	clear: both;
}

.right
{
	float: right;
}

.content
{
	vertical-align: top;
	border-left: 5px solid;
}

h1
{
	margin: 1.85em 0em 0.87em -0.11em;
}

h2
{
	margin: 2.89em 0em 1.4em;
}

h3
{
	margin: 3.181em 0em 1.727em 0em;
}

h4
{
	margin: 0.5em 0em;
}

h5
{
	margin: 3.166em 0em 1.25em 0em;
}

h6, p, ul, ol
{
	margin: 0 0 1.3em;
}

ul.triangle, ul.circle, ul.trianglelink
{
	margin-bottom: 1.4em;
}

ul.triangle li, ul.circle li, ul.trianglelink li a
{
	padding: 0em 0em 0em 1em;
}

a.whosamungus:link, a.whosamungus:visited, a.whosamungus:hover
{
	color: #fbfaf4;
	text-decoration: none;
}

#error, #form_error
{
	display: inherit;
	border: 0.1em solid #C51015;
	padding: 0.4em 0.6em;
	color: #c51015;
	margin: 1.6em 0 1.6em;
}

#form_error
{
	width: 25em;
	_width: 23.4em;
}

#error
{
	margin-bottom: 1.8em;
}

#error h4
{
	color: #c51015;
	margin-top: 0em;
	margin-bottom: 0.3em;
}

#error_message
{
	padding-bottom: 10em;
}

#error_message dl
{
	margin-right: 1.7em;
	padding-bottom: 5em;
}

.gensplit
{
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	padding-bottom: 0.2em;
}

#rssicons
{
	float: right;
	position: relative;
	top: 4.2em;
	left: -0.6em;
	z-index: 1;
	color: #0590B8;
	font-family: Verdana;
	font-size: 0.9em;
	font-weight: bold;
}

#smbuttons
{
	margin-top: 1.7em;
	margin-bottom: -0.2em;
}

#smbuttons .smbutton
{
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.7em;
}
#fbreplace
{
	display:none;
}
#rssicons a
{
	text-decoration: none;
	margin-left: 0.2em;
}

a.abslink span.arrow
{
	position: relative;
	left: 0.4em;
}

a.abslink, a.abslink span.arrow
{
	text-decoration: none;
}

a.abslink:active
{
	color: #005893;
}

a.abslink:link
{
	color: #000000;
}

a.abslink:visited
{
	color: #575353;
}

a.abslink:link .arrow
{
	color: #0590b8;
}

a.abslink:hover, a.abslink:hover span.arrow
{
	color: #005893;
}

/*	--
--
--	Style 
*/
html
{
	font-family: verdana, tahoma;
	font-size: 10px;
}
h1
{
	font-size: 1.8em;
	font-weight: normal;
}

h2
{
	font-size: 1.1em;
	font-weight: bold;
}

h3
{
	font-size: 1.1em;
	font-weight: bold;
}

h4
{
	font-size: 1em;
	font-weight: bold;
}

h5
{
	font-size: 1em;
	font-weight: normal;
}
h6
{
	font-size: 1em;
	font-weight: bold;
}

.content p
{
	font-size: 1.1em;
	line-height: 1.454em;
	font-weight: normal;
}

form input, form select, form option, .content form p
{
	font-size: 1em;
}

select option
{
	padding-left: 0.5em;
}

.arrow
{
	text-decoration: none;
}

#login a
{
	border-width: 0 0 4px 4px;
	border-style: solid;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

#login a:active
{
	border-width: 2px;
}

.border
{
	border-bottom: 5px solid;
}

ul.circle li
{
	background-image: url("../../picture/21/460.gif");
}

ul.triangle li, ul.trianglelink li a
{
	background-image: url("../../picture/8/68.gif");
}

ul.triangle li, ul.circle li, ul.trianglelink li a
{
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}

.bigger ul.triangle li, .bigger ul.circle li
{
	background-position: 0 0.6em;
}

.content ul li
{
	line-height: 1.45em;
	font-size: 1.1em;
}

ul.breadcrumb
{
	padding: 0.4em 3.8em;
	border-bottom: 5px solid;
	font-size: 1em;
    margin-bottom: 0;
}

code
{
	font-family: monospace;
	font-style: normal;
	font-size: 1.1em;
	border: 0.1em solid #dfd9b3;
	display: block;
	margin-bottom: 1.3em;
	padding: 0.7em;
	background-color: #fbfaf4;
	width: 43.1em;
	overflow: auto;
}

.mobileWide input
{
	width: 20.2em;
}

select.mobileWide
{
	font-family: Verdana;
	font-size: 1em;
	width: 20.9em;
}

.mobileWide input, .mobileNarrow input
{
	font-family: Verdana;
	font-size: 1.1em;
	padding: 0.1em 0.2em;
}

.mobileNarrow input
{
	width: 7.45em;
}

.mobileWide img
{
	margin: 0em 0.4em 0em;
	position: relative;
	top: 0.2em;
}

.mobileWide h4
{
	margin-bottom: 0.3em;
}
.mobileNarrow h4
{
	margin-bottom: 0.4em;
}
/*	--
--
--	Color 
*/
#login a
{
	background-color: #e5f3fb;
	border-bottom-color: #b0daf2;
	border-left-color: #b0daf2;
}

#welcome a
{
	color: #0590b8;
}

#welcome a:hover
{
	color: #005893;
}

#welcome a:active
{
	color: #005893;
}

#login a:active, #register a:active, #logout a:active
{
	border-color: #ededeb #ededeb #b0daf2 #b0daf2;
}

.error
{
	color: #ff0000;
}

.border
{
	border-color: #ffffff;
}

html
{
	background-color: #fbfaf4;
}

.wrappedimage
{
	border-color: #0590b8;
}

.band
{
	background-color: #fff;
}

.content
{
	background-color: #f3f0e1;
}

.wrap, .forum_wrap .hd
{
	background-color: white;
	background-image: url("../../picture/21/3113.gif");
	background-repeat: repeat-x;
	background-position: right top;
}
.forum_wrap .hd
{
	background-color: #1b7d9d;
}
.wrap, .content, ul.breadcrumb, .forum_wrap
{
	border-color: #fff;
}
h1, h4, h5, a:link, .genborder, .color
{
	color: #0590b8;
}

h2, h3
{
	color: #575353;
}

.fragment h5
{
	color: #000;
}

a:visited
{
	color: #716f6e;
}

a:hover, a:active
{
	color: #005893;
}

.publication div.sidestory
{
	background-color: #e9e5ca;
}

img.flag
{
	border: 0.1em solid #bfbfbf;
}

/*	--	Layout for custom block elements
	----------------------------------------	*/
.publication
{
	padding: 0em 3.8em 3.8em;
	width: 49.7em;
	min-width: 497px;
}

.publication .byline li
{
	display: inline;
	list-style: none;
	line-height: 1.4em;
}

.publication .date
{
	display: block;
	line-height: 1.4em;
	margin-top: 0.87em;
	margin-bottom: 2.7em;
}
.publication h1.smallertitle
{
	font-size: 1.1em;
	font-weight: bold;
}
.publication h3
{
	margin-bottom: 0.2em;
}
.publication h5	
{
	margin-top: 0em;
	margin-bottom: 0.9em;
}
.publication img.no-caption, .publication div.caption, .publication div.sidestory
{
	float: right;
	clear: right;
	margin: 0.4em 0em 1.9em 1.9em;
}

.publication div.caption p
{
	padding: 0;
	margin: 0;
	line-height: 1.3em;
}

.publication div.sidestory
{
	width: 12.2em;
	padding: 1.2em 1.4em 1.4em;
}

.publication div.sidestory h1
{
	margin: 0em 0em 0.6em 0em;
}

.publication div.sidestory p
{
	line-height: 1.2em;
	margin: 0.5em 0 0 0;
}
.publication #fb-root
{
	margin-bottom: 1em;
}
.info .publication object[type="application\2Fx-shockwave-flash"], .info .publication iframe
{
	float: right;
	margin: 0.4em 0em 1.9em 1.9em;
}
.info .publication
{
	padding-bottom: 2.2em;
}
.paging
{
	margin: 1.95em 3.8em 1.9em 3.8em;
	font-size: 1.1em;
	clear: both;
	height: 14px;
}
.paging .prev
{
	margin-left: 1.5em;
}
.paging .next
{
	margin-right: 1.5em;
}
.paging .index
{
	padding: 0 0.15em;
	line-height: 1.3em;
	font-weight: bold;
}

.paging .prev a
{
	background-image: url("../../picture/21/313.gif");
	background-repeat: no-repeat;
	background-position: 0% 70%;
	padding-left: 1.2em;
	margin-right: 0.3em;
	line-height: 1.3em;
}
.paging .next a
{
	background-image: url("../../picture/21/312.gif");
	background-position: 100% 70%;
	background-repeat: no-repeat;
	padding-bottom: 0;
	line-height: 1.3em;
	padding-right: 1.2em;
	margin-left: 0.3em;
}
.paging .next a:visited, 
.paging .prev a:visited
{
	color: #0590b8;
}
.paging #newest,
.paging #oldest
{
	background-repeat: no-repeat;
	background-position: 0% 70%;
	text-decoration: none;
}
#newest span, #oldest span
{
	visibility: hidden;
}
#newest 
{
	margin-right: -1.6em;
}
#oldest
{
	margin-left: -1.3em;
}

/*	--	Floating picture wrappers are used to constraint the caption.
			Every picture class should have his own width specified to be supported.
			only captioned pictures should be wrapped in a wrapper div.	--	*/
.publication div.fw11
{
	width: 150px;
}

.publication img.fw492, .publication div.fw492
{
	width: 492px;
	margin-left: 0;
	float: none;
}

.publication div.fw492
{
	width: 497px;
}

.publication img.fw300
{
	width: 300px;
}

.publication div.fw300
{
	width: 305px;
}

/*	--	Style for custom block elements
	----------------------------------------	*/
.publication .byline, .publication .date
{
	font-size: 1.1em;
}

.publication div.sidestory p, .publication div.sidestory h1, .publication div.caption p
{
	font-size: 1em;
}

.publication .sidestory h1
{
	font-weight: bold;
}

.byline
{
	font-size: 1.1em;
}

.paging
{
	text-align: center;
}

.publication .feedburnerFlareBlock span
{
	color: #0590b8;
	font-size: 1.4em;
}

/*	--	Layout for puzzlelist  elements
	----------------------------------------	*/

.puzzlelist
{
	padding: 0em 3.8em 0em 1em;
	width: 52.5em;
	min-width: 525px;
}

.puzzlelist dl
{
	width: 165px;
	height: 22.6em;
	float: left;
	padding-left: 1em;
}

.puzzlelist dt
{
	padding-bottom: 3px;
}

.puzzlelist dd, puzzlelist .brand
{
	margin-left: 1.7em;
}
.playnewpuzzles
{
	float: right;
	display: block;
	font-size: 1em;
	font-weight: bold;
	width: 9.6em;
	margin-top: -2.6em;
	background-image: url("../../picture/21/2073.gif");
	background-repeat: no-repeat;
	padding-left: 2.8em;
	height: 2.4em;
	line-height: 1.2em;
}
a:link .playnewpuzzles	
{
	text-decoration: none;
}
a:visited .playnewpuzzles
{
	text-decoration: none;
}
a:hover .playnewpuzzles
{
	text-decoration: underline;
	cursor: pointer;
}

/*	--	Style for puzzlelist  elements
	----------------------------------------	*/
.puzzlelist .brand
{
	font-weight: bold;
}

/*	--	Layout for sidebar elements
	----------------------------------------	*/
.sidebar
{
	width: 27.9%;
	padding: 0 0 3.8em 0;
	vertical-align: top;
}

.sidebar h1, h2, h3, h4
{
	color: #0590b8;
}

.sidebar .fragment, .sidebar .fragment_noborder
{
	/*.fragment is a .sidebar block, it is responsible for the top padding, border and margin. It is also responsible for the 3.8em margins on the sides, so future fragments can utilize them if needed.*/
	margin: 2em 3.8em 0em 3.8em;
	border-top: 1px solid;
}

.sidebar .fragment_noborder
{
	margin-top: 0;
}

.sidebar .bottomborder
{
	border-top: none;
	border-bottom: 1px solid;
	padding-bottom: 0.6em;
}

.sidebar .barpuzzle
{
	margin: 2.4em 0em 1.8em 3.8em;
	width: 141px;
}

.sidebar .bartext
{
	margin: 0em 3.8em;
}
.sidebar .teaser	
{
	margin-top: 2.9em;
	margin-left: 2.1em;
}
.familybutton
{
	text-align: center;
	margin: 0;
	font-size: 1em;
	padding: 0.1em 0 0.2em;
	color: White;
}
.familybutton	a, 
.familybutton	a:hover, 
.familybutton	a:visited,
.sidebar .familybutton	a, 
.sidebar .familybutton	a:hover, 
.sidebar .familybutton	a:visited
{
	color: White;
	text-decoration: none;
}
.sidebar .familybutton	
{
	width: 12.2em;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: -0.2em;
}
.sidebar .familybutton a
{
	text-decoration: none;
	display: block;
	padding: 0.7em 0.5em 0.7em;
}	
.sidebar h2
{
	margin: 1.5em 0em 0.6em 0em;
	padding: 0em;
	clear: both;
	line-height: 1.166em;
}

.sidebar h3
{
	margin: 1.5em 0em 0em 0em;
	padding: 0em;
	clear: both;
	line-height: 1.2em;
}

.sidebar h4
{
	margin-top: 0.2em;
	padding-bottom: 0.3em;
}

.sidebar h5
{
	margin-top: 0.8em;
}

.sidebar select
{
	margin: 0em 0em 0.6em 0em;
	width: 97%;
}

.sidebar input
{
	margin: 0em 0em 0em 0em;
	width: 97%;
}

.sidebar .shortfragment
{
	margin-bottom: -1.6em;
	padding-top: 0.6em;
}

.sidebar ul.mouseover
{
	margin-right: -5px;
	clear: both;
	position: relative;
	top: 0.2em;
}

.sidebar ul.mouseover li
{
	margin: 3px 5px 0em 0em;
	float: left;
	min-height: 23px;
}

.sidebar ul.triangle li, .sidebar ul.circle li, .sidebar ul.trianglelink li a
{
	background-position: 0 0.2em;
}
.sidebar .pubclipping h2
{
	margin: 0em 0em 0.25em 0em;
	padding-top: 1.1em;
}

.sidebar .pubclipping:first-child h2
{
	padding-top: 1.4em;
}

.sidebar .pubclipping p
{
	margin: 0 0 0 6.5em;
}

.sidebar .pubclipping img
{
	margin: 0.2em 0.7em 0em 0em;
	float: left;
	width: 5.5em;
}
.sidebar #credits
{
	background-image: url("../../picture/21/2632.gif");
}

.sidebar #playonline
{
	background-image: url("../../picture/21/2631.gif");
}

.sidebar #bookstore
{
	background-image: url("../../picture/21/2946.gif");
}
.sidebar .familyappendixnav li#playonmobile a
{
	width: 5em;
	position: relative;
	top: -0.3em;
}
.sidebar .familyappendixnav
{
	clear: both;
	margin-top: 1.6em;
}

.sidebar .familyappendixnav li
{
	margin: 0em 0em 0.5em 0em;
	clear: both;
	min-height: 3.3em;
	background-repeat: no-repeat;
	background-position: center left;
}

.sidebar .familyappendixnav li a
{
	margin: 0em;
	padding: 0.7em 0em 0em 5.2em;
	display: block;
}

.sidebar .familyappendixnav_wide li a
{
	padding-left: 6em;
}
.sidebar .iconnavigation
{
	margin: 2em 3.8em -0.2em 3.8em;
	_margin-bottom: -0.6em;
}

.sidebar .iconnavigation li
{
	margin-bottom: 0.4em;
	padding: 0;
	clear: both;
	min-height: 3.3em;
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 3.3em;
}
.sidebar .iconnavigation li a
{
	position: relative;
	left: 5em;
	display: block;
}

.sidebar .puzzlesnav
{
	_margin-bottom: -0.5em;
	margin-bottom: -0.2em;
}

.sidebar .puzzlesnav li
{
	margin-bottom: 0.3em;
}

/*	--	Style for sidebar elements
	----------------------------------------	*/
.sidebar h3
{
	font-size: 1.2em;
	font-family: Verdana;
}

.sidebar h2
{
	font-size: 1.2em;
	font-weight: bold;
}

.sidebar .familyappendixnav li
{
	font-weight: bold;
}

.sidebar .myconceptisnav li
{
	font-weight: bold;
}

/* -- Color for sidebar */
.sidebar
{
	background-color: #cae6f6;
	height: 100%;
}
.sidebar .fragment
{
	border-top-color: #0590b8;
}

.sidebar .fragment_noborder
{
	border: none;
}

/*	--	Style for picture gallery
	----------------------------------------	*/
#gallery
{
	width: 80em;
}

#gallery div.picture
{
	padding: 3.8em 15em 3.6em;
}

#gallery div#error_message
{
	padding: 0 22.2em;
}

#gallery ul.breadcrumb
{
	width: 72.4em;
}

#gallery h6
{
	margin-bottom: 0.35em;
	font-size: 1.2em;
	line-height: 0.9em;
}

#gallery p
{
	margin: 0 0 1em 0;
}

#gallery dl
{
	float: left;
}
/*	--	Color for picture gallery
	----------------------------------------	*/

#gallery
{
	background-color: #f3f0e1;
}

#gallery h6
{
	color: #0590b8;
}
/*	--	Layout for footer elements
	----------------------------------------	*/
.footer
{
	margin: 4.8em auto 0;
	padding-bottom: 3.7em;
	text-align: center;
}

.footer ul, .footer ul li, .footer ul a, ul.breadcrumb li
{
	display: inline;
	white-space: nowrap;
}

.footer ul.puzzle
{
	display: block;
	margin: 0.3em auto 0em auto;
}

.footer ul.puzzle a
{
	text-decoration: none;
	padding: 0em 1.6em;
}

.footer ul.puzzle li
{
	margin-right: 0.3em;
}

.footer ul.puzzletop
{
	margin-top: 1em;
}


.footer .site li, .footer .general li
{
	margin: 0em 0.3em;
}

.copyright
{
	display: block;
	margin-top: 1.9em;
}

#whosamungus
{
	display: inline;
}
#social
{
	margin: 0.6em auto 0;
	min-width: 7em;
}

#social a
{
	text-decoration: none;
	border-right: 2px solid rgba(255, 255, 255, 0.00);
}
#social #swhosamungus
{
	min-width: 75px;
}
#social #sweibo img
{
	position: relative;
	top: -0.3em;
}
.language	
{
	margin: 0.2em auto 0em;
	width: 27em;
	padding-bottom: 2.6em;
}
.language a
{
	font-size: 1.2em;
	font-family: Verdana;
	display: block;
	float: left;
	margin: 0.5em;
	color: #0590b8;
}
.language a:hover
{
	color: #005893;
}
/*	--	Style for footer elements
	----------------------------------------	*/
.footer ul.puzzle
{
	font-weight: 900; font-family: "Arial Black", Arial, sans-serif; 
}

.footer .general a:link, .footer .site a:link
{
	color: #0590b8;
}

.footer .general a:visited, .footer .site a:visited
{
	color: #716f6e;
}

.footer .general a:hover, .footer .site a:hover, .footer .general a:active, .footer .site a:active
{
	color: #005893;
}
#fbreplace
{
	background-color: White;
	padding: 0.8em 1.2em 0.8em 1.1em;
	margin-top: 1.7em;
}
.like
{
	margin-top: 3.6em;
}
div + .like
{
	margin-top: 3.8em;
}
dl.horizontal
{
	margin-top: 1.9em;
}

dl.horizontal dt
{
	width: 14.7em;
	float: left;
	margin-left: -1.8em;
}

dl.horizontal dd
{
	margin-left: 14.2em;
	font-size: 1.1em;
	line-height: 1.4em;
	position: relative;
	top: -0.35em;
}

dl.horizontal dd.brand
{
	font-weight: bold;
}
.buttons input.button
{
	float: right;
	margin-left: 0.7em;
	font-size: 1.1em;
}
div input.button
{
	padding: 0 1em;	
}
.infobutton
{
	padding: 0;
	margin-left: 0.4em;
	font-size: 1em;
}
.infobutton a
{
	padding-right: 0.3em;
	border: none;
	border-width: 0.1em;
	border-style: solid;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
}
.infobutton a:link, .infobutton a:visited
{
	color: White;
}
.infobutton a:hover
{
	background-color: White;
}
.dontmiss a img
{
	width: 14.5em;
}
.content .fragment, .content .fragment_error_message
{
	border-width: 0.1em;
	border-style: solid;
	margin-top: 2em;
	padding: 0.2em 0.5em 0.4em;
	width: 14.6em;
	display: block;
	float: left;
}

.content .fragment p, .content .fragment_error_message p
{
	margin-bottom: 0;
	line-height: 1.4em;
	font-size: 1.1em;
}

.content .fragment_error_message
{
	border-color: #C51015;
}

.content .fragment_error_message #member_credits
{
	color: #C51015;
	font-weight: bold;
}
.rtl
{
	direction: rtl;
}
.rtl ul
{
	text-align: right;
}
.rtl ul li
{
	background-position: 100% 0.5em;
	padding-right: 1em;
}
.rtl img.no-caption
{
	float: left;
	margin: 0.4em 1.9em 1.9em 0;
}
.addthis_toolbox
{
	margin-top: 1.6em;
	margin-left: -0.2em;
	height: 3.2em;
	margin-bottom: 2em;
}
.addthis_button_compact
{
	font-size: 1.3em;
	line-height: 3em;
}
.viewerhtml {
    background: #ffffff; 
    display: inline-block;
}
div.redborder{
    border: 1px solid red;
    padding: 1.4em;
}
#transitionText{
    padding-bottom: 1.4em;
}
#transitionText div.redborder{
    margin-top: 1.4em;
 }
#transitionText p{
    margin-bottom: 0.3em;
    font-size: 1.1em;
}
#transitionText h1{
    margin-top: 0;
    margin-bottom: 0.5em;
}
#transitionText .roundborder{
    margin-top: 1.4em;
    padding: 1.4em;
    border-radius: 10px;
    background-color: white;
    text-align: center;
}