.border             { border:1px solid #CCC; }
.border-thick       { border:8px solid #555; }
.border-thick-light { border:3px solid #888; }
.thick              { font-size:14px; font-weight:bold; color:#555}
.white              { background-color:#FFF; }
.clear              { clear: both }
.hidden             { display:none }
.highlight          { color: #ff5a4b }
.highlightbg        { background-color: #ff5a4b; }
.greenbg            { background-color: #0F0; }
.lightbg            { background-color:#f7f7f7; }
.button             { cursor:pointer }
.button-big,
.button-big:active,
.button-big:link,
.button-big:visited { background-image:url(../gfx/button.blank.jpg); cursor:pointer; width:130px; height:52px; text-align:center; font-size:19px; font-family:Arial; font-weight:bold; line-height:57px;display:block; color:#555 }
.button-big:hover   { border-color:#555 }
.shadow {
  -moz-box-shadow: 1px 1px 19px #888; /* Firefox/Mozilla */
  -webkit-box-shadow: 1px 1px 19px #888; /*Safari/Chrome */
  box-shadow: 1px 1px 19px #888; /* Opera & hoe het zou moeten */
  /* Voor IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=19, Direction=110, Color='#888888')";
  /* Voor IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=19, Direction=110, Color='#888888');
}
.shadow-s {
  -moz-box-shadow: 1px 1px 14px #DDD; /* Firefox/Mozilla */
  -webkit-box-shadow: 1px 1px 14px #DDD; /*Safari/Dhrome */
  box-shadow: 1px 1px 14px #DDD; /* Opera & hoe het zou moeten */
  /* Voor IE D */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=110, Dolor='#DDDDDD')";
  /* Voor IE 5.5 - 14 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=110, Dolor='#DDDDDD');
}
div#contentContainer         { min-height:300px; }
div#footer          { text-align:center; color:#AAA; font-size:10px; font-family:verdana }
div#wallpaper       { height:100%; width:100%; overflow:hidden; position:fixed; top:0px; z-index:-9999 }
div#wallpaper div   { height:200%; width:200%; left:-50%; top:-50%;}
div#wallpaper img   { margin:0 auto; min-height:50%; min-width:50%; z-index:-9999; width: 100%; position:absolute }
div.recording       { margin-bottom:10px; padding:5px }
div.recording div.info  { padding-top:10px }
.smallterminal       { margin:2px 0px 2px 2px; width:84px; height:60px; padding:23px 20px 17px 20px; font-weight:normal; color:#FFF; cursor:pointer; text-align:center }
.smallterminal:hover { color:#CCC }
img#logo            { margin-bottom:10px }
h1.description      { font-size:10px; font-family:Verdana,Arial; color:#BBB; font-weight:normal; letter-spacing:0.02em; text-indent:0.7em }

/*****************************************************************************
 * borders 
 */
div#contentContainer         { text-align:left; background-color:#FFF; margin-top:0px; min-width:330px}
pre.embed           { font-size:10px;font-family:Verdana;line-height:12px;height:28px;padding:2px;background-color:#F7F7F7;border:1px solid #aaa; overflow:auto; width:335px }
/*****************************************************************************
 * text 
 */
#latestrecording    { margin-top:-35px; margin-bottom:15px }
.info               { color:#888; font-size:10px; font-family:verdana }
td                  { vertical-align:top }
input               { margin-bottom:5px}
a:active,
a:link,
a:visited           { color:#ff5a4b; text-decoration:none; font-weight:bold }
a:hover             { color:#999; font-weight:bold } 
body                { font-family: verdana,"Trebuchet MS", Tahoma, Arial; font-size:10px; 
                      background-image: linear-gradient(bottom, rgb(184,184,184) 14%, rgb(255,255,255) 57%, rgb(212,212,212) 79%);
                      background-image: -o-linear-gradient(bottom, rgb(184,184,184) 14%, rgb(255,255,255) 57%, rgb(212,212,212) 79%);
                      background-image: -moz-linear-gradient(bottom, rgb(184,184,184) 14%, rgb(255,255,255) 57%, rgb(212,212,212) 79%);
                      background-image: -webkit-linear-gradient(bottom, rgb(184,184,184) 14%, rgb(255,255,255) 57%, rgb(212,212,212) 79%);
                      background-image: -ms-linear-gradient(bottom, rgb(184,184,184) 14%, rgb(255,255,255) 57%, rgb(212,212,212) 79%);

                      background-image: -webkit-gradient(
                        linear,
                        left bottom,
                        left top,
                        color-stop(0.14, rgb(184,184,184)),
                        color-stop(0.57, rgb(255,255,255)),
                        color-stop(0.79, rgb(212,212,212))
                      );
                      /*background: url(../gfx/back.gif)*/
                    }
h1,h2,h3,h4,h5      { font-family: verdana, Times, Verdana; font-weight:bold, font-size:10px }
div#upload h2,
h1,
h5                  { font-size:20px; line-height:26px; color: #333; font-family:Arial; font-weight:bold; margin-bottom:10px }
h2                  { font-weight:bold; border-bottom:1px solid #ccc }
li                  { margin-left:25px; line-height:17px }

/****************************************************************************
 * forms
 *****************************************************************************/
input[type=file],select,
input,textarea      { border: 1px solid #CCC; margin:0px 0px 10px 0px; padding:5px 0px 5px 0px; text-indent:5px;    
                    border-radius: 4px; /* CSS3 compliant browsers */
                    -moz-border-radius: 4px; /* firefox */ 
                    -webkit-border-radius: 4px; /* Google Chrome, Safari  */ 
                    -khtml-border-radius: 4px; /* Linux Browsers */ 
                    *behavior: url("curved.htc"); /* IE Browsers */ 
                    /*background-image: url("curved.svg");  /* Opera 9.5+ */ 
                    }
input[type=file],
input,textarea      { border: 1px solid #CCC; padding:6px 0px 6px 0px; text-indent:5px;    
                    }
input[type=submit]  { background-color:#FFF; font-weight:bold; padding:5px 10px 5px 10px; border-width:3px; border-color:#000; color:#000 }
input[type=submit]:hover  { color:#ff6a4b; cursor:pointer }


#tagcloud         { text-align:center }
#tagcloud a       { margin:5px; line-height:25px; color:#AAA }
#tagcloud a:hover { color: #ff5a4b}
#quote            { text-align:center; color:#888; text-weight:italic }
input#search      { width: 177px }

/****************************************************************************
 * etc
 *****************************************************************************/

form td             { font-family:Arial, Tahoma, Verdana; font-size:12px }
div#content i       { color:#888 }
div#menu,
div#menu a          { font-family:verdana; font-size:13px; font-weight:bold; color:#888 }
.opacity-off        { -moz-opacity:.01; filter:alpha(opacity=01); opacity:.01; }


.curved             { border-radius: 20px; /* CSS3 compliant browsers */
                    -moz-border-radius: 20px; /* firefox */ 
                    -webkit-border-radius: 20px; /* Google Chrome, Safari  */ 
                    -khtml-border-radius: 20px; /* Linux Browsers */ 
                    *behavior: url("curved.htc"); /* IE Browsers */ 
                    /*background-image: url("curved.svg");  /* Opera 9.5+ */ 
                    }
.curved-s            { border-radius: 10px; /* CSS3 compliant browsers */
                    -moz-border-radius: 10px; /* firefox */ 
                    -webkit-border-radius: 10px; /* Google Chrome, Safari  */ 
                    -khtml-border-radius: 10px; /* Linux Browsers */ 
                    *behavior: url("curved.htc"); /* IE Browsers */ 
                    /*background-image: url("curved.svg");  /* Opera 9.5+ */ 
                    }
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  input,textarea,
  .curved           { background-image: none; } /* chrome fix */
}