/*
File:			custom.css
Description:	Custom styles for the Thesis Theme that you define

Use:

If you have enabled the custom stylesheet in the Thesis options panel, the <body> tag 
will be appended with the "custom" class, like so: <body class="custom">. You can use 
the "custom" class to overwrite *any* CSS declarations contained in the style.css file.

For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:

	.custom a, .custom a:visited { color: #090; } <--- This makes links green
	
	.custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them

Why this works:

By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!
*/
.custom #content { border-right: none; } 

body.custom {
   /* background: #44443f; */
      background: #eee;
}

.custom #container {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.3em;
    background: #33332f;
    border: 0.4em solid #3e3e3a;
}

.custom #page {
    background: #fff;
}
/* Special */
.custom img.alignleftpdf {
	/* padding: 3px; */
	margin: 0 5px 2px 0; 
	border:none; 
	float: left; 
	clear: left; 
}
.custom a:hover img.alignleftpdf { 
	/* padding: 3px; */ 
	margin: 0 5px 2px 0; 
	border:none; 
	float: left; 
	clear: left; 
}
dl.Kaccordion  {
font-size:13px;
margin-bottom:10px;
font-color:#222;
}
dt.toggle  {
font-size:13px;
font-color:#0047AB
}
dd.text {
font-size:13px;
width:500px;
}
.imagecaption {
font-family:"Trebuchet MS";
font-size:9px;
margin-bottom:15px;
}
.dropcap {
color: #999999;
float: left;
font-size:80px;
line-height:60px;
padding-top:4px;
padding-right:3px;
font-family: Times, Georgia, serif;
}
custom #cat {
font-size:12px;
font-family:Georgia;
color:#000;
}
/* GAOTD */
.custom p.date { float: right; clear: right; font: 15px Georgia, "Times New Roman", Times, serif; padding: 0.5em; margin: 2em 0 0 0;  }
h3.title { font: bold 20px Georgia, "Times New Roman", Times, serif; }
div.gaotd_content { font: 15px Georgia, "Times New Roman", Times, serif; padding: 0.5em 0; }
img.screenshot { display: block; float: right; margin: 0 0 1em 1em; border: none; }
div.specs { clear: left; padding: 1em 0; }
div.specs div.outline { border: 1px solid #BBC1BF; padding: 8px; }
div.specs table { width: 100%; }
div.specs table th { font: bold 13px Arial,Helvetica,sans-serif; text-align: left; vertical-align: top; width: 25%; padding: 7px; color: #004276; }
div.specs table td { font: normal 13px Arial,Helvetica,sans-serif; text-align: left; vertical-align: top; padding: 7px; }
div.specs table tr.odd { background-color: #DCDCDC; }
div.specs table tr.even { background-color: #fff; }
div.more_button { position: relative; float: left; width: 4em; }
div.more_button a {  display: block; padding: 0.2em; text-align: center; font: bold 15px Georgia, "Times New Roman", Times, serif; background-color: #FEC94C; color: #493402; text-decoration: none; }
div.proceed_button a {  display: block; position: relative; width: 16em; margin: 0.5em auto; padding: 0.8em; text-align: center; font: bold 120% 15px Georgia, "Times New Roman", Times, serif: #FEC94C; color: #493402; text-decoration: none; }
ul.download_links { list-style: none; padding: 0; margin: 0; }
ul.download_links li { padding: 0.5em 0; font: bold 12px Georgia, "Times New Roman", Times, serif; }
ul.download_links li.main_link { font-size: 140%; font-weight: bold; }
div.na_notice { font: bold 12px Arial,Helvetica,sans-serif; }
div.instructions { font: 12px Georgia, "Times New Roman", Times, serif; }
div.terms { font: 12px Arial,Helvetica,sans-serif; border: 1px solid #BBC1BF; padding: 8px; }
p.terms { font: 12px Arial,Helvetica,sans-serif; color: #8E8E8E; }
ol.terms { font: 12px Arial,Helvetica,sans-serif; color: #8E8E8E; }

custom#image_box img { display: block; padding: 0.1em; background: #fff; border: 0.1em solid #bbb; }