body
{
	margin: 0 auto;
	padding: 0;
	color: #333;
	background: url("./images/peter/bg.jpg") repeat;
	font-size: 80%
}

h1, h2, h3 {
font-family: georgia, times new roman, times, serif;
letter-spacing: 0.09em;
}

h4 {
font-family: lucida grande, verdana, arial, helvetica, sans-serif;
margin-bottom: 4px;
}

p {
font-family: Georgia;
font-size:100%;
}

ol {
	margin-bottom: 0px;
}

.center {
text-align: center;
}

blockquote {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
    margin: 1em 20px;
    padding-left: 36px;
    background: transparent url("./images/peter/quotes.png") no-repeat; }
}

ul {
list-style: square;
margin-top: 0px;
margin-left: 1em;
padding-left: 1em;
}

img {
margin: 0;
padding: 0;
border: 0;
}

a:link { background-color: transparent; text-decoration: none; color: #335599; }
a:hover { background-color: transparent; text-decoration: none; color: #000033; }
a:visited { background-color: transparent; text-decoration: none; color: #505050; }

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 0px;
/* z-index for scrollbars no longer has to be given as of version
1.7.5 for correct operation, but it is still recommended, as this
decides the z-index for content.*/
z-index: 1;
}
.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background-repeat:no-repeat;
width: 20px;
height: 524px;
/* height is auto set by the script to fit the scrollbar */
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background-repeat:no-repeat;
width: 20px; height: 10px;
}

.vscrollerbase {
background: url(http://sidewalkchalked.com/ee/images/peter/bar.png);
background-repeat:no-repeat;
width: 20px;
}
.vscrollerbar {
background-image: url(http://sidewalkchalked.com/ee/images/peter/scrollbar.png);
width: 20px;
/* following is the bit that allows us fixed height scrollbars */
height: 35px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 20px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}


/* Scroll Bar Master Styling Ends Here */

#wrapper {
margin: 0px;
padding-left: 10px;
padding-top: 15px;
border-top: none;
background: transparent;
background-repeat:no-repeat;
}

#navbar {
margin:0 0 0 125px;
padding:3px 0 3px 0;
background: #transparent;
font: 0px lucida grande, verdana, arial, helvetica, sans-serif;
text-align: center;
}

#framenav {
position:absolute;
top:125px;
left: 700px;
font-family: georgia, times new roman, times, serif;
letter-spacing: 0.09em;
}

#navbar ul {
list-style: none;
}

#navbar li {
float: left;
padding: 0 23px 0 0px;
margin-right: 5px;
list-style: none;
}

#navbar li a {	display: block; 
padding: 0.75em 0 0.25em; 
text-transform: uppercase; 
color: #000;}

#navbar a:hover {background: transparent;}

#header {
margin: 0;
width:957px;
height:156px;
border: 0px;
background:transparent;
background-repeat:no-repeat;
}

#blogtitle {
font-size: 1.25em;
color: #2F4C12;
float: right;
margin: 7px 0 0 0;
padding: 8px 4px 4px 4px;
border-top: 0px solid #333;
background: transparent;
background-repeat:no-repeat;
width:0px;
height:0px;
}

#blogtitle h1 {
margin: 0;
padding-top: 5px;
font: 160% Georgia, Times, serif;
letter-spacing: 0.1em;
text-align: left;
}

#nav {
float: left;
margin: 0;
padding: 0;
text-align: right;
background: transparent;
color: #333;
font-size: 70%;
font-variant: small-caps;
letter-spacing: 0.09em;
}

#container {
background:transparent;
border: none;
}

#content {
float: left;
width: 957px;
padding: 0px;
background:url("./images/peter/2.png");
background-repeat:no-repeat;
border: none;
}

#flickr {
position:relative;
left:10px;
padding:0px;
width: 130px;
height: 194px;
background:url("./images/peter/flickr.png");
background-repeat:no-repeat;
border: none;
}

#blogbox {
float: right;
margin-right: none;
padding: 0px;
	width: 680px;
	height: 524px;
background:url("./images/peter/3.png");
background-repeat:no-repeat;
text-align: left;
}

#blog {
float: left;
margin-right: none;
padding: 0px;
	width: 580px;
	height: 480px;
overflow-y:auto;
overflow-x:hidden;
color: #333;
text-align: left;
}

.entry {
margin-top: 10px;
padding: 0 10px 10px 10px;
border: none;
background: #transparent;
color: #333;
}

#sidebar {
position: absolute;
left: 910px;
top: -40px;
margin-left: 5px;
padding: 80px 10px 10px 15px;
width: 170px;
height: 500px;
background: #transparent;
color: #333;
text-align: left;
}

#footer {
position: absolute;
top:700px;
margin: 0;
padding: 5px 10px;
width: 90%;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
background: transparent;
color: #333;
font-size: 70%;
letter-spacing: 0.09em;
}

.date {
font-size: 120%;
background: transparent;
color: #000;
}

.title {
font-size: 130%;
font-weight: normal;
background: transparent;
color: #505050;
border-bottom: 1px solid #ddd;
}

.posted {
margin-bottom: 10px;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666;
}

.sidetitle {
margin: 18px 0 7px 0;
font-size: 115%;
letter-spacing: 0.09em;
font-weight: normal;
background: transparent;
color: #505050;
border-bottom: 1px dotted #ccc;
}

.spacer {
clear: both;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

.calendarBG {
 background-color: #000;
}

.calendarBlank {
 background-color: #9DB7A7;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #000;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #195337;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}