/*
THEME NAME: Sandbeep
DESCRIPTION: child theme of Sandbox
AUTHOR: beepily.com
TEMPLATE: sandbox
*/
body {
  font:12px Arial, sans-serif;
  line-height:1.4em;
/*  background-color:#eee;*/
    color: #333;
    margin: 0;
    padding: 5px;
  }

pre {
  font:120% Georgia, serif;
  line-height:1.4em;
}

p {
  margin: 0 0 1em 0;
}

a {
    color:#0055ff;
    text-decoration:none;
  }

#wrapper {
margin:0 auto;
width:960px;
}

div#container {
float:left;
margin:0 -315px 0 0;
width:958px;
padding-top: 5px;
/*   padding-left:5px;*/
/*border:1px solid #aaa;*/
   background-color:#fff;
}

div#content {
margin:0 340px 5px 0px;
   background-color:#fff;
}

div.sidebar {
float:right;
overflow:hidden;
width:315px;
/*padding-right:5px;*/
}

Category Template
(category.php)
Footer
(footer.php)
Header

div#secondary {
clear:right;
}


div#footer {
   text-align:left;
   color:#ACACAC;
   clear:both;
   width:100%;
   padding-top: 0.5em;
   border-top: 1px solid #DDDDDD; 
}

.nav-previous {
   float: left;
   width:45%;
   }
.nav-next {
   float: right; 
   text-align: right;
  width:45%;
   }
 
#nav-below {
   padding-top:20px;
   }
 
#header {
   background: #fff url(images/header_2010_09_05v2.png) top left no-repeat;
/*   width:784px;*/
   height:110px;
   }

#blog-title {
   color:#000000;
   padding:20px 20px 20px 45px;
   }

#access {
   color:#000000;
   background-color:#000000;
 /*  margin-bottom: 5px; */
   }

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

#menu li {
   display: inline; 
   }

#menu ul li a {
 /*  margin: 4px;*/
   font-size:1.3em;
  padding: 5px 20px 5px 20px;
   color: #CCC;
   }

#menu ul li a:hover {
   color: #ffffff;
   }

.skip-link {
    height: 1px;
    color: #ffffff;
    font-size: 1px;
  }

.skip-link a {
    color: #ffffff;
  }

.hentry {
   padding-top:1em;
   }

#blog-title a {
  color:#123456;
  }

h2.entry-title {
    font-size:2em;
    margin-bottom:0.5em;
    }

.post h2 {margin-top:0}

h2.entry-title, h2.entry-title a, h3.entry-title, h3.entry-title a {
    width: 70%;
    float:left;
    font-family:"Liberation Serif", Georgia,"Times New Roman", Times, serif;
    line-height:1em;
    
    color:#123456;
    }

h3.entry-title {
   font-size: 2em;
   }

h3.widgettitle {
    font-family:"Liberation Serif", Georgia,"Times New Roman", Times, serif;
    font-size:1.4em; 
    color:#123456;
    margin:8px 0 4px 0;
    clear:left;
   }

h4.widgettitle {
    font-family:"Liberation Serif", Georgia,"Times New Roman", Times, serif;
    font-size:1.2em;
    line-height:1em;
    color:#123456;
    margin:4px 0 4px 0;
    clear:left;
   }

.nav-previous, .nav-next {
   padding-bottom:1em;
   }

abbr.published {
    border:none;
   }
div.entry-date {
   font-family:"Liberation Serif", Georgia,"Times New Roman", Times, serif;
   font-style:italic; 
   font-weight:bold;
   text-align: right;
   font-size: 1.2em;
   color: #ACACAC;
   float: right;
   padding-top: 0.25em;
   }

.entry-content {
   padding-top: 0;
   clear:both;
   font-size:14px;
   background-color:#fff;	
   }

.entry-meta {
  /* padding-bottom: 1em;*/
   border-top: 1px solid #DDDDDD; 
   padding-top: 0.5em;
   color: #ACACAC;
   font-family:"Liberation Serif", Georgia,"Times New Roman", Times, serif;
   font-style:italic; 
   }

div.onerecentpost {
  padding: 0px 8px 5px 8px;
  }

div.recententry {
   float:left;
   width:200px;
   }

div.recentthumbnail {
   float:right; 
   width:75px;
   }

ul.xoxo {
   list-style: none;
   padding:0;
   }

#secondary ul li {
   margin-bottom:0.5em;
   }

#primary ul li {
   margin-bottom:0.5em;
   }

.widget_archive ul {
   list-style: none;
   padding:0;
   }

#respond {
   padding-top: 1em;
    }


#comments {
   clear:both;
    }

.entry-content img {
border:1px solid #999;
padding:2px;
margin-top:0.5em;
margin-bottom:0;
margin-left, margin-right: auto;
}

img.flickrRSS {
border:none;
padding-left:4px;
}

/* CAN: 07 March 2010 Found this next part on wordpress.org forum, not sure where originally from */
/* Possibly comes from Kubrick theme */
/* I'm changing alignright and alignleft to right and left */
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
/* Now add a class for clear both because styles seem to get stripped when uploading from Bilbo */
.clearboth {
	clear: both;
	}