
* {
    margin: 0 ;
    padding: 0 ;
}

/* Default hyperlink style */
a, a:link, a:visited, a:active {
    color: #00f ;
    text-decoration: none;
}

a:hover {
    color: #00f ;
    text-decoration: underline;
}

/* Used for creating gap between posts and sidebar items */
.gap {
    width: 100% ;
    height:5px ;
}

/* Push stuff onto a new block element */
.clear {
    line-height:0px ;
    clear: both ;
}

.center {
    text-align: center ;
}

.align_left {
    text-align: left ;
}

.align_right {
    text-align: right ;
}

.error {
    color: red ;
}

abbr {
    border-bottom: #000 1px dotted ;
    cursor: help ;
}

body {
    padding: 10px 10px 10px 10px ;
    font-family: georgia, verdana, arial, sans-serif;
}





#sidebar_control {
    text-align:right;
    margin-right:30px;
}

#sidebar_control img {
    border: 0 ;
}

/*
 * Content. The margin-right should be inline with the width of the sidebar
*/

#content {
    width: auto ;
    margin-right: 205px ;
}

#content ul {
    line-height:1.5em;
    padding-left: 20px ;
}

.post {
    font-size:small;
    line-height:1.5em;
    font-weight:normal;
}

.post_header {
    padding: 0px 15px 5px 15px ;
}

/* Rounding up post header - right, left, right top and left top */
.post_header_r { background: #c6c6c6 url("images/post_header_r.jpg") repeat-y right ; }
.post_header_l { background: url("images/post_header_l.jpg") repeat-y left ; }
.post_header_lt { background: url("images/post_header_lt.jpg") 0 0 no-repeat ; }
.post_header_rt { background: url("images/post_header_rt.jpg") 100% 0 no-repeat ; }

.post_ie_bug_fix {
    width:100% ;
}

.date
{
    font-family: garamond,times,serif;
    font-size: small;
    color: #000 ;
    font-weight: bold;
    text-transform: capitalize;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #000 ;
    font-style: italic;
}

.post_category {
    float: right ;
    border: #000 solid 1px ;
    font-size: x-small;
    font-style: italic;
    background: #ffffcc ;
    margin-top: 2px ;
    margin-bottom: 2px ;
}

.post_entry {
    padding: 5px 15px 5px 15px ;
}

.post_entry p {
    text-indent: 1.5em ;
    text-align: justify ;
    line-height: 1.8em ;
}

.post_entry > p:first-child:first-letter {
	font-size: 36pt;
	font-weight: 600;
	font-family: garamond, serif;
	margin-right: 6px;
	float: left;
	color: #f88 ;
	}

/* Rounding up the post - entry right and left tiling */
.post_entry_r { background: #ffffe7 url("images/post_entry_r.jpg") repeat-y right ; }
.post_entry_l { background: url("images/post_entry_l.jpg") repeat-y left ; }

.post_footer {
    padding: 10px 15px 20px 20px ;
    font-size:x-small;
    font-weight:normal;
}

/* Rounding up the post - tile (bottom), right, left, right bottom and left bottom */
.post_footer_tile { background: #c6c6c6 url("images/post_footer_tile.jpg") repeat-x bottom ; }
.post_footer_r { background: url("images/post_header_r.jpg") repeat-y right ; }
.post_footer_l { background: url("images/post_header_l.jpg") repeat-y left ; }
.post_footer_lb { background: url("images/post_footer_lb.jpg") 0 100% no-repeat ; }
.post_footer_rb { background: url("images/post_footer_rb.jpg") 100% 100% no-repeat ; }

.page_title {
    border-bottom: #000 2px dotted ;
}

.postmetadata {
    margin-top: 10px ;
    width: 60em ;
    font-size: x-small ;
}

.singlepostmetadata {
    margin-top: 10px ;
    margin-right: auto ;
    margin-left: auto ;
    width: 60em ;
    font-size: x-small ;
    background-color: #ffffe7 ;
}

/*
 * Side bar - the width should be inline with margin-right given for content
*/

###### added by sam ####
.holder {
  display: block ;
  width: 800px ;
}
.upperbox {
clear: both;
}
.unitsholder {
 display: block ;
 clear: both;
}
.unitcolumn {
 display: inline ;
}
.sidebar {
    width: 250px ;
    top: 0px ;
    right: 5px ;
    float:left;
    display:block;

}

.sidebar_header {
    position: relative ;
}

.sidebar_header img {
    cursor:pointer;
    position:absolute; top:5px; right:30px;
}

.sidebar_enable {
}

.sidebar_disable {
    display: none ;
}

/* Rounding up the sidebar items. Header - right, left, left top and right top */
.sidebar_header_r { background: #c6c6c6 url("images/sidebar_header_r.jpg") repeat-y right ; }
.sidebar_header_l { background: url("images/sidebar_header_l.jpg") repeat-y left ; }
.sidebar_header_lt { background: url("images/sidebar_header_lt.jpg") 0 0 no-repeat ; }
.sidebar_header_rt { background: url("images/sidebar_header_rt.jpg") 100% 0 no-repeat ; }

.sidebar_header h2 {
    padding-top: 2px;
    padding-bottom: 2px;
    color: #000 ;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center ;
}

.sidebar_item {
    font-size: small ;
    padding: 5px 15px 2px 15px ;
}

.sidebar_item h3 {
    padding-top: 2px;
    padding-bottom: 2px;
    color: #000 ;
    font-size: small;
    font-weight: bold;
}

/* Rounding up the sidebar items. Entry - right and left tile */
.sidebar_entry_r { background: #ffffe7 url("images/sidebar_entry_r.jpg") repeat-y right ; }
.sidebar_entry_l { background: url("images/sidebar_entry_l.jpg") repeat-y left ; }

.informal {
    font-family: "comic sans ms", verdana,arial,sans-serif;
    font-size: small;
}

.photo {
    margin-right: 3px;
    float:left;
}

.sidebar_footer {
}

/* Rounding up the sidebar items. Footer - tile(bottom), right bottom and left bottom */
.sidebar_footer_tile { background: #c6c6c6 url("images/sidebar_footer_tile.jpg") repeat-x bottom ; }
.sidebar_footer_lb { background: url("images/sidebar_footer_lb.jpg") 0 100% no-repeat ; }
.sidebar_footer_rb { background: url("images/sidebar_footer_rb.jpg") 100% 100% no-repeat ; height: 30px;}

.credits {
    text-align: center ;
    padding-bottom: 5px ;
    border: 0 ;
}

#sidebar a img {
    border: #fff solid 1px ;
}

#sidebar a:hover img {
    border: #00f solid 1px ;
}

.navigation {
    padding: 0 10px 0 10px ;
    font-size: x-small ;
}

#footer {
    width: 100% ;
    clear: both ;
    color: #c6c6c6 ;
    font-size: x-small ;
    font-weight: bold ;
    text-align: center ;
}

/*
 * Theme switcher
*/

#themeswitcher li {
    list-style: none ;
}

/*
 * Calendar
*/

#calendar {
    display: none ;
    position: relative ;
}

#wp-calendar {
    width: 196px ;
    text-align: center ;
    background: #ffffe7 url("images/sidebar_entry_r.jpg") repeat-y right ;
    padding: 0 10px 0 5px ;
}

#wp-calendar caption {
    color: #000 ;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center ;
    width: 190px ;
    height: 17px ;
    background: url("images/sb_top.jpg") no-repeat left top ;
}

#prev {
    position: absolute ;
    bottom: 12px ;
    left: 10px ;
}

#next {
    position: absolute ;
    bottom: 12px ;
    right: 15px ;
}

#tfoot {
    width: 192px ;
    height: 26px ;
    background: #c6c6c6 url("images/sb_bottom.jpg") no-repeat left top ;
}
