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

- Sakuchi.org, the Star-Cross'd Rhyme Org CSS
- Version 1: Gone with the Wind
- Author: Shinju (Sharmaine Joyce S. Dizon)
- Author URI: http://winter-scent.net, http://sakuchi.org

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

/* 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: url('img/bg8.jpg') top left; margin: 0px auto; font: 68% tahoma,sans-serif; color: #CC9999; text-align: center;}

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

div#topimg {background: url('img/header.jpg') no-repeat; margin: 0px; width: 600px; height: 344px; overflow: visible;}

div#navigation {background: transparent; float: right; padding: 354px 0px 0px 0px; width: 600px; height: 32px;}

div#content {background: #000; margin: 10px 0 10px 0; padding: 30px 0 0 0; text-align: left; line-height: 180%;}

div#footer {background: url('img/footer.png') bottom left no-repeat; clear: both; padding: 0px 5px 130px 0px; font: 80% tahoma,sans-serif; text-transform: uppercase; text-align: center;}

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

div#navigation ul {list-style: none;}
div#navigation ul li {display: inline;}

div#content h1 {background: url('img/h1bg.png') bottom left no-repeat; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 65px; height: 55px; font: 420% georgia,serif; letter-spacing: -.07em; color: #6d0900; text-transform: uppercase;}

div#content blockquote {background: transparent; margin: 10px auto; width: 500px; font: italic 105% "courier new",serif; color: #FF99CC;}

div#content table td {vertical-align: top;}

div#content b, strong {color: #99CC66; letter-spacing: .1em;}
div#content em, i {font: italic 120% "times roman",serif; color: #DEB887;}

div#content p {margin: 5px 0px 5px 0px; text-indent: 1em;}
div#content p.center {text-indent: 0px; text-align: center; text-transform: uppercase;}

div#content ul {background: transparent; margin: 0px 5px 10px 40px;}

div#content ul li {list-style: url('http://i34.tinypic.com/33oo8co.png'); color: #DEB887;}

div#content span.new {font: 145% tahoma,sans-serif; text-transform: uppercase; color: 	#336666;}

div#content table.domain {background: transparent; margin: 10px auto; width: 250px; font: 110% helvetica,sans-serif; color: #FFCC33; text-transform: lowercase; border: 0px;}

div#content table.domain li {list-style-image: url('http://i35.tinypic.com/8ygmlz.gif');}

div#content table.network {background: transparent; margin: 10px auto; width: 500px; color: #8FBC8F;}
div#content table span.net {font: 150% tahoma,sans-serif; color: #66CCFF; text-transform: lowercase; }

div#content table.proj {background: transparent; margin: 0px auto; width: 260px;}

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

a, a:link, a:visited {text-decoration: none; color: #CD853F;}
a:hover, a:active {background: transparent; color: #CCCCFF ;}

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

img {border: 0px;}
img.project {border: 5px solid #483D8B;} 
img:hover.project {border: 5px solid #FF66CC;}
img.left {border: 5px solid #990033; margin: 0px 10px 5px 0px; float: left;}
img.right {border: 5px solid #990033; margin: 0px 0px 5px 10px; float: right;}
img.sig {margin: 0px 0px 5px 0px; float: right;}