/*
-----------------------------------------------
Blogger Template Style
Name: 	  Thisaway (Blue)
Designer: Dan Rubin
URL:      www.superfluousbanter.org
Date:     29 Feb 2004
----------------------------------------------- */


/* global
----------------------------------------------- */
body {
margin: 0;
padding: 0;
text-align: center;
min-width: 760px;
background: #6699FF;
font-family: Lucida Grande,MS Sans Serif,Lucida Sans Unicode,Verdana,Geneva,Lucida,Arial,Helvetica,Sans-Serif;
color: #FFFFFF;
}

blockquote {
margin: 0;
padding: 0 10px 0 10px;
border-left: 6px solid #FFFFFF;
border-right: 6px solid #FFFFFF;
}

code {
color: #FFFFFF;
}

hr {
display: none;
}

/* layout
----------------------------------------------- */
@media all {
  #wrapper {
    margin: 0 auto;
    width: 100%;
    text-align: left;
    }

  #blog-header {
    padding-bottom: 15px;
    border-top: solid 7px #6699FF;
  }

  #blog-header div {
  }
    
  #main-wrapper {
    position: relative;
    width: 100%;
    }

  #main-content {
    display: inline; /* fixes a strange ie margin bug */
    float: left;
    margin: 0 0 0 3px;
    padding: 0;
    width: 70%;
    }

  #content-wrapper {
    padding: 22px 0 0 0;
    }
}
@media handheld {
  #wrapper {
    width: 90%;
    }

  #blog-header {
    background:none;
    }

  #blog-header div {
    }

  #main-wrapper {
    width: 100%;
    }

  #main-content {
    float: none;
    width: 100%;
    }

  #content-wrapper {
    background:none;
    }
  }

.post {
margin: 0 16px 14px 29px;
padding: 0;
}

#comments {
margin: 0 16px 14px 29px;
padding: 10px;
border: 1px solid #ffffff;
background-color: #6699FF;
}

@media all {
  #description{
    padding:0px;
    margin:0em 0px 0px 5%;
    font-weight:light;
    text-transform:lowercase;
    }
    
  #header{
    padding-top: 10px;    
    border-top: solid 4px #ffffff;
    color: transparent;
    }
    
  #banner{
    min-width:416px; 
    background: url(http://www.mybluemoon.us/blog/images/rolling_panda.gif) no-repeat right;
    border-bottom:dotted 1px #ffffff;
    }
    
  #google-share{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    min-width: 100px;
    color: #ffffff
    font-size: 10px;
  }
  
  .reader-publisher-module{
    color: #ffffff
    font-size: 10px;
  }
  
  #sidebar-wrapper {
    display: inline; /* fixes a strange ie margin bug */
    float: right;
    margin: 0 3px 0 0;
    }
	
  #sidebar {
    padding: 7px 11px 0 14px;
    }

  #blog-footer {
    padding-top: 15px;
    }

  #blog-footer div {
    }
  }
@media handheld {
  #sidebar-wrapper {
    float: none;
    width: 100%;
    background:none;
    }

  #sidebar {
    background:none;
    }

  #blog-footer {
    background:none;
    }

  #blog-footer div {
    }
  }

#profile-container {
margin-bottom: 20px;
}

#blog-footer {
padding-top: 15px;
}

#blog-footer div {
}


/* headings
----------------------------------------------- */
#blog-header h1 {
margin: 0;
padding: 26px 0 0 84px;
font-size: 30px;
line-height: 25px;
}

h2.date-header {
margin: 0;
padding: 0 0 0 29px;
font-size: 10px;
text-transform: uppercase;
}

.date-header span {
margin: 0 0 0 5px;
padding: 0 25px 0 25px;
}

h2.sidebar-title {
padding: 1px 0 0 36px;
font-size: 14px;
text-align:right;
}

#profile-container h2.sidebar-title {
}

h3.post-title {
text-transform: uppercase;
}

#comments h4 {
margin-top: 0;
font-size: 16px;
}

/* text
----------------------------------------------- */
#blog-header p {
margin: 0;
padding: 7px 16px 0 84px;
font-size: 10px;
font-weight: bold;
line-height: 14px;
}

.post-body div {
font-size: 13px;
line-height: 18px;
margin: 0;
height:1%;
overflow:visible;
}

.post-body blockquote {
margin: 10px 0px;
}

p.post-footer {
font-size: 11px;
text-align: left;
}

p.post-footer em {
display: block;
float: left;
text-align: left;
font-style: normal;
}

p.comment-data {
font-size: 12px;
}

.comment-body p {
font-size: 12px;
line-height: 17px;
}

.deleted-comment {
font-style:italic;
}

#sidebar p {
font-size: 12px;
line-height: 17px;
margin-bottom: 20px;
}

#sidebar p.profile-textblock {
clear: both;
margin-bottom: 10px;
}

.profile-link {
padding: 0 0 0 17px;
}

p#powered-by {
margin: 0;
padding: 0;
text-align: right;
}

#blog-footer p {
margin: 0;
padding: 0 0 15px 55px;
font-size: 10px;
line-height: 14px;
}


/* lists
----------------------------------------------- */
.profile-data {
font-size: 13px;
line-height: 17px;
}

.post ul {
padding-left: 32px;
list-style-type: none;
font-size: 13px;
line-height: 18px;
}

.post li {
padding: 0 0 4px 17px;
}

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

#comments li {
padding: 0 0 1px 17px;
}

#sidebar ul {
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
font-size: 12px;
line-height: 14px;
}

#sidebar li {
padding: 0 0 4px 17px;
text-align:right;
}


/* links
----------------------------------------------- */

a:link{color:#ffffff;text-decoration:none;}
a:visited{color:#ffffff;text-decoration:none;}
a:active{color:#ffffff;text-decoration:none;}		
a:hover{color:#000000;text-decoration:none;}

a.comment-link {
padding-left: 14px;
}

html>body a.comment-link {
padding-left: 14px;
}

#sidebar ul a {
}

#sidebar ul a:hover {
}

#powered-by a img {
border: none;
}

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

#blog-header h1 a:hover {
}

h3.post-title a {
text-decoration: none;
}

h3.post-title a:hover {
}


/* miscellaneous
----------------------------------------------- */
.post-photo {
padding: 3px;
border: 1px solid #ffffff;
}

.profile-img {
display: inline;
}

.profile-img img {
float: left;
margin: 0 10px 5px 0;
padding: 3px;
border: 1px solid #ffffff;
}

.profile-data strong {
display: block;
}

.clear {
clear: both;
line-height: 0;
height: 0;
} 


/* Feeds
----------------------------------------------- */
#blogfeeds {
font-size: 14px;
text-align: right;
}

#postfeeds {
font-size: 12px;
}