﻿/* CSS Document */
#innerContainer
{
    /*The inner container does not align with the embedded flash element.
    However this padding line is still not enough to make the box shadows line up */
    padding-left:6px;
}

.halfBox 
{
	width:212px;
	padding-left:150px;
}
    .halfBox a
    {
        margin-left:125px;
        margin-top:5px;
    }

.colouring 
{
	background-image: url(../images/fun_box_colouring.jpg);
	padding-top:50px;
	height:114px; /* 164-50 padding*/
}
.makedo
{
	background-image: url(../images/fun_box_makedo.jpg);
	padding-top:50px;
	height:114px; /* 164-50 padding*/    
}
.games
{
	background-image: url(../images/fun_box_games.jpg);
	padding-top:50px;
	height:114px; /* 164-50 padding*/
}
.puzzles
{
	background-image: url(../images/fun_box_puzzles.jpg);
	padding-top:50px;
	height:114px; /* 164-50 padding*/    
}
.downloads
{
	background-image: url(../images/fun_box_downloads.jpg);
	padding-top:50px;
	height:114px; /* 164-50 padding*/
}
.parade
{
	background-image: url(../images/fun_box_parade.jpg);
	padding-top:50px;
	height:114px; /* 164-50 padding*/
}
#funList .funBoxText
{
    height:62px;
    margin-right:20px;
}
.funLink
{
    color:#EF268C;    
}

#funbox
{
    margin-left:240px;
    width:592px;
}
    #funbox .fungames
    {
        height:104px; /*164-60 padding */
        padding-left:144px;
        padding-top:60px;
        width:448px; /*592-(144) padding */
    }
    .fungames p
    {
        color:#000000;
        margin-right:16px;
    }
    #funbox h2
    {
        display:none;
    }
    #funbox .quiz
    {
        background-image:url(../images/fun_box_princess.jpg);  
        background-position:left top;
        background-repeat:no-repeat;      
    }
    #funbox .tiara
    {
        background-image:url(../images/fun_box_tiara.jpg);  
        background-position:left top;
        background-repeat:no-repeat;          
    }
    #funbox .copy
    {
        height:56px;
    }
    #funbox .redline
    {
		border-bottom:solid 1px #F250A2;
		padding-top:8px;
    }
    #funbox .enter
    {
        float:right;
        height:32px;
        padding-right:14px;
        width:73px;
    }
        #funbox .enter a
        {
            display:block;
            height:32px;
            width:73px;
        }
            #funbox .enter a strong
            {
                display:none;
            }
        
    #funbox .fundownloads
    {
        /*border-bottom:solid 1px #F250A2;
        height:250px;*/
        margin-left:15px;
    }
        #funbox .fundownloads .colouringImage
        {
            margin-bottom:4px;
            vertical-align:middle;
        }
        #funbox .fundownloads .colouringText
        {
            color:#ef268c;
            display:inline;
            font-size:1.2em;
            font-weight:bold;          
        }
    
    #funbox .mobiledownloads
    {
        /*border-bottom:solid 1px #F250A2;
        height:266px;*/
        margin-left:15px;
    }
    * html #funbox .mobiledownloads
    {
        height:270px !important;
    }
    #funbox .buddydownloads
    {
        /*border-bottom:solid 1px #F250A2;
        height:510px;*/
        margin-left:15px;
    }    
        #funbox .fundownloads h3,
        #funbox .buddydownloads h3,
        #funbox .mobiledownloads h3
        {
            color:#ef268c;
            font-weight:bolder;
            margin-top:9px;
        }
        #funbox .fundownloads p,
        #funbox .buddydownloads p,        
        #funbox .mobiledownloads p
        {
            margin-top:12px;
        }
     
        #funbox .fundownloads .leftColouringImage,
        #funbox .fundownloads .rightColouringImage
        {
            height:224px;
            vertical-align:middle;
        }
        
        #funbox .fundownloads .leftImage,
        #funbox .fundownloads .leftColouringImage,
        #funbox .mobiledownloads .leftImage        
        {
            float:left;
            margin-top:22px;
            text-align:center;            
            width:280px;
        } 
        #funbox .buddydownloads .leftImage
        {
            float:left;
            margin-top:6px;            
            text-align:center;            
            width:280px;
        }         
        #funbox .fundownloads .rightImage,
        #funbox .fundownloads .rightColouringImage,
        #funbox .mobiledownloads .rightImage        
        {
            float:right;
            margin-top:22px;
            text-align:center;            
            width:288px;            
        }  
        #funbox .buddydownloads .rightImage

        {
            float:right;
            margin-top:6px;
            text-align:center;            
            width:288px;            
        }         
            #funbox .fundownloads .leftImage .textLink,
            #funbox .fundownloads .rightImage .textLink,
            #funbox .buddydownloads .leftImage .textLink,
            #funbox .buddydownloads .rightImage .textLink,
            #funbox .mobiledownloads .leftImage .textLink,
            #funbox .mobiledownloads .rightImage .textLink
            {
                color:#ef268c;
                font-size:1.2em;
                font-weight:bolder;
                height:22px;
            } 
            #funbox .fundownloads .leftImage .imageLink,
            #funbox .fundownloads .rightImage .imageLink,
            #funbox .buddydownloads .leftImage .imageLink,
            #funbox .buddydownloads .rightImage .imageLink            
            {
                display:block;
                height:24px;
                margin-left:auto;
                margin-right:auto;
                margin-top:8px;
                width:113px;
            }  
            
            /* Crazy IE6 hack, as the download image links are pushed too far right */
            * html #funbox .fundownloads .leftImage .imageLink,
            * html #funbox .fundownloads .rightImage .imageLink,
            * html #funbox .buddydownloads .leftImage .imageLink,
            * html #funbox .buddydownloads .rightImage .imageLink         
            {
                margin-left:0px !important;
            }
            
                #funbox .fundownloads .leftImage strong,
                #funbox .fundownloads .rightImage strong
                {
                    display:none;
                }

#galleryList,
#activityList
{
    padding-left:15px;   
}
#galleryList .bottomMargin	{margin-bottom:8px;}
#rightColumnContainer
{
    padding-left:15px; 
}           
    #rightColumnContainer .galleryIntro,
    #rightColumnContainer .activityIntro
    {
        margin-bottom:22px;
        margin-top:22px;
        padding-left:15px;
        width:577px; /*592-15px padding */
    } 
    #rightColumnContainer .galleryAuthor,
    #rightColumnContainer .activityName
    {
        color:#ef268c;
        display:block;
        font-size:1.3em;
        font-weight:bold;
        margin-left:10px;
        margin-right:10px;
        text-align:center;
    }
    #rightColumnContainer .leftImage,
    #colouringContainer .leftImage
    {
        clear:left;
        float:left;
        /*margin-bottom:14px;*/
        text-align:center;
        width:270px;
    }
    #rightColumnContainer .rightImage,
    #colouringContainer .rightImage
    {
		float:left;
        /*margin-bottom:14px;    */    
        text-align:center;
        width:270px;
    } 
        #rightColumnContainer .leftImage img,
        #rightColumnContainer .rightImage img
        {
            margin-bottom:8px;
            /*width:260px;*/
        }
        #rightColumnContainer .leftImage a,
        #rightColumnContainer .rightImage a
        {
			text-decoration:none;
        }
    #rightColumnContainer hr
    {
        background-color:#ef268c;
        color:#ef268c;
        height:1px;
        margin-left:15px;
        margin-right:20px;
        margin-top:6px;
    }  
    #rightColumnContainer h3
    {
        color:#ef268c;
        font-size:1.3em;
        font-weight:bold;
        margin-top:18px;
        width:592px;
    }
    #colouringContainer h3
    {
        color:#ef268c;
        font-size:1.3em;
        font-weight:bold;
        margin-left:15px;
        margin-top:18px;
    } 
    
#colouringContainer
{
    /*padding-left:240px;*/
    float:left;
    width:592px;
}   
    #colouringContainer .colouringIntro
    {
        margin-bottom:22px;
        margin-top:12px;
        padding-left:15px;
        width:577px; /*592-15px padding */
    }   
    #colouringContainer #funbox
    {
        margin-left:0px;
    } 
        #colouringContainer #funbox .fundownloads
        {
            border:none;
            clear:left;
        } 
            #colouringContainer #funbox .fundownloads .leftImage,
            #colouringContainer #funbox .fundownloads .rightImage
            {
                height:224px;
            }
            
            
.paginationBottom
{
    /*padding-left:125px;
    width:372px;*/
}

.buddyIcon
{
    height:100px;
    width:100px;
} 
.buddyIconName
{
    color:#EF268C;
    font-size:15px;
    padding-bottom:8px;
    text-align:center;
}     

/* temp until the Games content arrives... */  
.games a
{
    /*display:none;*/
} 

.galleryReturnLink
{
	text-align:center;
}
	.galleryReturnLink a,
	.galleryReturnLink a.visited,
	.galleryReturnLink a:hover
	{
		color:#EF268C;
		text-decoration:none;
	}