/* CSS for my Learn Spanish Successfully blog - It doesn't include the column widths - those are on the style.css page on the WP website */

body {
	background: #FFF;  /* entire background: blog, sidebars and sides */
	color: #808080;  /* blog text - body */
	}

#header {
	background: #F8F5E7;  /* rectangle behind blog title */
	}
	
#footer {
	background: #F8F5E7;  /* footer rectangle */
	}

#headerimg .description {
	color: #808080;  /* #D15A0C orange - small text below blog title - It's now a line that make the layout OK in IE */
	display: none;
	}

h2.pagetitle {
	color: #666;  /* I don't know what this is - It's not the page title or the post title */
	}

#sidebar ul li h2 {
	color: #999;  /* Text : Categories, Archives, etc., on the left  */
	border-bottom: 3px solid #eee;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	color: #333;
	}
	
#header h1, #header h1 a, #header h1 a:hover, #header h1 a:visited {
	color: #C10000;  /* blog title - There isn't one - It's a jpg */
	}	
	
h2, h2 a, h2 a:visited {
	color: #8E7729;  /* This is the post title color */
	}
	
h3, h3 a, h3 a:visited {
		color: #726021;  /* This is the color of "Leave a reply"  */
		}
		
h4 {
	color: #726021; font-size: 110%; font-weight: bold; margin-top: 2em; margin-bottom: 5px;  /* This is the color of items within a post */
   }

.commentlist li {
	background:#fdfdfd;
	}

.commentlist li .avatar { 
	border: 1px solid #eee;
	background: #fff;
	}


.commentlist li.alt {	
	background:#fefefe;	
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike {
	color: #808080;  /* Text: "this entry was posted on ..." */
	}

code {
	border: 1px solid #eee;
	background: #fff;
	}

a {
	color: #B85B5A;
	border-bottom: 1px solid #F8F5E7;
	}

a:hover {
	color: #333;
	background: #F8F5E7;  /* background on pink text on left column (the large one with the posts, not the sidebar) */
	border-bottom: 1px solid #c47373;
	}

#sidebar #wp-calendar a {
	background: #eee;
	}
#sidebar #wp-calendar a:hover {
	background: #F8F5E7;
	}	

#sidebar #wp-calendar th {
	border-bottom:1px solid #eee;
	}
	
.post hr {
	border-top: 1px dotted #ccc;
	}		
	
.narrowcolumn .postmetadata2 {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}	

.entry img {
	border: 1px solid #eee;
	}	
	
.entry {
	border-top: 1px solid #eee;
	}
	
#sidebar a {
	border-bottom: 0px;  /* originally 1px solid #eee;  */ 
	}	
#sidebar a:hover {
	border-bottom: 0px;  /* originally 1px solid #EBE2BA; */ 
	background-color: #FFF;  /* background behind ads, but not behind categories/topics or archive or blogroll */
}	


/* Paragraphs */

p.white {display: inline; line-height: 1.7em; color: #FFF;}
p.whiteSmaller {display: inline; font-size: 90%; line-height: 1.2em; color: #FFF;}

/* Paragraphs */




/* Maria's rollovers */


#sidebar a.Contact {
	display: inline;
	border-bottom:0px solid #eee;
	}	
#sidebar a.Contact:hover {
	border-bottom: 0px solid #EBE2BA;
	background-color: transparent;
}


a.MariaSidebar {display: inline; color: #D15A0C; font-size: 100%; font-weight: normal; text-decoration: none; outline: none;}
a.MariaSidebar:hover {color: #999;}
a.MariaSidebar:visited {color: #D15A0C;}
a.MariaSidebar:visited:hover {color: #999;}


a.moreWhite {color: #fff;  font-size: 110%; font-weight: normal; text-decoration: none; outline: none;} /* all white, normal */
a.moreWhite:hover {color: #fff;}
a.moreWhite:visited {color: #fff;}
a.moreWhite:visited:hover {color: #fff;}

a.moreWhiteSmaller {color: #fff;  font-size: 90%; font-weight: normal; text-decoration: none; outline: none;} /* all white, normal */
a.moreWhiteSmaller:hover {color: #fff;}
a.moreWhiteSmaller:visited {color: #fff;}
a.moreWhiteSmaller:visited:hover {color: #fff;}



a.Image {
	color: #B85B5A;
	border-bottom: 0px solid #F8F5E7;
	}

a.Image:hover {
	color: #333;
	background: transparent;
	border-bottom: 0px solid #c47373;
	}

/* end of Maria's rollovers */




#sidebar .cat-item a, #sidebar .archives a,
#sidebar #archives ul li a,
#sidebar .linkcat a,
#sidebar .blogroll a {
	border-bottom: 1px solid #EBE2BA; /* background behind topics/categories, archive and blogroll */
}

#sidebar .cat-item a:hover, #sidebar .archives a:hover,
#sidebar #archives ul li a:hover,
#sidebar .linkcat a:hover,
#sidebar .blogroll a:hover {
	border-bottom: 1px solid #EBE2BA; 
	background-color: #F8F5E7;
} 

#sidebar div.flickr_badge_image a {
	background: #fff;
	border: 1px solid #eee;
}
#sidebar div.flickr_badge_image a:hover {
	border: 1px solid #ddd;
	background: #fdfdfd;
}


#header #searchform #s {
	background: #fff;
	color: #808080;
	border: 1px solid #EBE2BA;
	}

#header #searchsubmit {
	background: #808080;
	border: 0px solid #777;
	color: #fff;
	}
	
#content #searchform #s {
	background: #ddd;
	color: #333;
	border: 1px solid #bbb;
	}

#content #searchsubmit {
	background: #666;
	border: 1px solid #777;
	color: #ccc;
	}
	
#commentform input, #commentform textarea, fieldset {
	border: 1px solid #ccc;  /* comment box  */
	}

#commentform #submit {
	background: #F8F5E7;  /* submit comment rectangle */
	border: 1px solid #F8F5E7;
	color:#808080;
	}
	
legend {
	background: #ccc;
}

.commentlist li {
	border: 1px solid #eee;	
	}
	
#sidebar #wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

acronym, abbr {
	border-bottom: 1px dashed #ccc;
	}
	
blockquote {
	border-left: 4px solid #ddd;
	background:#eee;
	color: #666;
	}		

.wp-caption {
	border: 1px solid #ddd;
	background-color: #f3f3f3;
	}

.entry a.more-link, .navigation a {
	background:#ddd;
	border-bottom: 1px solid #ccc;
	color: #666;
	}
.entry a.more-link:hover, .navigation a:hover {
	background: #F8F5E7;
	border-bottom: 1px solid #c47373;
	color:#333;
	}
	
#sidebar li#rssfeeds a:hover, #sidebar .textwidget a:hover, #sidebar #tag_cloud a:hover, #sidebar p a:hover{
	background: #F8F5E7;
	}
	
#pagemenu {	
	background: #D15A0C;  /* blog page menu: home, forum, free Spanish lessons, podcasts, etc.  - Orange */
	border-top: 1px solid #D15A0C;
	border-bottom: 1px solid #D15A0C;
}

#pagemenu ul li.page_item a, #pagemenu ul li.cat-item a {
	color: #fff;
	background:#D15A0C;	
}	

#pagemenu ul li.page_item a:hover, #pagemenu ul li.cat-item a:hover {
	color: #555;  /* page titles on horizontal bar */
	background: #fff;	
}

#pagemenu ul li.page_item, #pagemenu ul li.cat-item { background: #ddd;}

#pagemenu ul li.current_page_item, #pagemenu ul li.current_page_item a, #pagemenu ul li.current_page_item a:hover, #pagemenu ul li.current-cat, #pagemenu ul li.current-cat a, #pagemenu ul li.current-cat a:hover { 
	color: #808080; 
	background: #fff;
	}
	
#pagemenu ul li.current_page_item li a {
	background:#eee;
	color: #888;
}

#pagemenu #page-list li:hover {
		background:#eee;
	}
	
#pagemenu #page-list li ul {
	border: 1px solid #ddd;	
}	

#pagemenu #page-list li ul li {
    background: #eee;
	border-top: 1px solid #ddd;
}

.navigation {
	border-top: 1px solid #eee;
	}