/* 
Happy Worker Stylesheet
Author: Happy Worker Inc.
Date: July 29, 2008
Version: v2.3
*/

/* ----------------------------------------
basic html elements
---------------------------------------- */
.clear {
	clear: both;
	}

html { height: 100%; margin-bottom: 1px; }

BODY {
	COLOR: #333333;
	MARGIN: -1px 0px;
	/*TEXT-ALIGN: center;*/
	font-family: Arial, Helvetica, sans-serif;
	/*font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;*/
	font-size: 90%;
	background-color: #FFFFFF;
	background-image:  url(/images/make/background-2010.png);
	background-repeat: no-repeat;
	background-position: center top;	
}

P {
	MARGIN: 0px 0px 10px 0px;
	font-size: 90%;
}

A:link, A:visited, A:active {
	COLOR: #5896C7; /*#2971A7;*//*#71A19C;*/ 
	TEXT-DECORATION: none;
}

A:hover {
	COLOR: #5896C7;/*#2971A7;*//*#71A19C;*/ 
	TEXT-DECORATION: underline;
}

H1 {
	COLOR: #B7AB93;
	FONT-SIZE: 140%;
	FONT-WEIGHT: bold;
	TEXT-TRANSFORM: none;
	MARGIN: 5px 10px 10px 0px;
	padding: 0px;
}

H2 {
	COLOR: #D35E3B; /*#71A19C;*//* #3F281F;*/
	FONT-SIZE: 120%;
	FONT-WEIGHT: bold;
	MARGIN: 5px 10px 5px 0px;
	padding: 0px;
}

H3 {
	COLOR: #5D3E32;/*#4C6F6B;*//*#364F4C;*/ /*#BF4C00;*//*#CF5A0C;*/ /*#5D3E32;*//*#6B4F2E;*/ /*#AD9876;*/ /*#DF7124;*//*#615D4F;*/ /*#7D7766;*/
	FONT-SIZE: 100%;
	FONT-WEIGHT: bold;
	MARGIN: 5px 10px 5px 0px;
	padding: 0px;
}

H4 {
	COLOR: #364F4C;/*#71A19C;*/
	FONT-SIZE: 90%;
	FONT-WEIGHT: bold;
	MARGIN: 5px 10px 3px 0px;
	padding: 0px;
}

H5 {
	COLOR: #EB7431;/*#FF6600;*/
	FONT-SIZE: 95%;
	FONT-WEIGHT: bold;
	MARGIN: 5px 0px 3px 0px;
	padding: 0px;
}

H6 {
	COLOR: #BE420E;
	FONT-SIZE: 90%;
	FONT-WEIGHT: bold;
	MARGIN: 5px 0px 3px 0px;
	padding: 0px;
}

FORM { 
	MARGIN: 0px 0px 0px 3px; 
	PADDING: 0; 
}
IMG {
	border: 0px;
}
HR {
	color: #F4F0E9;
	background-color: #F4F0E9;
	height: 1px;
}
STRONG {
	COLOR: #6B4F2E;
}

.listStyleA {
	list-style-image: url(/image/template/bullet_orange.gif);

}

/* ----------------------------------------
site layout - header, slogan, top links
---------------------------------------- */

#container {
	/*BACKGROUND: #FFFFFF url(/images/make/sidebar-rt-make.png) no-repeat 760px 380px;*/
	MARGIN: 0px auto;
	WIDTH: 790px! important;
	POSITION: relative;
	TEXT-ALIGN: left;
	PADDING: 0px;
	BORDER: 1px solid #F4F0E9;

}

#pageHeader {
	BACKGROUND:  #FFFFFF no-repeat left center; 
	WIDTH: 790px; 
	HEIGHT: 65px
}
#pageHeader H1 {
	MARGIN: 0px; 
	TEXT-INDENT: -999em;
	COLOR: #FF6600;
}
#pageHeader H2 {
	MARGIN: 0px; 
	TEXT-INDENT: -999em
}
#topLogo {
	HEIGHT: 50px; 
	WIDTH: 145px;
	POSITION: absolute;
	LEFT: 5px;
	TOP: 5px;
}
#topLogoWord {
	HEIGHT: 30px; 
	WIDTH: 120px;
	POSITION: absolute;
	LEFT: 150px;
	TOP: 25px;
	FONT: 10px;
	'helvetica neue',sans-serif;text-transform:lowercase;color: #B7AB93;
}
#topLogoWord A:hover {
	COLOR: #B7AB93;
	TEXT-DECORATION: underline;
	BORDER-bottom: 1px solid #F4F0E9;

}
/*
#homeWordLeft1 {
	HEIGHT: 30px; 
	WIDTH: 300px;
	POSITION: absolute;
	LEFT: 50px;
	TOP: 300px;
	FONT-SIZE: 24px;
	font-weight:bold;
	'helvetica neue',sans-serif; color: #49251B;
	text-align:center;
}
#homeWordRight1 {
	HEIGHT: 30px; 
	WIDTH: 300px;
	POSITION: absolute;
	LEFT: 425px;
	TOP: 300px;
	FONT-SIZE: 24px;
	font-weight:bold;
	'helvetica neue',sans-serif; color: #49251B;
	text-align:center;
}
*/
#topLogo A:hover {
	COLOR: #B7AB93;
	TEXT-DECORATION: underline;
	BORDER-bottom: 1px solid #F4F0E9;

}


.make {'helvetica neue',sans-serif;letter-spacing:2px;text-transform:uppercase;color: #80ABAD; font-weight:bold;}
.make a:link, .make a:visited, .make a:hover {color: #80ABAD;}


.play {'helvetica neue',sans-serif;letter-spacing:2px;text-transform:uppercase;color: #DF7124; font-weight:bold;}
.play a:link, .play a:visited, .play a:hover {color: #DF7124;}

.top_logo_word {font:8px;position:absolute;left:0px;top:25px;'helvetica neue',sans-serif;letter-spacing:0px;text-transform:lowercase;color: #B7AB93;}
#topImage {
	HEIGHT: 250px; 
	WIDTH: 780px;
	/*POSITION: absolute;*/
	MARGIN-LEFT: 5px;
	MARGIN-BOTTOM: 20px;
	TOP: 100px;
	BORDER-bottom: 1px solid #F4F0E9;
}

#topSlogan {
	COLOR: #CCA066;	
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	HEIGHT: 19px; 
	POSITION: absolute;
	LEFT: 20px;
	TOP: 52px;
}

#topLinks {
	HEIGHT: 60px; 
	WIDTH: 200px;
	POSITION: absolute;
	RIGHT: 5px;
	TOP: 10px;
	FONT-WEIGHT: bold;
}
/*
#topLinks a:visited, #topLinks A:link {
	COLOR: #cccccc;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

#topLinks A:hover {
	COLOR: #B7AB93;
	TEXT-DECORATION: underline;

}
*/

/* ----------------------------------------
main navigation menu
---------------------------------------- */

#menuBarOld {
	BACKGROUND: #FFFFFF;
	BORDER-BOTTOM: 1px solid #F4F0E9; 
	WIDTH: 790px; 
	HEIGHT: 28px;
	/*TEXT-TRANSFORM: lowercase;*/
	MARGIN: 0px 0px 5px 0px;
}

#menuBar {
	BACKGROUND: #FFFFFF;
	BORDER-TOP: 1px solid #F4F0E9; 
	WIDTH: 790px;
	/*TEXT-TRANSFORM: lowercase;*/
	HEIGHT: 1px;
	MARGIN-BOTTOM: 5px;
}
#menuBar A:link, #menuBar A:visited {
	COLOR: #666666; 
}

#menuBar A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
}
#menuBar A:active {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
}

#menuList {
	COLOR: #7D7766;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	WIDTH: 790px;
	PADDING-TOP: 5px;
	PADDING-LEFT: 0px;
}

#menuList li {
	FLOAT: left;
	LIST-STYLE-TYPE: none;
	white-space: nowrap;	
}

#menuList a, #menuList a:link, #menuList a:visited {
	COLOR: #7D7766;
	BACKGROUND-COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	PADDING: 5px 30px;
	BORDER-RIGHT: 1px solid #F4F0E9;
	BORDER-LEFT: 1px solid #F4F0E9;
}

#menuListHighlight a, #menuListHighlight a:link, #menuListHighlight a:visited {
	PADDING: 5px 20px;
	BACKGROUND-COLOR: #ffffff;
	TEXT-DECORATION: none;
	BORDER-RIGHT: 0px solid #F4F0E9;
}

#menuList a:hover, #menuList a:active,
#menuListHighlight a:hover, #menuListHighlight a:active,
#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
	COLOR: #615D4F;
	BACKGROUND-COLOR: #ffffff;
	TEXT-DECORATION: none;
}

/* ----------------------------------------
submenu - secondary navigation
---------------------------------------- */

/*
#submenuTitle, #submenuTitle a:link, #submenuTitle a:visited, #submenuTitle a:hover {
	COLOR: #CCA066;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	TEXT-TRANSFORM: uppercase; 
	MARGIN: 0px 0px 2px 0px;
	PADDING-BOTTOM: 7px;
	PADDING-TOP: 5px;
	PADDING-LEFT: 3px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-STYLE: solid;
	BORDER-BOTTOM-COLOR: #E0DAC1;
}
*/
#submenuTitle, #submenuTitle a:link, #submenuTitle a:visited, #submenuTitle a:hover {
	color: #6B4F2E;
	font-size: 14px;
	text-decoration:none;
	MARGIN-TOP: 10px;
	HEIGHT: 30px;
	WIDTH: 250px;
	PADDING-LEFT: 10px;
	PADDING-TOP: 5px;
	BACKGROUND-IMAGE:url(/images/make/right-menu-background.png);
	background-repeat:no-repeat;
	font-weight: bold;
}
	
#submenuList {
	FONT-SIZE: 12px;
	/*FONT-WEIGHT: bold;*/
	LIST-STYLE-TYPE: none;
}

#submenuList P {
	FONT-SIZE: 14px;
}
#submenuList UL {
	LINE-HEIGHT: 1.2em;	
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
}

#submenuList LI {
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	PADDING-LEFT: 1px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-STYLE: solid;
	BORDER-BOTTOM-COLOR: #E0DAC1;

}

#submenuList A:link A:visited {
	COLOR: #5896C7;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none

}


#submenuList A:hover {
	COLOR: #5896C7;
	TEXT-DECORATION: underline;
}

.subsubmenuList {
	COLOR: #999999;
	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
    PADDING-RIGHT: 0px;
	TEXT-DECORATION: none;
	TEXT-INDENT: 3px;
}

/* ----------------------------------------
left content
---------------------------------------- */
#leftContent {
	LEFT: 0px;
	WIDTH: 125px;
	POSITION: absolute;
	TOP: 125px;
	PADDING-BOTTOM: 10px;
}

#leftContentBottom{
	LEFT: 2px;
	WIDTH: 101px;
	POSITION: absolute;
	TOP: 329px;
	TEXT-DECORATION: none;
	HEIGHT: 340px;
}

/* ----------------------------------------
main content (centre for content pages)
---------------------------------------- */
#mainContent {

	MARGIN: 10px 200px 10px 135px;
	PADDING: 5px 5px 5px 5px;
}
.contentColumn {
	position: relative;
	width: 50%;
	left: 0px;
	float: left;
	display: inline;
	margin: 3px;
}
/* ----------------------------------------
front or section main content 
---------------------------------------- */

#frontContent{
	MARGIN: 0px 0px 0px 10px;
	WIDTH: 500px;
	TOP: 375px;
	/*position: absolute;*/
	/*PADDING-TOP: 5px;*/
	/*HEIGHT: 416px! important;*/
	
}

#sideContent {
	LEFT: 400px;
	WIDTH: 190px;
	POSITION: absolute;
	TOP: 125px;
	TEXT-DECORATION: none;
}

.frontColumn {
	position: relative;
	width: 195px;
	left: 0px;
	float: left;
	display: inline;
}



/* ----------------------------------------
right content
---------------------------------------- */
#rightContent {
	RIGHT: 5px;
	WIDTH: 250px;
	POSITION: absolute;
	TOP: 377px;
	TEXT-DECORATION: none;
	/*BORDER: 1px solid #F4F0E9;*/
}



/* ----------------------------------------
footer
---------------------------------------- */
#footer, #footer A:link, #footer A:visited {
	COLOR: #666666;
	HEIGHT: 120px! important;
}

#footer A:hover {
	COLOR: #666666
	TEXT-DECORATION: underline;
}


#copyright {
	FONT-SIZE: 11px;
	COLOR: #999999;
	FLOAT: left;
}	
#happyMessage {
	FONT-SIZE: 11px;
	COLOR: #999999;
	FLOAT: right;
}
#footerContent {
	BORDER-TOP: 1px solid #F4F0E9;
	FONT-SIZE: 14px;
	MARGIN: 10px;
}
.footer_make{'helvetica neue',sans-serif;letter-spacing:1px;text-align:left;color:#B7AB93;}

.footer_make a:link, .footer_make a:hover, .footer_make a:visited { color:#B7AB93;}


/* ----------------------------------------
other content
---------------------------------------- */

#news {
    FONT-SIZE: 10px;
}

#contentHide{
	LEFT: 0px;
	WIDTH: 108px;
	POSITION: absolute;
	TOP: 150px;
}

#storeItems {
	LEFT: 380px;
	WIDTH: 169px;
	POSITION: absolute;
	TOP: 196px;
	TEXT-DECORATION: none;

}

#sendPage {
	LEFT: 600px;
	WIDTH: 190px;
	POSITION: absolute;
	TOP: 130px;
	HEIGHT: 32px;
}

.breadcrumbs {
	FONT-SIZE: 9px;
	COLOR: #003366;
}
.smallprint {
	FONT-SIZE: 85%;
}


.boxSimple {
	/*position: relative;*/
	width: 190px;
	/*height: 140px;*/
	/*left: 0px;*/
	/*float: left;*/
	/*display: inline;*/
	background: #E0DAC1;
	margin-bottom: 0px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-STYLE: solid;
	BORDER-BOTTOM-COLOR: #B8A874;
	BORDER-TOP-WIDTH: 1px;
	BORDER-TOP-STYLE: solid;
	BORDER-TOP-COLOR: #B8A874;
}
.boxSimple a:link, .boxSimple a:visited{
	color: #ff6600;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 90%;	
}
.boxSimple a:hover{
	color: #ff6600;
	text-transform: uppercase;
	text-decoration: underline;	
}

.boxSimple h1{
	margin-top: 3px;
	margin-left: 3px;
	color: #ff6600;
	text-transform: uppercase;
}

.boxSimple p {
	margin-left: 3px;
   
}

.onDark {
	color: #FFFFFF;
	text-decoration: none;
}

.onDark a:link, onDark a:visited, onDark a:active {
	text-decoration: none;
}

.onDark a:hover {
	text-decoration: none;
}

.boxMainBlue {
	width: 390px;
	background: #fff url(/images/template/boxMainBlue_background.gif) repeat-y top left;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
.boxMainBlue-inner {
	background: url(/images/template/boxMainBlue_bottom.gif) no-repeat bottom left;
	margin: 0px;
	padding-bottom: 10px;
	}
.boxMainBlue h2 {
	margin: 0px;
	font-size: 14px;
	/*font: bold 16px/1.5em Arial;*/
	color: #FFFFFF;
	background: url(/images/template/boxMainBlue_top.gif) no-repeat top left;
	height: 34px;
	padding-top: 4px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 18px;
	text-decoration: none;
	}

.boxMainBlue p{
	margin: 0px;
	padding: 0px 18px 8px 18px;
	/*font-size: 12 pt;
	line-height: 1.2em;
	text-align: justify;*/
	}
	

	
/* ----------------------------------------
SIDE BOXES
---------------------------------------- */
	
.boxSideYellow {
	width: 190px;
	background: #fff url(/images/template/boxSideYellow_background.gif) repeat-y top left;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
.boxSideYellow-inner {
	background: url(/images/template/boxSideYellow_bottom.gif) no-repeat bottom left;
	margin: 0px;
	padding-bottom: 2px;
	}

.boxSideYellow h2 {
	margin: 0px;
	font-size: 14px;
	color: #FFFFFF;
	background: url(/images/template/boxSideYellow_top.gif) no-repeat top left;
	height: 34px;
	padding-top: 4px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 18px;
	}
.boxSideYellow p, .boxSideYellow h3{
	margin: 0px;
	padding: 0px 8px 8px 8px;
	font-size: 10pt;
	}
	
	
/* ----------------------------------------
link lists
---------------------------------------- */
#linkList {
 	BORDER-BOTTOM: #fff 1px solid; 	
	TEXT-DECORATION: none;
}

#linkList H3 {
	MARGIN: 0px;
	HEIGHT: 25px;
	FONT-SIZE: 18px;
	TEXT-TRANSFORM: capitalize;
	COLOR: #FFFFFF;
	text-align: center;

}
#linkList A:link {
	FONT-SIZE: 11px;
	COLOR: #fff;
	TEXT-DECORATION: none;

}
#linkList A:visited {
	FONT-SIZE: 11px; COLOR: #fff
}
#linkList A:hover {
	BACKGROUND: #fff
}
#linkList A:active {
	BACKGROUND: #fff
}
#linkList A.c {
	FONT-SIZE: 10px
}
#linkList ACRONYM {
	BORDER-BOTTOM-STYLE: none
}
#linkListBoxA {
	BORDER-TOP: #fff 1px solid; 
	BACKGROUND: #18d
}
#linkListBoxD {
	BORDER-TOP: #fff 1px solid; 
	BACKGROUND: #18d
}
#linkListBoxA H3 {
	BACKGROUND: url(../../thetoymake%20-%20Copy/css/select.gif)
}
#linkListBoxD H3 {
	BACKGROUND: url(../../thetoymake%20-%20Copy/css/favourites.gif)
}
#linkListBoxA LI {
	BACKGROUND: url(../../thetoymake%20-%20Copy/css/select_bg.gif) repeat-x left bottom; 
	COLOR: #6cf; 	
	TEXT-DECORATION: none;
}
#linkListBoxD LI {
	BACKGROUND: url(../../thetoymake%20-%20Copy/css/select_bg.gif) repeat-x left bottom; 
	COLOR: #6cf
}
#linkListBoxA A:hover {
	COLOR: #18d
}
#linkListBoxA A:active {
	COLOR: #18d; 
	TEXT-DECORATION: none;
}
#linkListBoxD A:hover {
	COLOR: #18d; 	
	TEXT-DECORATION: none;
}
#linkListBoxD A:active {
	COLOR: #18d; 	
	TEXT-DECORATION: none;
}
#linkListBoxB {
	BORDER-TOP: #fff 1px solid; 
	BACKGROUND: #9c0
}
#linkListBoxB H3 {
	BACKGROUND: url(../../thetoymake%20-%20Copy/css/archives.gif)
}
#linkListBoxB LI {
	BACKGROUND: url(../../thetoymake%20-%20Copy/css/archives_bg.gif) repeat-x left bottom; 
	COLOR: #cf3
}
#linkListBoxB A:hover {
	COLOR: #9c0
}
#linkListBoxB A:active {
	COLOR: #9c0
}
#linkListBoxC {
	BORDER-TOP: #fff 1px solid; 
	BACKGROUND: #FF6600
}
#linkListBoxC H3 {
	BACKGROUND: url(../../thetoymake%20-%20Copy/css/resources.gif)
}
#linkListBoxC LI {
	BACKGROUND: url(../../thetoymake%20-%20Copy/css/resources_bg.gif) repeat-x left bottom; 
	COLOR: #fcc
}
#linkListBoxC A:hover {
	COLOR: #d8c
}
#linkListBoxC A:active {
	COLOR: #d8c
}

/* ----------------------------------------
story elements
---------------------------------------- */

.summary {
	}
.summary h1, a.summary:link {
	color: #FF6600;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0px;
	}
	
.summary img {
	PADDING-LEFT: 7px;
	PADDING-RIGHT: 3px;
	float: left;
	}
	
.summaryContent {
	font-size: 90%;
	}
 
.summaryDetailsBold {
    font-size: 80%;
	font-weight: bold;
	}
.summaryDetails {
    font-size: 80%;
	}

	


.highlight {
	BACKGROUND-COLOR: #CCCC33;
	BORDER: 1px dotted #FF6600;
	FONT-WEIGHT: bold;
	COLOR: #0066CC;
	TEXT-DECORATION: underline;

}
.quote {
	BORDER: 1px solid #E0DAC1;
	FONT-SIZE: 88%;
	PADDING: 8px;
}

.box {
	BORDER: 1px solid #E0DAC1;
	PADDING: 3px;
	FONT-SIZE: 88%;
	/*MARGIN-BOTTOM: 10px;*/
	MARGIN: 0px;
}
ulbullet {

	PADDING-RIGHT: 23px; PADDING-LEFT: 27px; PADDING-BOTTOM: 10px; MARGIN: 0px; LINE-HEIGHT: 1.2em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.listplain {
	LIST-STYLE-TYPE: square;
	MARGIN: 0px;
	PADDING: 0px;
	BORDER: thin none;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 22px;


}

a.invisible {
	COLOR: #FFFFFF;
}
#invisible {
	COLOR: #ffffff;
}
#invisible A:link {
	COLOR: #ffffff;
}
#invisible A:visited {
	COLOR: #ffffff;
}
#invisible A:hover {
	COLOR: #ffffff;
}
#invisible A:active {
	COLOR: #ffffff;
}

#miscBox {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	MARGIN: 0px;
	PADDING: 15px;
	BORDER: 1px solid #CCCCCC;
}

#miscBox UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; LINE-HEIGHT: 1.2em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

#miscBox LI {
	PADDING-BOTTOM: 7px
}

#miscBox A:link {
	COLOR: #71A19C;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;

}
#miscBox A:visited {
	COLOR: #71A19C;
    TEXT-DECORATION: none;
}
#miscBox A:hover {
	BACKGROUND: #FFFFFF;
	COLOR: #6699FF;
	TEXT-DECORATION: underline;


}
#miscBox A:active {
	BACKGROUND: #FFFFFF;
	TEXT-DECORATION: none;
}


.boxA {
	WIDTH: 185px;
	BACKGROUND-COLOR: #F4E085;
	COLOR: #FDE07B;
}
.boxB {
	WIDTH: 185px;
	BACKGROUND-COLOR: #F4E085;
	COLOR: #FDE07B;
	
}

.teaser {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND:  url(../../thetoymake%20-%20Copy/css/background_box.gif) no-repeat left bottom; PADDING-BOTTOM: 14px; MARGIN: 10px auto; WIDTH: 430px; PADDING-TOP: 0px
}
.teaser H3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND:  url(../../thetoymake%20-%20Copy/css/background_box.gif) no-repeat left top; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 7px
}
.teaser P {
	BORDER-RIGHT: #d8d8d8 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #d8d8d8 0px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px; BORDER-LEFT: #d8d8d8 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #d8d8d8 0px solid
}
.teaser A.more {
	BORDER-RIGHT: #d8d8d8 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #d8d8d8 0px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px; BORDER-LEFT: #d8d8d8 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #d8d8d8 0px solid
}
.teaser A.more {
	PADDING-RIGHT: 24px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(../../thetoymake%20-%20Copy/css/tsr-a.gif) no-repeat 410px 50%; PADDING-BOTTOM: 0px; COLOR: #44a; PADDING-TOP: 0px; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.teaser A.more:hover {
	TEXT-DECORATION: underline
}
.notice{
	FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
	COLOR: #FF3300;
	TEXT-TRANSFORM: uppercase;
}

ACRONYM {
	BORDER-BOTTOM: #666 1px dotted; 
	FONT-STYLE: normal
}
.accesskey {
	TEXT-DECORATION: underline
}

#mainContentPostcard {
	MARGIN: 0px 190px 0px 120px;

}
#contentHighlighted {
	MARGIN: 0px 190px 0px 120px
}
#contentBoxed {
	MARGIN: 0px 190px 0px 120px
}
#contentQuote {
	MARGIN: 0px 190px 0px 120px
}
#contentTidBits {
	MARGIN: 0px 190px 0px 120px
}

/* ----------------------------------------
epostcard script
---------------------------------------- */

.greynounderline {
	COLOR: #999999;
	TEXT-DECORATION: none;
}
a.greynounderline {
	COLOR: #999999;
	TEXT-DECORATION: none;
}

.drag{
	position:absolute;
	cursor: hand;
	}

#footerpostcard {
	CLEAR: both;
	WIDTH: 98%;
	MARGIN: 5px 10px;
	TEXT-ALIGN: right;
	FONT-SIZE: 9px;
	}

a#mail { FONT-WEIGHT: bold; }

#menupostcard .box {
		MARGIN-BOTTOM: 5px;
		BORDER: 1px solid #999;
		PADDING: 2px;
		BACKGROUND-COLOR: #CCCCCC;
		COLOR: #FFFFFF;
	}
#textpostcard {
	BORDER: 0px solid #999;
	PADDING: 5px;
	BACKGROUND-COLOR: #FFFFFF;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	}
	
h2#subtitle {
	position: relative;
	z-index: 3;
	font-family: 'trebuchet ms', 'Gill Sans', Verdana, Geneva, Helvetica, Arial, sans-serif;
	TEXT-TRANSFORM: lowercase;
	FONT-STYLE: italic;
	FONT-SIZE: 18px;
	letter-spacing: 0.2em;
	position: relative;
	COLOR: #0000aa;
	BACKGROUND-COLOR: #FFFFFF;
	MARGIN: -5px 40px 0px 2px;
	PADDING: 0px;
	text-align: right;
	}
.post	{ 
	BORDER: 1px solid #008800; 
	MARGIN: 2px 2px 2px 2px;
}
.escene
	{ 
	FONT-SIZE: 10px;
	BORDER: 1px solid #FF6600; 
	MARGIN: 8px 8px 8px 8px;
	BACKGROUND-COLOR: #F4E085;
}
.posthead { COLOR: #008800;
		FONT-SIZE: 12px;
		text-indent: 0.25em;
		BORDER: 0px solid #008800;
		FONT-WEIGHT: bold;
		BACKGROUND-COLOR: #FF6600;
	}		

#textpostcard, #menu {
	FONT-SIZE: 11px;
	}
ul {
	MARGIN: 0 0 0 0.5em;
	PADDING-LEFT: 0.95em;
   }

#castle {
	MARGIN-BOTTOM: 10px;
	MARGIN-TOP: 10px;
	z-index: 1;
	}

h1#title a {
	TEXT-DECORATION: none;
	COLOR: #333;
	}
	
li.soon {
	COLOR: #999;
	}
	
li.here {
	list-style: none;
	text-indent: -1.25em;
	FONT-WEIGHT: bold;
	COLOR: #333;
	}
dt {
	font-family: 'trebuchet ms', 'Gill Sans', Verdana, Geneva, Helvetica, Arial, sans-serif;
	letter-spacing: 0.2em;
	MARGIN: 10px 5px 2px 5px;
	PADDING: 0px;
	FONT-WEIGHT: bold;
	}
	
dd {
	MARGIN: 2px 5px 5px 5px;
	text-indent: 0;
	PADDING: 0;
	}

td	{
	vertical-align: top;

	}
#container #frontContent .tmmc {
	font-size: xx-small;
}

#containerpostcard {
	MARGIN: 0 auto;
	PADDING: 0px;
}

#contentpostcard {
	margin-left: 400px;
	PADDING: 5px;
	margin-left: 0px;
	BACKGROUND-COLOR: #ffffff;
	}

#menupostcard {
	FLOAT: left;
	WIDTH: 148px;
	MARGIN: 5px 15px 0 -1px;
	z-index: 3;
	}

#menupostcard .box {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	}

.box h3 {
	font-family: 'trebuchet ms', 'Gill Sans', Verdana, Geneva, Helvetica, Arial, sans-serif;
	TEXT-TRANSFORM: uppercase;
	FONT-STYLE: normal;
	FONT-SIZE: 1em;
	letter-spacing: 0.2em;
	MARGIN: 2px;
	PADDING: 0px;
}
#footerpostcard .date {
	FLOAT: right;
	text-align: right;
	}
	
#footerpostcard .contact {
	FLOAT: right;
	text-align: right;
	}
/*
table { 
	WIDTH: 100%;
	}
*/
#text a {
	FONT-SIZE: 11px;
	}	
div.spacer {
  clear: both;
  FONT-SIZE: 1px;
  LINE-HEIGHT: 1px;
  }

.postdate {
	COLOR: #777;
	FONT-SIZE: 10px;
	text-indent: 1.5em;
	}
/*
blockquote, blockquote p {
	text-indent: -0.5em;
	BORDER: 1px dottaed #F4F0E9;
	}*/




div#titlebarpostcard
{
margin-left: 6px;
text-align: left;
}

.titlebarpc{
	position: absolute;
	z-index: 3;
	font-family: 'trebuchet ms', 'Gill Sans', Verdana, Geneva, Helvetica, Arial, sans-serif;
	TEXT-TRANSFORM: uppercase;
	FONT-STYLE: italic;
	FONT-SIZE: 14px;
	letter-spacing: 0.5em;
	MARGIN: 8px;
	PADDING: 0px;
	BACKGROUND-COLOR: #FF6600;
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	}
.listpostcard {
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-STYLE: none;
	BORDER-BOTTOM-COLOR: #CCCCCC;
	LIST-STYLE-TYPE: square;


}

.right {
	float: right;
}
.left {
	float: left;
}
.center {
	text-align: center;
}

.showcase{border : 1px solid #F4F0E9; margin:8px;}

#happyCube{
	color: #79C8EC;
	MARGIN-TOP: 30px;
	HEIGHT: 65px;
	WIDTH: 500px;
	PADDING-LEFT: 100px;
	PADDING-TOP: 18px;
	BACKGROUND-IMAGE:url(/images/make/happy-cube-box-h5.png);
	background-repeat:no-repeat;
	font-weight: bold;
	
}

#happyCube a:link, #happyCube a:visited, #happyCube a:active{
	COLOR: #71A19C; 
	TEXT-DECORATION: none;
}

#happyCube a:hover {
	COLOR: #71A19C;
	TEXT-DECORATION: underline;
}

#rightMenuTitle{
	color: #6B4F2E;
	MARGIN-TOP: 10px;
	HEIGHT: 30px;
	WIDTH: 250px;
	PADDING-LEFT: 10px;
	PADDING-TOP: 5px;
	BACKGROUND-IMAGE:url(/images/make/right-menu-background.png);
	background-repeat:no-repeat;
	font-weight: bold;
	
}

blockquote {
display: block;
padding: 5px;
margin: 2px auto;
/*text-indent: 0.5em;*/
}

#Quote {

}

#Quote blockquote {
display: block;
padding: 10px;
margin: 5px auto;
/*text-indent: 0.5em;*/
}

#SimpleBlock {
}

#SimpleBlock blockquote {
border : 2px solid #EEEEEE;
/*border : 1px solid #B7AB93;*/
width: 235px;
margin: 0px auto;
padding: 5px;
background-color: #EEF5FA;
}

#Quote blockquote:before, #Quote blockquote:after {
color: #80ABAD;
display: block;
font-size: 425%;
width: 25px;
}

#Quote blockquote:before {
content: open-quote;
height: 0px;
margin-left: -0.35em;
}

#Quote blockquote:after {
content: close-quote;
height: 50px;
margin-top: -75px;
margin-left: 225px;
}


/* ABOUT PAGEs*/
#frontContentAbout {
	MARGIN: 0px 0px 0px 10px;
	WIDTH: 365px;
	TOP: 375px;
	/*position: absolute;*/
	/*PADDING-TOP: 5px;*/
	/*HEIGHT: 416px! important;*/
	
}

#rightContentAbout {
	RIGHT: 5px;
	WIDTH: 365px;
	POSITION: absolute;
	TOP: 385px;
	TEXT-DECORATION: none;
	MARGIN: 5px;
	PADDING: 5px;
	left: 411px;

}
#happyCubeAbout{
	color: #79C8EC;
	MARGIN-TOP: 30px;
	MARGIN-LEFT: 140px;
	HEIGHT: 65px;
	WIDTH: 500px;
	PADDING-LEFT: 100px;
	PADDING-TOP: 18px;
	BACKGROUND-IMAGE:url(/images/make/happy-cube-box-h5.png);
	background-repeat:no-repeat;
	font-weight: bold;
	
}
/* WORK PAGE */
#frontContentWork{
	MARGIN: 0px 0px 0px 10px;
	WIDTH: 500px;
	TOP: 700x;
	/*position: absolute;*/
	/*PADDING-TOP: 125px;*/

	
}
#topImageWork {
	HEIGHT: 350px; 
	WIDTH: 780px;
	/*POSITION: absolute;*/
	MARGIN-LEFT: 5px;
	MARGIN-BOTTOM: 20px;
	TOP: 100px;
	BORDER-bottom: 1px solid #EEEEEE;
}

/* WORK UPCLOSE PAGES */
#topImageWorkUpclose {
	HEIGHT: 350px; 
	WIDTH: 780px;
	/*POSITION: absolute;*/
	MARGIN-LEFT: 5px;
	MARGIN-BOTTOM: 20px;
	TOP: 100px;
	BORDER-bottom: 1px solid #EEEEEE;
}

#moreWork {
	BORDER: 1px solid #EEEEEE;
	MARGIN: 5px;
	PADDING: 5px;
	WIDTH: 770px;

}

#topImageContent {
	RIGHT: 5px;
	WIDTH: 250px;
	HEIGHT: 50px;
	POSITION: absolute;
	TOP: 90px;
	TEXT-DECORATION: none;
	/*BORDER-BOTTOM: 1px solid #EEEEEE;*/
	MARGIN: 2px;
	PADDING: 5px;
}
#topImageTN {
	RIGHT: 5px;
	WIDTH: 260px;
	HEIGHT: 8px;
	POSITION: absolute;
	TOP: 255px;
	TEXT-DECORATION: none;
	BORDER-BOTTOM: 1px solid #EEEEEE;
	/*MARGIN: 2px;*/
	PADDING: 5px;
}

#frontContentWorkUpclose{
	MARGIN: 0px 0px 0px 10px;
	WIDTH: 500px;
	TOP: 700x;
	/*position: absolute;*/
	/*PADDING-TOP: 125px;*/

	
}

#rightContentWorkUpclose {
	RIGHT: 5px;
	WIDTH: 250px;
	POSITION: absolute;
	TOP: 535px;
	*/TEXT-DECORATION: none;
	MARGIN: 2px;
	PADDING: 5px;

}

/* menu test */
.menuImage01 {background:  url(/images/make/menuImg_1a.gif);}
.menuImage02 {background:  url(/images/make/menuImg_1b.gif);}
.hwmenumake {padding: 10px 0 0 1em; margin:0; list-style:none; height: 35px; /*height:35px;*/ position:relative; background:transparent url(/images/make/menuImg_0c.gif) repeat-x left bottom; font-size:13px;}/*NOT SURE?*/
.hwmenumake li {float:left; height:35px; margin-right:1px;}/*FLOAT PROPERLY*/
.hwmenumake li a {display:block; float:left; height:35px; line-height:33px; color:#615D4F; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; background: url(/images/make/menuImg_0a.gif) no-repeat;} /* GREY LEFT */
.hwmenumake li a b {float:left; display:block; padding:0 25px 5px 24px; background: url(/images/make/menuImg_0b.gif) no-repeat right top;} /*GREY TOP LINE AND SPACING*/
.hwmenumake li.current a {color:#615D4F; background: url(/images/make/menuImg_2a.gif) no-repeat;} /*CURRENT HOVER BL LEFT*/
.hwmenumake li.current a b {background: url(/images/make/menuImg_2b.gif) no-repeat right top;}/*CURRENT TOP BL LINE*/
.hwmenumake li a:hover {color:#615D4F; background:  url(/images/make/menuImg_1a.gif) no-repeat;}/*NONACTIVE BL LEFT*/
.hwmenumake li a:hover b {background: url(/images/make/menuImg_1b.gif) no-repeat right top;}/*NONACTIVE TOP BL LINE*/
.hwmenumake li.current a:hover {color:#615D4F; background:  url(/images/make/menuImg_2a.gif) no-repeat; } /*CURRENT HOVER???*/
.hwmenumake li.current a:hover b {background: url(/images/make/menuImg_2b.gif) no-repeat right top;} /* CURRENT HOVER BL RIGHT*/

/* menu test */
.menuImageMake01 {background:  url(/images/make/menuImg_1a.gif);}
.menuImageMake02 {background:  url(/images/make/menuImg_1b.gif);}
.menuMake {padding:5px 0 0 1em; margin:0; list-style:none; height:35px; position:relative; background:transparent url(/images/make/menuImg_0c.gif) repeat-x left bottom; font-size:13px;}
.menuMake li {float:left; height:35px; margin-right:1px;}
.menuMake li a {display:block; float:left; height:35px; line-height:33px; color:#615D4F; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background: url(/images/make/menuImg_0a.gif) no-repeat;}
.menuMake li a b {float:left; display:block; padding:0 28px 5px 28px; background: url(/images/make/menuImg_0b.gif) no-repeat right top;}
.menuMake li.current a {color:#615D4F; background: url(/images/make/menuImg_2a.gif) no-repeat;}
.menuMake li.current a b {background: url(/images/make/menuImg_2b.gif) no-repeat right top;}
.menuMake li a:hover {color:#615D4F; background:  url(/images/make/menuImg_1a.gif) no-repeat;}
.menuMake li a:hover b {background: url(/images/make/menuImg_1b.gif) no-repeat right top;}
.menuMake li.current a:hover {color:#615D4F; background:  url(/images/make/menuImg_2a.gif) no-repeat; cursor:default;}
.menuMake li.current a:hover b {background: url(/images/make/menuImg_2b.gif) no-repeat right top;}



[if IE 5.0]>
<style type="text/css">
#menuList a { position: relative; HEIGHT: 1em;} 
</style>
<![endif]

