/*
	custom.css custom styles that YOU define
	------------------------------------------------------
	
	This stylesheet will allow you to futureproof your
	changes against future releases and upgrades. I know
	you work hard on your modified styles, and I don't
	want you to feel like every upgrade is a total drag!
	
	Instructions:
	
	Modifying existing styles to your liking is a
	breeze with this handy stylesheet. The <body> tag
	within the template files have been appended with a
	CSS class called "custom," and thanks to this, you now
	have the ability to override ANY style that's declared
	in the original stylesheet.
	
	In practice, you simply need to copy the CSS for the
	element that you want to change (from style.css) and
	then paste it here. Prefix the new CSS declaration
	with .custom, and then make your tweaks as necessary.
	
	Here's an example:
	
	To change the default color of unvisited links from 
	blue to red (#c00) and remove the default underline, 
	this is what you would do:
	
	.custom a { color: #c00; text-decoration: none; }
	
	Cool? Now get to hackin!
*/
.blockquote {
 width:460px;
 height: 100px;
 margin 0 0.7em 0 0;
 padding:0.7em;
 color: #495233;
 background-color: #F8F8F8;
 border: dashed;
 border-width:1px;
 border-color:#495233;
 overflow:scroll;
 margin-bottom:15px; 
}

.cfform{
	clear:both;
	padding-left:25px;
}
.update{
	border:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	width:460px;
	margin 0 0.7em 0 0;
	padding:5px;
	padding-left:25px;
	background-color: #FFFFCC;
	overflow:hidden;
	background:#FFFFCC url("../images/information.gif") 6px 8px no-repeat;
	color:#495233;
}

.styleThumbnail img{	
  border: 5px solid #1C2023;
}

.styleThumbnail a:hover img {
  background: #282C2F;
  border: 5px solid #6cc;
}

.styleThumbnail {
  background: none;
}

.formToEmail_label{
	color: #D0E3E6;
	font-size: 87%;
	font-weight:bold;
}

.formToEmail_text{
	background:#1D2124;
	border: 1px solid #3F464A;
	padding: 3px;
	margin-top: 3px;
	color: #81969A;
	margin-bottom: 10px;
}
.formToEmail_text input[type="text"] {
	width: 200px;
}

.formToEmail_textarea{
	width: 478px;
	height: 115px;
	background:#1D2124;
	border: 1px solid #3F464A;
	padding: 2px;
	margin-top: 3px;
	margin-bottom: 10px;
	color: #81969A;
}

#formToEmail input[type="text"] {
	background:#1D2124;
	border: 1px solid #3F464A;
	padding: 3px;
	margin-top: 3px;
}

#formToEmailSubmitButton{
	background: url(../images/button_bg.png) no-repeat;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:left;
	width: 147px;
	height: 28px;
	cursor: pointer;
	margin-top: 10px;
}

#formToEmail textarea:focus, #formToEmail input[type="text"]:focus {
	background: #3F464A;
	color: #6cc;
}


.book-shelf-side
{
	padding: 4px 0 0 0;
	width:515px;
	margin: 2px 0 0 0;
}

.book-shelf-side h2
{
	display:block;
	width: 515px;
	padding: 0 0 0px 12px;
	margin: 6px 0 2px 0;
	float: left;
}

.book-shelf-side .book-shelf-content
{
	clear:both;
}

.book-shelf-content ul ol
{
	list-style:none; 
	list-style-type:none; 
	font-size: 1em;
	margin: 10px 0 0 0;
}

.book-shelf-content ul li
{
	display: block;
	float:left;
	margin: 10px 10px 0 5px;

}

.book-shelf-content ul li a
{
	display: block;
	width: 104px;
	height:130px;
	text-indent:-9999px;
}

.book-shelf-content ul li a img
{
	display: block;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat; 
}
