/* 
Theme Name: Blue Basic
Theme URL: http://playportal.net
Description: A simple, fast loading blue theme for your blog or site. Designed for those who want the content to do the talking, not the theme. Based upon the blank 'Whiteboard' Canvas by Brian Purkiss.
Author: James Wigger
Author URI: http://playstuff.net
Version: 1.21
Tags:blue, light, silver, one-column, fixed-width
*/

html {
height: 100%;
}

body {
background:url(images/body_bg.png) repeat-y center #3b6a8f;
color:#666;
font-family:trebuchet MS;
font-size:12px;
height: 100%;
}

a, a:active, a:visited {
color:#000;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#454545;
}

table, tr {
background:#ececec;
border:1px solid #c5c5c5;
}

thead, th {
font-weight: bold;
color: #000;
text-align: left;
padding: 6px;
background: #fff;
}

td {
border: 1px solid #c5c5c5;
text-align:center;
background:#fff;
padding:6px;
color: #000;
}

code, pre {
background:#ececec;
color:#000;
display:block;
direction:ltr;
text-align:left;
border:1px solid #c5c5c5;
margin:8px 2px;
padding:5px;
overflow:auto;
}

#main {
width:574px;
margin:0 auto;
position: relative;
min-height: 100%;
padding-bottom:65px;
}

#header {
height:120px;
background:#008aca url(images/header.png);
width:100%;
border-bottom:#c5c5c5 1px solid;
}

#header h1 {
margin:0;
padding:40px 0 0 35px;
}

#header h1 a {
text-decoration:none;
color:#fff;
}

#header h1 a:hover {
color:#ccc;
}

#navigation {
background:#ececec;
border:1px solid #c5c5c5;
margin:5px 20px 0 20px;
padding:5px;
font-size:14px;
font-weight:bold;
}

#navigation ul {
list-style:none;
margin:5px 0 0 0;
padding:0;
display:inline;
}

#navigation ul li {
display: inline;
}

#navigation ul li a {
padding:5px 10px 5px 10px;
background:#ececec;
border-left:1px solid #c5c5c5;
border-right:1px solid #c5c5c5;
}

#navigation ul li a:hover {
background:#f4f4f4;
}

#content {
padding:0 2px 0 2px; 
}

#post {
padding:0 5px 0 5px;
margin:10px 0 20px 0;
}

#post h2{
margin:0;
}

#postmeta {
background:#ececec;
border:1px solid #c5c5c5;
padding:5px 10px 5px 10px;
margin:0 15px 20px 15px;
font-size:11px;
}

#postmeta ul {
list-style:none;
margin:5px 0 0 0;
padding:0;
display:inline;
}

#postmeta ul li {
display: inline;
}

#postmeta ul li a {
padding:5px;
background:#ececec;
border-left:1px solid #c5c5c5;
border-right:1px solid #c5c5c5;
}

#postmeta ul li a:hover {
background:#f4f4f4;
}

#postnavigation {
text-align:center;
padding:5px 10px 5px 10px;
margin:0 15px 20px 15px;
}

#postnavigation ul {
list-style:none;
margin:0 0 0 0;
padding:0;
display:inline;
}

#postnavigation ul li {
display: inline;
}

#postnavigation ul li a {
padding:5px 10px 5px 10px;
background:#ececec;
border:1px solid #c5c5c5;
}

#postnavigation ul li a:hover {
background:#f4f4f4;
}

#comments {
background:#ececec;
border:1px solid #c5c5c5;
margin:0 20px 15px 20px;
padding:5px 10px 5px 10px;
}

#comments ul {
list-style:none;
margin: 0;
padding:0;
}

.singlecomment {
padding:3px;
margin:5px 0 5px 0px;
}

.singlecomment li {
background:#dcdcdc;
border:1px solid #c5c5c5;
padding:3px;
margin:5px 0 5px 0px;
}

#commentsform {

}

#commentsform input{
border:#c5c5c5 1px solid;
overflow:auto;
}

#commentsform textarea{
border:#c5c5c5 1px solid;
overflow:auto;
}

#sidebar {
text-align:center;
padding:2px 0px 2px 0px;
margin:0 0 0 0;
}

#sidebar h2 {
margin:2px 20px 2px 20px;
background:#68bdff;
padding:2px 0 2px 0;
border:1px solid #4d8dbe;
color:#000;
font-size:16px;
}

#sidebar ul {
list-style:none;
margin: 0;
padding:0;
}

#sidebar ul li {
margin:1px 20px 2px 20px;
}

#sidebar ul li a {
margin:0;
padding: 4px 10px 2px 10px;
display: block;
text-decoration: none;
background:#ececec;
border:#c5c5c5 1px solid;
}

#sidebar ul li a:hover {
background:#f4f4f4;
}

#footer {
position: absolute;
bottom: 0;
left:20px;
height:40px;
width:534px;
margin:20px auto 0 auto;
background:#ececec;
text-align:center;
line-height:40px;
border-top:#c5c5c5 1px solid;
border-left:#c5c5c5 1px solid;
border-right:#c5c5c5 1px solid;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}