/* base
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
        font-size: 75%;

}

blockquote, h3, p, li {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 0.9em;
	line-height: 1.6em;
}

blockquote {
	margin-right: 1em;
	margin-left: 20px;
        padding-left: 0px;
        border: 0 0 0 0;
        font-size: 1.0em;
        background-color: #fcf
}

blockquote-old {
	margin-right: 1em;
	margin-left: 20px;
        padding-left: 0px;
        border-left: 1px solid #f0c;
        font-size: 1.0em;
}

h1, h2, h3 {
	margin: 0 0 0 0;
	padding: 0 10px;
	font-weight: normal;
}

h4 {
        margin: 0 0 0 0;
        padding: 10px 0 0 10px;
        font-weight: normal;
}

h1, h2, h3, h4, h5 {
	font-family: Georgia, Times, serif;
}

h1 {
	font-size: 1.4em;
}

h2, h4 {
	font-size: 1em;
	font-style: italic;
}

h5 {
        font-size:1em;
        font-weight: bold;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
}

hr {
	margin: 2em auto;
	width: 370px;
	height: 1px;
	color: #7a7e7d;
	background-color: #7a7e7d;
	border: none;
}

.floatright {
        float: right;
}

.floatleft {
        float: left;
}

.half {
        width: 50%;
}

.image {
        text-align:center;
        margin: 5px 5px 5px 5px;
        padding: 4px 4px 4px 4px;
        border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #0fc;
}

small, .small {
	font-size: 0.9em;
}

.timestamp {
        font-size: 0.8em;
        font-style: italic;
}

.timestamp2 {
        font-size: 1.0em;
        font-style: italic;
}

.tags {
        color: #0fc;
}

.sidebar-div-sticky {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
}

.sidebar-content {
        margin: 0 0 0 0;
        padding: 0 0 0 10px;
  
}

/* ------------notes
(November 1 2009)
I need to be clear about my headings.
H1 is a kind of big heading that I don't use much.
H2 is used for the site slogan, and is a normal-sized italic
H3 is a smaller heading that I usually use as article headers.
H4 is defined for now, but I don't use it, so I can change it.
H5 is still undefined.
----------------- */ 

/* links
----------------------------------------------- */

a:link {text-decoration: none; color: #666;}
a:visited {text-decoration: none; color: #666;}
a:hover {text-decoration: none; color: #666; font-weight: normal; border-bottom: #0fc solid 1px;}
a:active {text-decoration: none; color: #333; border-bottom: #f0c solid 1px;}

a img {
	border: none;
}

h1 a, h2 a, h3 a, h5 a {
	border: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h5 a:hover {color: #000}

h5 a:hover {font-weight: bold}

h3 a {
	font: 1.5em Georgia, Times, serif;
}

#site-name a {
	border: none;
        color: #333;
}

#sidebar-2 a:link, #sidebar-1 a:link {
	color: #333; text-decoration: none;
	border: none;         
}
#sidebar-2 a:visited, #sidebar-1 a:visited {
	color: #333; text-decoration: none;
	border: none;         
}
#sidebar-2 a:hover, #sidebar-1 a:hover {
	color: #f0c; text-decoration: none;
	border-bottom: #0fc solid 1px;         
}
#sidebar-2 a:active, #sidebar-1 a:active {
	color: #666; text-decoration: none;
	border: none;         
}

.this_section {
        font-weight: bold;
}
.this_section a:hover {
        color: #f00; text-decoration: none;
	border: none; font-weight: bold;
}

.this_portfolio {
        color: #000;
}

.article_sidebar a:link {
        color: #000; text-decoration: none;
        border: none; font-weight: normal;
}
.article_sidebar a:visited {
        color: #000; text-decoration: none;
        border: none; font-weight: normal;
}
.article_sidebar a:hover {
        color: #000; text-decoration: none;
        border: none; font-weight: normal;
}
.article_sidebar a:active {
        color: #f00; text-decoration: none;
        border: none; font-weight: normal;
}


.entry-content a:link {text-decoration: none; color: #666; border-bottom: #0fc solid 1px;}
.entry-content a:visited {text-decoration: none; color: #666;border-bottom: #0fc solid 1px;}
.entry-content a:hover {text-decoration: none; color: #666; font-weight: normal; border-bottom: #f0c solid 1px;}
.entry-content a:active {text-decoration: none; color: #666; border-bottom: #0fc solid 1px;}

.link-list a:link {
	color: #000; text-decoration: none;
	border: none;         
}
.link-list a:visited {
	color: #000; text-decoration: none;
	border: none;         
}
.link-list a:hover {
	color: #f0c; text-decoration: none;
	border-bottom: #0fc solid 1px;         
}
.link-list a:active {
	color: #666; text-decoration: none;
	border: none;         
}

/* layout
----------------------------------------------- */

#accessibility {
	position: absolute;
	top: -10000px;
}

#container {
	margin: 10px 0 0 10px;
	padding: 10px;
	width: 960px;
}

#head {
        background-color: #fff;
        width: 960px;
        padding: 0 0 0 0;
}

#width {
        clear: both;
}

#site-name {
	margin: 0 0 15px 0;
	font: 3em Georgia, Times, serif;
}

#site-slogan {
	font: italic 1em Georgia, Times, serif;
}

#sidebar-1 {
        padding: 0 0 0 0;
        width: 150px;
	margin-right: 5px;
	float: left;
	text-align: left;
}

#sidebar-2 {
        padding: 0 0 0 0;
        width: 350px;
	margin-left: 5px;
	float: right;
	text-align: left;
}

#sidebar-piece1 {
        padding-top: 50px;
        width: 150px;
        background-color: #fff;
        padding-bottom: 20px;        
}

#sidebar-piece1r {
        padding-top: 10px;
        width: 300px;
        background-color: #fff;
        padding-bottom: 20px;        
}

#sidebar-piece2 {
        padding-top: 0;
        width: 150px;
        background-color: #fff;
        padding-bottom: 20px;        
}

#sidebar-piece {
        padding-top: 10px;
        width: 150px;
        background-color: #fff;
        margin-top: 5px;
        padding-bottom: 20px;
}

#sidebar-title {
        padding-top: 10px;
        width: 150px;
        background-color: #fff;
        margin-top: 0px;
        margin-bottom: 5px;
        padding-bottom: 10px;
}

.section_list {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}

.section_list ul {
	list-style-type: none;
}

.section_list li {
	margin: 0 10px 2px 0;
	padding: 0;
}

.category_list {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}

.category_list ul {
	list-style-type: none;
}

.category_list li {
	margin: 0 10px 2px 10px;
	padding: 0;
        font-size: 0.8em;
}

.sub_list {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}

.sub_list ul {
	list-style-type: none;
}

.sub_list li {
	margin: 3px 10px 2px 5px;
	padding: 0px;
        font-size: 0.8em;
        line-height: 1.4em;
}

.upm_menu {
        font-size: 80%;
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
        color: #000;
}

.upm_menu dt {
	list-style-type: none;
}

.upm_menu dd {
	margin: 0 10px 2px 20px;
	padding: 0;
        font-size: 1.0 em;
}

.article_image {
        margin: 0 0 0 10px;
}

#content { 
	margin: 0 155px;
	padding-top: 10px;
        padding-bottom: 30px;
        background-color: #fff;
        width: 450px;
}

#widecontent {
	margin: 0 0 0 155px;
	padding-top: 10px;
        padding-bottom: 30px;
        background-color: white;
        width: 605px;
}

#foot {
	margin-top: 5px;
	clear: both;
	text-align: center;
}


.sidebar_div {
        margin: 5px 0 0 10px;
}

.sidebar_div_sticky {
        margin: 0 0 0 10px;
}

table.lessonplan {
        width: 430px;
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: white;
	border-collapse: collapse;
        margin: 0 10px 0 10px;
}

table.lessonplan th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #FF99FF;
	background-color: #FFCCFF;
}
table.lessonplan td{
	border-width: 1px;
	padding: 2px 10px;
	border-style: solid;
	border-color: #FF99FF;
	background-color: #FFFFFF;
        vertical-align: top;
}

/* longstreth
----------------------------------------------- */
table.longstreth {
        cellspacing: 0px;
	border-width: 0px;
	border-style: none;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

table.longstreth td {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	-moz-border-radius: ;
}

td.tweetinput {
        padding: 0 0 0 0;
        vertical-align: top;
}

.tweet {
        font-size: 0.9em;
}

ul.tweet {
        margin: 0px;
        padding: 0px;
	list-style-type: square;
	list-style-position: inside;
}

li.tweet {
	margin: 5px 5px 5px 5px;
	padding: 0 0 0 0;
}        



/* box model hacks
http://archivist.incutio.com/viewlist/css-discuss/48386
----------------------------------------------- */

#container {
\width: 970px;
w\idth: 960px;
}

#sidebar-1 {
\width: 150px;
w\idth: 150px;
}

#sidebar-2 {
\width: 350px;
w\idth: 350px;
}


/* overrides
----------------------------------------------- */

#sidebar-2 p, #sidebar-1 p {
	font-size: 0.9em;
	line-height: 1.5em;
}

.caps {
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

div.divider {
	margin: 2em 0;
	text-align: center;
}

/* articles
----------------------------------------------- */

.directory {
	list-style-type: circle;
}

.author {
	font-style: normal;
	font-size: 0.8em;
} 

.published {
	font-size: 0.8em;
}

/* comments
----------------------------------------------- */

.comments_error {
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

form#txpCommentInputForm td {
	vertical-align: top;
}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;
}

.comments_form {
        color: #00f;
        margin: 0 0 0 15px;
}

/* error page
----------------------------------------------- */

.error-status {
	font: 1.3em Georgia, Times, serif;
}