/*
Theme Name: bluebluewhite
Theme URI: http://www.submergedspaceman.com/theme
Description: A premium theme by Brett Peterson
Version: 1.0
Author: Brett Peterson
Author URI: http://www.submergedspaceman.com/
*/

#HLlinks {
width: 800px;
}

.HLlinks a{
text-decoration: none;
color: #fff;
padding: 3px;

}
.HLlinks a:hover {
background-color: #10315f;
padding: 3px;
-border-top-left-radius: 8px;
-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;

}
body{

margin: 0px;
padding: 0px;

}
.HLlinks a:visited{
color: #fff;
}

ul{
    margin: 0 auto;
    padding: 0;
	float:right;
}

ul.HLlinks li{
font-weight: bold;
font-family: arial, sans;

    text-align: left;
    float: left;
    list-style: none;
    padding: 3px 10px 3px 10px;
    margin: 5px;
}
#header, #main {
width: 800px;
margin: 0px auto;
padding: 30px 0px 0px 80px;
text-align: left;
}
#header_wrap {
width: 800px;
margin: 0px auto;

text-align: left;
}
#header {
background: url(images/SS_logo.png) no-repeat;
height: 90px;
}
#blog  {
width: 800px;
margin: 5px;
padding: 30px 0px 0px 30px;
text-align: left;
float:left;
}

#header-back{
height: 150px;
margin: 0px auto;
background: #3b6fb5;
}
#header span {
color: #fff;
font-family: arial, sans;
font-weight: bold;
font-size: 50px;
}
#header strong {
color: #10315f;
font-family: arial, sans;
font-weight: bold;
font-size: 50px;
}
#blog-back{
height: 100px;
margin: 0px auto;
background: #fff url(images/grade2.png) repeat-x left top;
}
#blog-wrap {
width:800px;
margin: 0px auto;
}
#main-back{
height: 300px;
background: #10315f repeat-x left bottom;
}
#main p {
font-family: Georgia, serif;
font-weight: bold;
font-size: 50px;
width: 400px;
color: #fff;
float: left;

}
#main {
padding: 10px;
}
#big-image {
float: right;
}
#main img {
width: 350px;
}
.date {
background: #3b6fb5 url(images/glass.png) repeat-x 50%;
width: 40px;
float: left;
text-align: center;
font-family: arial, sans;
font-weight: bold;
color: #fff;
padding: 1px;
-border-top-left-radius: 8px;
-border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomright: 8px;
}
.date p {
margin: 0px;
}
#blog h2 {
font-size: 25px;
padding: 0px 0px 0px 30px;
margin: 0px 0px 20px 0px;
overflow: hidden;
font-family: Georgia, serif;
color: #10315f;
}

#blog h2 a {
text-decoration: none;
color: #10315f;
}

#blog .post-content a {
color: #10315f;
}

#blog .post-content p{
margin-left: 78px;
font-family: helvetica, arial, sans;
}

.comment-links span{
padding-left: 10px;
padding-bottom: 12px;
padding-top: 4px;
padding-right: 15px;
background: url(images/comment_bubble.png) no-repeat;

}
#blog .post-content strong{
font-weight: normal;

}
.post {
width: 600px;
margin: 0px 0px 30px 0px;

}

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

#side  {
width: 200px;
height: 300px;
padding: 5px;
text-align: left;
float:right;
background: url(images/sidebar_back.png) no-repeat;
}

#side li {
list-style: none;
margin-left: 5px;
padding: 0;
}
#side h2 {
list-style: none;
margin-left: 5px;
padding: 0;
}
#side a {
font-family: georgia, serif;
text-decoration: none;
color: #10315f;
}

img {
border: 0;
}




a {
color: #10315f;
}

p{
font-family: helvetica, arial, sans;
}

/*
<!--[if lte IE 6]>
<style type="text/css">
#inner2 {
    height: 1%;/* Make this div take up the rest of the horizontal space, and no more, in IE 6 
}

#inner1 {
    margin-right: -3px;/* Fix the 3-pixel gap that the previous rule introduces. (Shit like this is why web developers hate IE 6.) 
}
</style>
<![endif]--> */