/**********************************************************
*  Master CSS file antee.ca		                  *
**********************************************************/

* { margin: 0; padding: 0; }
*:focus { outline: none; }

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
    background: #ffffff;
    overflow: scroll;
    color: #333333;
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    text-align: left;
}

table {
font: 12px Tahoma, Arial, Helvetica, sans-serif;
}

img { border: none; }

a:link,
a:visited { 
    color: #333; 
    text-decoration: none; 
    }
a:hover { 
    outline: none; 
    color: #FF0F00; 
    text-decoration: none;  
    }

.spacer { clear: both; }

/******** FOOTER ***********************************************/
#footer {
    padding: 5px 10px;
    font-size: 10px;
    clear: both;
    }

/****** HAUS ***********************************************/
/**** blog has different mainframe ****/
#mainframe2,
#mainframe {
    margin-top: 20px;
    width: 786px;
    text-align: left;
    }
    
#mainframe #leftbox {
    float: left;
    width: 600px;
    }

#mainframe #leftbox #default {
    height: 570px;
    background-color: #e3e5eb;
    overflow: hidden;
    }
    
/****** MENU ***********************************************/
#mainframe #rightbox {
    float: left;
    width: 186px;
    height: 426px;
    }
    
#mainframe #worldtourmenubg {
    background: #f1f1f3 url(/images/haus/worldtour_m.jpg) no-repeat;
    height: 570px;
    }  
    
#mainframe #worldmenubg {
    background: #f1f1f3 url(/images/worldtour/menu.jpg) no-repeat;
    height: 570px;
    }     

#mainframe #connectionmenubg {
    background: #f1f1f3 url(/images/haus/connection_m.jpg) no-repeat;
    height: 570px;
    }    
    
#mainframe #rightbox #menu {
    padding: 20px 0 0 16px;
    list-style: none;
    text-align: left;
    }
    
#mainframe #rightbox #menu li {
    margin: 10px 0 10px 0;
    }
    
#mainframe #rightbox #menu .menuon {
    background-color: #000000;
    }
    
#mainframe #rightbox #menu .menuon a {
    color: #ffffff;
    }
    
#mainframe #rightbox #connectionmenubg a {
    color: #ffffff;
    }

/* in the haus */
#mainframe #leftbox #inthehaus {
    position: relative;
    left: 200px;
    top: -400px;
    font-weight: bold;
    line-height: 1.4em;
    text-align: left;
    }
    
/* blog */
#mainframe #leftbox #blogyourway {
    position: relative;
    left: 150px;
    top: -400px;
    font-weight: bold;
    line-height: 1.4em;
    text-align: left;
    width: 300px;
    }
    
#mainframe #leftbox #blogyourway #enter {
    position: absolute;
    top: 268px;
    left: 85px
    }
    
    
/* story time */    
#mainframe #leftbox #storytimehmenu {
    list-style: none;
    position: relative;
    left: 240px;
    top: -390px;
    text-align: left;
}

#mainframe #storytimehmenu li {
    height: 3em;
}

/* tuckshop */
#mainframe #leftbox #tuckshopmenu {
    position: relative;
    left: 35px;
    top: -530px;
    font-weight: bold;
    text-align: left;
    width: 400px;
    }

#mainframe #leftbox #tuckshopmenu .chapter {
    padding: 10px 0 10px 115px;
    }
    
#mainframe #leftbox #tuckshopmenu .collection {
    text-align: left;
    }
    
#mainframe #leftbox #tuckshopmenu .desc {
    text-align: center;
    font-size: 11px;
    padding-top: 3px;
    }    
    
#mainframe #leftbox #tuckshopmenu .style {
    text-align: right;
    padding-top: 8px;
    }
    
#mainframe #leftbox #tuckshopmenu .style a {
    padding-right: 7px
    }
    
/* world tour */    
#mainframe #leftbox #worldtourenter {
    position: relative;
    left: 450px;
    top: -29px;
    font-weight: bold;
    line-height: 1.4em;
    text-align: left;
    font-size: 14px;
    }
    
/* connection */    
#mainframe #leftbox #connection {
    position: relative;
    left: 130px;
    top: -215px;
    font-weight: bold;
    line-height: 1.4em;
    text-align: left;
    width: 389px;
    height: 264px;
    }
    
#mainframe #leftbox #comment {    
     float: left;
     width: 135px;
     height: 120px;
     background-color: #ffffff;
    }
    
#mainframe #leftbox #info {    
    float: left;
    width: 120px;
    padding: 32px 0 0 5px;
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    }
    
#mainframe #connection textarea {
    border: none;
    }
    
#mainframe #connection #info input {
    border: none;
    width: 105px;
    height: 15px;
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    margin: 0 0 3px 5px;
    }   
    
#mainframe #connection #submit {
    clear: both;
    padding: 0 0 0 25px;
    }
    
#mainframe #connection #received {
    position: absolute;
    top: 30px;
    left: 5px;
    /*top: -110px;
    left: -5px;
    index: 0;*/
    }    
    
/* thank you */
#mainframe #leftbox #thankyou {
    background-color: #ffffff;
    text-align: center;
    font: 13px Tahoma, Arial, Helvetica, sans-serif;
    line-height: 16px;
    }
    
#mainframe #leftbox #thankyou p {
    padding-left: 130px;
    overflow-x: hidden;
    }
    
#mainframe #leftbox #thankyou #thankyoufooter {
	padding-left: 130px;
    }
    
#mainframe #thankyousound {
    padding-left: 20px;
    }


/****** STORY TIME ***********************************************/
#mainframe #storytime { 
    background-color: #e3e5eb;
    height: 546px;
    width: 1000px;
    overflow: hidden;
    text-align: left;
   }
    
#mainframe #storytime #bookcontent {
    position: relative;
    left: 220px;
    top: -490px;
    width: 600px;
    }
    
#mainframe #storytime #storytimepagetitle {
    padding: 13px 0 0 420px;
    }
    
#mainframe #storytime #next {
    position: relative;
    left: 485px;
    top: -20px;
    font-weight: bold;
    }
   
    
/* menu */
#mainframe #storytimemenu {
    width: 1000px;
    }   

#mainframe #storytimemenu ul {
    margin: 10px 0 10px 120px;
    list-style: none;
    }
    
#mainframe #storytimemenu li {
    float: left;
    width: 250px;
    line-height: 12px;
    }   

#mainframe #storytimemenu .storypage {
    padding-right: 5px;
    }
    
#mainframe #storytimemenu li a {
    padding-right: 5px;
    text-decoration: underline; 
    }
    
/****** TUCK SHOP ***********************************************/
#mainframe2 {
    width: 1300px;
    }

#mainframe2 #tuckshop { 
    background-color: #e3e5eb;
    height: 570px;
    width: 786px;
    overflow: hidden;
    float: left;
   }    
#mainframe2 #rightframe {
    width: 250px;
    float: left;
    }
    
#mainframe2 #rightframe td {
    font-weight: bold;
    padding: 0 10px 30px 10px;
    }
   
#mainframe2 #tuckshop #products {
    position: relative;
    left: 95px;
    top: -555px;
    } 
    
#mainframe2 #tuckshop #back {
    padding: 235px 0 0 580px;    
    }
    
#tuckshopsound {
    position: absolute;
    top: 30px;
    left: 650px;
    }      
    
#mainframe2 #tuckshop #back img {
    margin-right: 20px;
    }      

#mainframe2 #tuckshop #products #productname { 
    width: 300px;
    text-align: center;
    }

#mainframe2 #tuckshop #products #productimage { 
    padding-top: 55px;
    }

#mainframe2 #tuckshop #products #leftT { 
    padding-top: 30px;
    }
    
#mainframe2 #tuckshop #products #rightT {
    padding-left: 158px;
    }
    
/****** BLOG ***********************************************/

#mainframe #blog { 
    background: #ffffff url(/images/blog/shirt.jpg) repeat-y 0 590px;    
    width: 786px;
    text-align: left;    
    }     
   
#mainframe #blog #details {
    background: url(/images/blog/blogdetail.jpg) no-repeat;
    min-height: 590px;
    }
    
#mainframe #blog .back {
    text-align: right;
    padding-top: 10px;
    }
    
#mainframe #blog .sound {
    text-align: right;
    padding: 5px 10px;
    }
    
#mainframe #blog table {
    color: #333333;
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    padding: 0 100px;
    }
    
#mainframe #blog table td {
    vertical-align: top;
    }
    
#mainframe #blog .pp {
    background-color: #5e5e5e;
    margin-bottom: 20px;
    width: 400px;
    color: #ffffff;
    padding: 10px;
    border: 1px solid #ffffff;
    }
    
#mainframe #blog .pp a {
    color: #ffffff;
     }
    
#mainframe #blog .pp .note {
    padding: 10px;
    }
    
#mainframe #blog #backtotop {
    text-align: right;
    font-weight: bold;
    }