img {
   behavior: url("http://jasonfried.info/plugin/pngbehavior.htc");
}
/* templates/default/style_fallback.css  */
/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css template. 
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Default image classes for left/right/usual layout */
.serendipity_image_center {
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_left {
  float: left;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_right {
  float: right;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: Centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

/* Embedded images with comments inside the s9y image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

/* END OF style_fallback.css *//* templates/square/style.css  */
/* square_box template by David Cummins - style.css */
/********* General Styles *********/
/* used in entry and sidebar titles */
h3, h4 {
	margin: 0;
	color: #336633;
}
/* style for acronyms and abbreviations */
abbr, acronym, .help {
	text-decoration: underline;
	border: none;
	cursor: help;
}
/* all input and textarea boxes */
input, textarea, select {
	font-size: small;
}
td, th {
	font-size: x-small;
	padding: 0;
}
/* all links are orange */
a {
	color: #E77D00;
	text-decoration: none;
}
/* underline when hovered over */
a:hover {
	color: #336633;
	text-decoration: underline;
}
/* style for all emoticons in posts */
.emoticon {
	border: none;
}
/* style for quotes, be careful of adjusting margin and padding, different browsers do weird things */
blockquote {
	float: right;
	margin: 1em 1em 1em 1em;
	width: 150px;
	font-family: Verdana, Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #336633;
	text-align: right;
	line-height: 18px;
	display: inline;
}
/* make sure large images don't throw out the whole design */
p img {
	max-width:100%;
	padding: 0px; }
/* warning messages from s9y */
.serendipity_msg_important {
	color: #b22222;
	font-weight: bold;
	font-size: small; }
/* messages letting you know something has happened eg comment saved */
.serendipity_msg_notice {
	color: green;
	font-weight: bold;
	font-size: small; }
/* used for odd numbered comments */
.graybox {
	background-color: #ffffff;
	margin-bottom:20px;
	padding: 0 5px 0 3px; }
/* used for even numbered comments */
.redbox {
	margin: 0 0 20px 5px;
	padding: 0 5px 0 3px; }
/* used when s9y needs to center something */
.serendipity_center {
	margin-left: auto;
	margin-right: auto;
	text-align: center; }
/* used when s9y needs to left align something */
.serendipity_left {
	margin-left: auto;
	margin-right: auto;
	text-align: left; }
/* used when s9y needs to right align something */
.serendipity_right {
	margin-left: auto;
	margin-right: auto;
	text-align: right; }
/* style for code, adjusts size because browsers make it smaller and harder to read */
code, cite {
	font-size: 1.1em;
	color: #336633; }
/* style for html element */
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em; }
/********* End of General Styles *********/
/********* Structural Styles *********/
/* preset styles for entire blog unless overruled elsewhere, page footer is here as well */
/* This and the height in body and margin-bottom from 20px to 1 px - make scroll bar always visible*/
html,body {
	height: 100%;
	background-color:#fff;
	margin:0 auto 1px auto;
	color:#333;
	padding:0 0 0 0;
	font-family: verdana, helvetica, sans-serif;
	font-size: x-small;
	width: 900px;
	background-image: url(templates/square/img/sbbg.gif);
	background-position:	right;
	background-repeat: repeat-y;
}
/* containers for content and sidebar */
#wrapper {
	float: right;
	width: 422px;
	margin: -20px auto;
}
#mainpane {
	line-height: 110%;
	text-align: left;
	padding: 0;
	width: 900px;
	/* background-color: #ffffff; */
	margin: 0 auto 0px auto; 
	/* background-image: url(templates/square/img/sbbg.gif); */
	/* background-position:	right 20px; */
	/* background-repeat: repeat-y; */
		}
/* wrapper style for comment popup window */
.s9y_wrap {
	line-height: 110%;
	text-align: left;
	padding: 0px;
	background-color: #e2edf9;
	margin: 0 auto 0 auto;
	overflow:auto; }
/* container for entries column */
#content {
	float: left;
	width: 473px;
	padding-top:0px;
 }
/* container for banner */
#serendipity_banner, #header {
	float: right;
	background-color: #070D01;
	background-image: url(templates/square/img/square.png); /* was .jpg */
	background-position: top left;
	color: #FFFFFF;
	text-align: left;
	width: 100%;
	margin: 0px 0px 0 0;
	height: 350px; }
/* container for right sidebar */
#serendipityRightSideBar {
	float: right;
	width: 48%;
	margin:0 0px 0 0px;
	padding: 0 0px 0 0px;
 }
/* container for left sidebar */
#serendipityLeftSideBar {
	float: left;
	width: 48%;
	margin:0 0 0 0;
	padding: 0 0px 0 0px;
 }
/* container for footer */
#footer {
	padding: 0;
	margin: 0 auto;
	width: 890px;
	clear: both; }
/********* End of Structural Styles *********/
/********* Header Styles *********/
/* the big link in the banner, blog name/entry title */
a.homelink1, a.homelink1:hover, a.homelink1:link, a.homelink1:visited, #serendipity_banner h1, #header h1 {
	color: #E77D00;
	font-family: verdana, helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	/* text-transform: uppercase; */
	letter-spacing: 2px;
	line-height:110%;
	margin: 0 5px 0 10px;
	padding: 0px 0 0 0px; /* was 10px */
	text-decoration: none;
	text-align: right; }
/* the smaller link in the banner, blog description */
a.homelink2, a.homelink2:hover, a.homelink2:link, a.homelink2:visited, #serendipity_banner h2, #header h2 {
	color: #fff;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	padding: 0 0 0 0; /* 240px 0 0 10px; */
	margin: 240px 5px 0 10px;
	text-decoration: none;
	text-align:right; }
/********* End of Header/Banner Styles *********/
#navcontainer {
	float: right;
	width: 100%;
	height: 20px;
	background: #070D01;
}
#navlist {
	display: inline;
	font-size: .8em;
text-transform: uppercase;
letter-spacing: 1px;
	margin: 0;
}
#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#navlist a:link, #navlist a:visited {
	float: left;
	line-height: 12px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #038906;
}
#navlist a:hover, #navlist.selected
{ 
	color: #E77D00; 
	border-bottom: 5px solid #E77D00; }
/********* End of Footer Styles *********/
/********* Entry Styles *********/	
/* container for date at top of entries */
div.serendipity_entry_date, div.serendipity_Entry_Date {
	width: auto;
	margin: 0 0 0 0; }
/* style for the date at top of entry */
.serendipity_date {
	color: #555;
	line-height: 103%;
	font-size: 1.1em;
	text-align: left;
	padding:10px 0px 5px 0px;
	margin: 6px 5px 3px 5px;
	border-bottom: 1px solid #ccc;
 }
/* style for entry title */
.serendipity_title {
	font-family: verdana, helvetica, sans-serif;
	margin: 0px 5px 0px 5px;
	padding:5px 5px 5px 0px;
	text-align:left;
	font-size:1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.25em;
 }
/* style for entry title link */
.serendipity_title a:link, .serendipity_title a:visited {
	color: #777777; }
/* style for entry title link when hovered over*/
.serendipity_title a:hover {
	color: #E77D00;
	text-decoration: underline; }
/* general style for everything within the entry */
.serendipity_entry {
	color: #444;
	text-align: justify;
	font-size: 1em;
	padding:0 5px 0 5px;
	line-height:160%; }
/* margin for extended body fixes missing break */
.serendipity_entry_extended {
	margin-top:15px; }
/* style for "posted by", comments and trackbacks at bottom of entry */
div.serendipity_entryFooter {
	color: #444;
	font-size: 0.8em;
	text-align: left;
	margin:10px 0 20px 0;
	padding-bottom: 10px;
	line-height: normal;
	border-bottom: 1px solid #ccc;
	clear:both; }
/* styles for the previous and next paging at bottom of content */
div.serendipity_pageFooter {
	color: #444;
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 30px;
	line-height: normal;
	clear:both; }
/* style for divider between same day posts */
.entry_separator {
	background: url(templates/square/img/divider.png) no-repeat bottom center;
	border-bottom: 15px transparent #e2edf9;
	border-top: 15px transparent #e2edf9;
	padding-bottom: 35px;
	margin: 0 0 15px 0; }
/* style for category image if used */ 
img.serendipity_entryIcon {
	float: right;
	clear:left;
	border:none;
	margin-right:10px; }
/* style for all paragraphs in entry */
.serendipity_entry p {
	margin: 0px;
	padding-bottom: 10px; }
/* style for all bold text within entry */
.serendipity_entry b, .serendipity_entry strong {
	color: #336633;
	line-height: 103%;
	text-align: left;
	font-weight: bold; }
/* separate entries with a 20px high gap */
.post-footer {
	margin-bottom:20px; }
/* make any italic text in entries green */
.serendipity_entry i, .serendipity_entry em {
	color:#336633; }
/* make all links within the entry body and entry extended bold */
.serendipity_entry_body a, .serendipity_entry_extended a {
	font-weight:bold; }
/* Hide Quicksearch go button */
.quicksearch_submit {
	display: none;
}
/* headline on search results page */
.serendipity_search {
	text-align:left;
	margin: 5px 5px 20px 5px;
	color: #336633;
	line-height: 103%;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold; }
/* Edit Link For Static Pages */
.staticpage_metainfo_editlink {
	float: right;
	padding-right:5px;
	padding-top: 3px;
}
/* Jsection stuff */
.jsection th, .jsection td {
	padding: 0 2px;
}
.jsection {
	background-color: #E0E7D9;
	border: 1px solid #D0D7CA;
}
.jsection_header {
	background-color: #D0D7CA;
	padding: 0px 2px 0px 2px;
}
.jsection_content {
	padding: 2px 4px 2px 4px;
}
/* Resume Stuff */
.resume_content {
	background-color: #E0E7D9;
	border: 1px solid #D0D7CA;
	padding: 4px;
	width: 453px;
}

.resume_header_span {
	float: left;
}
.resume_header {
	background-color: #D0D7CA;
	padding-left: 2px;
	cursor: pointer;
	height: 1.25em;
}
#resume_summary {
	cursor: auto;
}
/* Hide all Sections */
#resume_skills_content, #resume_experience_content, #resume_education_content, #resume_certification_content, #resume_membership_content {
	display: none;
}
span#resume_toggle_all {
	cursor: pointer;
}
.resume_toggle {
	float: right;
	font-style: italic !important; 
	font-size: 0.75em !important;
	padding-right: 3px;
}
div#resume ul {
	list-style-type: none;
	margin-top: 0; 
}
/********* End of Entry Styles *********/
/********* Comment Styles *********/
/* comments, trackbacks and commentform titles */
.serendipity_commentsTitle {
	font-family: georgia, "times new roman", times, serif;
	color: #555;	
	padding:0px 5px 15px 0px;
	text-align:left;
	font-size:1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
 }
/* container for all comments, and for individual comments */
.serendipity_comments, .serendipity_comment {
	font-size: 1em;
	background-color: #ffffff;
	margin-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	border: 0;
	border-bottom: 1px solid #ccc }
/* style for paragraph text within comments */
.serendipity_comment p {
	padding: 0 0 0 3px;
 }
/* used if no comment have been made */
.nocomments {
	color: #777; }
/* container style for entire comment form */
.serendipity_commentForm {
	color: #ffffff;
	margin-bottom: 13px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFFFFF; }
/* style for name, email etc fields in comments form */
td.serendipity_commentsLabel {
	font-size: .7em;
	font-weight: normal;
	padding-right: 10px;
	vertical-align: top; }
/* styles for input boxes in comments form */
td.serendipity_commentsValue input, td.serendipity_commentsValue select, td.serendipity_commentsValue textarea {
	border: 1px solid #333;
	padding: 2px; }
/********* End of Comment Styles *********/
/********* Sidebar Styles *********/
/* all content within the sidebars */
.serendipitySideBarContent {
	padding: 0 10px 0 10px; }
/* search box and template switcher */
.serendipitySideBarContent input, .serendipitySideBarContent select {
	width: 90%;
	font-size:xx-small; }
/* any image within the sidebars */
.serendipitySideBarContent img {
	border:none; }
/* container style for individual sidebar blocks */
div.serendipitySideBarItem {
	color: #666666;
	font-size: x-small;
	text-align: left;
	margin-bottom: 15px;
	line-height: normal;
	padding: 3px; }
/* style for each sidebar title */
h4.serendipitySideBarTitle {
	font-family: verdana, helvetica, sans-serif;
	color: #777777;
	line-height: 103%;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	font-weight: 700;
	padding: 10px 10px 2px 0px;
	margin: 3px 10px 5px 10px;	
	border-bottom: 1px solid #aaa; }
/* for any plugins that use tables */
td.serendipitySideBar {
	font-size: x-small; }
/********* End of Sidebar Styles *********/
/********* Calendar Styles *********/
/* container style for calendar table rows */
table.serendipity_calendar td {
	text-align: center;
	padding: 3px 0 3px 0 ;
	color: #666;
	border-bottom: 1px solid #cccccc; }
/* style for calendar date links */
table.serendipity_calendar a {
	color: #E77D00;
	font-weight: bold;
	background-color:transparent;
	text-decoration:none; }
/* style for calendar links when hovered over */
table.serendipity_calendar a:hover {
	color: #336633;
	text-decoration: underline; }
/* style for calendar weekday names */
td.serendipity_weekDayName {
	text-align: center;
	font-weight: normal;
	padding: 6px 0 6px 0; }
/* styles for month name and arrows in calendar */
td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited {
	background-color:transparent;
	color: #E77D00;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 0 0 0;
	letter-spacing: .25em;
	text-decoration: none; }
td.serendipity_calendarHeader a:hover {
	color: #336633;
/********* End Calendar Styles *********/
/********* Begin Image Manager Styles *********/
/* container for images and text */
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#6a91b2;
	line-height:1.5em; }
/* style to center image and text within entry */
.serendipity_imageComment_center {
	display:block; margin:0 auto 5px auto; }
/* style to left align image and text within entry */
.serendipity_imageComment_left {
	float:left; margin:0 12px 5px 0; }
/* style to right align image and text within entry */
.serendipity_imageComment_right {
	float:right; margin:0 0 5px 12px; }
/* styles for the images */
.serendipity_imageComment_img, .serendipity_imageComment_img img {
	margin: 0px;
	padding: 0px;
	text-align: center; }
/* styles for the text below the image if used */
.serendipity_imageComment_txt {
	margin: 0px;
	clear: both;
	text-align: center; }
/********* End Image Manager Styles *********/
/********* Begin Plugin Styles *********/
.serendipity_freeTag_xmlButton {
	padding-left:5px; }
.serendipity_freetag_taglist {
	padding:15px; }
.serendipity_plugin_freetag{
	font-size:12px;
	line-height: 150%; }
.serendipity_freeTag {
	color: #444;
	font-size: .9em;
	text-align: center;
	clear:both; }
.staticpage_navigation {
	padding:15px;
	margin:0 10px 20px 10px;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;}
/********* End Plugin Styles *********/