/* Style sheet for softrock.co.uk */

body { background-color: #ffffff; color: #000000; position: absolute; left: 2%; width: 96%; }
   
a { margin: 0; padding: 0; }
a:link { text-decoration: none; color: #0000D0; font-weight: bold; }
a:visited { text-decoration: none; color: #0000D0; font-weight: bold; }
a:active { text-decoration: none; color: #0000D0; font-weight: bold; }
a:hover { text-decoration: underline; color: #00D000; }
a img { border: none ; }       
 
img { margin: 1px; padding: 0; vertical-align: middle; }

h1 { font-size: x-large; font-weight: bold; font-family: sans-serif; margin: 10px 0px 10px 0px;
     padding: 3px 0px 3px 0px; text-align: center; }
h2 { font-size: large; font-weight: bold; font-family: sans-serif; margin: 10px 0 0 0;
     text-align: left;  text-align: center; }
h3 { font-size: medium; font-weight: bold; font-family: sans-serif; margin: 10px 0px 0px 0px;
     padding: 0px 0px 0px 0px; text-align: center; }
h4 { font-size: medium; font-weight: bold; font-family: sans-serif; margin: 10px 10px 0px 10px;
     padding: 10px 10px 0px 10px; text-align: left; font-style: oblique; }

strong { font-weight: bold; font-family: sans-serif; }

p {padding: 10px 10px 0px 10px; margin: 10px 10px 0px 10px; }

#srslogo { position: relative; left: 0%; width: 100%; height: 78px; margin: 0; padding: 0;
           border-bottom: 1px #ff0000 solid; text-align: left;
           background-image: url('/skin/logo/srsban02.png');
           background-repeat: no-repeat;
           background-position: bottom right;
  }
           
#srstitle { display: none; }

.content { position: relative; left: 16%; width: 68%; margin: 0; padding: 0; }

#footer { position: relative; left: 16%; width: 68%; margin: 20px 0 2px 0; padding: 20px 0 0 0; }

#googleadsense { position: absolute; top: 100px; left: 85%; width: 15%; text-align: left;
              padding: 0 5px 0 5px; font-size: 75%; }
              
#navigation { position: absolute;  top: 100px; left: 0px; width: 15%; text-align: left;
              padding: 0 5px 0 5px; font-size: 75%; }

.navlist { margin: 20px 5px 20px 5px; padding: 5px; font-family: sans-serif; font-weight: bold;
           border: 1px #4040ff solid; background-color: #e0e0c0; }
.navlist ul { margin: 0; padding: 0; list-style-type: none; font-weight: normal;
             text-align: right; list-style-position: inside; }
.navlist li { margin: 0; padding: 0; list-style-type: none; font-weight: normal;
             text-align: right; list-style-position: inside; }
.navlist a { display: block; padding: 1px 0 1px 8px; 
             text-decoration: none; font-weight: normal; }
.navlist a:link { color: #000060; }
.navlist a:visited { color: #000060; }
.navlist a:active { color: #000060; }
.navlist a:hover { background-color: #d0d080; color: #000000; }
.navlist p { text-align: right; padding: 0 0 4px 0; margin: 0 0 4px 0; }

.pageupdate { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; font-size: small; font-weight: normal;
              font-style: oblique; text-align: center; }

.contupdate { margin: 0 0 5px 0; padding: 0; font-size: small; font-weight: normal;
              font-style: oblique; text-align: center; }

#copyright { margin: 0; padding: 0; font-size: small; font-weight: normal;
             font-style: oblique; text-align: center; }

#contentslist { margin: 10px; padding: 10px; }
#contentslist ul { margin: 0; padding: 0; list-style-type: none; font-weight: normal;
             text-align: center; list-style-position: inside; }
#contentslist li { margin: 2px 10px 10px 10px; padding: 2px 10px 10px 10px; list-style-type: none;
              text-align: center; list-style-position: inside; background-color: #f0f0a0; 
              text-decoration: none; border: 1px solid #4f0000;}
#contentslist a { display: block; margin: 0; padding: 2px; font-family: sans-serif; font-weight: bold; }
#contentslist a:link { color: #000060; }
#contentslist a:visited { color: #000060; }
#contentslist a:active { color: #000060; }
#contentslist a:hover { background-color: #a0a0a0; color: #000000; }
#contentslist p { margin:0; padding: 0; }
#contentslist img { vertical-align: middle; }

#contactlist { margin: 0 0 0 10px; padding: 0 0 0 10px; }
#contactlist ul {margin: 0; padding: 0; list-style-type: none; font-weight: normal;
             text-align: center; list-style-position: outside; }
#contactlist li { margin: 10px 0 0 0; padding: 10px 0 0 0; list-style-type: none;
              text-align: left; list-style-position: outside; text-decoration: none; }
#contactlist li:first-line { font-weight: bold; margin-left: 0; }

#newslist { margin: 10px 0px 10px 0px; padding: 2px; }
#newslist dl { margin: 0; padding: 0; list-style-type: none; font-weight: normal;
             text-align: left; list-style-position: inside; }
#newslist dd { margin: 2px 10px 10px 10px; padding: 2px 10px 10px 10px; list-style-type: none;
             text-align: left; list-style-position: inside; }
#newslist dt { font-weight: bold; font-family: sans-serif; text-decoration: underline;
              margin: 2px 10px 10px 10px; padding: 2px 10px 10px 10px; list-style-type: none;
             text-align: left; list-style-position: inside; }

.downloadbox { position: relative; margin: 10px 0px 10px 0px; padding: 5px 5px 5px 5px; font-style: italic; font-size: small;
               left: 10%; width: 50%; border: 1px #008000 dotted; text-align: left; background-color: #f0f0f0; }
.downloadbox a { font-family: sans-serif; font-size: small; }
.downloadbox img { margin: 0 5px 0 0; padding: 0; vertical-align: middle; }

#storyline { position: relative; margin: 10px 0px 10px 0px; padding: 5px; font-style: italic;
             left: 10%; width: 80%; border: 1px #007000 dashed; text-align: left; background-color: #e0e0ff; }
             
#storyline p { margin: 0px 0px 5px 0px; }

.smallprint { font-size: small; font-style: italic; }

#jstool { margin: 5px 20px 5px 20px; padding: 10px; text-align: center; background-color: #e0ffe0; 
          border: 1px #000070 dashed; }

#form { margin: 5px 20px 5px 20px; padding: 10px; text-align: center; background-color: #e0ffe0; 
          border: 1px #000070 dashed; }

/* The intention with 'imageright' is to float the image to the right of the content text, but 
   there is currently an issue with floats in Netsurf, so for now I'm just centering the image and
   allowing the text to follow underneath - floating right will be done when Netsurf correctly
   handles it. */
   
.imageright { margin: 0; padding: 0; text-align: center; }

.imagecentre { margin: 0; padding: 0; text-align: center; }

.text-input:hover { background: #eeffff; }

.attribution  { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; font-size: small; font-weight: normal;
              font-style: oblique; text-align: center; }