/*	--	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: 80em;
	min-width: 800px;
	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;
}
#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;
	width: 13em;
	height: 7.4em;
	background-image: url("../../picture/21/2428.gif");
}
#menu #account div
{
	float: right;
	width: 7em;
}
#jpmenu #menu #account div
{
	font-size: 0.9em;
	width: 9em;
}
#menu #account #myprofile
{
	padding: 0.5em 0.2em 0 1.5em;
}
#menu #account #myaccount
{
	padding: 0.4em 0.2em 0.7em 1.5em;
}
#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: 80em;
	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;
}

.pagetitle img.pc3rss
{
	position: relative;
	top: 1em;
}

#login
{
	width: 4.8em;
	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 0;
}

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

.footer
{
	clear: both;
}

.copyright
{
	clear: both;
}

.clrdiv
{
	clear: both;
}

.right
{
	float: right;
}

.content
{
	width: 57.3em;
	min-width: 573px;
	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
{
	margin-bottom: 1.4em;
}

ul.triangle li, ul.circle li
{
	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
{
	background-image: url("../../picture/8/68.gif");
}

ul.triangle li, ul.circle li
{
	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;
	width: 49.7em;
	min-width: 497px;
	border-bottom: 5px solid;
	font-size: 1em;
}

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/2429.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 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;
}

.info .publication object[type="application\2Fx-shockwave-flash"]
{
	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
{
	background-image: url("../../picture/21/313.gif");
	background-position: 0% 70%;
	background-repeat: no-repeat;
	padding-left: 1.2em;
	margin-right: 0.3em;
	line-height: 1.3em;
}

.paging .index
{
	padding: 0 0.15em;
	line-height: 1.3em;
	font-weight: bold;
}

.paging .next
{
	background-image: url("../../picture/21/312.gif");
	background-position: 100% 70%;
	background-repeat: no-repeat;
	padding-right: 1.2em;
	padding-bottom: 0;
	margin-left: 0.3em;
	line-height: 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;
}

/* -- Color for custom block elements
   -----------------------------------------	*/
.paging .next a:visited, .paging .prev a:visited
{
	color: #0590b8;
}

/*	--	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;
}
a:link .playnewpuzzles	
{
	text-decoration: none;
}
a:visited .playnewpuzzles
{
	text-decoration: none;
}
a:hover .playnewpuzzles
{
	text-decoration: underline;
}

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

/*	--	Layout for sidebar elements
	----------------------------------------	*/
.sidebar
{
	width: 22.2em;
	min-width: 222px;
	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;
}
	
.sidebar .familybutton	
{
	width: 12.2em;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	margin-top: -0.2em;
}
.sidebar .familybutton a
{
	text-decoration: none;
	color: White;
	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: 0.6em 0em 0em 0em;
	padding: 1.2em 0em 0em 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;
}

.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
{
	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;
}


.sidebar .familyappendixnav
{
	clear: both;
	border-top: none;
	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 .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: 1em;
}

.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.picture, .footer ul.number
{
	display: block;
	margin: 1em auto 0em auto;
}

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

.footer ul.picture li, .footer ul.number li
{
	margin-right: 0.3em;
}

.footer ul.number
{
	margin-top: 0.3em;
}

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

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

#whosamungus
{
	display: inline;
}

#social
{
	text-align: center;
	margin-top: 0.7em;
}

#social a
{
	text-decoration: none;
}

#social .wau_classic
{
	position: relative;
	top: 0.8em;
	margin-right: 0.6em;
}

#social .facebook
{
	margin-right: 0.6em;
}
.language	
{
	margin: 1em auto 0em;
	width: 10em;
}
.langbutton	
{
	font-size: 1.2em;
	text-decoration: underline;
	height: 1.5em;
	display: block;
	float: left;
	text-align: left;
	color: #0590b8;
	background: none;
	margin: 0 0 0.5em 0;
	border: none;
	cursor: pointer;
}
.langbutton:hover
{
	color: #005893;
}
/*	--	Style for footer elements
	----------------------------------------	*/
.footer ul.picture, .footer ul.number
{
	font-family: Arial Black;
}

.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;
}