/* sharoma.com 'blue style' cascading style sheet */
/* Robin Sharrock: 2004, 2005, 2006, 2010 */

body
{margin: 1% 15%;
color: #000000;
font-family: calibri, sans-serif;
font-size: 15px;
font-weight: normal;
background-color: #eeeeee;
background-image: url(../img/back.jpg);}

img
{border: 0;}

h1
{letter-spacing: 6px;}

h2
{text-transform: lowercase;}

p.rated
{color: #ff3300; background-color: inherit; font-weight: bolder;}

p.updated
{font-family: verdana; color: #200040; background-color: inherit; font-weight: bolder; font-size: smaller; margin: 0 0 10px 15px;}

p.copy
{color: #000000; background-color: inherit; font-family: monospace;}

p.quote
{color: #222222; background-color: inherit; font-style: italic; margin: 0 0 10px 15px;}

address
{font-family: verdana; font-size: smaller;}

/* submenu when a navbar isn't warranted */

ul.submenu
{color: #000000; background-color: inherit; font-size: smaller;}

ul.submenu li
{display: inline; text-transform: lowercase;}

/* pl is a 'picture link' */

p.pl
{font-weight: bolder;}

p.pl:before
{content: "[ ";}

p.pl:after
{content: " ]";}

/* md refers to MiniDisc on the hacking page. These three styles are for the commands, values and writing procedures */

span.mdcmd
{color: #200040; background-color: inherit; font-weight: bolder; text-decoration: underline;}

span.mdval
{color: #006600; background-color: inherit; font-weight: bolder; text-decoration: underline;}

span.mdwri
{color: #ff3300; background-color: inherit; font-weight: bolder; text-decoration: underline;}

/* for the frontierverse combat page: different laser and tonnage colours */

span.blue
{color: #0000ff; background-color: inherit; font-weight: bolder;}

span.orange
{color: #ffa500; background-color: inherit; font-weight: bolder;}

span.green
{color: #008000; background-color: inherit; font-weight: bolder;}

span.yellow
{color: #ffff00; background-color: #cccccc; font-weight: bolder;}

span.magenta
{color: #ff00ff; background-color: inherit; font-weight: bolder;}

span.grey
{color: #808080; background-color: inherit; font-weight: bolder;}

span.red
{color: #ff0000; background-color: inherit; font-weight: bolder;}

span.white
{color: #ffffff; background-color: #cccccc; font-weight: bolder;}

/* for the frontier: elite 2 timeline */

ul.fe2
{list-style: none;}

/* for the ship's meters on frontierverse */

span.fuel
{color: #00e000; background-color: #808080; font-weight: bolder; padding: 2px;}

span.laser
{color: #e00000; background-color: #a0a0a0; font-weight: bolder; padding: 2px;}

span.cabin
{color: #e07000; background-color: #cccccc; font-weight: bolder; padding: 2px;}

em
{color: #200040; background-color: inherit;}

strong
{font-weight: bolder;}

pre
{font-size: medium;}

a.hidden
{display:none;}

h2.hidden
{display:none;}

div#title
{border: solid;
border-width: 1px;
padding: 12px;
text-align: right;
margin-bottom: 15px;
color: #ffffff;
background: #336699;
border-color: #000000;}

/* navbar is for main contents */

div#navbar
{border: solid;
border-width: 1px;
padding: 15px;
float: left;
margin-top: 15px;
margin-left: 15px;
margin-right: 40px;
margin-bottom: 20px;
color: #000000;
background: #eeeeee;
background-image: url(../img/lines.gif);
border-color: #336699;}

div#navbar li
{letter-spacing: 1px; text-transform: lowercase; list-style-type: square; color: #336699;}

div#navbar h2
{letter-spacing: 5px; border-bottom: 1px solid; border-color: #336699; font-weight: bolder; font-size: small;}

div.main
{border: solid;
border-width: 1px;
padding: 12px;
margin-top: 15px;
text-align: justify;
color: #000000;
background: #e2e4ec;
border-color: #336699;}

div.main h2
{letter-spacing: 2px; border-bottom: 1px solid; border-color: #336699; text-align: left;}

div.main h3
{letter-spacing: 2px; border-bottom: 1px solid; border-color: #ffffff;}

div.main h4
{letter-spacing: 1px; color: #200040; background-color: inherit; font-weight: bolder; margin: 5px 5px 5px 35px; padding: 1px;}

div.main h5
{letter-spacing: 1px; color: #000000; background-color: inherit; margin: 15px 15px 15px 55px;}

div.main h6
{letter-spacing: 1px; color: #000000; background-color: inherit; margin: 15px 15px 15px 55px;}

div.main li
{margin: 0 0 0 15px; padding: 1px;}

div.main img
{display: inline; margin-left: auto; margin-right: auto; padding: 20px;}

/* navbar 2 is for each site's inner page return links */

div#navbar2
{border: solid;
border-width: 1px;
padding: 15px;
float: right;
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
color: #000000;
background: #eeeeee;
background-image: url(../img/lines.gif);
border-color: #336699;}

div#navbar2 h2
{letter-spacing: 5px; border-bottom: 1px solid; border-color: #336699; font-weight: bolder; font-size: small;}

div#navbar2 li
{margin: 0 0 0 -35px; padding: 0; list-style: none; text-transform: lowercase;}

/* navbar 3 is for w3 validation images */

div#navbar3
{border: solid;
border-width: 1px;
padding: 15px;
float: right;
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
color: #000000;
background: #eeeeee;
background-image: url(../img/lines.gif);
border-color: #336699;}

div#navbar3 h2
{letter-spacing: 5px; border-bottom: 1px solid; border-color: #336699; font-weight: bolder; font-size: small;}

div#navbar3 li
{margin: 0 0 0 -40px; padding: 3px; list-style: none; text-transform: lowercase;}

/* navbar 4 is for each site's image and main page link */

div#navbar4
{border: solid;
border-width: 1px;
padding: 15px;
float: right;
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
color: #000000;
background: #eeeeee;
background-image: url(../img/lines.gif);
border-color: #336699;}

div#navbar4 h2
{letter-spacing: 5px; border-bottom: 1px solid; border-color: #336699; font-weight: bolder; font-size: small;}

div#navbar4 li
{margin: -13px -3px -13px -43px; padding: 0; list-style: none; text-transform: lowercase;}

/* all link styles are here */

a
{text-decoration: none;}

/* everything in main divs */

div.main a:link
{color: #0000ff; background-color: inherit;}

div.main a:hover:link
{text-decoration: underline; color: #0000ff; background-color: inherit;}

div.main a:visited
{color: #660099; background-color: inherit;}

div.main a:hover:visited
{text-decoration: underline; color: #660099; background-color: inherit;}

div.main a:active
{color: #ff0000; background-color: inherit;}

div.main a:hover:active
{text-decoration: underline; color: #ff0000; background-color: inherit;}

/* navbars 1 and 2 */

div#navbar a:link
{color: #0000ff; background-color: inherit;}

div#navbar a:hover:link
{color: #0000ff; background-color: #ffffff;}

div#navbar a:visited
{color: #660099; background-color: inherit;}

div#navbar a:hover:visited
{color: #660099; background-color: #ffffff;}

div#navbar a:active
{color: #ffffff; background-color: #336699;}

div#navbar a:hover:active
{color: #ffffff; background-color: #336699;}

div#navbar2 a:link
{color: #0000ff; background-color: inherit;}

div#navbar2 a:hover:link
{color: #0000ff; background-color: #ffffff;}

div#navbar2 a:visited
{color: #660099; background-color: inherit;}

div#navbar2 a:hover:visited
{color: #660099; background-color: #ffffff;}

div#navbar2 a:active
{color: #ffffff; background-color: #336699;}

div#navbar2 a:hover:active
{color: #ffffff; background-color: #336699;}

/* navbar3 is used only for validating images */

div#navbar3 a:hover
{background-color: transparent;}

/* navbar4 is used only for linked images */

div#navbar4 a:hover
{background-color: transparent;}

/* the back to top links */

div.btt a:link
{color: #0000ff; background-color: #eeeeee;}

div.btt a:hover:link
{color: #0000ff; background-color: #ffffff;}

div.btt a:visited
{color: #660099; background-color: #eeeeee;}

div.btt a:hover:visited
{color: #660099; background-color: #ffffff;}

div.btt a:active
{color: #ffffff; background-color: #336699;}

div.btt a:hover:active
{color: #ffffff; background-color: #336699;}

li
{margin: 0 0 0 -10px; padding: 1px;}

table
{border: solid;
border-width: 1px;
padding: 20px;
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
color: #000000;
background: #eeeeee;
background-image: url(../img/lines.gif);
border-color: #336699;}

th
{border: solid;
border-width: 1px;
padding: 5px;
color: #000000;
background: #cccccc;
border-color: #000000;
text-align: center;}

td
{border: solid;
border-width: 1px;
padding: 5px;
border-color: #cccccc;
text-align: left;}

div.main td a:hover
{background-color: transparent;}

div.main td img
{display: block; margin-left: auto; margin-right: auto;}

div.main td.md img
{display: block; margin-left: auto; margin-right: auto; padding: 0;}

/* 'back to top' link box */

div.btt
{border: solid;
border-width: 1px;
padding: 12px;
margin-top: 15px;
text-align: right;
font-size: smaller;
letter-spacing: 1px;
color: #000000;
background: #eeeeee;
border-color: #336699;}

/* w3 validation images */

ul#val a
{background-repeat: no-repeat;
height: 0;
overflow: hidden;
display: block;
padding-top: 15px;
width: 80px;}

ul#val a#xhtml { background-image: url("../img/xhtml11.png");}
ul#val a#css { background-image: url("../img/css.png");}

/* e-mail image */

ul#em a
{background-repeat: no-repeat;
height: 0;
overflow: hidden;
display: block;
padding-top: 15px;
width: 80px;}

ul#em a#email { background-image: url("../img/email.png");}

/* clash image */

ul#clashimage a
{background-repeat: no-repeat;
height: 0;
overflow: hidden;
display: block;
padding-top: 66px;
width: 131px;}

ul#clashimage a#clash { background-image: url("../clash/img/logo.png");}

/* minidisc image */

ul#minidiscimage a
{background-repeat: no-repeat;
height: 0;
overflow: hidden;
display: block;
padding-top: 96px;
width: 98px;}

ul#minidiscimage a#minidisc { background-image: url("../minidisc/img/logo.png");}

/* tape image */

ul#tapeimage a
{background-repeat: no-repeat;
height: 0;
overflow: hidden;
display: block;
padding-top: 89px;
width: 110px;}

ul#tapeimage a#tape { background-image: url("../robin/img/tape.png");}

/* robin image */

ul#robinimage a
{background-repeat: no-repeat;
height: 0;
overflow: hidden;
display: block;
padding-top: 417px;
width: 200px;}

ul#robinimage a#robin { background-image: url("../robin/img/robin.jpg");}

ul#ralimage a
{background-repeat: no-repeat;
height: 0;
overflow: hidden;
display: block;
padding-top: 99px;
width: 109px;}

ul#ralimage a#ral { background-image: url("../ral/images/misc/logo.jpg");}

/* thompson twins image */

ul#ttimage a
{background-repeat: no-repeat;
height: 0;
overflow: hidden;
display: block;
padding-top: 96px;
width: 128px;}

ul#ttimage a#tt { background-image: url("../ttwins/images/logo.png");}

/* frontierverse image */

ul#fe2image a
{background-repeat: no-repeat;
height: 0;
overflow: hidden;
display: block;
padding-top: 150px;
width: 165px;}

ul#fe2image a#fe2 { background-image: url("../frontierverse/images/stations/station_02.gif");}