/*
Theme Name: Christmas Theme - Screen Stylesheet
Theme URL: http://www.successwebmasters.com
Description: The Christmas theme from the Open Source people at <a href="http://www.successwebmasters.com">Success Webmasters</a>.
Version: 2.0.0
Author: Tommy Pettersson, Success Webmasters Pte. Ltd.
Author URL: http://www.successwebmasters.com

        This theme was designed and built by Tommy Pettersson,
        whose blog you will find at http://www.TommyPettersson.com

        The CSS, XHTML and design is copyright Tommy Pettersson and Success Webmasters Pte. Ltd.
*/

body {
                    font-weight: normal;
                    font-size: 72%;  /* Enables font size scaling in MSIE */
                    font-family: Comic Sans MS, Verdana, Tahoma, Arial, Geneva, Helvetica;
                    text-align: center;
                    line-height: 135%;
                    color: #000000;
                    background: #ffffff url("../images/bgs/bg_christmas.gif");
                    margin: 0px;
                    padding-left: 50px;
                    padding-top: 0px;
                    padding-right: 50px;
                    padding-bottom: 0px;
                    scrollbar-base-color: #dd0000;
                    scrollbar-face-color: #008000;
                    scrollbar-highlight-color: #dddddd;
                    scrollbar-shadow-color: #000000;
                    scrollbar-3dlight-color: #008000;
                    scrollbar-arrow-color: #eeeeee;
                    scrollbar-track-color: #dd0000;
                    scrollbar-darkshadow-color: #008000;
}

html > body {
                    font-size: 8.5pt;
}


/* THIS PART CONTROL COMMON STYLES */
a {
                    text-decoration: none;
}

a:link {
                    color: #000080;
                    text-decoration: none;
}

a:visited {
                    color: #000080;
                    text-decoration: none;
}

a:hover {
                    color: #333333;
                    text-decoration: none;
}

a:active {
                    color: #871f78;
                    text-decoration: none;
}

.center {
                    text-align: center;
}

.doNotDisplay {
                    display: none !important;
}

h1, h2, h3, h4 {
                    font-weight: bold;
                    font-family: Comic Sans MS, Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
                    text-align: center;
}

h1 {
                    font-size: 280%;
                    color: #ff0000;
}

h2 {
                    font-size: 240%;
                    color: #008000;
}

h3 {
                    font-size: 240%;
                    color: #ff0000;
}

h4 {
                    font-size: 200%;
                    color: #008000;
}


/* THIS PART CONTROL THE LANGUAGES PART */
#area1 {
                    left: 150;
                    position: absolute;
}
#area2 {
                    left: 390;
                    position: absolute;
}
#area3 {
                    left: 630;
                    position: absolute;
}

.abc {
                    font-weight: bold;
                    font-size: 140%;
                    color: #008000;
}

p.letter {
                    display: none;
}

p.language {
                    font-weight: bold;
                    font-size: 140%;
                    font-family: Comic Sans MS, Verdana, Tahoma, Arial, Geneva, Helvetica;
                    text-align: center;
                    line-height: 2.1em;
                    color: #008000;
                    margin: 0;
                    padding: 0;
                    padding-bottom: 10px;
}

span.greeting {
                    color: #ff0000;
}

div.langpic {
                    text-align: center;
                    padding-top: 10px;
                    padding-right: 0px;
                    padding-bottom: 10px;
                    padding-left: 0px;
}

div.randompic {
                    text-align: center;
                    padding-top: 10px;
                    padding-right: 0px;
                    padding-bottom: 10px;
                    padding-left: 0px;
}

div.sledge {
                    text-align: center;
                    padding-top: 40px;
                    padding-right: 0px;
                    padding-bottom: 30px;
                    padding-left: 0px;
}

p.endgreeting {
                    width: 60%;
                    display: block;
                    font-weight: bold;
                    font-size: 140%;
                    font-family: Comic Sans MS, Verdana, Tahoma, Arial, Geneva, Helvetica;
                    text-align: justify;
                    color: #ff0000;
                    line-height: 1.4em;
                    margin-left: 20%;
}


 /* THIS PART CONTROLS THE MUSIC FILES */
div#midifiles {
                   height: 440px;
}

div#musicfiles {
                   height: 450px;
}

p.miditext,
p.musictext {
                    font-weight: bold;
                    font-size: 160%;
                    line-height: 150%;
                    color: #008000;
}

.music {
                    height: 30px;
                    font-weight: bold;
                    font-size: 140%;
                    line-height: 30px;
                    color: #0066cc;
}

.micon {
                    border: none;
                    margin-bottom: -3px;
}

.music a:link {
                    color: #1590ee;
                    margin: 0;
                    margin-top: 2px;
                    margin-bottom: 2px;
                    padding: 0;
                    text-decoration: none;
}

.music a:visited {
                    color: #ff0000;
                    text-decoration:none;
}

.music a:hover {
                    color: #008000;
                    text-decoration:none;
}

.music a:active {
                    color: #000080;
                    text-decoration:none;
}




 /* THIS PART CONTROLS THE END OF THE PAGE */

.ggreen            {font-weight: normal;
                    font-size: 140%;
                    font-family: Comic Sans MS, Verdana, Tahoma, Arial, Geneva, Helvetica;
                    color: #008000;
}

.footer            {font-weight: normal;
                    font-size: 110%;
                    font-family: Comic Sans MS, Arial, Verdana, Geneva, Helvetica;
                    color: #008000;
                    text-align: center;
}


/* Det här är för att kompensera för MSIE:s oförmåga att förstå */
/* att fontstorleken i tabeller skall ärvas från body. */
table, table table {FONT-SIZE: 1.0em;}