@charset "UTF-8";

/* Layout Small Screens */


body {
    font-size:1.2em;
    background-image:url("/images/wallpaper.jpg");
    background-repeat:repeat;
    max-width:501px;
    min-width:200px;
    width:100%;
}

#childheader {
    background-image:url("/images/paul_child_header.jpg");
    background-repeat:repeat;
    margin:6px auto 6px;
    display:block;
    max-width:501px;
    min-width:200px;
    height:70px;
    border:1px solid #000000;
}


#childname {
    clear:right;
    float:unset;
    display:block;
    background-image:url("/images/paulname_medium.png");
    background-repeat:no-repeat;
    width:200px;
    height:45px;
    margin:0 auto 0;

}




.homepage {
    background-image:url("/images/Paul_Background_Small.jpg");
    background-repeat:no-repeat;
    box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.5);
    border-radius: 0 0 10px 10px;
    top:45px;
    margin-top:45px;
    display:block;
    max-width:501px;
    min-width:200px;
    width:100%;
    height:234px;
}


.childpage {
    clear:both;
    float:none;
    position:relative;
    top:0px;
    display:block;
    padding:0;
    width:100%;
    max-width:470px;
    min-width:200px;
    margin:auto;
    background-color:#e0e0e0;
	box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.5);
    border-radius:unset;
}

.childcontent {
    clear:both;
    float:unset;
    max-width:501px;
    min-width:200px;
    display:block;
    overflow:visible;
    padding:10px;
    margin:0;
    font-size:0.8em;
    font-weight:100;
}



#homename {
    clear:both;
    float:right;
    position:relative;
    background-image:url("/images/paulname_medium.png");
    background-repeat:no-repeat;
    display:block;
    width:200px;
    height:45px;
    margin:-45px 20px 0 0;
}



#hometitle {
    display:none;
}


#childtitle {
    clear:both;
    float:unset;
    position:static;
    top:40px;
    display:block;
    text-align:center;
    background-image:url("/images/voice_over_actor_medium.png");
    background-repeat:no-repeat;
    width:200px;
    height:16px;
    margin:auto;
}




#homedemo {
    text-align:center;
    clear:both;
    width:100%;
    height:30px;
    margin:200px 0 20px 0;
}

.homeaudio {
    clear:both;
    float:unset;
    width:98%;
    height:30px;
    margin:0 auto 0;
}


#homenav {
    clear:both;
    display:block;
    float:right;
    width:96%;
    min-width:300px;
    margin:-10px 6px 4px 8px;
    background-color:#404040;
    line-height:40px;
    border:1px solid #303030;
    text-align:center;
}


    #homenav a {
        font-size:0.9em;
        display:block;
        color:#c0c0c0;
        text-decoration:none;
        padding:6px;
        border-bottom:1px solid #303030;
    }
        #homenav a:hover {
            color:#ffffff;
            background-color:#304060;
            transition:ease-in;
            transition-duration:.1s;
        }

        #homenav a:active {
            color:#ffffff;
            background-color:#304060;
        }

#childnavmobile {
    clear:both;
    float:unset;
    display:block;
    position:static;
    top:0;
    float:right;
    width:96%;
    margin:10px 6px 10px 8px;
    background-color:#404040;
    line-height:40px;
    border:1px solid #303030;
    text-align:center;
}

    #childnavmobile div {
        display:block;
        width:98%;
        padding:0;
        margin:0;
    }

    #childnavmobile a {
        font-size:0.9em;
        color:#c0c0c0;
        display:block;
        text-decoration:none;
        padding:6px;
        border-bottom:1px solid #303030;
        }
        #childnavmobile a:hover {
            color:#ffffff;
            background-color:#304060;
            transition:ease-in;
            transition-duration:.1s;
        }

        #childnavmobile a:active {
            color:#ffffff;
            background-color:#304060;
        }

#childnav {
    display:none;
}


#social {
    clear:right;
    position:absolute;
    top:50px;
    display:block;
    right:4px;
    float:right;
    margin-top:20px;
    margin-right:10px;
}


#childsocial {
    display:none;
}


#childsocialmobile {
    clear:both;
    float:unset;
    display:block;
    position:static;
    top:0;
    width:95%;
    margin:20px 0 0 8px;
    text-align:center;
}




.facebook {
    clear:both;
    background-image:url("/images/facebook.png");
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    display:block;
    margin:5px 5px 10px 5px;
    padding:0;
}
    .facebook:hover {
        padding:0;
    }

.youtube {
    clear:both;
    background-image:url("/images/youtube.png");
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    display:block;
    margin:5px 5px 10px 5px;
    padding:0;
}
    .youtube:hover {
        padding:0;
    }

.twitter {
    clear:both;
    background-image:url("/images/twitter.png");
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    display:block;
    margin:5px;
    padding:0;
}
    .twitter:hover {
        padding:0;
    }


.childfacebook {
    background-image:url("/images/facebook.png");
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    display:inline-block;
    margin:3px;
    padding-top:2px;
}

.childtwitter {
    background-image:url("/images/twitter.png");
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    display:inline-block;
    margin:3px;
    padding-top:2px;
}

.childyoutube {
    background-image:url("/images/youtube.png");
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    display:inline-block;
    margin:3px 14px 3px 14px;
    padding-top:2px;
}


.homefooter {
    clear:both;
    font-size:0.7em;
    color:#c0c0c0;
    margin-top:10px;
    text-align:center;
    background-color:#303030;
    padding:5px;
}

.childfooter {
    clear:both;
    float:unset;
    display:block;
    position:static;
    top:60px;
    width:96%;
    min-width:200px;
    font-size:0.7em;
    color:#c0c0c0;
    margin:6px 6px 0 2px;
    text-align:center;
    background-color:#303030;
    padding:5px;
}

.childpageheader {
    font-size:1.4em;
    font-weight:bold;
    color:#c0c0c0;
    letter-spacing:8px;
    text-align:center;
    margin:8px 0 14px 0;
}

.videogroup {
    width:300px;
    margin:auto;
}


.videoframe {
     width:300px;
     height:169px;
     padding:3px;
     border:1px solid #c0c0f0;
}

.videodescription {
    color:#808080;
    font-size:0.8em;
    font-style:italic;
    margin:30px 0 5px 0;
}

.audiogroup {
    width:300px;
    margin:auto;
}


.audiodemo {
     width:300px;
     padding:3px;
}

.voiceaudio {
     width:300px;

}

.audiodescription {
    color:#808080;
    font-size:0.8em;
    font-style:italic;
    margin:20px 0 5px 0;
}

/*About Page*/
#aboutcontent {
    width:300px;
    margin:auto;
}

#PaulBizPhoto {
    display:block;
    background-image:url('/images/Paul_About_Photo_Medium.jpg');
    background-repeat:no-repeat;
    width:300px;
    height:438px;
    margin:auto;
    border:1px solid #808080;
}

#AboutPaul {
    display:block;
    text-align:left;
    width:300px;
    min-width:300px;
    font-size:0.9em;
    vertical-align:top;
    margin-top:10px;
}
    #AboutPaul p {
        margin-top:0;
        padding-top:0;
    }

.clearfix {
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/*contact form*/
.Text_Area {
	width:240px;
	height:140px;
}

#PaulStudioImage {
    background-image:url('../images/Paul_studio_small.jpg');
    width:300px;
    height:175px;
    margin:20px auto 20px;
    border:1px solid #c0c0c0;
}

#VoiceTextContent {
    width:300px;
    font-size:14px;
}

#VideoTextContent {
    width:300px;
    font-size:14px;
}

#HomeTextContent {
    font-family:Arial,Arial, Helvetica, sans-serif;
    font-size:14px;
    background-color:#101010;
    color:#c0c0c0;
    border-radius:10px;
    padding:8px;
    max-width:501px;
    min-width:200px;
    margin:7px auto 15px;
	box-shadow: -4px 4px 7px rgba(0, 0, 0, 0.5);
}