/*  
Theme Name: Vista Inspired
Description: Blue-green WP theme
Author: Kate
Author URI: http://rock-kitty.net
*/



body {
background-color: #252735;
text-align: center;
margin: 0;
font: 11px Verdana, serif;}

#wrapper {
width: 800px;
height: 100%;
margin: 0 auto;}

#bg {
background: url(images/background.gif) repeat-y;
width: 800px;
float: left;}

#header {
width: 800px;
background: url(images/header.jpg);
height: 152px;}

#navbar {
float: left;
width: 800px;
height: 50px;
background: url(images/navbar.gif) repeat-x;}

.menu * {
padding: 0;
margin: 0;}

.menu {
width: 700px;
margin: 1em 0;
padding: 0;}

.menu li {
float: left;
display: inline;
padding-left: 10px;
list-style: none;}

.menu li a {
float: left;
display: inline;
font: bold 9pt Verdana, arial;
padding-top: 11px;
padding-bottom: 10px;
width: 112px;
text-decoration: none;
text-transform: uppercase;
color: #ffffff;}

.menu li a:hover {
text-decoration: none;
background: url(images/hover.gif) no-repeat bottom;
color: #FFFFFF;}

html>body #top {
margin: 0;
padding: 0;
background: url(images/top.gif) top no-repeat;
float: left;
width: 800px;
height: 130px;}

#top {
margin-top: -7px;
padding: 0;
background: url(images/top.gif) top no-repeat;
float: left;
width: 800px;
height: 130px;}

#mainnav {
float: right;
margin-right: 40px;
margin-top: -120px;
margin-bottom: 10px;
display: inline;
text-align: left;}

.nav h2 {
font: bold 16pt Verdana, sans-serif;
text-align: right;
margin-top: 20px;
padding-top: 6px;
padding-bottom: 7px;
width: 180px;
color: #D3F200;}

.nav * {
padding: 0;
margin: 0;}

.nav li {
width: 180px;
list-style: none;}

.nav li a {
display: block;
padding: 5px 0;
text-indent: 10px;
font: bold 9pt Verdana, arial;
text-decoration: none;
text-transform: capitalize;
color: #ffffff;
border-bottom: 1px solid #ffffff;
width: 180px;}

.nav li a:hover {
text-decoration: none;
color: #99CBFF;}

.date {
background: url(images/date.gif) no-repeat bottom;
width: 89px;
height: 82px;
padding: 5px 7px 0 3px; 
margin: 5px 8px 5px 0;
float: left;
text-align: center; 
display: inline;}

.date-bold {
margin: 0;
padding: 0;
text-align: center; 
font: bold 4em Times New Roman, serif;}

h4 {
padding: 0;
margin: 0;
text-align: center;
font: bold 1.5em Times New Roman, serif;
width: 89px;}

html>body h4 {
margin-top: -4px;}

#main {
width: 460px;
margin-top: -100px;
margin-left: 40px;
float: left;
text-align: left;
display: inline;
line-height: 16px;
text-align: justify;
font: 10pt verdana, serif;
color: #ffffff;}

a.link {
text-align: left;
text-decoration: none;
margin-bottom: 8px;
font: bold 18pt Times New Roman, sans-serif;
color: #B3D7FC;}

a.link:hover {
text-decoration: none;
color: #B3D7FC;}

h1 {
padding: 6px 0 4px 0;
text-align: left;
margin-top: 0;
margin-bottom: 8px;
font: bold 18pt Times New Roman, sans-serif;
color: #B3D7FC;}

/* BLOG NAME SETTINGS, 
IF YOU HAVE A LONGER SITE NAME, 
EDIT THEM SO THEY FIT YOUR BLOG */

h3 {
margin: 0;
text-align: left;
padding-top: 30px;
padding-left: 40px;
font: bold 3em Times New Roman, sans-serif;}

a.mainlink {
text-decoration: none;
color: #2798D1;}

a.mainlink:hover {
text-decoration: none;
color: #2798D1;}

#footer {
margin-top: 13px;
padding: 0;
margin-bottom: 0;
clear: both;
background: url(images/footer.gif) repeat-x;
width: 800px;
height: 178px;}

#leftcolumn {
width: 190px;
height: 100%;
display: inline;
margin-left: 90px;
font-weight: bold;
font-size: 8pt;
float: left;
color: #ffffff;}

#centercolumn {
text-align: left;
width: 190px;
height: 100%;
margin-left: 80px;
display: inline;
font-weight: bold;
font-size: 8pt;
float: left;
color: #ffffff;}

#rightcolumn {
width: 120px;
height: 100%;
margin-left: 60px;
display: inline;
font-weight: bold;
font-size: 8pt;
color: #ffffff;
float: left;}

h5 {
margin-top: 16px;
margin-bottom: 13px;
text-align: left;
font: bold 16pt Verdana, sans-serif;
color: #ffffff;}

a.links {
text-align: left;
display: block;
padding-bottom: 5px;
text-decoration: none;
color: #99CBFF;}

a.links:hover {
text-decoration: underline;
color: #FFFFFF;}

.searchform {
font-weight: bold;
background-color: #D6EDF8;
border: 1px solid #454A5D;
color: #1A88C0;}

.field {
background-color: #D6EDF8;
border: 1px solid #454A5D;
color: #1A88C0;}

.comments {
background: #D6EDF8 url(images/comment.jpg) no-repeat;
border: 1px solid #454A5D;
color: #1A88C0;}

.button {
font-weight: bold;
background-color: #2798D1;
border: 1px solid #454A5D;
color: #ffffff;}

img {
float: left;
padding: 5px;}

a {
text-decoration: none;
color: #D3F200;}

a:hover {
text-decoration: underline;
color: #9BCAFF;}