/* ------------------------------------------------------------ */
/* --------- custom stylesheets by peter chee ----------------- */
/* ------------------------------------------------------------ */


/* closes the gap at the top of the content post area */
.custom .post_box {padding-top:0;}

/* puts a background color behind the nav and stretches it across the width of the page! */
.menu {background: #84171D; padding-top: .1em; padding-bottom: .1em;}

/* Puts a line under current nav 645F16 */
.custom .menu .current {
    border-bottom: 0.1em solid #84171D;
}

.custom.home .headline_area h2 {
  display: none;
}

ul.menu {border-bottom:none;}
.custom .menu a { text-transform: none; }

.custom .format_text .to_comments { display: none; }
.comments_closed p { display: none; }

/* Remove Underline on Menu Tabs When Hovering */
.custom ul#tabs li a:hover {
  text-decoration: none;
}

/* This is a bit of a kludge, but it seems to work. */
.custom #header #tagline { height: 0; }

/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */
.custom #header { padding: 10px }
.custom #header #logo {display:none;}
.custom #header #tagline {display:none;}

/* Media Box Background Color */
.custom #image_box { 
background: #84171D none repeat scroll 0 0;
}

.custom .sidebar h3{
	border-top: 1px solid #FEC77C; 
	border-bottom: 1px solid #FEC77C; 
	color: #FEC77C; 
	background: #000000; 
}

.custom .widget_recent_entries ul li a {color:#F5F5F5;}

.custom #sidebar_1, .custom #sidebar_2 {
color: #F5F5F5;
}

.custom #footer {
height: 50px;
background-color: #63442C;
color: #F5F5F5;
border: none;
}

.entry-content { color: #F5F5F5; }
.entry-content p a { color: #F5F5F5; text-decoration:none;}
.entry-content p a:hover { color: #F5F5F5; text-decoration:underline;}

/* Unlinked author name */
.custom span.author {
   font-weight:bold;
   color: #000000;
}

/* Linked author name */
.custom span.author a {
   font-weight:bold;
   color: #000000;
}

/* Date color */
.custom abbr.published {
   font-weight:bold;
   color: #000000;
   cursor: default;
}

/* creating some custom boxes for the front page. The funky doubling-up is so the boxes can switch colors like they do on the home page. The ones appended with "2" are the lower boxes. Here are the old colors: 

.custom .boxleft {align: left; background: #f4fcfd; height: 170px; width: 260px; border: 1px solid #4299a7; border-bottom: 2px solid #3793a2; border-right: 2px solid #3793a2; padding: .5em; -moz-border-radius: 5px;}

.custom .boxright {float: right; background: #fff1e9; height: 170px; width: 260px; border: 1px solid #df6114; border-right: 2px solid #ee5a00; border-bottom: 2px solid #ee5a00; margin-left: 2em; padding: .5em; -moz-border-radius: 5px;}




 */

.custom .boxleft {
align: left;
background: #eee;
height: 125px; 
width: 920px; 
border: 1px solid #ddd; 
border-bottom: 2px solid #ccc; 
border-right: 2px solid #ccc; 
padding: .5em; 
}

.custom .boxright {float: right; background: #eee; height: 115px; width: 440px; border: 1px solid #ddd; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; margin-left: 2em; padding: .5em; -moz-border-radius: 5px;}

.custom .boxleft2 {align: left; background: #eee; height: 115px; width: 440px; border: 1px solid #ddd; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; padding: .5em; -moz-border-radius: 5px;}

.custom .boxright2 {float: right; background: #eee; height: 115px; width: 440px; border: 1px solid #ddd; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; margin-left: 2em; padding: .5em; -moz-border-radius: 5px;}

.custom .levelset {display: block; border: 0px solid black; margin-bottom: 2em;}

/* Here's the long box at the bottom of the page */

.custom .boxbottom {display: block; background: #eee; height: 60px; width: 565px; line-height: 4.5em; border: 1px solid #ddd; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; margin-bottom: 2em; padding: .5em; -moz-border-radius: 5px;}

.custom .boxbottom img {vertical-align: middle; margin-left: 2em; border: 1px solid #c9d6de;}

/* Now I have to create custom image styles for each box...sigh */

.custom .boxleft img, .boxright2 img {border: 0px solid #3793a2; float: right; margin-right: 8px; }

.custom .boxright img, .boxleft2 img {border: 0px solid #ee5a00; float: right; margin-right: 8px; }


.custom #feedback { background: transparent; width: 3.2em; position: fixed; top: 40%; left: 0.25%; }

.custom #feedback a { display: block; text-indent: -9999px; height: 32px;}

.custom #feedback #twitter { background: url('http://thesistutor.com/wp-content/uploads/2009/07/twittericon.png') no-repeat 0 -32px; }
	.custom #feedback #twitter:hover { background-position: 0 0; }

.custom #feedback #facebook { background: url('http://thesistutor.com/wp-content/uploads/2009/07/facebookicon.png') no-repeat 0 -32px; }
	.custom #feedback #facebook:hover { background-position: 0 0; }

.custom #feedback #rss { background: url('http://thesistutor.com/wp-content/uploads/2009/07/rssicon.png') no-repeat 0 -32px; }
	.custom #feedback #rss:hover { background-position: 0 0; }

.custom #feedback #email { background: url('http://thesistutor.com/wp-content/uploads/2009/07/emailicon.png') no-repeat 0 -32px; }
	.custom #feedback #email:hover { background-position: 0 0; }