/*  
Theme Name: Deep Blue
Theme URI: http://deepblue.wordpress.com
Description: A simple, blue, two-column theme for WordPress by <a href="http://mattbobjones.com">Mattbob</a>.
Version: 1.2
Author: Mattbob
Author URI: http://mattbobjones.com
*/

* {
font-family:'Lucida Grande', Lucida Sans Unicode, Arial, Sans-Serif;
margin:0;
padding:0
}

body {
background:#1E5791 url(images/bg.gif) repeat-x;
color:#F4F9FD;
font-size:72.5%;
line-height:1.75em;
margin:30px 0
}

a {
border-bottom:1px solid #F4F9FD;
color:#F4F9FD;
text-decoration:none
}

a:hover{
border-bottom:1px solid #C1DDF4;
color:#C1DDF4
}

#header {
margin:0 auto 30px;
width:750px
}

#header h1 {
font-size:2.9em;
margin:5px 0 15px
}

.rss {
background:url(images/icons/rss.gif) no-repeat 0 50%;
float:right;
font-size:11px;
padding:5px 10px 5px 20px
}

#nav {
background:#1E5791 url(images/bg_nav.gif) no-repeat 0 100%;
border-top:1px solid #1E5791;
height:31px;
width:750px
}

#nav ul{
padding:0
}

#nav li {
border-left:1px solid #1E5791;
float:left;
font-size:1.2em;
letter-spacing:1px;
line-height:31px;
list-style:none;
padding:0 12px
}

#nav li a {
border:0;
text-decoration:none
}

#nav ul ul{
display:none
}

#main {
margin:0 auto;
width:750px
}

#left {
float:left;
margin:0 30px 0 0;
width:550px
}

.page h1 {
font-size:2.0em;
margin:0 0 15px 10px
}
}

h2 {
font-size:1.6em;
margin:0 0 15px 59px
}

.pagetitle {
font-size:2.4em;
margin:5px 0 30px
}

.post {
font-size:1.1em;
margin:0 0 40px
}

.related {
background:url(images/bg_entry.gif) no-repeat 0 100%;
margin:-20px 0 30px 49px;
padding:10px 10px 0
}

.related li {
background:url(images/icons/related.gif) no-repeat 0 1px;
padding:0 0 5px 20px
}

.date {
background:#1E5791 url(images/bg_date.gif) repeat-x 0 100%;
border:3px solid #F4F9FD;
float:left;
margin:0 15px 0 0;
padding:0 0 7px;
width:38px
}

.date div {
padding:7px 0 0;
text-align:center
}

.day {
font-size:1.4em;
font-weight:700;
margin:-4px 0 0
}

.post h1 {
font-size:1.8em;
margin:5px 0 15px
}

.postinfo {
margin:0 0 15px 59px
}

.comments {
background:url(images/icons/comments.gif) no-repeat 0 2px;
padding:0 0 2px 20px
}

.digg {
background:url(images/icons/digg.gif) no-repeat;
margin:0 0 0 15px;
padding:0 0 4px 21px
}

.delicious {
background:url(images/icons/delicious.gif) no-repeat;
margin:0 0 0 15px;
padding:0 0 4px 21px
}

.entry {
background:url(images/bg_entry.gif) no-repeat 0 100%;
clear:both;
margin:0 0 9px 49px;
padding:0 10px
}

.page .entry {
background:url(images/bg_entry.gif) no-repeat 0 100%;
clear:both;
margin:0 0 9px;
padding:0 10px
}

p {
padding:0 0 10px
}

ul {
padding:0 0 10px 15px
}

ol{
padding:0 0 10px 20px
}

blockquote {
background:#184675;
border-left:1px solid #F4F9FD;
margin:0 20px 10px;
padding:10px 10px 0;
width:410px
}

blockquote blockquote{
width:390px;
margin:0
}

code{
font-family:'Courier New', Courier;
color:#DDD
}

.entry img{
border:1px solid #F4F9FD;
padding:3px
}

.wp-smiley{
border:0 !important;
padding:0 !important
}

.category {
background:url(images/icons/category.gif) no-repeat 0 50%;
padding:0 0 0 20px
}

.more {
background:#1E5791 url(images/bg_more.gif) repeat-x 0 100%;
border:3px solid #F4F9FD;
display:block;
float:right;
margin:-9px 0 0;
padding:5px 10px 6px
}

.more a {
background:url(images/icons/rightarrow.gif) no-repeat 100% 75%;
border:0;
padding:0 20px 0 0
}

.navigation {
margin:0 0 0 49px;
padding:0 0 30px;
width:500px
}

.rightside {
float:right
}

#right {
float:left;
width:170px;
color:#1E5791
}

#right div {
background:#F4F9FD;
border-bottom:15px solid #1E5791;
clear:both;
padding:5px 5px 0
}

#right h1 {
background:#1E5791 url(images/bg_sidebar.gif) repeat-x 0 100%;
font-size:1.4em;
margin:0;
padding:6px 0 7px;
text-align:center;
color:#F4F9FD
}

#right a {
color:#444;
font-size:1.2em
}

#right a:hover {
border:0;
color:#000
}

#right ul{
padding:0 0 10px
}

#right li {
list-style:square;
padding:10px 0 0;
margin-left:15px
}

#right #search {
background:#1E5791;
color:#F4F9FD;
margin:0;
padding:0
}

#right #search h1 {
background:url(images/icons/search.gif) no-repeat 0 1px;
margin:0 0 5px;
padding:0 0 0 20px;
text-align:left
}

#right #search div {
background:#1E5791;
border:0;
padding:0
}

#search .bar {
background:#F4F9FD;
border:0;
color:#333;
margin:0 0 0 -49px;
padding:3px;
width:164px
}

#right a img {
border:0;
margin:5px 0 -1px;
padding:0 0 3px
}

#recent li {
background:url(images/icons/page.gif) no-repeat 0 11px;
list-style:none;
padding:10px 0 0 25px;
margin:0
}

#categories li{
list-style:none;
background:url(images/icons/category_sidebar.gif) no-repeat 0 12px;
padding:10px 0 0 25px;
margin:0
}

#rsbadge {
background:url(images/rsbadge.gif) no-repeat;
border:0;
clear:both;
display:block;
margin:0 15px 20px !important;
padding:0 0 20px;
text-indent:-9999px
}

#footer {
background:#1E5791 url(images/bg_footer.gif) no-repeat 0 0;
border-bottom:1px solid #184675;
border-left:1px solid #184675;
clear:both;
font-size:11px;
height:31px;
line-height:31px;
margin:30px auto 0;
padding:0 10px;
width:730px
}

#footer span {
background:url(images/icons/valid.gif) no-repeat 0 55%;
float:right;
padding:0 0 0 20px
}

.post h2 a:hover {
border:0;
color:#F4F9FD
}

.author {
border-bottom:1px solid #184675;
margin:0 0 5px;
padding:5px 0
}

.gravatar {
background:#F4F9FD url(images/gravatar.gif);
border-color:#F4F9FD;
border-style:solid;
float:left;
height:38px;
margin:10px 0 0 -59px;
width:38px
}

h2#respond {
margin:30px 0 15px 59px
}

form {
margin:0 0 0 49px
}

#commentform input {
background:#F4F9FD;
border:3px solid #184675;
padding:3px;
width:160px
}

label {
padding:3px
}

textarea {
background:#F4F9FD;
border:3px solid #184675;
padding:2px;
width:490px
}

#header h1 a,.post h1 a,.post h1 a:hover,.more a:hover,h2 a {
border:0
}

.page h2,.related h2 {
margin:0 0 15px
}
