body{
font: .72em verdana, sans-serif;
color:#a3a3a3;
line-height:190%;
margin:0px;
background: #000323 url('http://i280.photobucket.com/albums/kk196/rainysworld/gradient.gif') repeat-x fixed;
}

#topstripe{
background: url('http://i280.photobucket.com/albums/kk196/rainysworld/stripe-2.png') repeat-x top;
width:100%;
height: 20px;
z-index:-3;
float:top;
margin: 0px;
}

#container{
width: 960px;
margin: 0 auto;
}

#header{
background: url('http://i280.photobucket.com/albums/kk196/rainysworld/moon.png') no-repeat left;
padding:0px;
margin:-40px 0px 0px 0px;
width: 100%;
}

#title{
margin-left: 335px;
padding-top:70px;
font-family:  garamond, palatino, "times new roman", serif;
}

a.title {
font: 100px normal;
text-shadow: #ececec 0px 0px 10px;
color:#ececec;
}

a.title:hover {
color: #fff;
text-shadow: #fff 0px 0px 10px;
}

#subtitle{
font-family: garamond, palatino, "times new roman", serif;
font-size:36px;
line-height:100%;
color: #a7ff35;
font-style:italic;
}

#sidebar{
width:289px;
float:left;
padding: 15px;
}

#body{
width: 610px;
padding: 15px ;
float:right;
}

#footer{
clear:both;
width:100%;
padding:15px;
margin-bottom:-250px;
}

#footerbg{
background: url('http://i280.photobucket.com/albums/kk196/rainysworld/footer-bg-1.png') repeat-x;
height:350px;
width:100%;
z-index:-5;
}

#left {
float:left;
width:270px;
padding:15px;
margin-top:45px;
}

#center {
postion: relative;
margin:0 auto;
padding: 15px;
width: 270px;
margin-top: 45px;
}

#right {
float:right;
width:270px;
padding:15px;
margin-top:45px;
}

h1{
font: italic 400 36px garamond, palatino, "times new roman", serif;
line-height:100%;
color: #62a8ff;
}

h2{
font: italic bold 28px garamond, palatino, "times new roman", serif;
color: #a7ff35;
border-bottom:1px dashed #62a8ff;
padding-bottom:12px;
text-shadow: #000 1px 1px 2px;
}

h3 {
font: 400 22px garamond, palatino, "times new roman", serif;
text-transform:uppercase;
letter-spacing: 3px;
color:#a7ff35;
line-height:100%;
padding:15px;
background: url('http://i280.photobucket.com/albums/kk196/rainysworld/hclouds.png') no-repeat;
text-shadow: #000 1px 1px 2px;
}

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

h5{
font: italic 400 19px garamond, palatino, "times new roman", serif;
color:#ececec;
margin-top: -10px;
text-shadow: #000 1px 1px 2px;
}

a {
font-variant:small-caps;
font-style:normal;
text-decoration:none;
color:#007ef3;
}

a:hover {
color: #a7ff35;
}

a.friend {
font-variant:normal;
}

a.headerlink {
color: #62a8ff;
font-variant:normal;
font-style: italic;
}

a.headerlink:hover {
color: #ececec;
text-shadow: #ececec 0px 0px 10px;
}

#navigation {
margin:0;
padding:0;
list-style-type: none;
}

#navigation li {
margin-bottom: 3px;
display: block;
font: italic 20px garamond, palatino, "times new roman", serif;
color: #333;
background: #efefef;
width: 248px;
padding: 11px;
border: 1px solid #e0e0e0;
border-radius: 20px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
}

#navigation a {
font-variant:small-caps;
font-style:normal;
text-decoration:none;
color:#002180;
}

#navigation li:hover{
background: #e0e0e0;
color: #007ef3;
text-decoration: none;
}

.commentbox {
line-height:170%;
padding:15px;
width:500px;
position:relative;
margin:0 auto;
color: #333;
border: 1px solid #e0e0e0;
background: #efefef url('http://i280.photobucket.com/albums/kk196/rainysworld/clouds-1.png') no-repeat bottom right;
border-radius: 20px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
}

p.commenter{
font: 18px garamond, palatino, "times new roman", serif;
text-shadow: #493b2f 1px 1px 2px;
letter-spacing: 2px;
text-align:right;
padding: 10px;
font-style: italic;
border-top: 1px solid #e0e0e0;
}

#commentform {
color: #62a8ff;
font: 12px  "lucida sans", arial, sans-serif;
text-shadow: #444 1px 1px 2px;
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: 15px;
font-family: garamond;
letter-spacing: 1px
}

.paginate a:link,.paginate a:visited { 
background-color:#000;
padding:5px;
margin:2px;
border:1px dashed #333;
}

.paginate a:hover {
background-color: #007ef3;
}

a.next:link,a.next:visited,a.prev:link,a.prev:visited {
text-decoration:none;
background:none;
border:0;
color: #ececec;
text-shadow: #ececec 0px 0px 10px;
}

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

input {
font-family: "lucida sans", arial, verdana, sans-serif;
background: #efefef;
border: 1px solid #e0e0e0;
padding: 10px;
border-radius: 17px;
-moz-border-radius: 17px; 
-webkit-border-radius: 17px;
}

textarea,select,option {
background: #efefef;
border: 1px solid #e0e0e0;
font-family: "lucida sans", verdana, sans-serif;
padding: 15px;
width: 500px;
border-radius: 17px;
-moz-border-radius: 17px; 
-webkit-border-radius: 17px;
}

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

button:hover {
background: #e0e0e0;
color: ##007ef3;
}

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

#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;
background: #007ef3;
float: right;
text-align: center;
margin: 15px;
}

.photo {
padding: 10px;
background: #007ef3;
}

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

.photo:hover {
background: #a7ff35;
}

.centered {
text-align: center;
}

.desktop {
padding: 10px;
width: 250px;
background: #007ef3;
}

.desktop:hover {
background: #a7ff35;
}

.emphasis, blockquote {
font: small-caps 20px garamond, book antiqua, georgia, serif;
color: #ececec;
position:relative;
margin: 0 auto;
width:500px;
line-height: 160%;
padding:15px;
text-shadow: #ececec 0px 0px 10px;
}

#sitemeter {
display:none;
}