/*****************************************************
 * file:	/css/toy.css v2.0
 * author:	toy
 * date:	25sep08
 * re:		toy actor home page
 * 
 * rev history
 * [25sep08 toy]	orig version
 *					used modalbox which is built on prototype/scriptaculous
 * [21nov11 toy]	complete redo design v2.0
         position: relative;
        background: white;
        opacity: 0.4;

 *********************************************************/


/*** defaults ************************************************************/
* { padding: 0; }

html {background: black;}

body {
    width: 1020px;
	background: #ccc url("../images/bg.jpg") repeat;
	color:#484848;
	color:#040404;
	font-size: 12px;
	font-family: "Lucida Grande", Arial, sans-serif;
	margin: 0 auto; 
	padding: 10px 0 0 0 ;
	border: solid 0px red;
}

a, a:visited, a:active {
	color: #040404;
	text-decoration: none; 
}
a:hover, 
a:focus {
	color: #484848; 
	text-decoration: underline; 
	cursor: hand;
	cursor: pointer;
}		
h1 {
    font-family: 'Nova Square', cursive;
	font-size: 30pt;
	text-transform: uppercase;
	margin: 0px 0 0px 0px; 
}
	h1 span {
		clear: both;
		font-size: 60%;
		color: #FF9;
	}
h2 {     font-family: 'Nova Square', cursive; font-size: 23pt; text-transform:uppercase;}
	h2 span {
		clear: both;
		font-size: 70%;
		color: #FF9;
	}	
h3 { font-family: 'Nova Square', cursive;font-size: 16pt; margin: 0px;}
h4 { font-family: 'Nova Square', cursive;font-size: 12pt; margin: 0px;}
li small {
	color: #09F;
	font-size: 100%;
}
p {padding:5px 0px;}
	p small { color: #09F; font-size: 100%; }
	p em { color: #ffffff; }
	
input {
    font-size: 12px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
}
input.text {
    background-color: red;
    font-size: 12px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	border: solid 1px orange;
}
textarea {
    width: 400px;   
    font-size: 12px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
}
select {
    font-size: 12px;
    width:146px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
}


/*** worker styles *************************************************************/
.hidden { display: none; }
.clear {
    line-height: 0px;
    height: 0px;
    clear: both;
    border: solid 0px red;
}
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.spacer {height: 15px;}
.pink {color: #f955e0;}
.red {color: Red;}
.left {float: left;}
.right {float: right;}
.even {background-color:#aaaacc;}
.odd {background-color:#9999aa;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w50 {width: 50px;}
.w70 {width: 70px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w600 {width: 600px;}
.thumb{
    height: 80px;
    border: solid 1px #aaaaaa;
}
.slider{
}
.galleryThumb{
    height: 100px;
    border: solid 1px #333333;
}
.rounded {
    -moz-border-bottom-right-radius: 5px 5px;
    -moz-border-bottom-left-radius:  5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-bottom-left-radius:  5px 5px;
}


/*** custom styles *************************************************************/
a.buttonA {
    font-size: 12px; 
    color:#333333;
    background-color: #777777; 
    padding: 3px 3px 3px 3px; 
    border:solid 1px #444498; 
}
a.buttonA:hover {
	color: #777777; 
    background-color: white; 
    padding: 3px 3px 3px 3px; 
    border:solid 1px #444498; 
}
a.button {border: solid 0px blue;}

/*** areas *************************************************************/
#header{}
#footer{font-size: 8pt; margin: 0 15px 0px 0;}
    #footer .copyrightD{}
    #footer .minibarD{}

#content{}
#icing {width: 1000px;margin: 5px; padding: 0 0 0 0px; border: solid 0px red;}
#cake { overflow: visible; width: 970px; margin: 0 0px 0px 0px; padding: 10px 0 20px 15px; border:solid 1px white;}

#main{
    width:480px;
    float:left;
    border: solid 0px #484848;
}
    #viewer{
        width: 480px;
        border: solid 1px yellow;
    }
    #selector{
        width: 480px;
        border: solid 0px green;
    }
#nav{
    width: 470px;
    float:right;
    border: solid 0px blue;
}
    #nav .innerNavD{}
        #nav .innerNavD .navSection{margin: 0 0 20px 0;}
            #nav .innerNavD .navSection .headerD{position: relative; background: url("../images/bg.jpg"); opacity: 1; border: solid 0px red;}
                #nav .innerNavD .navSection .headerD .tabD{
                    position: absolute;
                    top: -14px; left: 410px;
                    width: 70px; height: 45px; z-index: 100; 
                    background: url("../images/bg-tab.png"); 
                    padding: 5px 0 0 10px;
                    border: solid 0px red;}
                #nav .innerNavD .navSection .headerD .imageD{margin: 3px 3px 0 3px; border: solid 0px red;}
                    #nav .innerNavD .navSection .headerD .imageD img {width: 60px; opacity: 1;}
                #nav .innerNavD .navSection .headerD .textD {font-size: 12pt; text-transform:uppercase; margin: 25px 0 0 20px;}
            #nav .innerNavD .navSection .stuffD {}
                #nav .innerNavD .navSection .stuffD .newsD{background: url("../images/lightBG.jpg"); margin: 0 20px 10px 10px; padding: 5px 10px;}
                    #nav .innerNavD .navSection .stuffD .newsD .newsTitleD {font-weight:bold;border: solid 0px red;}
                    #nav .innerNavD .navSection .stuffD .newsD .newsExcerptD {border: solid 0px blue;}
                
            #nav .innerNavD .navSection .titleD{margin: 0 0 0 20px;}
            #nav .innerNavD .navSection .detailD{margin: 0 0 0 40px;}

        #nav .innerNavD .infoD {}

    #nav .headerBarD{
        position: relative;
        padding: 5px 0 5px 20px;
        border: solid 0px blue;
    }
        #nav .headerBarD .hbgD { height: 58px; width: 470px; margin: -6px 0px 0 -19px; }
        #nav .headerBarD .bigTabD {
            position: absolute;
            top: 1px; left: 469px;
            border: solid 0px red;
        }
        #nav .headerBarD .nameD{
            float:left;
        }
        #nav .headerBarD .socialD{
            margin: 13px 0 0 0;
            float:right;
        }
            #nav .headerBarD .socialD img{
                border: solid 0px red;
            }
            #nav .headerBarD .socialD .imdbI {width: 49px; height: 24px; background: url("../images/imdbOn.png");}
            #nav .headerBarD .socialD .imdbI:hover {background: url("../images/imdbOff.png");}
            #nav .headerBarD .socialD .facebookI {width: 24px; height: 24px; background: url("../images/facebookOn.png");}
            #nav .headerBarD .socialD .facebookI:hover {background: url("../images/facebookOff.png");}
            #nav .headerBarD .socialD .twitterI {width: 23px; height: 24px; background: url("../images/twitterOn.png");}
            #nav .headerBarD .socialD .twitterI:hover {background: url("../images/twitterOff.png");}
            #nav .headerBarD .socialD .emailI {width: 25px; height: 24px; background: url("../images/emailOn.png");}
            #nav .headerBarD .socialD .emailI:hover {background: url("../images/emailOff.png");}
        #nav .headerBarD .socialButtonsD{
            position: absolute;
            top: 18px;
            left: 223px;
            border: solid 0px green;
        }
            #nav .headerBarD .socialButtonsD img {border: solid 0px black;}
            #nav .headerBarD .socialButtonsD .imdbI {height: 22px; width: 48px; }
            #nav .headerBarD .socialButtonsD .imdbI:hover {background: url("../images/imdbOff.png") no-repeat;}
            #nav .headerBarD .socialButtonsD .facebookI {height: 21px; width: 21px;}
            #nav .headerBarD .socialButtonsD .facebookI:hover {background: url("../images/facebookOff.png") no-repeat;}
            #nav .headerBarD .socialButtonsD .twitterI {height: 21px; width: 21px;}
            #nav .headerBarD .socialButtonsD .twitterI:hover {background: url("../images/twitterOn.png") no-repeat;}
            #nav .headerBarD .socialButtonsD .emailI {height: 22px; width: 22px; margin: 0 0 0 3px;}
            #nav .headerBarD .socialButtonsD .emailI:hover {background: url("../images/emailOff.png")  no-repeat;}

    #nav .accordianD{}
        #nav .accordianD .navSection{position: relative; margin: 0 0 20px 0;}
            #nav .accordianD .navSection .headerD{position: relative; background: url("../images/bg.jpg"); opacity: 1; border: solid 0px red;}
                #nav .accordianD .navSection .headerD .tabD{
                    position: absolute;
                    top: -14px; left: 410px;
                    width: 70px; height: 45px; z-index: 100; 
                    background: url("../images/bg-tab.png"); 
                    padding: 5px 0 0 10px;
                    border: solid 0px red;}
                #nav .accordianD .navSection .headerD .imageD{margin: 3px 3px 0 3px; border: solid 0px red;}
                    #nav .accordianD .navSection .headerD .imageD img {width: 60px; opacity: 1;}
                #nav .accordianD .navSection .headerD .textD {font-size: 12pt; text-transform:uppercase; margin: 25px 0 0 20px;}
            #nav .accordianD .navSection .stuffD {overflow: auto; position: relative; height: 100%; color: white; margin: 0px 5px 0 5px; padding: 10px; border: solid 0px blue;}
                #nav .accordianD .navSection .stuffD .bgD {position: absolute; width: 100%; height: 100%; z-index:0; background: black; opacity:0.5; margin: -10px -12px 0 -12px; border: solid 0px red;}
                #nav .accordianD .navSection .stuffD .textD {position: relative; overflow: auto; z-index: 1000; border: solid 0px red;}
                #nav .accordianD .navSection .stuffD .newsContentD{position: relative; overflow: auto; z-index: 1000; background: url("../images/lightBG.jpg"); color: black; margin: 0 20px 10px 10px; padding: 5px 10px;-moz-border-radius: 5px; border-radius: 5px;}
                    #nav .accordianD .navSection .stuffD .newsContentD .newsTitleD {font-weight:bold;text-decoration: underline;border: solid 0px red;}
                    #nav .accordianD .navSection .stuffD .newsContentD .newsPubDateD {font-size: 8pt;}
                    #nav .accordianD .navSection .stuffD .newsContentD .newsExcerptD {border: solid 0px blue;}
                
            #nav .accordianD .navSection .titleD{margin: 0 0 0 20px;}
            #nav .accordianD .navSection .detailD{margin: 0 0 0 40px;}
        
        .aboutD .stuffD{color: White;}
        #nav .accordianD .infoD {}


#overlay{position:absolute; top:0; left:0; width:1000%; height: 1000%; color: white; z-index: 1000; border: solid 0px white;}
    #overlay a {color: #cccccc;}
    #overlay a:hover {color: white;}
    #overlay .spinnerD { text-align: center; margin: 40px auto; border: solid 0px pink;}
    #overlay .dimmerD {width:100%; height: 100%; background: black; opacity: .7; border: solid 0px pink;}
    #overlay .viewportD {position: absolute; width: 640px; height: 500px; background: black; z-index: 1500; border: solid 1px #220404;}
        #overlay .viewportD .navD {text-align:right; margin: 8px 4px 3px 0; border: solid 0px pink;}
        #overlay .viewportD #tv {width: 640px; height: 480px; margin: 0px 0 0 0; border: solid 0px red;}
            #overlay .viewportD #tv .captionD {background: black;height: 15px; color: #dddddd; padding: 5px; border: solid 1px #222222;}

    #overlay .formD {background: #9999aa; font-size: 16px; margin: 20px; border: solid 1px #dddddd;}
        #overlay .formD input {font-size: 16px;}
        #overlay .formD textarea {font-size: 16px;}
        #overlay .formD table {margin: 10px auto;}
            #overlay .formD table td {padding: 10px 5px;}
        #overlay .formD .sendA {background: #ddddff; color: #134464; font-size: 16px; padding: 5px; border:solid 1px #555555; }
        #overlay .formD .sendA:hover {background: #134464; color: #ddddff; } 
        #overlay .err {color: Red; font-size: 16px; text-align: center; margin: 50px auto; } 
        #overlay .thankyouD {font-size: 16px; text-align: center;margin: 50px auto; border: solid 0px white;} 
            #overlay .thankyouD a {font-size: 16px;} 
        #overlay .doneD {font-size: 16px;  text-align: center; margin: 50px auto; border: solid 0px white;} 
    
    
/*** custom elements *************************************************************/
ul.galleryUL {position: relative; overflow:auto; list-style: none; z-index: 1000; opacity:1; margin: 0 5px; border: solid 0px white;}
    ul.galleryUL li {font-family: arial; width: 100px; height: 100%; margin: 0 5px; float: left; border: solid 0px red;}

.stuffD {font-family: arial;}
    .stuffD a,.stuffD a:visited, .stuffD a:active {
	    color: #6a6add;
    }
    .stuffD a:hover {
	    color: #2b2bcc;
    }

.bgWhiteD {position: absolute; z-index:0; background: white; opacity:0.4; margin: 0px 0px 0 0px; border: solid 0px red;}
.fb-like {position: absolute; margin: 15px -10px 0 5px;float: right; border: solid 0px red;}