/* 
Theme Name: Blue Basic 2.0
Theme URL: http://shizzlenizzle.biz
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. This version has been overhauled since the last one to be more user friendly, with the elements being positioned better. This also includes a simple CSS switcher, so you can have the option to instantly change the site theme through the buttons in the header.
Author: James Wigger
Author URI: http://playstuff.net
Version: 2.0
Tags:blue, two-columns, right-sidebar, fixed-width
*/

body {
background:#3b6a8f url(images/body.png) center repeat-y;
color:#666;
font-family:trebuchet MS;
font-size:12px;
}

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;
}

#stylepicker {
position:absolute;
top:2px;
left:770px;
padding:4px;
background:#ececec;
border:1px solid #c5c5c5;
opacity:0.5;
}

#stylepicker img {
margin:1px;
}

#stylepicker img:hover {
opacity:0.3;
}

#main {
width:800px;
margin:0 auto;
position: relative;
padding:0 0 0 0;

}

#header {
height:120px;
background:#008aca url(images/header.png);
width:799px;
border-bottom:#c5c5c5 1px solid;
border-right:1px solid #4279a3;
}

#header h1 {
margin:0;
padding:40px 0 0 35px;
text-shadow: 2px 2px 0px #000;
}

#header h1 a {
text-decoration:none;
color:#fff;
}

#header h1 a:hover {
color:#ccc;
}

#navigation {
background:#ececec url(images/navbar_bg.png);
border:1px solid #c5c5c5;
margin:5px 20px 0 20px;
padding:5px;
font-size:14px;
font-weight:bold;
width:548px;
}

#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;
background:#ececec url(images/navbutton_li.png) center;
border-left:1px solid #c5c5c5;
border-right:1px solid #c5c5c5;
}

#navigation ul li a:hover {
background:#f4f4f4 url(images/navbutton_li_hov.png) center;
}

#content {
width:580px;
padding:0 2px 0 2px;
}

#post {
padding:0 5px 0 5px;
margin:10px 0 20px 0;
}

#post h2{
margin:0;
}

#postmeta {
background:#ececec url(images/meta_bg.png);
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 url(images/navbutton_li.png) center;
border-left:1px solid #c5c5c5;
border-right:1px solid #c5c5c5;
}

#postmeta ul li a:hover {
background:#f4f4f4 url(images/navbutton_li_hov.png) center;
}

#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 url(images/pagenav_bg.png);
border:1px solid #c5c5c5;
}

#postnavigation ul li a:hover {
background:#f4f4f4 url(images/pagenav_bg_hov.png);
}

#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 url(images/comments_bg.png) no-repeat;
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 {
border-left:1px solid #c5c5c5;
border-right:1px solid #4279a3;
text-align:center;
padding:2px 0px 2px 0px;
margin:0 0 0 0;
width:200px;
position:absolute;
top:121px;
left:598px;
}

#sidebar h2 {
margin:3px 0px 3px 0px;
background:#68bdff url(images/sidebar_h2.png);
padding:3px 0 3px 0;
border-top:1px solid #4d8dbe;
border-bottom:1px solid #4d8dbe;
color:#000;
font-size:16px;
width:200px;
}

#sidebar ul {
list-style:none;
margin: 0;
padding:0;
}

#sidebar ul li {
margin:1px 0px 2px 0px;
width:200px;
}

#sidebar ul li a {
margin:0;
padding: 4px 4px 2px 4px;
display: block;
text-decoration: none;
background:#ececec url(images/sidebar_li.png);
border-top:#c5c5c5 1px solid;
border-bottom:#c5c5c5 1px solid;
}

#sidebar ul li a:hover {
background:#f4f4f4 url(images/sidebar_li_hov.png);
}

#footer {
position:absolute;
height:40px;
width:598px;
left:50%;
margin-left:-400px;
background:#ececec;
text-align:center;
border-top:#c5c5c5 1px solid;
line-height:40px;
margin-top:60px;
}

.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;
}