/*======================================

- SKYWARD, Lockon Stratos (Neil Dylandy) CSS
- Version 1: Just like a dream
- Author: Shinju
- Author URI: http://winter-scent.net

======================================*/

/* GLOBAL LAYOUT AND STYLE
------------------------------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

* {
  margin: 0;
  padding: 0;
}

body {background: #e6e0bb url('img/lockonbg.jpg') top left repeat-x; margin: 0px auto; font: 70% tahoma,sans-serif; color: #905d2e; text-align: center;}

div#wrap {background: transparent; margin: 0px auto; float: right; width: 634px; text-align: center;}

div#topimg {background: url('img/lockontop2.jpg') top left no-repeat; margin: 0px; width: 634px; height: 398px; overflow: visible;}

div#navigation {background: transparent; float: left; padding: 270px 0px 0px 40px; width: 200px; font: italic 210% georgia, serif; text-align: right;}

div#content {background: transparent; margin: 0px 0px 0px 0px; padding-right: 5px; text-align: left; line-height: 180%;}

div#footer {background: url('img/lockonbottom.jpg') bottom left no-repeat; clear: both; margin: 0px; padding: 10px 0px 88px 0px; font: 75% tahoma,sans-serif; text-transform: uppercase; text-align: center;}

/* HEADERS & OTHER FONT MISC
------------------------------------------------------------------------------------------------ */

div#content h1 {background: url('img/lockonheader.png') bottom left no-repeat; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 74px; height: 65px; font: 450% georgia,serif; letter-spacing: -.07em; color: #ba3c42; text-transform: uppercase;}

div#content p.h1-subhead {background: transparent; margin: -16px 0 5px 0; padding: 0px 0px 0px 75px; font: 95% "times roman",serif; text-transform: uppercase; color: #ed874e; }

div#content p {margin: 5px 0 5px 0; text-indent: 1em;}
div#content p.center {margin: 5px 0 5px 0; text-align: center; text-transform: uppercase;}
div#content p span.hello {font: 180% "courier new",serif; color: #458B74;}
div#content span.love {color: #ff6699;}

div#content blockquote {margin: 10px auto; padding: 0 0 5px 0; width: 500px; font: 100% "courier new",serif; color: #458B74; border-bottom: 2px dashed #FFFFF3;}

div#content ul {background: transparent; margin: 0 0px 0 30px; padding: 5px; list-style: none;}
div#content ul li {background: url('img/bullet_picture.png') no-repeat 0 .1em; padding-left: 20px;}

div#content i, em {background: transparent; font: italic 110% georgia,serif; color: #9f1b19;}

div#content b, strong {background: transparent; font: bold 110% "arial narrow",sans-serif; text-transform: uppercase; color: #754c24;}

div#content table.basic {background: transparent; margin: 0px auto; color: #5a5324;}
div#content table.basic td.head {background: #8B7355; height: 1em; padding: 5px 0 5px 0; font: 100% georgia,serif; color: #EEF3E2; text-align: center;}

div#content th, div#content td, div#content caption {padding: 0 4px 4px 4px; vertical-align: top;}

/* LINK STYLES	------------------------------------------------------------------------------------------------ */

div#navigation ul {margin: 0; padding: 0; list-style-type: none; text-align: right; text-transform: lowercase;}
div#navigation ul li {margin-bottom: 3px;}
div#navigation ul a, div#navigation ul a:link, div#navigation ul a:visited {background: transparent; padding-right: 5px; text-decoration: none; color: #fff; border-right: 5px solid #fff;}
div#navigation ul a:hover {background: transparent; text-decoration: none; color: #d3ba57; border-right: 5px solid #d3ba57;}

div#content table.basic td.head a, a:link, a:visited {color: #F1EDC2; text-decoration: none;} 
div#content table.basic td.head a:hover, a:active {background: #FEF9ED; padding: 5px 7px 5px 7px; color: #A2CD5A;}

a, a:link, a:visited {text-decoration: none; color: #92a041;}
a:hover, a:active {background: transparent; color: #e23a0e;}

/* IMAGE STYLES	------------------------------------------------------------------------------------------------ */

img {border: 0px;}
img.box {border: 5px solid #eeecda;}
img.box:hover {border: 5px solid #d7c573;}
img.profile {float: left; margin: 0px 5px 5px 0px; border: 5px solid #d7c573;}
img.profile:hover {border: 5px solid #eeecda;}
img.profile2 {float: right; margin: 0 0 5px 5px; border: 5px solid #d7c573;}
img.profile2:hover {border: 5px solid #eeecda;}