@import url('normalize.css');
.clearfix:after {
	content: " "; /* Older browser do not support empty content */
	 visibility: hidden;
	 display: block;
	 height: 0;
	 clear: both;
}

@font-face {
	font-family: DisneyPark;
	src: url(fonts/dPark.ttf);
}

@font-face {
	font-family: Comic Sans MS;
	src: url(fonts/comicSansMS.ttf);
}

body {
	padding: 0;
	margin: 0;
	background-color: #3F1D13;
	background: -moz-linear-gradient(#2A140D 0%, #9B4B30 50%, #2A140D 100%);
	background: -webkit-linear-gradient(#2A140D 0%, #9B4B30 50%, #2A140D 100%);
	background: -o-linear-gradient(#2A140D 0%, #9B4B30 50%, #2A140D 100%);
	background: -ms-linear-gradient(#2A140D 0%, #9B4B30 50%, #2A140D 100%);
	background: linear-gradient(#2A140D 0%, #9B4B30 50%, #2A140D 100%);
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.wrapper {
	position: relative;
	z-index: 2;
	padding: 0;
	margin: 0 auto;
	width: 1280px;
	font-family: Comic Sans MS;
	box-shadow: 0px -5px 20px 5px #000;
}
/* ------------------ */
/*--- Headers ---*/
.mainHeader {
	width: 100%;
	height: 680px;
	background-image: url(img/mainHeader.jpg);
	position: relative;
}

.mainHeader ul,
.pageHeader ul,
.currentPageHeader ul,
.leftSB_Header ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
}

.pageHeader,
.currentPageHeader,
.leftSB_Header {
	width: 100%;
	position: relative;
}

.pageHeader {
	height: 459px;
	background-image: url(img/pageHeader1.jpg);
}

.currentPageHeader {
	height: 493px;
	background-image: url(img/currentPageHeader.jpg);
}

.leftSB_Header {
	height: 375px;
	background-image: url(img/leftSB_Header1.jpg);
}
/* ------------------ */
/* Menu on "TV screen" */
ul.skewMenu {
	font-family: Times New Roman;
	font-size: 23px;
	left: 721px;
	top: 269px;
	text-shadow: -1px -1px 2px #006C74;
	white-space: nowrap;
}
ul.skewMenu li {
	position: relative;
	width: 170px;
	cursor: pointer;
}
ul.skewMenu li a {
	text-decoration: none;
	color: #C0EBEC;
}

ul.skewMenu li a:hover{
	color: #ECFF08;
}
/* ------------------ */
/* Submenu on "TV screen" */
ul.skewMenu ul.children {
	padding: 5px 0;
	position: absolute;
	left: -9999px;
	width: 185px;
	white-space:nowrap;
	background: rgba(241,208,154,0.75);
	text-shadow: none;
	font-size: 16px;
	border-left: 5px solid rgba(90,124,126,0.85);
	border-top: 1px solid rgba(90,124,126,0.85);
}

ul.skewMenu ul.children:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: -5px;
	border-left: 5px solid transparent;
}

ul.skewMenu ul.children:after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 0px;
	height: 0px;
	border-right: 185px solid transparent;
}

ul.skewMenu ul.children li {
	padding: 1px 0 1px 15px;
}

ul.skewMenu ul.children li a {
	text-decoration: none;
	color: #000;
}

ul.skewMenu ul.children li a:hover{
	color: #FF05B4;
}

ul.skewMenu li:hover ul.children {
	left: 160px;
}

ul.skewMenu li.menu-item-1 ul.children {
	top: 5px;
	height: 90px;
	transform: skew(0deg,0deg);
	-webkit-transform: skew(0deg,0deg);
	-ms-transform: skew(0deg,0deg);
	-o-transform: skew(0deg,0deg);
	-moz-transform: skew(0deg,0deg);
}

ul.skewMenu li.menu-item-1 ul.children:before {
	bottom: -10px;
	border-top: 10px solid rgba(90,124,126,0.85);
}

ul.skewMenu li.menu-item-1 ul.children:after {
	bottom: -10px;
	border-top: 10px solid rgba(241,208,154,0.75);
}

ul.skewMenu li.menu-item-2 ul.children {
	top: -19px;
	height: 230px;
	transform: skew(0deg,1deg);
	-webkit-transform: skew(0deg,1deg);
	-ms-transform: skew(0deg,1deg);
	-o-transform: skew(0deg,1deg);
	-moz-transform: skew(0deg,1deg);
}

ul.skewMenu li.menu-item-2 ul.children:before {
	bottom: -29px;
	border-top: 29px solid rgba(90,124,126,0.85);
}

ul.skewMenu li.menu-item-2 ul.children:after {
	bottom: -29px;
	border-top: 29px solid rgba(241,208,154,0.75);
}

ul.skewMenu li.menu-item-4 ul.children {
	top: -67px;
	height: 149px;
	transform: skew(0deg,3deg);
	-webkit-transform: skew(0deg,3deg);
	-ms-transform: skew(0deg,3deg);
	-o-transform: skew(0deg,3deg);
	-moz-transform: skew(0deg,3deg);
}

ul.skewMenu li.menu-item-4 ul.children:before {
	bottom: -20px;
	border-top: 20px solid rgba(90,124,126,0.85);
}

ul.skewMenu li.menu-item-4 ul.children:after {
	bottom: -20px;
	border-top: 20px solid rgba(241,208,154,0.75);
}

ul.skewMenu li.menu-item-5 ul.children {
	top: -91px;
	height: 130px;
	transform: skew(0deg,4deg);
	-webkit-transform: skew(0deg,4deg);
	-ms-transform: skew(0deg,4deg);
	-o-transform: skew(0deg,4deg);
	-moz-transform: skew(0deg,4deg);
}

ul.skewMenu li.menu-item-5 ul.children:before {
	bottom: -10px;
	border-top: 10px solid rgba(90,124,126,0.85);
}

ul.skewMenu li.menu-item-5 ul.children:after {
	bottom: -10px;
	border-top: 10px solid rgba(241,208,154,0.75);
}

ul.skewMenu li.menu-item-6 ul.children {
	top: -115px;
	height: 129px;
	transform: skew(0deg,5deg);
	-webkit-transform: skew(0deg,5deg);
	-ms-transform: skew(0deg,5deg);
	-o-transform: skew(0deg,5deg);
	-moz-transform: skew(0deg,5deg);
}

ul.skewMenu li.menu-item-6 ul.children:before {
	bottom: -16px;
	border-top: 16px solid rgba(90,124,126,0.85);
}

ul.skewMenu li.menu-item-6 ul.children:after {
	bottom: -16px;
	border-top: 16px solid rgba(241,208,154,0.75);
}
/* ------------------ */
/* Submenu item rotation on "TV screen" */
ul.skewMenu .sub-menu-item-1 {
	transform: skew(0deg,-0deg);
	-webkit-transform: skew(0deg,-0deg);
	-ms-transform: skew(0deg,-0deg);
	-o-transform: skew(0deg,-0deg);
	-moz-transform: skew(0deg,-0deg);
}

ul.skewMenu .sub-menu-item-2 {
	transform: skew(0deg,-1deg);
	-webkit-transform: skew(0deg,-1deg);
	-ms-transform: skew(0deg,-1deg);
	-o-transform: skew(0deg,-1deg);
	-moz-transform: skew(0deg,-1deg);
}

ul.skewMenu .sub-menu-item-3 {
	transform: skew(0deg,-2deg);
	-webkit-transform: skew(0deg,-2deg);
	-ms-transform: skew(0deg,-2deg);
	-o-transform: skew(0deg,-2deg);
	-moz-transform: skew(0deg,-2deg);
}

ul.skewMenu .sub-menu-item-3 {
	transform: skew(0deg,-3deg);
	-webkit-transform: skew(0deg,-3deg);
	-ms-transform: skew(0deg,-3deg);
	-o-transform: skew(0deg,-3deg);
	-moz-transform: skew(0deg,-3deg);
}

ul.skewMenu .sub-menu-item-4 {
	transform: skew(0deg,-4deg);
	-webkit-transform: skew(0deg,-4deg);
	-ms-transform: skew(0deg,-4deg);
	-o-transform: skew(0deg,-4deg);
	-moz-transform: skew(0deg,-4deg);
}

ul.skewMenu .sub-menu-item-5 {
	transform: skew(0deg,-5deg);
	-webkit-transform: skew(0deg,-5deg);
	-ms-transform: skew(0deg,-5deg);
	-o-transform: skew(0deg,-5deg);
	-moz-transform: skew(0deg,-5deg);
}

ul.skewMenu .sub-menu-item-6 {
	transform: skew(0deg,-6deg);
	-webkit-transform: skew(0deg,-6deg);
	-ms-transform: skew(0deg,-6deg);
	-o-transform: skew(0deg,-6deg);
	-moz-transform: skew(0deg,-6deg);
}

ul.skewMenu .sub-menu-item-7 {
	transform: skew(0deg,-7deg);
	-webkit-transform: skew(0deg,-7deg);
	-ms-transform: skew(0deg,-7deg);
	-o-transform: skew(0deg,-7deg);
	-moz-transform: skew(0deg,-7deg);
}

ul.skewMenu .sub-menu-item-8 {
	transform: skew(0deg,-8deg);
	-webkit-transform: skew(0deg,-8deg);
	-ms-transform: skew(0deg,-8deg);
	-o-transform: skew(0deg,-8deg);
	-moz-transform: skew(0deg,-8deg);
}

ul.skewMenu .sub-menu-item-9 {
	transform: skew(0deg,-9deg);
	-webkit-transform: skew(0deg,-9deg);
	-ms-transform: skew(0deg,-9deg);
	-o-transform: skew(0deg,-9deg);
	-moz-transform: skew(0deg,-9deg);
}

ul.skewMenu .sub-menu-item-10 {
	transform: skew(0deg,-10deg);
	-webkit-transform: skew(0deg,-10deg);
	-ms-transform: skew(0deg,-10deg);
	-o-transform: skew(0deg,-10deg);
	-moz-transform: skew(0deg,-10deg);
}

ul.skewMenu .sub-menu-item-11 {
	transform: skew(0deg,-11deg);
	-webkit-transform: skew(0deg,-11deg);
	-ms-transform: skew(0deg,-11deg);
	-o-transform: skew(0deg,-11deg);
	-moz-transform: skew(0deg,-11deg);
}
/* ------------------ */
/* Menu item rotation on "TV screen" */
ul.skewMenu .menu-item-2 {
	transform: skew(0deg,-1deg);
	-webkit-transform: skew(0deg,-1deg);
	-ms-transform: skew(0deg,-1deg);
	-o-transform: skew(0deg,-1deg);
	-moz-transform: skew(0deg,-1deg);
}

ul.skewMenu .menu-item-3{
	transform: skew(0deg,-2deg);
	-webkit-transform: skew(0deg,-2deg);
	-ms-transform: skew(0deg,-2deg);
	-o-transform: skew(0deg,-2deg);
	-moz-transform: skew(0deg,-2deg);
}

ul.skewMenu .menu-item-4 {
	transform: skew(0deg,-3deg);
	-webkit-transform: skew(0deg,-3deg);
	-ms-transform: skew(0deg,-3deg);
	-o-transform: skew(0deg,-3deg);
	-moz-transform: skew(0deg,-3deg);
}

ul.skewMenu .menu-item-5 {
	transform: skew(0deg,-4deg);
	-webkit-transform: skew(0deg,-4deg);
	-ms-transform: skew(0deg,-4deg);
	-o-transform: skew(0deg,-4deg);
	-moz-transform: skew(0deg,-4deg);
}

ul.skewMenu .menu-item-6 {
	transform: skew(0deg,-5deg);
	-webkit-transform: skew(0deg,-5deg);
	-ms-transform: skew(0deg,-5deg);
	-o-transform: skew(0deg,-5deg);
	-moz-transform: skew(0deg,-5deg);
}

ul.skewMenu .menu-item-7 {
	transform: skew(0deg,-8deg);
	-webkit-transform: skew(0deg,-8deg);
	-ms-transform: skew(0deg,-8deg);
	-o-transform: skew(0deg,-8deg);
	-moz-transform: skew(0deg,-8deg);
}

ul.skewMenu .menu-item-8 {
	transform: skew(0deg,-10deg);
	-webkit-transform: skew(0deg,-10deg);
	-ms-transform: skew(0deg,-10deg);
	-o-transform: skew(0deg,-10deg);
	-moz-transform: skew(0deg,-10deg);
}

ul.skewMenu .menu-item-9 {
	transform: skew(0deg,-12deg);
	-webkit-transform: skew(0deg,-12deg);
	-ms-transform: skew(0deg,-12deg);
	-o-transform: skew(0deg,-12deg);
	-moz-transform: skew(0deg,-12deg);
}
/* ------------------ */
/* Top/home buttons */
.toHome,
.onTop,
input[name=back] {
	position: absolute;
	display: block;
	width: 125px;
	height: 37px;
}

.toHome {
	background: url(img/sprite_toHome.png) 0 0;
	top: 150px;
	left: 85px;
}

.toHome:hover {
	background: url(img/sprite_toHome.png) 0 37px;
}

input[name=back] {
	background: url(img/sprite_back.png) 0 0;
	border: 0;
	top: 150px;
	left: 215px;
	cursor: pointer;
}

input[name=back]:hover {
	background: url(img/sprite_back.png) 0 37px;
}

.onTop {
	background: url(img/sprite_onTop.png) 0 0;
	right: 80px;
	top: 80px;
	cursor: pointer;
}

.onTop:hover {
	background: url(img/sprite_onTop.png) 0 37px;
}
/* ------------------ */
/* Head menu on page */
ul.headMenu {
	top: 195px;
	left: 85px;
	display: block;
	float: left;
	z-index: 1;
}

ul.headMenu li {
	display: block;
	float: left;
	position: relative;
	height: 38px;
	cursor: pointer;
}

.headMenu a {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	opacity: 0;
}

.headMenu .menu-item a {
	display: block;
	width: 100%;
	height: 100%;
}

.headMenu li.menu-item-1 {
	background: url(img/sprite_menu.png) 0 0;
	width: 83px;
}

.headMenu li.menu-item-1:hover {
	background: url(img/sprite_menu.png) 0 -38px;
	width: 83px;
}

.headMenu li.menu-item-2 {
	background: url(img/sprite_menu.png) -83px 0;
	width: 129px;
}

.headMenu li.menu-item-2:hover {
	background: url(img/sprite_menu.png) -83px -38px;
	width: 129px;
}

.headMenu li.menu-item-3 {
	background: url(img/sprite_menu.png) -212px 0;
	width: 92px;
}

.headMenu li.menu-item-3:hover {
	background: url(img/sprite_menu.png) -212px -38px;
	width: 92px;
}

.headMenu li.menu-item-4 {
	background: url(img/sprite_menu.png) -304px 0;
	width: 119px;
}

.headMenu li.menu-item-4:hover {
	background: url(img/sprite_menu.png) -304px -38px;
	width: 119px;
}

.headMenu li.menu-item-5 {
	background: url(img/sprite_menu.png) -423px 0;
	width: 163px;
}

.headMenu li.menu-item-5:hover {
	background: url(img/sprite_menu.png) -423px -38px;
	width: 163px;
}

.headMenu li.menu-item-6 {
	background: url(img/sprite_menu.png) -586px 0;
	width: 80px;
}

.headMenu li.menu-item-6:hover {
	background: url(img/sprite_menu.png) -586px -38px;
	width: 80px;
}

.headMenu li.menu-item-7 {
	background: url(img/sprite_menu.png) -666px 0;
	width: 165px;
}

.headMenu li.menu-item-7:hover {
	background: url(img/sprite_menu.png) -666px -38px;
	width: 165px;
}

.headMenu li.menu-item-8 {
	background: url(img/sprite_menu.png) -831px 0;
	width: 154px;
}

.headMenu li.menu-item-8:hover {
	background: url(img/sprite_menu.png) -831px -38px;
	width: 154px;
}

.headMenu li.menu-item-9 {
	background: url(img/sprite_menu.png) -985px 0;
	width: 135px;
}

.headMenu li.menu-item-9:hover {
	background: url(img/sprite_menu.png) -985px -38px;
	width: 135px;
}

ul.headMenu ul.children {
	background: url(img/subMenuBorderLeft.png) repeat-y,
		url(img/subMenuBorderRight.png) 100% 0 repeat-y;
	padding: 0 30px;
	position: absolute;
	left: -9999px;
	z-index: 11;
}

ul.headMenu .children:after {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	height:30px;
	background: url(img/subMenuBorderLeftCorner.png) no-repeat, url(img/subMenuBorderRightCorner.png) no-repeat;
	background-position: 0 0, 100% 0;
	z-index: 30;
}

ul.headMenu .children li {
	clear: both;
	background: url(img/menu_bg.jpg);
	width: 100%;
	font-family: Comic Sans MS;
	font-size: 14px;
	height: auto;
}

ul.headMenu .children li:last-child:before {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	height: 30px;
	background: url(img/subMenuBorderBottom.png) repeat-x;
	z-index: 30;
}

ul.headMenu .children li a {
	color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px 4px #000;
	white-space: nowrap;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*IE8*/
	opacity: 1;
}

ul.headMenu .children li a:hover {
	color: #8fe897;
	text-decoration: underline;
}

ul.headMenu li:hover ul.children {
	left: 0;
	top: 37px;
}
/* ------------------ */
/* Head menu on home page */
ul.mainPageMenu {
	font-family: DisneyPark;
	font-size: 24px;
	top: 460px;
	left: 180px;
}

ul.mainPageMenu li {
	display: block;
	float: left;
	background: url(img/menu_point.png) no-repeat left 16px;
	padding: 0 6px 0 12px;
}

ul.mainPageMenu li:first-child {
	background: none;
}

ul.mainPageMenu li a {
	text-decoration: none;
	color: #200B04;
}

ul.mainPageMenu li a:hover{
	color: #706256;
}

.mainLogo {
	position: absolute;
	bottom: 10px;
	left: 165px;
}
/* ------------------ */
/* Page content */
.mainContent {
	width: 100%;
	height: 781px;
	background-image: url(img/mainContent.jpg);
}

.pageContent,
.honorPageContent {
	width: 100%;
	background: url(img/pageContent.jpg) 0 35px; /*IE8*/
	background: url(img/pageHeader2.jpg) no-repeat, url(img/pageContent.jpg) 0 35px;
/*	padding: 55px 0; for feedback and article div's ::before/after*/
}

.currentPageContent {
	width: 100%;
	background-image: url(img/currentPageContent.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	min-height: 289px;
}

.pageContent p,
.honorPageContent p,
.currentPageContent p {
	margin: 0;
}
/* used in hero/machine description */
.pageContent h3 {
	margin-top: 0;
}

.pageText {
	width: 1035px;
	margin: 0 auto;
}

.pageText p {
	padding-bottom: 7px;
}

.pageImg > p a {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.pageImg img.aligncenter {
	margin: 0 auto;
	display: block;
}

.pageImg > div:first-child,
.pageImg .wp-video-shortcode {
	margin: 0 auto;
}

h1, h2, dl {
	margin: 0;
}

h1 {
	font-family: DisneyPark;
	color: #200B04;
}

h1.z-title {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 360px;
	font-size: 55px;
	font-weight: normal;
}

p.z-title {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 360px;
	font-size: 36px;
	font-weight: normal;
}

p.z-title span {
	font-size: 32px;
}

p.title-sub {
	text-align: center;
	font-size: 32px;
}

.pageHeader h1,
.currentPageHeader h1 {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 70px;
	font-size: 55px;
	font-weight: normal;
	z-index: 0;
}

.currentPageHeader p {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 20px;
	font-weight: normal;
	z-index: 0;
	color: #140d0a;
}
/* ------------------ */
/* Wrapper for news & recommended content */
.mainWrap {
	width: 953px;
	height: 100%;
	margin-left: 35px;
}

.mainWrap h1 {
	display: inline-block;
	background: url(img/h1_dash.png) no-repeat right 21px;
	padding-right: 40px;
	font-size: 32px;
}

.monthArchive {
	margin: 0 0 0 15px;
}

.monthArchive dl {
	font-size: 14px;
	color: #000000;
	background: #C7B39F;
	padding: 5px 10px;
	width: 97%;
	border-radius: 5px;
}

.monthArchive h2 {
	font-family: DisneyPark;
	font-size: 28px;
	color: #006314;
	padding: 15px 0;
}

.monthArchive h2 img {
	margin-bottom: -5px;
}

.monthArchive dl dt {
	float: left;
	display: block;
}

.monthArchive dl dd {
	margin: 0 0 15px 95px;
	min-height: 30px;
}

.monthArchive dl dd:last-child {
	margin-bottom: 0;
}

.monthArchive dl dd p {
	margin-top: 0;
}

.monthArchive dl dd:last-child p {
	margin: 0;
}

.monthArchive dl dd a {
	color: #5d381e;
}

.monthArchive dl dd a:hover {
	color: #A66740;
}
/* ------------------ */
/* Recommended items */
.recommendedHome img.separator {
	float: left;
	margin: 70px 10px 0;
}

.recommendedHome ul {
	float: left;
	width: 258px;
	margin-top: 0;
}

.recommendedHome ul li {
	margin: 15px 27px 0;
}

/* ------------------ */
/* Pages with left menu */
.leftSB_Page {
	width: 100%;
	background: url(img/pageContent.jpg) 0 119px; /*IE8 */
	background: url(img/leftSB_Header2.jpg) no-repeat, url(img/pageContent.jpg) 0 119px;
}

.leftSB_Wrapper {
	width: 1119px;
	margin: 0 auto;
	overflow: hidden;
}

div.leftSB {
	width: 280px;
	float: left;
	margin: 0 5px 5px 0;
	background: url(img/leftSB_BG.png);
	border-radius: 5px;
	box-shadow: inset 2px 2px 3px 0 rgba(211,180,161,1), 
		inset -2px -2px 3px 0 rgba(120,85,65,1), 
		3px 3px 5px 0 rgba(143,133,114,0.75);
}

div.leftSB h1 {
	text-align: center;
	padding: 20px 0;
}

div.leftSB ul, div.leftSB ol {
	margin: 0 10px 75px;
}

div.leftSB ol {
	padding-left: 25px;
}

div.leftSB ol li {
	margin: 20px 0;
}

div.leftSB ul li a,
div.leftSB ol li a {
	color: #140d0a;
	font-size: 18px;
	text-decoration: none;
}

div.leftSB ul li a.active,
div.leftSB ol li a.active {
	text-shadow: 0 0 30px #fff;
	color: #fff;
}

div.leftSB ul li a:hover,
div.leftSB ol li a:hover {
	color: #fff;
}

div.leftSB p {
	text-align: center;
	font-size: 22px;
	margin-top: 15px;
}

div.leftSB p a {
	color: #140d0a;
}

div.leftSB p a:hover {
	color: #fff;
}

div.leftSB_Content {
	width: 780px;
	float: right;
	background: url(img/tribal.png) center 0 no-repeat;
}

.leftSB_Content h1 {
	font-size: 55px;
	font-weight: normal;
	text-align: center;
	color: #35332f;
	margin-top: 123px;
}

.leftSB_Content p,
.leftSB_Content ol {
	font-size: 20px;
}

.leftSB_Content p.bold {
	font-weight: bold;
	font-size: 18px;
	text-align: right;
}

.leftSB_Content h2 {
	text-align: center;
	margin-bottom: 15px;
}

.leftSB_Content h3 {
	text-align: center;
	margin: 15px 0;
	font-size: 30px;
	font-weight: normal;
}
/* ------------------ */
/* Previews */
.preview li {
	overflow: hidden;
	height: 180px;
	width: 204px;
	float: left;
	background: url(img/gallery_bg.jpg);
	margin: 0 27px 60px;
	border: 1px solid #666666;
	border-radius: 3px;
	padding: 5px 0;
	box-shadow: inset 1px 1px 2px 0 rgba(200,200,200,1), 
		inset -2px -2px 3px 0 rgba(160,160,160,1), 
		2px 2px 3px 0 rgba(0,0,0,0.75);
}

.preview li img {
	width: 172px;
	height: 128px;
	margin: 5px 15px 0;
}

.preview li p {
	margin: 0;
	text-align: center;
	font-size: 12px;
}

.preview li a {
	color: #140d0a;
	width: 100%;
	position: relative;
	text-decoration: none;
}

.preview li a:hover {
	color: #52433c;
}

.preview li a:hover img {
	box-shadow: 0 0 0 2px #000000;
}

.preview li a.play:hover:after {
	content: '';
	width: 172px;
	height: 60px;
	position: absolute;
	top: 45px;
	left: 15px;
	background: url(img/playButton.png) 27px 10px no-repeat, rgba(0,0,0,0.5);
}

.preview li a.title {
	font-size: 18px;
	font-weight: bold;
	display: block;
	text-align: center;
	padding-bottom: 3px;
	min-height: 22px;
}

.preview li a.author {
	font-size: 18px;
	display: block;
	min-height: 30px;
	text-align: center;
}

.preview li a.quote {
	font-size: 12px;
	text-align: left;
	display: block;
}

.preview li a.quote span {
	padding-right: 5px;
	padding-left: 5px;
	display: inline-block;
}

ul.animationPreview li a.title,
ul.videoPreview li a.title,
ul.imagePreview li a.title {
	font-size: 14px;
}

ul.animationPreview li a.play,
ul.videoPreview li a.play {
	display: block;
}

ul.articlePreview,
ul.reportPreview {
	width: 100%;
	overflow: hidden;
}

.storyPreview li a.title {
	min-height: 128px;
}

.poemPreview li a,
.translationPreview li a {
	padding-top: 25%;
	height: 75%;
}

.triviaPreview li a,
.animalsPreview li a {
	text-decoration: none;
	display: block;
	height: 146px;
	overflow: hidden;
	margin-top: 5px;
}

.preview li a.comments {
	height: auto;
	display: inline-block;
	text-align: right;
	font-size: 12px;
}
.preview li a.comments span {
	padding-right: 8px;
}

/* ------------------ */
/* Sidebar */
.sidebar {
	width: 210px;
	float: right;
	margin-right: 10px;
	padding-top: 60px;
}
/* ------------------ */
/* Widgets */
div.head_wg {
	background: url(img/widget_top.png) no-repeat right top;
	padding-top: 29px;
	margin-bottom: 15px;
}

div.widget {
	background: url(img/widget_bg.jpg);
	border-left: #57342D 4px solid;
	border-bottom: #90796E 8px solid;
	border-radius: 0 0 10px 0;
}

div.widget a {
	color: #000;
}

div.widget a:hover {
	color: #5b371d;
}
/* ------------------ */
/* Polls */
div.wp-polls p {
	margin: 0;
}

div.widget ul li {
	text-align: center;
	margin-bottom: 20px;
}

div.widget div.wp-polls-ans ul li {
	text-align: left;
	margin: 0;
}

div.widget div.wp-polls-ans ul table td {
	display: none;
}

div.widget div.wp-polls-ans ul table td:first-child {
	display: inline-block;
}

div.widget div.wp-polls p.pollTitle {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
/* ------------------ */
/* Search */
#searchform input[type="text"],
#searchform input[type="submit"]{
	margin: 0 auto;
}

#searchform input[type="text"] {
	width: 170px;
	border-radius: 10px;
	margin: 0 7px;
	padding: 4px 10px 2px;
	border: none;
	box-shadow: inset 0 2px 2px 0 #000000;
	outline: none;
}

:focus::-webkit-input-placeholder { 
	color:transparent;
}

:focus::-moz-placeholder { 
	color:transparent;
}

:focus::placeholder {
	color:transparent;
}
/* ------------------ */
/* Search & polls buttons */
#searchform input[type="submit"],
.wp-polls input[type="button"] {
	border-radius: 9px;
	text-align: center;
	border: 1px solid #777571;
	padding: 1px 7px;
	background: -moz-linear-gradient(top, #ffffff, #d3d3d3, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36));
	background: -webkit-linear-gradient(top, #ffffff, #d3d3d3, #ffffff);
	background: -o-linear-gradient(top, #ffffff, #d3d3d3, #ffffff);
	background: -ms-linear-gradient(top, #ffffff, #d3d3d3, #ffffff);
	background: linear-gradient(top, #ffffff, #d3d3d3, #ffffff);
}

#searchform input[type="submit"] {
	margin: 5px 74px 4px;
}

#searchform input[type="submit"]:hover,
.wp-polls input[type="button"]:hover {
	background: -moz-linear-gradient(top, #ffffff, #d3d3d3, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36));
	background: -webkit-linear-gradient(top, #d3d3d3, #ffffff, #d3d3d3);
	background: -o-linear-gradient(top, #ffffff, #d3d3d3, #ffffff);
	background: -ms-linear-gradient(top, #ffffff, #d3d3d3, #ffffff);
	background: linear-gradient(top, #ffffff, #d3d3d3, #ffffff);
	box-shadow: 0 0 1px 0 #000000;
	cursor: pointer;
}
/* ------------------ */
/* Page navigation */
.wp-pagenavi {
	clear: both;
	padding-top: 90px;
	overflow: hidden;
	width: auto;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	padding: 3px 7px;
	display: inline-block;
	height: 26px;
	color: #2e1e1a;
	border: 0;
}

.wp-pagenavi .page,
.wp-pagenavi .page-numbers{
	background: url(img/pageNavi.png);
	width: 12px;
}

.wp-pagenavi .page:hover,
.wp-pagenavi .page-numbers:hover {
	background: url(img/pageNaviHover.png);
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .prev {
	background: url(img/pageNaviBack.png);
	width: 50px;
}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .prev:hover {
	background: url(img/pageNaviBackHover.png);
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .next {
	background: url(img/pageNaviForward.png);
	width: 50px;
}

.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .next:hover {
	background: url(img/pageNaviForwardHover.png);
}

.wp-pagenavi span.current {
	font-weight: bold;
	width: 12px;
	background: url(img/pageNaviCurrent.png);
}

.wp-pagenavi span.current:hover {
	background: url(img/pageNaviCurrentHover.png);
}
/* ------------------ */
/* Buttons under post */
.postButtonBar {
	width: 100%;
	height: 37px;
	margin-top: 40px;
	position: relative;
}

.postButtonBar div.previousButton {
	height: 37px;
	float: left;
}

.postButtonBar div.commentsButton,
.postButtonBar div.downloadButton,
.postButtonBar div.nextButton {
	height: 37px;
	float: right;
}

.postButtonBar div.previousButton a,
.postButtonBar div.commentsButton a,
.postButtonBar div.downloadButton a,
.postButtonBar div.nextButton a {
	display: block;
	width: 100%;
	height: 100%;
}

.postButtonBar div.previousButton {
	background: url(img/sprite_previousButton.png);
	width: 125px;
	margin-left: 8px;
}

.postButtonBar div.previousButton:hover {
	background: url(img/sprite_previousButton.png) 0 37px;
}

.postButtonBar div.commentsButton {
	background: url(img/sprite_commentsButton.png);
	width: 168px;
	position: absolute;
	left: 358px;
}

.postButtonBar div.commentsButton:hover {
	background: url(img/sprite_commentsButton.png) 0 37px;
}

.postButtonBar div.downloadButton {
	background: url(img/sprite_downloadButton.png);
	width: 125px;
	position: absolute;
	left: 546px;
}

.postButtonBar div.downloadButton:hover {
	background: url(img/sprite_downloadButton.png) 0 37px;
}

.postButtonBar div.nextButton {
	background: url(img/sprite_nextButton.png);
	width: 126px;
	margin-left: 235px;
}

.postButtonBar div.nextButton:hover {
	background: url(img/sprite_nextButton.png) 0 37px;
}

.readButtonBar {
	width: 305px;
	height: 37px;
	position: absolute;
	top: 80px;
	right: 215px;
}

.readButtonBar div.commentsButton,
.readButtonBar div.downloadButton {
	height: 37px;
	float: right;
}

.readButtonBar div.commentsButton a,
.readButtonBar div.downloadButton a {
	display: block;
	width: 100%;
	height: 100%;
}

.readButtonBar div.downloadButton {
	background: url(img/sprite_downloadButton.png);
	width: 125px;
}

.readButtonBar div.downloadButton:hover {
	background: url(img/sprite_downloadButton.png) 0 37px;
}

.readButtonBar div.commentsButton {
	background: url(img/sprite_commentsButton.png);
	width: 168px;
	margin-left: 10px;
}

.readButtonBar div.commentsButton:hover {
	background: url(img/sprite_commentsButton.png) 0 37px;
}

.lessonsButtonBar {
	width: 305px;
	height: 37px;
	position: absolute;
	top: 80px;
	right: 215px;
}

.lessonsButtonBar div.nextLessonButton,
.lessonsButtonBar div.backButton {
	height: 37px;
	float: left;
}

.lessonsButtonBar div.nextLessonButton a,
.lessonsButtonBar div.backButton a {
	display: block;
	width: 100%;
	height: 100%;
}

.lessonsButtonBar div.backButton {
	background: url(img/sprite_back.png);
	width: 125px;
	margin-left: 10px;
}

.lessonsButtonBar div.backButton:hover {
	background: url(img/sprite_back.png) 0 37px;
}

.lessonsButtonBar div.nextLessonButton {
	background: url(img/sprite_nextLesson.png);
	width: 164px;
}

.lessonsButtonBar div.nextLessonButton:hover {
	background: url(img/sprite_nextLesson.png) 0 37px;
}
/* ------------------ */
/* Footer */
.mainFooter {
	width: 100%;
	height: 538px;
	background-image: url(img/mainFooter.jpg);
	position: relative
}

ul.footerPages {
	font-family: DisneyPark;
	font-size: 22px;
	position: absolute;
	top: 80px;
	left: 410px;
	margin: 0;
	padding: 0;
}

ul.footerPages li{
	display: block;
}

ul.footerPages li a {
	color: #200B04;
}

ul.footerPages li a:hover {
	color: #706256;
}

.pageFooter {
	width: 100%;
	height: 337px;
	background-image: url(img/pageFooter.jpg);
	position: relative;
}

.currentPageFooter {
	width: 100%;
	height: 337px;
	background-image: url(img/currentPageFooter.jpg);
	position: relative;
}

p.copyright {
	position: absolute;
	width: 100%;
	top: 145px;
	color: #171412;
	text-align: center;
	font-family: DisneyPark;
	font-size: 22px;
}
/* ------------------ */
/* Links page */
table.linkPage {
	border-spacing: 12px;
	border-collapse: separate;
}

table.linkPage .linkPic {
	width: 90px;
	height: 90px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #5D331F;
	border-radius: 5px;
	background-image: url(img/linkPicBG.jpg);
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.7),
		inset -3px -3px 4px rgba(184,173,154,0.9),
		inset 2px 0 2px rgba(184,173,154,0.9);
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.7),
		inset -3px -3px 4px rgba(184,173,154,0.9),
		inset 2px 0 2px rgba(184,173,154,0.9);
	box-shadow: 3px 3px 4px rgba(0,0,0,0.7),
		inset -3px -3px 4px rgba(184,173,154,0.9),
		inset 2px 0 2px rgba(184,173,154,0.9);
}

/* linkDescription style used inside correspondent page contents (not used in template) */
table.linkPage .linkDescription span.link {
	display: block;
	height: 33px;
	background-image: url(img/linkBG.jpg);
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.7);
	box-shadow: 3px 3px 4px rgba(0,0,0,0.7);
	padding: 5px 10px 0;
	font-size: 18px;
	font-style: italic;
}
	
table.linkPage .linkDescription span.link span,
table.linkPage .linkDescription span.link a {
	font-size: 20px;
	font-style: normal;
}
	
table.linkPage .linkDescription span.link a {
	color: #532c06;
}

table.linkPage .linkDescription span.link a:hover {
	color: #fff;
}
/* ------------------ */
/* Sitemap page */
ul.siteMap,
ul.siteMap ul {
	padding-left: 40px;
	color: #442405;
	text-decoration: underline;
}

ul.siteMap {
	margin: 0 110px;
	font-size: 18px;
	list-style-image: url(img/mapMarkerFirst.png);
	font-weight: bold;
}

ul.siteMap a {
	color: #442405;
}

ul.siteMap a:hover {
	color: #bf8f60;
}

ul.mapChildren,
ul.mapChildren ul ul {
	font-weight: normal;
	list-style-image: url(img/mapMarkerSecond.png);
}

ul.mapChildren ul {
	list-style-image: url(img/mapMarkerThird.png);
}
/* ------------------ */
/* Honor page */
.classifiedSuite {
	width: 980px;
	background: url(img/classifiedSuiteMainBG.png); /*IE8*/
	background: url(img/classifiedSuiteMainBG.png),
		url(img/classifiedSuiteTop.png) 0 top no-repeat,
		url(img/classifiedSuiteBottom.png) 0 bottom no-repeat;
	margin: 10px auto 0;
	border-radius: 7px;
	padding: 70px;
	position: relative; 
}

#leftDot,
#rightDot {
	content: '';
	width: 36px;
	height: 50px;
	position: absolute;
	top: 144px;
	background: url(img/classifiedSuiteSideDot.png);
}

#leftDot {
	left: 0;
}

#rightDot {
	right: 0;
}

.classifiedSuite table {
	border-spacing: 12px;
}

td.classifiedSuitePic {
	height: 150px;
	width: 185px;
	background: url(img/classifiedSuitePicDot.png) left top no-repeat,
		url(img/classifiedSuitePicDot.png) right top no-repeat,
		url(img/classifiedSuitePicDot.png) left bottom no-repeat,
		url(img/classifiedSuitePicDot.png) right bottom no-repeat,
		url(img/classifiedSuitePic.jpg);
	border-radius: 5px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	box-shadow: 2px 2px 5px 0px #000;
}

td.classifiedSuitePic img {
	box-shadow: 0 0 6px 2px #000;
}

td.classifiedSuiteDesc {
	height: 150px;
	width: 783px;
	background: url(img/classifiedSuiteDescBottom.png) 0 bottom repeat-x; /*IE8*/
	background: url(img/classifiedSuiteDescBottom.png) 0 bottom repeat-x,
		url(img/classifiedSuiteDesc.png);
	border-radius: 10px;
	box-shadow: 2px 2px 5px 0px #000;
	padding: 0 8px 15px;
}

td.classifiedSuiteDesc p {
	font-size: 15px;
}

td.classifiedSuiteDesc p span {
	font-size: 18px;
	font-weight: bold;
}

td.classifiedSuiteDesc p a {
	color: #4f2201;
}

td.classifiedSuiteDesc p a:hover {
	color: #fff;
}
/* ------------------ */
/* All series */
ul.allSeries li,
ul.allSeries li img,
ul.allSeries li a {
	border-radius: 5px;
}

ul.allSeries li {
	border-top: 3px solid #c7af9c;
	border-right: 3px solid #9f8b7b;
	border-bottom: 3px solid #9f8b7b;
	border-left: 3px solid #c7af9c;
}

ul.allSeries li {
	display: block;
	height: 140px;
	background: #b5a18d;
	margin-bottom: 5px;
}

ul.allSeries li img {
	border: 1px solid #666;
	padding: 10px;
	margin: 14px;
	float: left;
	position: relative;
	display: block;
	width: 119px;
	height: 90px;
}

ul.allSeries li a {
	display: block;
	height: 30px;
	width: 770px;
	margin: 36px 10px 36px 0;
	padding: 15px;
	border: 2px solid #998b7b;
	font-size: 20px;
	color: #331d0a;
	position: relative;
	float: right;
	text-decoration: none;
}

ul.allSeries li a:hover {
	color: #fff;
}

ul.allSeries li a:before {
	content: '';
	height: 20px;
	width: 20px;
	border: 2px solid #998b7b;
	border-radius: 12px;
	position: absolute;
	top: 18px;
	left: -43px;
}

ul.allSeries li img,
ul.allSeries li a,
ul.allSeries li a:before {
	box-shadow: 3px 3px 8px 0 rgba(0,0,0,0.94);
	background: url(img/classifiedSuitePic.jpg);
}
/* ------------------ */
/* Heroes & machines */
.tabSheet {
	width: 915px;
	overflow: hidden;
	margin: 50px auto 0;
}

#tabs {
	width: 396px;
	height: 728px;
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
}

#tabs li {
	width: 396px;
	height: 104px;
}

#tabs a {
	display: table;
	width: 100%;
	height: 100%;
	background: url(img/tabsBG.png); /*IE8*/
	background: url(img/tabsPicBG.png) 16px 10px no-repeat, url(img/tabsBG.png);
	color: #140d0a;
}

#tabs a img {
	margin: 12px 0 0 27px;
	float: left;
}

#tabs a p {
	display: table-cell;
	width: 260px;
	margin-right: 20px;
	padding-right: 15px;
	text-align: center;
	text-decoration: underline;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
}

#tabs a:hover,
#tabs a:focus {
	background: url(img/tabsPicBG.png) 16px 10px no-repeat, url(img/tabsHoverBG.png);
}

#tabs a:hover p,
#tabs a:focus p {
	color: #fff;
	text-shadow: 0 0 20px rgba(255,255,255,1);
}

#tabs #current a {
	background: url(img/tabsHoverBG.png); /*IE8*/
	background: url(img/tabsPicBG.png) 16px 10px no-repeat, url(img/tabsHoverBG.png);
}

#tabs #current a p {
	color: #fff;
	text-shadow: 0 0 20px rgba(255,255,255,1);
}

#content {
	width: 455px;
	height: 700px;
	margin: 0 5px 5px 0;
	padding: 10px 15px;
	float: right;
	overflow: auto;
	background: url(img/tabsChildBG.jpg);
	border-radius: 10px;
	box-shadow: 2px 2px 5px 0 #8b8372;
}

#content .hero li,
#content .machine li {
	width: 420px;
	height: 104px;
}

#content .hero li a,
#content .machine li a {
	display: table;
	width: 100%;
	height: 100%;
	color: #140d0a;
	background: url(img/heroPicBG.png) 16px 10px no-repeat;
}

#content .hero li a img,
#content .machine li a img {
	margin: 21px 0 0 24px;
	float: left;
}

#content .hero li a p,
#content .machine li a p {
	display: table-cell;
	font-size: 20px;
	vertical-align: middle;
	text-align: center;
	width: 300px;
	margin-right: 20px;
}

#content .hero li a:hover,
#content .machine li a:hover {
	color: #fff;
}

/* ------------------ */
/* HQ */
div.headquarters {
	width: 956px;
	height: 1155px;
	margin: 0 auto;
	background: url(img/headquartersDot.png) right top no-repeat;
	position: relative;
}

.headquarters div a {
	display: block;
	width: 100%;
	height: 100%;
	color: #140d0a;
}

.headquarters div a p {
	text-align: center;
	margin: 0;
	font-family: DisneyPark;
	padding: 0;
}

.headquarters div.brown a p {
	font-size: 28px;
	padding-top: 10px;
}

.headquarters div.brown a:hover {
	color: #fff;
}

.headquarters div.smallWhite a p,
.headquarters div.bigWhite a p {
	font-size: 22px;
	padding-top: 7px;
}

.headquarters div.smallWhite a:hover,
.headquarters div.bigWhite a:hover {
	color: #71D079;
}

.headquarters .brown {
	width: 284px;
	height: 61px;
	background: url(img/headquartersBrownBlock.png) no-repeat;
	position: absolute;
}

.headquarters .smallWhite {
	width: 142px;
	height: 49px;
	background: url(img/headquartersWhiteSmallBlock.png) no-repeat;
	position: absolute;
}

.headquarters .bigWhite {
	width: 318px;
	height: 49px;
	background: url(img/headquartersWhiteBigBlock.png) no-repeat;
	position: absolute;
}

.three-d {
	top: 0;
	left: 0;
}

.floor4 {
	top: 0;
	left: 355px;
}

.kitchen {
	top: 110px;
	left: 430px;
}

.floor3 {
	top: 228px;
	left: 355px;
}

.RRoom {
	top: 335px;
	left: 147px;
}

.CDroom {
	top: 335px;
	left: 541px;
}

.ZRoom {
	top: 430px;
	left: 147px;
}

.floor2 {
	top: 545px;
	left: 355px;
}

.GRoom {
	top: 652px;
	left: 82px;
}

.hall {
	top: 652px;
	left: 430px;
}

.workshop {
	top: 652px;
	left: 605px;
}

.floor1 {
	top: 771px;
	left: 355px;
}

.salonTop {
	top: 882px;
	left: 147px;
}

.shed {
	top: 882px;
	left: 541px;
}

.ground {
	top: 1000px;
	left: 355px;
}

.salonBottom {
	top: 1105px;
	left: 147px;
}

.gym {
	top: 1105px;
	left: 541px;
}
/* ------------------ */
/* Post comments */
.comments-area {
	margin-top: 40px;
}

.comment-reply-title {
	width: 260px;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	color: #593c00;
	background: #ebe7de;
	border-bottom: 2px solid #93897C;
	border-right: 2px solid #93897C;
	border-left: 2px solid #E4DACC;
	border-top: 2px solid #E4DACC;
	margin: 0 0 5px 5px;
	padding: 0 0 5px;
	cursor: pointer;
}
.comment-reply-title:hover {
	box-shadow: 0 0 5px 1px #844029;
}

.comment-reply-title:active {
	border-bottom: 2px solid #E4DACC;
	border-right: 2px solid #E4DACC;
	border-left: 2px solid #93897C;
	border-top: 2px solid #93897C;
}

.comment-form,
.pollsTabs {
	display: none;
}

.commentlist,
.commentlist ul {
	list-style-type: none;
	color: #200B04;
}

.commentlist ul {
	padding-left: 10px;
}

.commentlist li {
	background: #b5a08c;
	width: 965px;
	margin-bottom: 35px;
	position: relative;
	border-radius: 5px 5px 0 0;
	border: 1px solid;
}
.comment-body {
	padding-bottom: 15px;
}

.commentlist li p {
	padding: 15px;
	padding-top: 0;
	display: block;
}

.commentlist li blockquote {
	margin: 0 15px 15px;
	padding-top: 30px;
}

.commentlist li blockquote p {
	background: #dad0c6;
	margin-top: 15px;
	padding-top: 15px;
}

.commentlist li:nth-child(even) {
	background: #c5b6a3;
}

.comment-author,
.comment-meta {
	width: 452px;
	border-bottom: 2px solid #F1EADA;
	margin-bottom: 15px;
}

.comment-author {
	float: left;
	font-size: 17px;
	height: 25px;
	padding: 5px 15px 0;
}

.comment-author img {
	display: none;
}

.comment-meta {
	float: right;
	text-align: right;
	font-size: 14px;
	font-style: italic;
	height: 23px;
	padding: 7px 15px 0;
}

p.comment-form-comment textarea {
	height: 70px;
}

.commentlist div.reply {
	margin-left: 10px;
}
/* ------------------ */
/* Video */
.videoContent {
	margin: 21px auto;
}

.videoContent video {
	border: 3px solid #fff;
	border-radius: 5px;
	box-shadow: 0 0 21px 0 rgba(0,0,0,0.75);
}
/* ------------------ */
/* Feedback & articles */
.feedback,
.articles {
	background: url(img/feedbackBG.png);
	position: relative;
}

.feedback:before,
.articles:before {
	content: '';
	width: 1035px;
	height: 55px;
	background: url(img/feedbackTop.png);
	position: absolute;
	top: -55px;
	left: 0;
}

.feedback:after,
.articles:after {
	content: '';
	width: 1035px;
	height: 55px;
	background: url(img/feedbackBottom.png);
	position: absolute;
	bottom: -55px;
	left: 0;
	z-index: 10;
}

.feedback table {
	border-spacing: 15px;
	margin: 0 auto;
}

td.feedbackPic {
	height: 150px;
	width: 185px;
	background: url(img/classifiedSuitePic.jpg); /*IE8*/
	background: url(img/classifiedSuitePicDot.png) left top no-repeat,
		url(img/classifiedSuitePicDot.png) right top no-repeat,
		url(img/classifiedSuitePicDot.png) left bottom no-repeat,
		url(img/classifiedSuitePicDot.png) right bottom no-repeat,
		url(img/classifiedSuitePic.jpg);
	border-radius: 5px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	box-shadow: 2px 2px 5px 0px #000;
}

td.feedbackPic img {
	box-shadow: 0 0 6px 2px #000;
}

td.feedbackDesc {
	width: 700px;
	background: url(img/classifiedSuiteDesc.png); /*IE8*/
	background: url(img/classifiedSuiteDescBottom.png) 0 bottom repeat-x,
		url(img/classifiedSuiteDesc.png);
	border-radius: 10px;
	box-shadow: 2px 2px 5px 0px #000;
	padding: 5px 15px 20px;
}

td.feedbackDesc span {
	font-weight: bold;
	font-size: 18px;
}

td.feedbackDesc p {
	font-size: 15px;
}

td.feedbackDesc p span {
	font-weight: bold;
	font-size: 15px;
}

td.feedbackDesc p a {
	color: #4f2201;
}

td.feedbackDesc p a:hover {
	color: #fff;
}
/* ------------------ */
/* Lessons & music */
h2.lessonsCat {
	color: #35332f;
	text-align: center;
	font-size: 27px;
	margin: 20px 0;
}

div.lessons,
div.musicAuthor {
	width: 1030px;
	overflow: hidden;
	margin: 0 0 10px;
	padding: 0 5px 10px 0;
}

div.lessons div.lessonsName {
	width: 360px;
	float: left;
}

div.lessons div.lessonsName a {
	color: #35332f;
	font-size: 22px;
	text-align: center;
	vertical-align: middle;
	display: block;
	width: 100%;
	height: 100%;
}

div.lessons div.lessonsName a:hover {
	color: #6a4a27;
}

div.lessons div.lessonsData {
	width: 619px;
	float: right;
	color: #35332f;
	font-size: 15px;
}

div.lessons div.lessonsData p.lessonsAuthor {
	text-align: right;
}

div.lessons div.lessonsName,
div.lessons div.lessonsData {
	background: url(img/classifiedSuiteDesc.png);
	border-radius: 5px;
	box-shadow: 2px 2px 5px 0px rgba(139,131,114,0.75);
	padding: 8px;
}
/* ------------------ */
/* Music tabs */
table.musicTabs {
	border-spacing: 0 30px;
	width: 90%;
	margin: 0 auto;
	color: #fff;
	border-collapse: separate;
}

table.musicTabs tr td {
	background: url(img/linkBG.jpg);
	height: 33px;
	border-radius: 10px;
	box-shadow: 3px 3px 4px rgba(0,0,0,0.7);
	padding: 5px 10px 0;
	font-size: 20px;
}

table.musicTabs tr td:first-child {
	border-radius: 10px 0 0 10px;
}

table.musicTabs tr td:last-child {
	border-radius: 0 10px 10px 0;
	width: 10%;
}

table.musicTabs tr td a {
	color: #fff;
}

table.musicTabs tr td a:hover {
	color: #4e2e00;
}
/* ------------------ */
/* Author's music */
div.authorName {
	width: 240px;
	float: left;
	color: #35332f;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	display: block;
	background: url(img/classifiedSuiteDesc.png);
	border-radius: 5px;
	box-shadow: 2px 2px 5px 0px rgba(139,131,114,0.75);
	padding: 5px;
	position: relative;
}

div.authorName:after {
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	top: 15px;
	right: -30px;
	border-radius: 7px;
	background: url(img/classifiedSuiteDesc.png);
	box-shadow: 2px 2px 5px 0px rgba(139,131,114,0.75);
}

div.musicContent {
	float: right;
	background: #BEA18C;
	width: 720px;
	border-radius: 5px;
	box-shadow: inset 2px 2px 3px 0 rgba(211,180,161,1), 
		inset -2px -2px 3px 0 rgba(120,85,65,1), 
	2px 2px 4px 0 rgba(143,133,114,0.75);
	padding: 8px;
}

div.musicContent p.musicHead {
	font-size: 18px;
}

div.musicContent table {
	width: 720px;
	border-spacing: 0 10px;
}

div.musicContent table td {
	vertical-align: middle;
	font-size: 14px;
	background: #DBCFBD;
	height: 30px;
}

div.musicContent table td a {
	color: #140d0a;
}

div.musicContent table td a:hover {
	color: #4e2e00;
	text-decoration: none;
}

div.musicContent table td:first-child {
	border-radius: 5px 0 0 5px;
}

div.musicContent table td:last-child {
	border-radius: 0 5px 5px 0;
}

div.musicContent table td.playTrack {
	width: 300px;
}

div.musicContent table td.playTrack audio {
	margin-top: 4px;
	margin-left: 4px;
}

div.musicContent table td.trackName {
	width: 219px;
	padding-left: 10px;
}
/* ------------------ */
/* Music form serial / music collection */
.musicFromSerial {
	overflow: hidden;
}

.musicFromSerial div.authorName {
	width: 280px;
	float: left;
	color: #35332f;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	display: block;
	background: url(img/classifiedSuiteDesc.png);
	border-radius: 5px;
	box-shadow: 2px 2px 5px 0px rgba(139,131,114,0.75);
	padding: 5px;
	position: relative;
}

.musicFromSerial div.authorName:after {
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	top: 15px;
	right: -30px;
	border-radius: 7px;
	background: url(img/classifiedSuiteDesc.png);
	box-shadow: 2px 2px 5px 0px rgba(139,131,114,0.75);
}

.musicFromSerial div.musicHead {
	float: right;
	background: #BEA18C;
	width: 675px;
	border-radius: 5px 5px 0 0;
	box-shadow: inset 2px 2px 3px 0 rgba(211,180,161,1), 
		inset -2px -2px 3px 0 rgba(120,85,65,1), 
		2px 2px 4px 0 rgba(143,133,114,0.75);
	padding: 8px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.musicFromSerial div.musicHead p {
	font-size: 20px;
	color: #140d0a;
	padding: 5px;
	text-align: center;
	background: #E9E2D7;
	border-radius: 5px;
	border: 1px solid #9F8F81;
	box-shadow: inset 2px 2px 4px 0 rgba(0,0,0,0.75);
}

.musicFromSerial div.musicContent {
	float: right;
	background: #BEA18C;
	width: 675px;
	border-radius: 0 0 5px 5px;
	box-shadow: inset 2px 2px 3px 0 rgba(211,180,161,1), 
		inset -2px -2px 3px 0 rgba(120,85,65,1), 
		2px 2px 4px 0 rgba(143,133,114,0.75);
	padding: 8px;
	margin-right: 5px;
	margin-bottom: 20px;
}

.musicFromSerial div.musicContent div.content {
	font-size: 16px;
	color: #140d0a;
	padding: 5px;
	background: #E9E2D7;
	border-radius: 5px;
	border: 1px solid #9F8F81;
	box-shadow: inset 2px 2px 4px 0 rgba(0,0,0,0.75);
}

.musicFromSerial div.musicContent div.content a {
	color: #3e2109;
}

.musicFromSerial div.musicContent div.content a:hover {
	text-decoration: none;
}
/* ------------------ */
/* Other creativity */
table.otherFiles {
	background: url(img/leftSB_BG.png);
	border-radius: 5px;
	box-shadow: inset 2px 2px 3px 0 rgba(211,180,161,1), 
		inset -2px -2px 3px 0 rgba(120,85,65,1), 
		3px 3px 5px 0 rgba(143,133,114,0.75);
	margin: 0 5px 20px 0;
	overflow: hidden;
}

table.otherFiles td.otherFilesThumb {
	float: left;
	background: url(img/gallery_bg.jpg);
	border: 1px solid #666666;
	border-radius: 3px;
	box-shadow: inset 1px 1px 2px 0 rgba(200,200,200,1), 
		inset -2px -2px 3px 0 rgba(160,160,160,1), 
		2px 2px 3px 0 rgba(0,0,0,0.75);
	padding: 5px;
	margin: 15px 10px;
}

table.otherFiles td.otherFilesDetails {
	lext-align: left;
	width: 180px;
	padding: 0 10px;
	margin: 5px 0;
	border-left: 2px solid #140d0a;
}

table.otherFiles td.otherFilesDetails p {
	font-size: 11px;
	color: #140d0a;
	margin: 0 0 10px;
}

table.otherFiles td.otherFilesDetails p span {
	font-weight: bold;
}

table.otherFiles td.otherFilesDetails p:last-child {
	margin-bottom: 0;
}

table.otherFiles td.otherFilesDescription {
	padding: 5px;
}

table.otherFiles td.otherFilesDescription a {
	font-size: 16px;
	font-weight: bold;
	color: #140d0a;
	display: inline-block;
	margin-top: 5px;
}

table.otherFiles td.otherFilesDescription a:hover {
	text-decoration: none;
	color: #fff;
}

table.otherFiles td.otherFilesDescription p {
	font-size: 14px;
	color: #2a231c;
}
/* ------------------ */
/* Articles & reports */
div.articles {
	padding: 0 125px;
}
/* ------------------ */
/* Competitions */
h4.competition {
	font-family: DisneyPark;
	font-size: 35px;
	text-align: center;
	display: block;
	width: 400px;
	padding: 5px 15px;
	margin: 55px auto 35px;
	position: relative;
	background: url(img/tabsChildBG.jpg);
	border-radius: 10px;
	box-shadow: inset 2px 2px 3px 0 rgba(255,255,255,0.7), 
		inset -2px -2px 3px 0 rgba(120,85,65,0.7), 
		2px 2px 5px 0 #8b8372;}

h4.competition:before,
h4.competition:after {
	content: '';
	width: 20px;
	height: 20px;
	background: red;
	position: absolute;
	background: url(img/tabsChildBG.jpg);
	border-radius: 10px;
	box-shadow: inset 2px 2px 3px 0 rgba(255,255,255,0.7), 
		inset -2px -2px 3px 0 rgba(120,85,65,0.7), 
		2px 2px 5px 0 #8b8372;
	bottom: -25px;
}

h4.competition:before {
	left: -25px;
}

h4.competition:after {
	right: -25px;
}

div.frame {
	width: 670px;
	height: 500px;
	overflow: auto;
	margin: 5px auto;
	padding: 5px;
	background: url(img/tabsChildBG.jpg);
	border-radius: 5px;
	box-shadow: inset 2px 2px 3px 0 rgba(255,255,255,0.7), 
		inset -2px -2px 3px 0 rgba(120,85,65,0.7), 
		2px 2px 5px 0 #8b8372;
}
/* ------------------ */
/* Best author */
.leaderSheet {
	width: 100%;
	overflow: hidden;
}

.artists {
	float: left;
}

.writers {
	float: right;
}

.artists table,
.writers table {
	width: 100%;
}

.artists tr td:nth-child(2),
.writers tr td:nth-child(2) {
	text-align: right;
}

.artists,
.writers {
	width: 350px;
	margin: 5px;
	padding: 5px;
	background: url(img/tabsChildBG.jpg);
	border-radius: 5px;
	box-shadow: inset 2px 2px 3px 0 rgba(255,255,255,0.7), 
		inset -2px -2px 3px 0 rgba(120,85,65,0.7), 
		2px 2px 5px 0 #8b8372;
}

.artists h4,
.writers h4 {
	font-family: DisneyPark;
	font-size: 35px;
	text-align: center;
	margin: 0;
}

.artists a,
.writers a {
	color: #140d0a;
}

.artists a:hover,
.writers a:hover {
	color: #775837;
}

.artists #artistsContent a:hover,
.writers #writersContent a:hover {
	color: #140d0a;
}

.writers div.leaderFrame,
.artists div.leaderFrame {
	height: 375px;
	overflow: auto;
}

#artistsContent, #artistsTabs,
#writersContent, #writersTabs {
	margin: 5px;
	padding-left: 5px;
}

hr.leaderLine {
	border: none;
	height: 2px;
	background: -moz-linear-gradient(left, rgba(199,178,154,0.2) 0%,
		rgba(199,178,154,0.5) 2%,
		rgba(199,178,154,1) 15%,
		rgba(199,178,154,1) 85%,
		rgba(199,178,154,0.5) 98%,
		rgba(199,178,154,0.2) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(199,178,154,0.2)),
		color-stop(2%,rgba(199,178,154,0.5)),
		color-stop(15%,rgba(199,178,154,1)),
		color-stop(85%,rgba(199,178,154,1)),
		color-stop(98%,rgba(199,178,154,0.5)),
		color-stop(100%,rgba(199,178,154,0.2))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(199,178,154,0.2) 0%,
		rgba(199,178,154,0.5) 2%,
		rgba(199,178,154,1) 15%,
		rgba(199,178,154,1) 85%,
		rgba(199,178,154,0.5) 98%,
		rgba(199,178,154,0.2) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(199,178,154,0.2) 0%,
		rgba(199,178,154,0.5) 2%,
		rgba(199,178,154,1) 15%,
		rgba(199,178,154,1) 85%,
		rgba(199,178,154,0.5) 98%,
		rgba(199,178,154,0.2) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(199,178,154,0.2) 0%,
		rgba(199,178,154,0.5) 2%,
		rgba(199,178,154,1) 15%,
		rgba(199,178,154,1) 85%,
		rgba(199,178,154,0.5) 98%,
		rgba(199,178,154,0.2) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(199,178,154,0.2) 0%,
		rgba(199,178,154,0.5) 2%,
		rgba(199,178,154,1) 15%,
		rgba(199,178,154,1) 85%,
		rgba(199,178,154,0.5) 98%,
		rgba(199,178,154,0.2) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33c7b29a', endColorstr='#33c7b29a',GradientType=1 ); /* IE6-9 */
}
/* All comments */
.allComments {
	width: 100%;
	overflow: visible;
	margin-bottom: 25px;
}

.allComments p.allCommentsTitle {
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	background: #BEA18D;
	border-radius: 5px;
	padding: 2px;
	margin-bottom: 10px;
}

.allComments p.allCommentsTitle a {
	color: #200B04;
}

.allComments p.allCommentsTitle a:hover {
	text-decoration: none;
}

.allComments .allCommentsAuthor,
.allComments .allCommentsDate {
	border-bottom: 2px solid #F1EADA;
	font-size: 17px;
	padding: 5px;
}

.allComments .allCommentsAuthor {
	width: 507px;
	float: left;
	border-radius: 5px 0 0 0;
}

.allComments .allCommentsDate {
	width: 508px;
	float: right;
	font-style: italic;
	border-radius: 0 5px 0 0;
	text-align: right;
}

.allComments .allCommentsAuthor,
.allComments .allCommentsDate,
.allComments .allCommentsContent {
	background: #BEA18D;
	border-radius: 5px 5px 0 0;
}

.allComments .allCommentsContent {
	padding: 10px;
}

.allComments .allCommentsContent .jqr2c_box {
	display: none;
}

.allComments p.allCommentsDiscus {
	text-align: right;
	margin-top: 4px;
}

.allComments p.allCommentsDiscus a {
	color: #200B04;
	padding: 2px;
	background: #BEA18D;
	border-top: 2px solid #F1EADA;
}

.allComments p.allCommentsDiscus a:hover {
	text-decoration: none;
}
/* ------------------ */
/* Search results */
p.legend {
	background: #BEA18D;
	display: inline-block;
	border-radius: 5px 5px 0 0;
	padding: 0;
}

p.legend span {
	display: block;
	width: 135px;
	height: 36px;
	background: url(img/searchLegend.jpg);
	color: #34281b;
	font-size: 22px;
	text-align: center;
	padding: 7px 0;
	margin: 5px;
}

ul.searchResults {
	background: #BEA18D;
	padding: 5px;
	border-radius: 0 5px 5px 5px;
	margin-bottom: 25px;
}

ul.searchResults li {
	background: rgb(241,236,226);
	background: -moz-linear-gradient(top, rgba(241,236,226,1) 0%,
		rgba(217,205,182,1) 48%,
		rgba(192,169,135,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,236,226,1)),
		color-stop(48%,rgba(217,205,182,1)),
		color-stop(100%,rgba(192,169,135,1)));
	background: -webkit-linear-gradient(top, rgba(241,236,226,1) 0%,
		rgba(217,205,182,1) 48%,
		rgba(192,169,135,1) 100%);
	background: -o-linear-gradient(top, rgba(241,236,226,1) 0%,
		rgba(217,205,182,1) 48%,
		rgba(192,169,135,1) 100%);
	background: -ms-linear-gradient(top, rgba(241,236,226,1) 0%,
		rgba(217,205,182,1) 48%,
		rgba(192,169,135,1) 100%);
	background: linear-gradient(to bottom, rgba(241,236,226,1) 0%,
		rgba(217,205,182,1) 48%,
		rgba(192,169,135,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1ece2', endColorstr='#c0a987',GradientType=0 );
	font-size: 20px;
	color: #140d0a;
	padding: 10px;
	margin: 3px 0;
	border: 3px solid #897e6a;
	border-radius: 5px;
	box-shadow: inset 1px -1px 3px 0 #55432D,
		inset -1px 1px 3px 0 #d7be82;
}

ul.searchResults li a {
	color: #140d0a;
}

ul.searchResults li a:hover {
	text-decoration: none;
}
u
l.searchResults li.searchImage img {
	vertical-align: middle;
}
/* ------------------ */
/* Poll results */
p.pollListHead {
	text-align: center;
	display: block;
	margin: 50px auto 20px;
}

div.itemList div.wp-polls-ans {
	display: none;
}

div.itemList p:hover {
	cursor: pointer;
	color: #E4DBD2;
}

div.pollItem,
div#pollsTabs {
	background: #BEA18C;
	border-radius: 5px;
	padding: 15px;
	border: 1px solid #847C71;
}

div.pollItem p.pollTitle {
	font-size: 45px;
	font-family: DisneyPark;
	color: #E4DBD2;
}

div.pollItem div.wp-polls-ans ul {
	margin: 0;
}

div.pollItem div.wp-polls-ans ul li table,
div.pageText div.wp-polls div.wp-polls-ans ul li table {
	width: 100%;
	font-size: 20px;
	color: #35332f;
}

div.pollItem div.wp-polls-ans ul li table td,
div.pageText div.wp-polls div.wp-polls-ans ul li table td {
	border-bottom: 2px dotted #A27760;
}

div.pollItem div.wp-polls-ans ul li table td:first-child,
div.pageText div.wp-polls div.wp-polls-ans ul li table td:first-child {
	width: 43%;
}

div.pollItem div.wp-polls-ans ul li table td:last-child,
div.pageText div.wp-polls div.wp-polls-ans ul li table td:last-child {
	width: 50%;
	border: 2px solid #543B28;
	background: #905C43;
	border-radius: 10px;
	box-shadow: inset 2px 2px 3px 0 #CBA28A, inset -1px -1px 3px 0 #593220;
	padding: 5px;
}

div.pollItem div.wp-polls-ans ul li table td div.pollbar,
div.pageText div.wp-polls div.wp-polls-ans ul li table td div.pollbar {
	height: 20px;
	border-radius: 10px;
	background: url(img/tabsChildBG.jpg);
}

div.pollItem div.wp-polls-ans p,
div.pageText div.wp-polls div.wp-polls-ans p {
	font-size: 20px;
	color: #35332f;
	padding-top: 20px;
}

div.pollItem a.pollComments {
	color: #5e3b12;
	text-align: center;
	font-size: 20px;
}
/* ------------------ */
/* Guest book */
.guestPost table {
	border-collapse: separate;
}
div.css_navigation_totalcount {
	font-weight: bold;
}
div.css_navigation_overview a.css_navigation_notselect {
	display: inline-block;
	background: url(img/pageNavi.png);
	width: 12px;
	height: 26px;
	padding: 3px 7px;
	color: #2e1e1a;
}

div.css_navigation_overview a.css_navigation_notselect:hover {
	background: url(img/pageNaviHover.png);
}

div.css_navigation_overview a.css_navigation_select {
	font-weight: bold;
	background: url(img/pageNaviCurrent.png);
	display: inline-block;
	width: 12px;
	height: 26px;
	padding: 3px 7px;
	color: #2e1e1a;
}

div.css_navigation_overview a.css_navigation_select:hover {
	background: url(img/pageNaviCurrentHover.png);
}

div.css_form_embedded h3.guest-reply-title {
	display: block;
	width: 240px;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	color: #593c00;
	background: #ebe7de;
	border-bottom: 2px solid #93897C;
	border-right: 2px solid #93897C;
	border-left: 2px solid #E4DACC;
	border-top: 2px solid #E4DACC;
	margin: 0;
	padding: 7px 0 10px;
	cursor: pointer;
}

div.css_form_embedded h3.guest-reply-title:hover {
	box-shadow: 0 0 5px 1px #844029;
}

div.css_form_embedded h3.guest-reply-title:active {
	border-bottom: 2px solid #E4DACC;
	border-right: 2px solid #E4DACC;
	border-left: 2px solid #93897C;
	border-top: 2px solid #93897C;
}

form.guest-form {
	display: none;
}
/* ------------------ */
/* Image / comics page */
.pageImg {
	padding-top: 20px;
}

.pageImg p a img {
	border: 3px solid #000;
	display: inline-block;
	box-shadow: 2px 2px 4px 0 #fff, -2px -2px 4px 0 #fff;
}
/* ------------------ */
/* Other */
hr {
	size: 2px;
}

label.screen-reader-text {
	display: none;
}

/* Trivia table */
td.pic {
	vertical-align:middle;
	text-align:center;
	padding: 5px;
}
td.dsc {
	vertical-align:middle;
	padding: 5px;
}
