/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.

If you need any further help, ask in the CSS Customization forum.
*/
/*This places the images at the right side of the description text and sets some margins for the image*/
.main article.post-archive a.thumbnail {
	float: left;
	margin: 2;
	margin-top: 2;
	margin-right: 2;
	margin-bottom: 2;
	margin-left: 2;
}

/* This line changes the blue text box over the main box to orange */
.primary-content .primary-wrapper .item .image-meta {
	background-color: #FF8000;
}

/*This line changes the hover color to black */
.primary-content .primary-wrapper .item .image-meta:hover {
	background-color: #000000;
}

/* This line changes the blue text boxes at the right hand "Web Exclusive" section to a nice bright orange */
.sidebar-category-summaries .item h4 span {
	background-color: #FF8000;
}

/*Changes hover color to black for sidebar sections*/
.sidebar-category-summaries .item h4 span:hover {
	background-color: #000000;
}

/*Changes category and archive section to take up less space*/
.archive .main {
	width: 70%;
}

/*Changes sidebar in archive to take up more space*/
.archive .col-sidebar.sidebar-main {
	width: 30%;
}

/*By and On text is black*/
.text-by, .text-on, .commentcount, .primary-content .primary-wrapper .item .postmetadata {
	color: #2A0A12;
}

/*By and on text changes orange when box is hovered over*/
.primary-content .primary-wrapper .item .image-meta:hover .text-by,.primary-content .primary-wrapper .item .image-meta:hover .text-on, .primary-content .primary-wrapper .item .image-meta:hover .commentcount {
	color: #FF8000;
}

/*when you click on any of the top menu links, the text goes black, not white*/
.menu-primary .menu li ul, .menu-primary .menu li.current-menu-item a {
	color: #000000;
}

/*Hover over other content, words underneath are black, you have no idea how long this took me it was so dumb yet so simple*/
.menu-primary .menu li ul li a {
	color: #000000;
}

/*When you hover over the things under other content, they stay black*/
.menu-primary .menu li ul li a:hover {
	color: #000000;
}

/*Changes the text of Home and other content so that it is not black when not selected*/
.menu-primary .menu li ul, .menu-primary .menu li.current-menu-item a {
	color: #B35309;
}