/*  
Theme Name: Teaching
Theme URI: http://www.toddseal.com/rodin/
Description: The design I used when my blog was run on Rodin (rodin.lot23.com), I've received a few comments about it, so I decided to keep it when I switched to WP.
Version: 1.0
Author: Todd Seal
Author URI: http://www.toddseal.com/rodin/


*/


/*
Light Green: #8dbf9f
Dark Green: #4b8661 (blockquote)
Light Blue: #036 (links)
Dark Blue: #001a33 (hover links)
Purple: #306 (visited links)
Light Tan: #fff9e8
Dark Tan: #ede5cd
Light Pink: #edd5cd
Dark Pink: #e1a59a
*/


body 
{
font-family: Georgia, Times, serif;
font-size: 100%;
margin: 0px;
padding: 0px;
background: #ede5cd;
}

#review2007 p
{
margin-bottom: 0;
}

#review2007 p.reviewtext
{
font-family: Arial, sans-serif;
margin: 0 0 7em 7em;
}

.reviewslide
{
margin: .5em 0 0 5em;
}

.yahoopower, .resultsfound
{
font-size: 0.7em;
font-weight: bold;
padding-top: 2em;
padding-bottom: 2em;
}

.resultsfound
{
padding: 0;
}

.navigation
{
margin-bottom: 3em;
}

.top
{
margin-bottom: 2em;
}

/* ----- General Link Behavior ----- */

a, .underline
{
text-decoration: underline;
}

a:link
{
color: #036;
}

#content a:visited, #sidebar a:visited
{
color: #057;
}

a:active
{
color: #036;
}

a:hover, #content a:hover, #sidebar a:hover
{
color: #001a33;
}

/* ----- Alternating Colors ----- */

.odd, #comments
{
background: #fff9e8 url("http://www.toddseal.com/rodin/images/odd_bg.gif") repeat-x bottom left;
border: 1px #ede5cd solid;
border-bottom: none;
}

#archive .odd
{
background: #fff9e8;
border-bottom: 1px #ede5cd solid;
}

.even
{
background: #fff9e8 url("http://www.toddseal.com/rodin/images/even_bg.gif") repeat-x bottom left;
border: 1px #edd5cd solid;
border-bottom: none;
}

.search .entry, #archive .even
{
background: #fff9e8;
border-bottom: 1px #ede5cd solid;
}

.odd, .even
{
border-top: none;
border-right: none;
border-left: none;
clear: left;
}

#comments h2
{
border-bottom: 1px #4b8661 solid;
}

/* ----- General Header Styles ----- */

h2 a
{
text-decoration: none;
}

h2 a:hover
{
color: #001a33;
text-decoration: none;
}

h1, h2, h3
{
margin: 0px;
padding: 0px;
color: #036;
}

#post h2
{
color: #3e537c;
}

.category
{
background: #ede5cd;
font-size: 0.75em;
margin: 0;
padding: .3em;
/*width: 80%;*/
}

.entry .category
{
width: auto;
}

#post #content .category
{
border-top: 2px #001a33 solid;
}


.even .category
{
border-top: 2px #e1a59a solid;
}

.odd .category
{
border-top: 2px #4b8661 solid;
}

/* ----- Top of the page ----- */

#container
{
background: url("http://www.toddseal.com/rodin/images/thought.gif") no-repeat;
}

#top
{
background: #8dbf9f url("http://www.toddseal.com/rodin/images/container_bg.gif") repeat-x top left;
}

#banner
{
color: #036;
background: url("http://www.toddseal.com/rodin/images/thought.gif") no-repeat 29em 0.8em;
padding: 20px 0px 15px 20px;
text-align: left;
}

#banner a
{
text-decoration: none;
}
/* ----- Title ----- */

#banner h1
{
color: #fff9e8;
font-family: Verdana, Arial, sans-serif;
font-size: 2.2em;
font-weight: bold;
min-height: 50px;
width: 99%;
}

#banner h1 a
{
color: #fff9e8;
}

/* ----- Subtitle ----- */

#banner h3
{
color: #ede5cd;
font-family: Times New Roman, times, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
margin-left: 3px;
}

#banner h3 a
{
color: #ede5cd;
}

/* ----- Menu ----- */
/* -----Some of this menu code is taken from http://validator.w3.org/navbar.css----- */

#menu
{
border-bottom: 2px #bad8c3 solid;
border-top: 1px #bad8c3 solid;
list-style-type: none;
height: 1.8em;
background: #4b8661; /* the color of the whole width of the screen on this line */
font-size: 1.1em;
margin: 0;
padding: 0;
text-transform: lowercase;
}

/* -----Without this, IE6/pc puts all menu items in a list; I'm not sure why...----- */
#menu li 
{
display: inline;
line-height: 1.8em; /* to center menu items vertically */
}

#menu li a:link, #menu li a:visited, #menu li
{
text-align: center; /* to keep the words centered in their places */
float: left; /* now the menu is on the right-hand side of the screen */
display: inline;
width: 7em; /* this is wide enough to have your longest menu item all on one line */
padding: 0;
margin: 0;
}

a.menuitem
{
color: #fff9e8;
}

.menuitem
{
height: 100%;
color: #fff9e8;
text-align: center; /* to keep the words centered in their places */
padding: 0;
padding-bottom: 0;
margin: 0;
text-decoration: none;
border-bottom: 2px #bad8c3 solid;
}

.menuitem:hover
{
text-decoration: none;
/*
background-color: #405680 35435e 4b7486 8dbf9f;
bg3
0px -65px
*/
background: #3e537c;
/* url("http://www.toddseal.com/rodin/images/container_bg3.gif") 0px -65px repeat-x; */
color: #fff;
border-bottom: 2px #dfeaff solid;
}

#current
{
background: #fff9e8;
border-bottom: 2px #fff9e8 solid;
}

#current .menuitem
{
border-bottom: 2px #fff9e8 solid;
color: #3e537c;
}

li#current .menuitem:hover
{
background-color: #fff9e8;
color: #4b8661;
}

#insection
{
background: #bad8c3 /*#8dbf9f*/;
}

li#insection .menuitem
{

border-bottom: 2px #fff solid;
}

#insection .menuitem
{
color: #3e537c /*#fff9e8*/;
}

li#insection .menuitem:hover
{
border-bottom: 2px #bfecff solid;
color: #fff;
}


/* ----- Layout -----*/
/* ----- Thanks to http://www.positioniseverything.net/thr.col.stretch.html ----- */

#content
{
margin: 0 30% 0 0;
padding: 2px 15px 2px 10px;
background: #fff9e8; /* This div has a background to create a 2-tone body BG */
/* max-width: 660px; */
}

#post #content
{
padding: 10px 20px 2px 25px;
}

#post h4
{
color: #4b8661;
font-size: 1.3em;
}

.bookmarking p
{
margin: 0;
padding: 0 0 3px 0;
}

.bookmarking
{
background: #fff9e8;
float: right;
font-family: Verdana, Arial, sans-serif;
font-size: 0.65em;
margin: 5px;
margin-left: 15px;
margin-top: 5px;
padding: 2px;
text-align: center;
width: 8em;
}

.bookmarking ul
{
background: #fff9e8;
border-bottom: 1px solid #4b8661;
border-left: 1px solid #8dbf9f;
border-right: 1px solid #4b8661;
border-top: 1px solid #8dbf9f;
padding: 0 0 5px 0;
}

.bookmarking li
{
margin-bottom: 5px;
}

.date, #topimg img
{
background: #fff;
border: 1px solid #000;
float: left;
font-family: Verdana, Arial, sans-serif;
margin: 5px;
margin-right: 15px;
margin-top: 25px;
padding: 2px;
text-align: center;
width: 4em;
}

#topimg img
{
border: none;
margin-top: .1em;
width: auto;
padding: .2em;
}

#topimg p#clear
{
clear: left;
}

.date ul, .bookmarking ul, #popnow ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#popnow
{
background: #eee;
float: right;
margin: 5px;
margin-left: 10px;
margin-top: 5px;
padding: 14px;
padding-top: 4px;
text-align: center;
width: 12em;
}

#popnow h2
{
background: #fff9e8 url("http://www.toddseal.com/rodin/images/extras_bg.gif") repeat-x bottom left;
border: 1px #999 solid;
color: #4b8661;
font-family: Verdana, Arial, sans-serif;
font-size: 0.8em;
font-weight: bold;
letter-spacing: .3em;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
text-align: left;
text-transform: uppercase;
/* width: 99%; */
}

#popnow ul
{
background: #fff;
border-bottom: 1px solid #4b8661;
border-left: 1px solid #8dbf9f;
border-right: 1px solid #4b8661;
border-top: 1px solid #8dbf9f;
padding: 0 0 5px 0;
}

#popnow li
{
margin-top: 5px;
}

.date .month
{
background: #689578;
/*url("http://www.toddseal.com/rodin/images/container_bg.gif") 0 10px repeat-x; */
color: #fff9e8;
font-size: 1.05em;
font-weight: bold;
padding-bottom: 0.15em;
padding-top: 0.15em;
text-transform: uppercase;
}

.date .monthdate
{
font-family: lucida, Times New Roman, serif;
font-size: 2em;
font-weight: bold;
}

.date .weekday
{
font-size: 0.7em;
text-transform: uppercase;
}

.date .year
{
background: #4b7486;
color: #fff;
font-size: 0.8em;
}

#right
{    
/* No side padding or borders, to avoid the IE5.x box model problem */
position: absolute;
right: 28px;     
/* IE5/mac will show a horizontal scrollbar if this is less than 16px, or other units are used http://www.l-c-n.com/IE5tests/right_pos/ */           
width: 27%;
}

/* ----- Formatting ----- */
table
{
border: 2px solid #999;
margin-left: 3em;
}

table, tr, td
{
border-collapse: collapse; /* For IE/pc, NS/pc and mac to display table without spaces between cells */
border-spacing: 0; /* For Safari to do the same */
font: 95% Helvetica, Arial, sans-serif;
}

td
{
border: 1px solid #000;
padding: .2em;
}


th

{
background: #fff9e8 url("http://www.toddseal.com/rodin/images/extras_bg.gif") repeat-x bottom left;
/*background: #ede5cd;
border: 1px #999 solid;*/
margin: .25em;
}

th h4
{
padding: .25em 0 0 0;
margin: 0;
}

.highlight
{
background: #ede5cd;
}

.wordcount
{
margin: 0 20px 10px 0;
}

.wordcount td
{
font-size: 0.9em;
border: 1px #666 solid;
padding-left: 5px;
}

.strike
{
text-decoration: line-through;
}

ol li
{
margin-left: 45px;
padding: 0px;
}

.entry, #comments, #sidebar
{
padding: 5px 10px;
margin: 5px;
margin-right: 45px;
}

.entry
{
margin-bottom: 30px;
}

p
{
font-size: 0.95em;
letter-spacing: 0.01em;
line-height: 1.4em;
/*
font-family: arial, verdana, helvetica, sans-serif;
*/
}

#note
{
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
line-height: 1.1em;
}

#content blockquote, #content blockquote p
{
color: #4b8661;
margin-left: 30px;
font-style: regular;
}

#content .rephrase, #content .rephrase p
{
color: #777;
margin-left: 30px;
font-style: regular;
}

#content ul#archive, #content ul.archive
{
padding-left: 40px;
margin: 0px;
margin-bottom: 30px;
}

#content ul#archive li, #content ul.archive li
{
font-size: small;
text-align: left;
margin-top: 10px;
list-style-type: none;
}

/* cheese
.post li
{
margin-top: 15px;
}
*/

#right ul
{
list-style-type: none;
color: #000;
margin: 0px;
padding: 0px;
margin-bottom: 50px;
}

dt img
{
background: #000;
padding: 3px;
}

dt.cover img
{
background: #8dbf9f;
border: 1px #000 solid;
padding: 3px;
}

dd
{
margin-bottom: 15px;
}

dd img
{
margin-top: 1em;
}

dt
{
margin-top: 5px;
}

.postmetadata
{
font-size: 0.75em;
}

/* ----- Images ----- */

img.reviewslide
{
margin-bottom: 0;
}

a img
{
border: none;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
	}

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

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

#sidebar img
{
border: 5px solid #eee;
}

img#blogburst
{
width: 80px;
height: 15px;
} 

/* ----- End Images ----- */

.title
{
clear: both;
font-size: 1.2em;
font-style: italic;
font-weight: bold;
}

dt
{
font-family: Arial, sans-serif;
font-weight: bold;
}

#concludingideas
{
font-family: Georgia, Times, serif;
}

dt.title
{
margin-left: 4em;
}

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

li.title
{
font-size: 1em;
font-weight: normal;
}

.author
{
margin-left: 8em;
}

.description
{
font-size: 0.9em;
margin-left: 8em;
}

/* ----- Footer ----- */

#footer
{
background: #4b8661;
padding: 1px 0 10px 20px;
border-bottom: 5px #8dbf9f solid;
text-align: left;
}

#footer p
{
color: #fff9e8;
margin: 0;
padding: 0;
}

/* ----- End Footer ----- */

/* ----- Comment Page -----*/

#directions
{
border-top: 2px #e1a59a solid;
}

.commentcount
{
font-size: 2em;
color: #999;
}

.comment_wrap cite
{
font-style: normal;
font-weight: bold;
margin: 0;
margin-left: 35px;
padding: 0;
}

.comment_wrap
{
background: url("http://www.toddseal.com/rodin/images/writing.gif") 2em -5px
no-repeat;
padding: 0.5em;
padding-bottom: 0px;
margin-bottom: 1em;
}

.owner
{
background-color: #fff; /* a special color for my comments */
}

.comment_wrap .comment
{
margin: 0 100px 7px 40px;
padding: 0;
}

.comment_wrap p
{
margin: 0;
padding: 0;
}

.comment p
{
font-size: 0.9em;
margin-left: 40px;
padding-bottom: 1em;
color: #036;
}

.comment_wrap .commenttime
{
margin: 5px 200px 0px 40px;
padding: 0px;
font-size: 0.7em;
color: #666;
}

.commenttime a, .commenttime a:visited
{
color: #666;
text-decoration: none;
}

/* ----- Contact Page ----- */

.contact_page #content
{
height: 25em; /* so the sidebar doesn't display in the footer on pages with no content */
}

/* ----- Sidebar ----- */
/*
#sidebar
{
background: #eee;
padding: 15px;
font-size: small;
line-height: 150%;
text-align: left;
}
*/

#sidebar h2, #sidebar h4, #sidebar li a span
{
background: #fff9e8 url("http://www.toddseal.com/rodin/images/extras_bg.gif") repeat-x bottom left;
/*color: #8dbf9f;*/
color: #4b8661;
/*border: 1px #e1a59a solid;*/
border: 1px #999 solid;
font-family: Verdana, Arial, sans-serif;
font-size: 0.8em;
font-weight: bold;
letter-spacing: .3em;
margin-top: 5px;
margin-bottom: 5px;
padding: 3px;
text-align: left;
text-transform: uppercase;
width: 99%;
}

#sidebar li a span
{
background: none;
}

#sidebar li, #popnow li
{
font-size: 80%;
line-height: 1.2em;
list-style-type: none;
margin-left: 20px;
margin-top: 10px;
text-align: left;
}