/*
BESTONLINEMUSICLESSONS.com

File:			custom.css
Description:	Custom styles for Thesis

*/

body.custom {
    background: #6495ED; /* Grey #44443f, Robin Egg Blue #6495ED */
}

/* Button Styling */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/images/bg_button_orange_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_orange_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/* End Button Styling */


.custom #container {
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0em;
    background: #6495ed;  
    /* Grey #33332f, Robin Egg Blue #6495ED */
    border: 0.4em solid #6495dd; /* Grey #3e3e3a */
}

.custom #page {
    background: #fff;
}

.custom #content{
   padding-top:0px;
   padding-left:0px;
   margin-top:0px;
}

/* This is the custom header graphic CSS changes */

.custom #header #logo a { display: block; height: 142px; width: 1100px; background: url('images/header_tboml.jpg') no-repeat; outline: none; }
.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }
.custom #header #tagline { height: 0; }
.custom #header { padding: 0; }

/* SIDEBAR PAGELIST STYLING */

.custom #sidebar_pagelist { 
    font-size:1.5em; 
    margin: 0;
    padding: 0;
    width: 0;
 
}

.custom #sidebar_pagelist h2 {
   font-size: 1.50em;
   text-align: center;
   color:#000000; 
}

.custom #sidebar_pagelist li {
    list-style-type: none;
    margin: 0 0 0.25em 0; 
    color:#ffffff;
}

.custom #sidebar_pagelist a, #sidebar_pagelist a:visited {
    display: block;
    width: 9em;
    border: 2px solid #0E090D;
    text-align: center;
    background: #E4E4E4;
    color: #000;
    padding: 0.25em;
    border-style: center;
    line-height: 1.4em;
    -moz-border-radius: 5px;
    padding: 0.9em;
    -webkit-border-radius: 5px;	
}

.custom #sidebar_pagelist a:hover {
    background: #FFFBCC;
    border: 2px solid #E6DB55;
    color: #000;
    font-treatment: bold;
    border-style: center;
}
.custom #box { background: #E4E4E4; border: 0em solid #000; font-size: 1em; text-align: center; } 
.custom #box img {padding-top: 2em; cursor: pointer; }
.custom #box p {margin: 0em; padding: 0 1em 2em 1em; font-weight: bold;}
.custom #box a { color: #111; }
.custom #box a:hover {"I Want to learn"}

/* Product Review Box */

.custom .product-review-box { background-color: #FFFBCC; border: 1px solid #1d507d; padding-top: 0px; margin-top: 1.5em; }
.custom .product-review-box p { margin: 0em; padding: 0 1em 2em 1em; }
.custom .product-review-box p.whotext { color: #CC0000; }
.custom .product-review-box .review-box-title { background-color: #1d507D; color: #FFFFFF; border: 1px solid #1d507d; padding-top: 0px; text-indent: 10px; width: 100%; font-weight: bold; }
.custom .product-review-box .review-box-headline { color: #CC0000; margin: 0; padding: 0; text-align: center; font-size: 1.25em; font-weight: bold; padding: 1em 1em 1em 1em;}


/* Benefits Box */

.custom .benefits-box { background-color: #EAF3FA; border: 1px solid #1d507d; padding-top: 0px; margin-top: 1.5em; padding-bottom: 1.5em; margin-bottom: 1.5em; }
.custom .benefits-box .benefits-box-title { background-color: #1d507D; color: #FFFFFF; border: 1px solid #1d507d; padding-top: 0px; text-indent: 10px; width: 100%; font-weight: bold; }
.custom .benefits-box ul { margin: 0; padding: 0; margin-top: 5px; padding-left: 3em; list-style: none; padding-bottom: 1em; }
.custom .benefits-box li { padding-left: 2em; background-image: url(http://bestonlinemusiclessons.com/images/accept.png); background-repeat: no-repeat; background-position: 0 50%;}
.custom .benefits-box .benefits-box-headline { color: #CC0000; margin: 0; padding: 0; text-align: center; font-size: 1.25em; font-weight: bold; padding: 1em 1em 1em 1em;}

/* Summary Box */

.custom .summary-box { 
	position: left;
	width: 530px;
        height: 400px;
	/* background-color: #E4E4E4; */ 
	border: 1px solid #1d507d; 
	padding:0px;
	margin: 0px 0px 0px 0px; 
}

.custom .summary-box .summary-box-title {
	float: top;
	background-color:  #3366cc;
	color:  #ffffff;
	font-weight: bold;
	text-indent:  10px;
	margin-left: 0px;
	padding: 0;
}

.custom .summary-box .summary-box-left {
	float: left;
	width:  150px;
	text-align: center;
	height: 280px;
	background-color: none;	
	margin: 5px 5px 5px 10px;
	padding-top: 10px;
        
        border: 1px solid #3366cc;
        
}

.custom .summary-box .summary-box-right {
	float: right;
	width: 350px;
        
}

.custom .summary-box .summary-box-right p {
	margin: 0;
	
}

.custom .summary-box .summary-box-right ul { margin: 0; padding: 0; margin-top: 5px; padding-left: 2em; list-style: none; padding-bottom: 1em; }
.custom .summary-box .summary-box-right li { padding-left: 1.5em; background-image: url(http://bestonlinemusiclessons.com/images/accept.png); background-repeat: no-repeat; background-position: 0 50%;}

.bolder {
	font-weight: bold;
}

/* Feature List Styles */

.custom ul.feature-list { margin: 0; padding: 0; margin-top: 5px; padding-left: 3em; list-style: none; padding-bottom: 1em; }
.custom ul.feature-list li { padding-left: 2em; background-image: url(http://bestonlinemusiclessons.com/images/accept.png); background-repeat: no-repeat; background-position: 0 50%;}

/* inline centered image */
.custom .reviewed_site {margin: 0; padding: 0; width: 100%; text-align: center; padding-bottom: 1em; }


/* This is my Custom CSS for our default_page landing page */

.default_page #header { padding: 0; border-bottom: 0em; }
.default_page #header #logo a { display: block; height: 70px; width: 600px; background: url('images/senukereviewlogo_small.jpg') no-repeat; outline: none; border-bottom: 0em; }
.default_page #footer { border-top: 0em; }
.default_page #sidebars { display: none; border: none; }
.default_page #tabs {display:none;}
.default_page #content_box { background:none; }
.default_page .comments_closed { display: none; }
/*.default_page #header #logo { display: none; }
.default_page #header #tagline { display: none; } */
.default_page #content { margin: 0 auto; float: none; }

/* Custom stylings for our default_page */
.default_page #content h2, .default_page #content h1 { font-size:3em; text-align:center; font-weight:bold; }
.default_page #content h3 {font-size:1.5em; font-weight:bold; }
.default_page #container { width:990px; margin-top: 1em; border: none; }

.default_page #left_column { width:65%; float: left;}
.default_page #right_column { width:30%; float: right; padding: 0px; }
.default_page #bottom { width: 95%; float: bottom; padding: 0px; }
.default_page #bottom p {display: 0; }

.default_page #box { background: #CADEF4; border: .25em solid #93B4D9; font-size: 1em; text-align: center; } 
.default_page #box img {padding-top: 2em; cursor: pointer; }
.default_page #box p {margin: 0em; padding: 0 1em 2em 1em; font-weight: bold;}

.default_page #right_column h3 {font-size: 1em; font-weight: bold; color: #1d78c1; }
.default_page #right_column p {font-size: .9em; line-height: 1.0em; }
.default_page #right_column a {padding-top: 0em; }

.default_page a { color: #111; }
.default_page a:hover { color: ; background: #f2e127; }
.default_page #page { background: #fff; }
body.default_page { background: #33332f; }

/* FEATURE_PAGE DEFAULT STYLING  */

.feature_page #header { padding: 0; border-bottom: 0em; }
.feature_page #header #logo a { display: block; height: 70px; width: 600px; background: url('images/senukereviewlogo_small.jpg') no-repeat; outline: none; border-bottom: 0em; }
.feature_page #footer { border-top: 0em; }
.feature_page #sidebars { display: none; border: none; }
.feature_page #tabs {display:none;}
.feature_page .comments_closed { display: none; }
.feature_page #content { margin: 0 auto; float: none; }
.feature_page #inner_left { width: 250px; float: left; }
.feature_page #inner_right { width: 500px; float: right; }

/* Custom stylings for our feature */
.feature_page #content h2, .feature_page #content h1 { font-size:3em; text-align:center; font-weight:bold; }
.feature_page #content h3 {font-size:1.5em; font-weight:bold; }
.feature_page #container { width:990px; margin-top: 1em; border: none; }

.feature_page #left_column { width:25%; float: left; padding: 0px; vertical-align: top;}
.feature_page #right_column { width:75%; float: right; vertical-align: top;}
.feature_page #bottom { width: 95%; float: bottom; padding: 0px; }
.feature_page #bottom p {display: 0; }

.feature_page #box { background: #CADEF4; border: .25em solid #93B4D9; font-size: 1em; text-align: center; } 
.feature_page #box img {padding-top: 2em; cursor: pointer; }
.feature_page #box p {margin: 0em; padding: 0 1em 2em 1em; font-weight: bold;}
.feature_page table td {vertical-align: top; font-size: .8em; padding: .25em; padding-top: .75em; margin: .5em; }
.feature_page table td img {text-align: center; }
.feature_page table td p {padding: .5em; }

.feature_page #left_column h3 {font-size: 1em; font-weight: bold; color: #1d78c1; }
.feature_page #left_column p {font-size: .9em; line-height: 1.0em; }
.feature_page #left_column a {padding-top: 0em; }

.feature_page #right_column h3 {margin-top: 0px;}

.default_page a { color: #111; }
.default_page a:hover { color: ; background: #f2e127; }
.default_page #page { background: #fff; }
body.feature_page { background: #33332f; }

.custom #archive_info p {
    display: none;
}


.yellow_johnson, .yellow_johnson_centered, .blue_johnson, .blue_johnson_centered, .gray_johnson, .gray_johnson_centered, .green_johnson, .green_johnson_centered {
	line-height: 1.4em;
	-moz-border-radius: 5px;
	padding: 0.9em;
	-webkit-border-radius: 5px;	
} 


.yellow_johnson, .yellow_johnson_centered {
	background: #FFFBCC;
	border: 1px solid #E6DB55;
}

.yellow_johnson_centered {
	text-align: center;
}

.blue_johnson, .blue_johnson_centered {
	background: #ECF5F4;
	border: 1px solid #D6DFe4;
}

.blue_johnson_centered {
	text-align: center;
}

.red_johnson, .red_johnson_centered {
	background: #FCE6E1;
	border: 1px solid #F8C9BB;
}

.red_johnson_centered {
	text-align: center;
}

.gray_johnson, .gray_johnson_centered {
	background: #FOFOFO;
	border: 1px solid #808080;
}

.dark_gray_johnson img {
	float: left; 
        padding: 5px; 
}

.gray_johnson_centered {
	text-align: center;
}


.green_johnson, .green_johnson_centered {
	background: #E0F5E4;
	border: 1px solid #838B78;
}

.green_johnson_centered {
	text-align: center;
}

.dark_blue_johnson, .dark_blue_johnson_centered {
	background: #0E87C0;
        color: #FFF;
	border: 1px solid #000000;
}

.dark_blue_johnson_centered {
	text-align: center;
}

.dark_gray_johnson, .dark_gray_johnson_centered {
	background: #363837;
        color: #FFF;
	border: 1px solid #000000;
}

.dark_gray_johnson_centered {
	text-align: center;
}


.widget_categories{
        background: #E4E4E4;
	border: 2px solid #0E090D;
	line-height: 1.4em;
	-moz-border-radius: 5px;
	padding: 0.9em;
	-webkit-border-radius: 5px;
        text-align: center;

}


.widget_stags_cloud h3 {
        color: #000;
        font-weight: Bold;
        
}

.widget_categories h3 {
        color: #000;
        font-weight: Bold;
}




/* Box In Sidebar 2 Custom Styling */
.custom #box { background: #E4E4E4; border: 2px solid #0E090D; font-size: 1.5em; text-align: center; padding: 0 0 0 .25em; } 
.custom #box img {padding-top: 2em; cursor: pointer; }
.custom #box p {margin: 0em; padding: 0 1em 2em 1em; text-align: left; font-weight: bold;}
.custom #box a { color: #111; }
.custom #box a:hover { color: ; background: #f2e127; }



}

.custom #box h3{
     color:#000000; 
}