/* CSS Document || Blue Clouds || By Michael O'Louglin || Email: michaeloloughlin@hotmail.co.uk */
body {
background-image:url(images/body_back.png);
background-repeat:repeat-y;
background-color:#403F3F;
background-position:center;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}
#wrapper {
width:920px;
text-align:left;
margin:0 auto;
margin-left: 90px;
margin-right:90px;
}
.header {
text-align:left;
margin-left:90px;
margin-right:0;
background-image:url(images/header.png);
background-repeat:no-repeat;
background-position:top center;
height:109px;
width:915px;
margin-top:20px;
}
.header p {
  color:#FFFFFF;
  position:relative;
  top:68px;
  left:0px;
  font-size: 36px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#left {
width:730px;
margin-left:90px;
margin-right:0;
}
#right {
width:170px;
float:right;
margin-left:20px;
font-size:0.7em;
margin-right:0;
}
h1 {
color:#009EC6;
font-size:24px;
margin-top:10px;
margin-bottom:5px;
margin-left:10px;
text-align:left;
}

p {
color: #6C6C6C;
text-align:justify;
font-family:Tahoma;
margin-left:20px;
margin-right:20px;
}

p.small{
font-size: 8px;
text-align:left;
color:#000;
}

#outside {
width:1100px;
text-align:center;
margin: 0 auto;
}
.side {
float:left;
}
h2 {
color:#009EC6;
font-size:16px;
margin-top:10px;
margin-bottom:5px;
}

a.links {
color:#009EC6;
}

a.links_padding{
  color:#009EC6;
  padding: 20px;
  position: relative;
  left: 0px;
  float: left;
}

#right ul {
width:170px;
}
#right li {
border-bottom:1px solid #009EC6;
list-style:none;
}
#right ul,li {
margin:0;
padding:0;
display:block;
}
#right li a {
color:#009EC6;
text-decoration:none;
display:block;
padding:2px;
}
#right li a:hover {
background-color:#B7E6F1;
border-right:3px solid #009EC6;
display:block;
background-image:url(images/star.png);
background-position:right;
background-repeat:no-repeat;
}
#right a {
color:#009EC6;
display:block;
}
#right a.links {
margin-top:6px;
}

pre.code {
color:#FFF;
background-color:#000;
font-family: Courier;
text-align: left;
font-size:12px;
margin-left:50px;
margin-right:50px;
}

code{
color:#FFF;
background-color:#000;
font-family: Courier;
}

td.format {
  border-bottom: 1px dashed #000;
  padding-bottom: 5px;
  color: #6C6C6C;
  text-align:justify;
  font-family:Tahoma;
}

td.center {
  text-align: center;
  vertical-align: middle;
  color: #6C6C6C;
  font-family:Tahoma;
}

div.shell {
  background-color: #ddd;
  border: 1px dashed #000;
  padding: 20px;
  font-family: monospace;
}

img.gallery{
  outline-width: 2px;
}

img.leftalign{
  position: relative;
  left: 0px;
  float: right;
  padding: 20px;
}

img.leftalign_nopadding{
  position: relative;
  left: 0px;
  float: left;
}

img.rightalign_nopadding{
  position: relative;
  right:0px;
  float:left;
  padding: 0px;
}