/*
-----------------------------------------------
Blogger Template Style
Name:     Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL:      www.zeldman.com
Date:     23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#ffffff">
   <Variable name="mainTextColor" description="Text Color"
             type="color" default="#555544">
   <Variable name="pageHeaderColor" description="Blog Title Color"
             type="color" default="#ffffee">
   <Variable name="blogDescriptionColor" description="Blog Description Color"
             type="color" default="#ffffee">
   <Variable name="linkColor" description="Link Color"
             type="color" default="#00ff00">
   <Variable name="hoverLinkColor" description="Link Hover Color"
             type="color" default="#88bb22">
   <Variable name="dateHeaderColor" description="Date Header Color"
             type="color" default="#555544">
   <Variable name="sidebarHeaderColor" description="Sidebar Title Color"
             type="color" default="#555544">
   <Variable name="sidebarTextColor" description="Sidebar Text Color"
             type="color" default="#555544">

   <Variable name="bodyFont" description="Text Font" type="font"
             default="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif">
*/

/* Primary layout */

body {
  margin: 0;
  padding: 0;
  border: 0px none;
  text-align: center;
  color: #555544;
  background: #692 url('http://www.blogblog.com/moto_son/outerwrap.gif') repeat-y top center;
  font-size: small
}

img {
  border: 0px none;
  display: block
}

ul 
{
list-style-image: url('../Peter_Chen/arrow.gif')
}

.clear { 
  clear: both;
}
	/* Wrapper */

#outer-wrapper {
  margin: 0 auto;
  border: 0px none;
  width: 692px;
  text-align: left;
  background: #ffffff url('http://www.blogblog.com/moto_son/innerwrap.gif') repeat-y top right;
  font-style:normal; font-variant:normal; font-weight:normal; font-size:100%; font-family:tahoma, Trebuchet MS, lucida, helvetica, sans-serif
}

	/* Header */

#header-wrapper	{
  background: #8b2 url('http://www.blogblog.com/moto_son/headbotborder.gif') repeat-x bottom left;
  margin: 0 auto;
  border: 0px none;; padding-left:0; padding-right:0; padding-top:0; padding-bottom:15px
}

#header h1 {
  text-align: left;
  font-size: 200%;
  color: #ffffee;
  margin: 0;
  background-image: url('http://www.blogblog.com/moto_son/topper.gif');
  background-repeat: repeat-x;
  background-position:  left top;; padding-left:20px; padding-right:20px; padding-top:15px; padding-bottom:0
}

h1 a, h1 a:link, h1 a:visited {
  color: #ffffee;
}

#header .description {
  font-size: 110%;
  text-align: left;
  padding: 3px 20px 10px 23px;
  margin: 0;
  line-height:140%;
  color: #ffffee;
}

	
/* Inner layout */

#content-wrapper {
  padding: 0 16px;
}
	
#main {
  width: 400px;
  float: center;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar {
  width: 226px;
  float: right;
  color: #555544;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
	
/* Bottom layout */

#footer	{
  border-left:0px none; border-right:0px none; border-bottom:0px none; clear: left;
  margin: 0;
  text-align: left;
  border-top: 1px solid #f9f9f9; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0
}
	
#footer .widget	{
  text-align: left;
  margin: 0;
  padding: 10px 0;
  background-color: transparent;
}

/* Default links 	*/

a:link, a:visited {
  font-weight: bold;
  text-decoration: underline;
  color: #0000cf;
  background: transparent;
}

a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #88bb22;
  background: transparent;
}

a:active {
  font-weight : bold;
  text-decoration : none;
  color: #88bb22;
  background: transparent;
}

/* Typography */
	
.main p, .sidebar p {
  line-height: 140%;
  margin-top: 5px;
  margin-bottom: 1em;
}

h2, h3, h4, h5	{
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 130%;
}

h2.date-header {
  color: #555544;
}

.post h3 {
  margin-top: 5px;
  font-size: 120%;
}

.post-footer { 
  font-style: italic;
}

.sidebar h2 { 
  color: #555544;
}

.sidebar .widget { 
  margin: 12px 0 13px 0;
  padding: 0;
}

.main .widget { 
  margin: 12px 0 0 0 ;
}

li  {
  line-height: 160%;
}

.sidebar ul { 
  margin-left: 0;
  margin-top: 0;
  padding-left: 0;
}

.sidebar ul li {
  vertical-align: top;
  padding: 0;
  margin: 0; list-style-type:disc; list-style-image:url('http://www.blogblog.com/moto_son/diamond.gif'); list-style-position:inside
}

.widget-content { 
  margin-top: 0.5em;
}


/* Profile 
----------------------------------------------- */

.profile-datablock {
  margin: 3px 0 5px 0;
  line-height: 140%;
}
.profile-textblock { 
  margin-left: 0;
}

.profile-img { 
  float: left;
  margin: 0 5px 5px 0;
  border:4px solid #8b2;

}

	

#comments  {
  border-left:0px none; border-right:0px none; border-bottom:0px none; border-top:1px dashed #eed; padding:0; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0
}

#comments h4	{
  margin-top: 10px;
  margin-bottom: -10px;
  font-weight: normal;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#comments dl dt 	{
  font-weight: bold;
  font-style: italic;
  margin-top: 35px;
  background: url('http://www.blogblog.com/moto_son/commentbug.gif') no-repeat top left;; padding-left:18px; padding-right:0; padding-top:1px; padding-bottom:0
}

#comments dl dd	{
  padding: 0;
  margin: 0;
}

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

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: left;
}
 
#blog-pager-older-link {
  float: right;
}
 
#blog-pager {   
  text-align: center; 
}

/** Page structure tweaks for layout editor wireframe */

body#layout #outer-wrapper { 
  padding-top: 0;
}
body#layout #header,
body#layout #content-wrapper,
body#layout #footer { 
  padding: 0;
}