/* Denna kod tar bort all margin och padding */
* {margin: 0; padding: 0;}

/* De två raderna nedan ser till att font-size motsvarar 1em=10px och blir därför relativa värden om em används */
html		{font-size: 125%; height:100%}
body		{font-size: 50%; height:100%}

body		{background-repeat: no-repeat; background-color: #000000; font-size: .8em; font-weight:normal; font-family: arial,sans,verdana,fixedsys; color: #ffffff;}

a:link		{ color: gold;		text-decoration: underline;}
a:visited	{ color: cyan;		text-decoration: underline;}
a:hover		{ color: silver;	text-decoration: underline;}

#wrapper	{ width: 100%; margin:auto}

#sidebar	{ width: 144px; height: 100%; overflow:auto; background-image: url(/sidemenugrad0.png); background-repeat: repeat-y; background-position: 128px; background-attachment: fixed; float:left; margin-top:0px; margin-left:8px; margin-right:8px; font-size:1.6em}

#mainpage	{ float:top; overflow:auto; height: 95%; margin-top:0px;}

#oxydpage	{ float:top; overflow:auto; height: 99%; margin-top:0px; background-image: url(/Games/Oxyd/landscape_impressions/landscape2.php?fullset); background-position: center; background-attachment: fixed; background-repeat: repeat;}
#oxyd_indent	{ margin-left:10%; }

#footer		{ float:right; overflow:auto; margin-top:128px }

#freetext	{ margin-left:25%; margin-right:25%;}
#freetext2	{ margin-left:5%; overflow:auto; width:85%; height:320px; background-color:#FFFFFF; color: #000000;}

#fixedsys	{ float:top; font-size:0.8em; font-family:fixedsys,petme,"Bitstream Vera Sans Mono";}

#blogs		{ float:left; width:50%; overflow:auto; height: 50%; margin-top:5%; border-style: ridge; border-width: 3px; border-color:#009030; font-family:fixedsys,cbm,"Bitstream Vera Sans Mono";}
#blogbar	{ float:right; overflow:auto; height: 99%; margin-top:5%; font-family: arial,sans,verdana,fixedsys; }


#video_logo_l0	{ background-color:transparent; margin:auto; width:640px; height:200px; }
#video_logo_l1	{ background-color:transparent; margin:0px; padding:0px; background-image: url(videos/reel.gif); background-repeat: no-repeat; background-position: 216px 54px; }
#video_logo_l2	{ background-color:transparent; margin:0px; padding:0px; background-image: url(videos/reel.gif); background-repeat: no-repeat; background-position: 408px 50px; }

.video_tables	{ background-color:transparent; width:15%; float:left; margin:8px; }

@media screen and (orientation: landscape) {
	#vid_Canvas	{ padding:0; margin:auto; display:block; height:94%; }
}
@media screen and (orientation: portrait) {
	#vid_Canvas	{ padding:0; margin:auto; display:block; width:100%; }
}
#vid_topdiv	{ position:fixed; top:0%; left:0%; width:100%; height:32px; }
#vid_controlpanel{position:fixed; bottom:0%; left:0%; width:100%; border-style:solid; border-width:5px; border-image-source:url(/BOX_0x100400.png); border-image-slice:5; border-image-repeat:stretch; }
#vid_volpanel	{ position:fixed; top: 0px; border-style:solid; border-width:5px; border-image-source:url(/BOX_0x100400.png); border-image-slice:5; border-image-repeat:stretch; }
#vid_tslider	{ height:16px; background-image:url(/videos/PELLET0.PNG); background-repeat:no-repeat; background-position: 0px 0px; vertical-align: bottom; }
#vid_tslinfo	{ height:16px; vertical-align: top; }
.vid_vslider	{ height:32px; width:132px; background-image:url(/videos/PELLET0.PNG); background-repeat:no-repeat; background-position: 0px 0px; vertical-align:bottom; }
.vid_morevols	{ height:32px; width:2px; }
#vid_subslang	{ height:32px; width:32px; background-image:url(); background-repeat:repeat; background-position:center; }
#vid_subpanel	{ position:fixed; top:0px; max-width:136px; text-align:center; border-style:solid; border-width:5px; border-image-source:url(/BOX_0x100400.png); border-image-slice:5; border-image-repeat:stretch; }
#vid_infopanel	{ background-color:#000000; position:fixed; top:0px; width:320px; height:93%; border-style:solid; border-width:5px; border-image-source:url(/BOX_0x100400.png); border-image-slice:5; border-image-repeat:stretch; overflow-y:auto; }