body{
font: .72em "book antiqua", palatino, cambria, georgia, serif;
color:#888888;
line-height:190%;
margin:0px;
background: #000 url(http://i280.photobucket.com/albums/kk196/rainysworld/background-7.gif) no-repeat fixed center;
}

#container{
width: 960px;
margin: 0 auto;
background: #2f2f2f url('http://i280.photobucket.com/albums/kk196/rainysworld/footer7-1.png') no-repeat bottom;
border-right:18px solid #181818;
border-left:18px solid #181818;
}

#header{
background: url('http://i280.photobucket.com/albums/kk196/rainysworld/ispirata-7.gif') no-repeat bottom;
padding-top: 4px;
width: 960px;
height: 264px;
}

.navigation {
list-style: none;
margin: 0px 0px 0px -6px;
padding-top: 93px;
text-align: center;
}

.navigation li {
float: left;
}

.navigation li a {
display: block;
width: 160px;
text-align: center;
padding:11px 10px 15px;
font-size:18px;
letter-spacing: 2px;
font-family:  rockwell, georgia, serif;
color: #454545;
text-shadow: #0b0b0b 1px 1px 1px;
}

.navigation li a:hover {
color: #ff3d00;
border-bottom:11px solid #ff3d00;
}

#sidebar{
width:269px;
float:right;
padding: 10px  20px 20px 20px;
margin-top: -19px;
background: #0b0b0b;
}

#body{
width: 610px;
padding: 15px ;
float:left;
margin-top: -20px;
}

#footer{
clear:both;
width:100%;
height: 480px;
margin-bottom:0;
color: #fff
background: #0b0b0b;
border-top: 10px solid #ef002a;
}

#left {
float:left;
width:320px;
padding:15px;
}

#center {
position: relative;
margin: 0 auto;
padding: 15px 15px 15px 70px;
width: 270px;
}

h1{
font: 37px rockwell, garamond, palatino, "times new roman", serif;
letter-spacing:2px;
line-height:120%;
color: #ff3d00;
text-shadow: #0b0b0b 1px 1px 1px;
text-transform: uppercase;
border-bottom: 1px solid #232323;
}

h2{
font: italic 30px "book antiqua", palatino, "times new roman", serif;
color: #ef002a;
text-shadow: #0b0b0b 1px 1px 1px;
padding-bottom:8px;
border-bottom: 1px solid #232323;
}

h3 {
font: 400 22px rockwell, garamond, palatino, "times new roman", serif;
color:#ff3d00;
line-height:100%;
padding:15px 15px 8px 15px;
border-bottom: 1px solid #232323;
text-shadow: #0b0b0b 1px 1px 1px;
}

h4{
font: bold 13px verdana, helvetica, sans-serif;
text-transform:uppercase;
text-align:center;
letter-spacing:2px;
color: #ff3d00;
padding-bottom:5px;
}

h5{
font: bold 11px rockwell, palatino, "times new roman", serif;
text-transform: uppercase;
letter-spacing: 1px;
color:#777;
margin-top: -17px;
text-shadow: #0b0b0b 1px 1px 1px;
}

h6{
font: bold 13px verdana, helvetica, sans-serif;
text-transform:uppercase;
text-align:center;
letter-spacing:2px;
color: #9ecb00;
}

a {
text-transform: uppercase;
letter-spacing: 1px;
font-style:normal;
text-decoration:none;
color:#9ecb00;
text-shadow: #0b0b0b 1px 1px 1px;
}

a:hover {
color: #ff3d00;
}

a.friend {
font-variant:normal;
}

a.headerlink {
color: #ef002a;
text-transform: none;
font-style: italic;
letter-spacing: 0px;
}

a.headerlink:hover {
color: #ff3d00;
}

.commentbox{
line-height:170%;
padding:15px;
width:500px;
position:relative;
margin:0 auto;
background: #232323 url(http://i280.photobucket.com/albums/kk196/rainysworld/comment-7.gif) no-repeat bottom right;
}

p.commenter{
font: 13px verdana, palatino, "times new roman", serif;
font-weight:bold;
text-shadow: #0b0b0b 1px 1px 1px;
color: #ef002a;
letter-spacing: 2px;
text-align:center;
padding: 10px;
text-transform: uppercase;
}

#commentform {
font: 15px  rockwell, verdana, "lucida sans", arial, sans-serif;
color:#ef002a;
text-shadow: #0b0b0b 1px 1px 1px;
line-height:160%;
padding:15px;
}

.wysiwygmenu {
display:block;
}

.wysiwygmenu a {
padding:0.125em 0.25em;
border: none;
}

.paginate { 
text-align:center; 
margin:auto;
padding: 15px;
font-size: 13px;
font-family: garamond;
letter-spacing: 1px
}

.paginate a:link,.paginate a:visited { 
background-color:#232323;
padding:5px;
margin:2px;
border:3px solid #0b0b0b;
}

.paginate a:hover {
background-color: #dcff60;
color: #0b0b0b;
border:3px solid #9ecb00;
text-shadow: 0px 0px 0px #000;
}

a.next:link,a.next:visited,a.prev:link,a.prev:visited {
text-decoration:none;
background:none;
border:0;
color: #9ecb00;
text-shadow: #0b0b0b 1px 1px 1px;
}

a.next:hover,a.prev:hover{
color: #ff3d00;
}

input {
font-family: verdana, arial, sans-serif;
background: #181818;
border: 1px solid #000;
padding: 10px;
color: #888;
border-radius: 17px;
-moz-border-radius: 17px; 
-webkit-border-radius: 17px;
}

input:hover {
color: #ff3d00;
}

textarea,select,option {
background: #181818;
border: 1px solid #000;
font-family: verdana, arial, sans-serif;
color: #888;
padding: 15px;
width: 500px;
border-radius: 17px;
-moz-border-radius: 17px; 
-webkit-border-radius: 17px;
}

textarea:hover, select:hover, option:hover {
color: #ff3d00;
}

button {
background: #181818;
color: #9ecb00;
border: 1px solid #000;
padding: 7px;
border-radius: 17px;
-moz-border-radius: 17px; 
-webkit-border-radius: 17px;
font: italic 20px garamond, palatino, "times new roman", serif;
}

button:hover {
color: #ff3d00;
}

code {
font-family: lucida console, monospace;
text-shadow: #0b0b0b 1px 1px 1px;
}

#form {
color: #62a8ff;
font: 12px  "lucida sans", arial, sans-serif;
text-shadow: #444 1px 1px 2px;
line-height:160%;
padding:15px;
}

.picture {
width: 150px;
padding: 10px;
margin: 20px;
background: #ef002a;
float: left;
text-align: center;
}

.photo {
padding: 10px;
background: #9ecb00;
}

img.photo {
padding: 5px;
width: 100px;
height:75px;
}

.photo:hover {
background: #ff3d00;
}

.desktop {
padding: 10px;
width: 250px;
background: #9ecb00;
}

.desktop:hover {
background: #ff3d00;
}

.emphasis, blockquote {
font: italic 20px garamond, book antiqua, georgia, serif;
position:relative;
margin: 0 auto;
width:500px;
line-height: 160%;
padding:20px;
background: #181818;
border: 1px solid #000;
color: #ef002a;
text-shadow: #0b0b0b 1px 1px 1px;
}

#sitemeter {
display:none;
}


.special {
font-size: 17px;
font-style: italic;
line-height: 180%;
color: #aaa;
}

.special:first-line {
font-size: 16px;
font-style: normal;
font-variant: small-caps;
letter-spacing: 2px;
}

.special:first-letter {
background: #181818;
border: 1px solid #000;
padding:5px;
margin:10px 10px -10px 10px;
float:left;
font-size:25px;
}
