@media screen, projection {

/*Global styles*/

html {padding: 0; margin: 0;}
body {padding: 0; margin: 0; font-size: 13px;}

h1 {margin: 0; clear: both;}
h2 {margin: 0; margin-top: 13px; clear: both;}
h3, h4 {margin: 0; margin-top: 13px;}

.setofp {font-size: 16px;}

small {font-size: 13px;}

h1 {font-size: 26px;}
h2 {font-size: 21px;}
h3 {font-size: 18px;}
h4 {font-size: 16px}

p {margin-top: 0; margin-bottom: 13px;}
/*h1 + p, h2 + p, h3 + p, h4 + p {margin-top: 0;}*/

ul {margin: 0; padding: 0; padding-left: 13px;}
li {margin: 0; padding: 0;}

textarea {height: 300px; width: 450px;}
input.short {width: 30px;}

object {width: 100%; height: 540px}

img {border: solid 2px black;}

table {margin: 13px;}

.lonly {display: none;}

/*Construction*/
#head, #menu, #error, .main, #copyright {width: 640px; padding-left: 20px; padding-right: 20px; margin: auto; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px;}

#head {position: relative; min-height: 150px;}
#head h1 {margin: 0; margin-left: 160px;}
#head p {margin: 0; margin-left: 160px;}
#head img {position: absolute; top: 10px; left: 20px; border-style: none;}

#menu {padding-top: 5px; padding-bottom: 5px; height: 18px;}
#menu ul {padding: 0;}
#menu li {float: left; margin-right: 10px;}

#news .first_img, .onenews .first_img {float: left; margin-right: 10px; margin-bottom: 10px;}
#news .time, .onenews .time, #news .source, .onenews .source, #news .author, .onenews .author {display: block;}
#news h2 {clear: none;}

#codes code {display: block;}

ul.gallery li {clear: right;}
ul.gallery li img {float: right; margin: 5px; margin-top: 0;}

.nav {margin-left: 13px; margin-bottom: 13px;}

.slinkpack {clear: both; margin-top: 13px; margin-bottom: 13px;}

.img_to_right {float: right;}
.img_to_left {float: left;}
div.img_to_right, div.img_to_left {text-align: center; width: 140px; padding:3px; padding-top:7px; border: solid 1px gray; margin: 5px;}
.img_to_right p, .img_to_left p {font-size: 13px; margin: 0;}

.img_set {padding-top: 3px; border-top: solid 1px gray; border-bottom: solid 1px gray; margin-top: 26px; margin-bottom: 26px; text-align: center;}
.img_set p {font-size: 13px; margin: 0; margin-left: 39px; margin-right: 39px;}

.img_ul li {clear: both;}
.img_ul li img {float: right; margin-top: 10px;}

/*Colours*/

html {background-color: black; color: white;}
body {font-family: "DejaVu Sans", "Verdana", sans-serif;}
#head, .main, #copyright {background-color: white; color: black; background-image: url('./bg_white.png');}
#error {background-color: yellow; color: black; background-image: url('./bg_yellow.png');}

a {text-decoration: none; color: navy;}
a:visited {color: #5500aa;}
a:hover {text-decoration: underline; color: red;}
a:active {color: red;}

h1 a:visited, h1 a:link {color: black;}

.setofp {font-family: "URW Bookman L", "DejaVu Serif", "Georgia", serif;}
h1, h2, h3, h4 {font-family: "URW Bookman L", "DejaVu Serif", "Georgia", serif;}

small {font-family: "DejaVu Sans", "Verdana", sans-serif;}

#head p {font-style: oblique;}

#menu {background-color: #ed1c26; color: white; background-image: url('./bg_red.png');}
#menu li {list-style: none; font-weight: bold;}
#menu a {color: #ffdddd;}
#menu a:hover {color: white;}

.img_to_right p, .img_to_left p {font-family: "DejaVu Sans", "Verdana", sans-serif;}
.img_set p {font-family: "DejaVu Sans", "Verdana", sans-serif;}

}