.custom #logo a { 
	display:block; 
	height:125px; 
	width:1015px; 
	background:url(http://www.rocktheworldbook.com/wp-content/uploads/2010/02/OnLineHeader1d.jpg) center no-repeat; 
	text-indent:-9999px; }

body.custom { 
        background: #DADADA url(http://www.rocktheworldbook.com/wp-content/uploads/2010/03/diagonal1.gif) repeat;
        background-attachment: fixed;
}

.custom #container {margin-top: 0; margin-bottom: 2em; padding: 0.3em;border: 0.1em solid #FFFFFF; width:1046px;}

.custom #page {background-color: #FFFFFF; padding:0 15px 15px;}
.cutom .header {padding-left: 2.2em; padding-right: 2.2em;}

.custom.home #sidebars {
	width: 185px;
}

/* Home Page Layout - jtcote 08/19/09 */
.custom.home #content_box { width: 100%; background: url(../images/dot-ddd.gif) repeat-y scroll 820px 0; }
.custom.home #column_wrap {background: url('images/dot-ddd.gif') 14.2em 0 repeat-y; }
.custom.home #content { width: /*58em*/ 640px; float: left; border-left: 1px solid #d9dcee; }
.custom.home #sidebars {border: 0; float: right; }
.custom.home #sidebar_1 { width: /*14.2em*/ 180px; float: left; }
.custom.home #sidebar_2 { width: /*20em*/ 180px; /*border-left: 1px solid #ddd;*/ }

.custom #tabs .current_page_item, #tabs .current-cat { color:#FFFFFF; padding-bottom: 0.1em; background: #DAEFFA; border-bottom: 0; }
.custom #tabs .current_page_item a, .custom #tabs .current-cat a { cursor: pointer; }

/* Drop Down Menus */ 
.custom ul#tabs {background:#f4f6fd;}
.custom ul#tabs li {background:#f4f6fd; float: left;}
.custom ul#tabs li a {
        background-color: #f4f6fd;
        -webkit-transition: background-color 0.5s linear;
}
.custom ul#tabs li a:hover {
        background-color: #ffecb8;
        -webkit-transition: background-color 0.1s linear;
}
.custom ul#tabs li a:hover{text-decoration: none;}
.custom ul#tabs li ul {display:none; position:absolute; list-style:none;}
.custom ul#tabs li ul li {margin-bottom:-3px; height:2.5em; float:none; background: #f4f6fd;}
.custom ul#tabs li ul li:hover {background: /*#DAEFFA*/#ffecb8;}
.custom ul#tabs li ul li a {text-transform:none; text-decoration: none; border-top: 1px solid #d9dcee;}
.custom ul#tabs li ul li a:hover {text-decoration: none;}
.custom ul#tabs li:hover ul {display:block;}
.custom ul#tabs .current_page_item { padding-bottom: 0.1em; background: /*#DAEFFA#ffecb8*/ #fafafa; border-bottom: 0; }

/* ----- MailChimp Form ----- */
#mc_embed_signup {  border: 0px solid #31A5DE;}
/*This DIV element wraps around the form. Use this selector to target anything within the form.*/

#mc-embedded-subscribe-form {width:100%; font-size: 0.9em;}
/*FORM Element 	Use this selector to set base width and font size.*/

div.mc-field-group {padding-left:5px;}
/*Field Group 	Container for each label and input combination. Use this to control horizontal and vertical spacing (padding).*/

div.mc-field-group label {font-size: 1em; color: #2361a1; font-weight:900;}
/*Labels 	Default label selector. Use this to style all labels.*/

div.mc-field-group input { width: 90%; font-size: 0.9em; color: #444; background: #eee; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd;}
div.mc-field-group input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
/*Input(s) 	Default input selector. Use this to style all inputs.*/

div.mc-field-group select { ;}
/*Drop-down Menus 	Default select (drop-down) selector. Use this to style all drop-down menus.*/

fieldset { border:0;}

fieldset input.btn {
	width: auto;
	margin: .2em;
	display:block;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #999;
	cursor: pointer;
	width: auto !important;
	overflow: visible;
	font-size: 1em;
	padding-left: 2em;
	background: #214C70;
}
fieldset input.btn:hover {background: #31A5DE; }
/*Submit Button 	Use this selector to style the submit button.*/

fieldset a { color: #2361a1; text-decoration: none; }
fieldset a:hover { text-decoration: none; }
/*Links 	Use this selector to style all links in the form.*/

.indicate-required {padding-left:0.5em; font-size: 0.9em; color: #FF3333;}  	
/*DIV Element  	Container for "* All field required" message.*/

span.note-required {padding-left:0.5em; font-size: 0.8em; color: #FF3333;} 		
/*SPAN Element 	Container for "*" on labels that are required.*/

#mce-responses {font-size: 1em; color: #FF3333; float: left; padding: 0.5em; overflow: hidden; border: 0px solid;}
/*DIV Element  	Container for error responses.*/

div.response {display:none; font-size: 0.9em; color: #FF3333;}
/*DIV Element 	Default response message container. This will need to be set to display:none; 
by default so they don't show as empty styled boxes. The JS will write in an inline style display:block to show them when needed.*/

label.error {padding-left:1em; font-size: 0.8em; color: #FF3333;}
/*Error Message 	Default error message container.*/

#mce-error-response {display: none; width: 90%;background: #FBE3E4; color: #333; margin: 1em 0; padding: 1em; font-weight: bold; float: left; top: -1.5em;}
/*Error Message 	Container for error message.*/

#mce-success-response {display: none; width: 90%;background: #E3FBE4; color: #333; margin: 1em 0; padding: 1em; font-weight: bold; float: left; top: -1.5em;}
/*Error Message 	Container for success message.*/


/* sidebar link backgrounds */
a.lt, a.med {
    display: block;
    padding: 5px 4px;
    border-bottom: 1px solid #fff;
}

a.med {
    background-color: #ffe08a;
    color: #000;
    -webkit-transition: background-color 0.5s linear;
}
a.lt {
    background-color: #fff3d1;
    color: #000;
    -webkit-transition: background-color 0.5s linear;
}

a.lt:hover,
a.med:hover {
    background-color: #ffc526;
    color: #000;
    text-decoration: none;
    -webkit-transition: background-color 0.1s linear;
}


/*#content_3 {
    width: 640px;
}

#sidebar_3 {
    width: 250px;
}*/


/* sidebar 1 padding */

/*#sidebar_1 ul.sidebar_list {
    padding-left: 0;
}*/



/* footer menu */

ul#mc_menu_1 li {
    list-style-type: none;
    display: inline;
}

#mc_menu_1 a {
    float: left;
    margin: 0 0 10px 32px;
    text-decoration: none;
    border-bottom: 0 none;
    font-size: 12px;
}



/* sidebar for 2-column layout */

.sidebar_2col {
    width: 220px; /* 170px */
}

#content_2col {
    float: left;
    width: 770px; /* 810px */
}

.custom #sidebars_2col {
    border: 0;
    float: right;
}

#content_2col #content {
    width: 770px; /* 810px */
}

.custom.blog #content_box,
.custom.extras #content_box,
.custom.testimonials #content_box,
.custom.speakers #content_box,
.custom.mike-and-lori-speaker-bio #content_box,
.custom.mike-oneil-speaker-bio #content_box,
.custom.lori-ruff-speaker-bio #content_box,
.custom.the-book-tour #content_box,
.custom.contest #content_box,
.custom.cartoonist #content_box,
.custom.way_cool_profile #content_box,
.custom.roadmap-partners #content_box,
.custom.call-me #content_box {
    background: #fff url(../images/dot-ddd.gif) repeat-y 770px 0;
}


/*
File:			custom.css
Description:	Custom styles for Thesis

BASIC USAGE:

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 override *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!

More information about styling your Thesis installation using this file can be found
in the User's Guide:
	http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/
*/