/*
Credit: http://www.templatemo.com
*/
body
{ 
	margin: 0;
	padding: 0;
	color: #9C9893;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.7em;
	background-color: #030303;   
	background-image: url(/images/templatemo_body.jpg);
	background-repeat: repeat-x;
	background-position: 50% top;
	height: 100%;
}

/* Used to show which song is playing in the song list */
.active a{color:#ff6a00;text-decoration:none;}
/*
A, A:link, A:visited
{
	color: #F9B507;
	font-weight: normal;
	text-decoration: underline;
	font-size: 12px;
}
A:hover
{
	text-decoration: none;
}
A.more
{
	display: block;
	width: 96px;
	line-height: 28px;
	height: 28px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background: url(/black_wall/images/templatemo_more.png) no-repeat top center;
	color: #CCC;
}
A.more:hover
{
	color: #FFF;
}*/
/*
P
{
	margin: 0 0 10px;
	padding: 0;
}
IMG
{
	border: none;
}
BLOCKQUOTE
{
	font-style: italic;
	margin: 0 0 0 10px;
}
CITE
{
	font-weight: bold;
	color: #FFF;
}
CITE SPAN
{
	color: #FFF;
}
EM
{
	color: #C8690A;
}
H1, H2, H3, H4, H5, H6
{
	color: #FFF;
	font-weight: normal;
}
H1
{
	font-size: 34px;
	margin: 0 0 20px;
	padding: 5px 0;
}
H2
{
	font-size: 28px;
	margin: 0 0 15px;
	padding: 5px 0;
}
H3
{
	font-size: 24px;
	margin: 0 0 15px;
	padding: 0;
}
H4
{
	font-size: 18px;
	margin: 0 0 15px;
	padding: 0;
}
H5
{
	font-size: 16px;
	margin: 0 0 10px;
	padding: 0;
}
H6
{
	font-size: 14px;
	margin: 0 0 5px;
	padding: 0;
}
    */
.cleaner
{
	clear: both;
}
/*
.h10
{
	height: 10px;
}
.h20
{
	height: 20px;
}
.h30
{
	height: 30px;
}
.h40
{
	height: 40px;
}
.h50
{
	height: 50px;
}
.h60
{
	height: 60px;
}
.float_l
{
	float: left;
}
.float_r
{
	float: right;
}

.image_wrapper
{
	display: inline-block;
	border: 1px solid #3C4445;
	padding: 4px;
	background: #000;
	margin-bottom: 5px;
}
.image_fl
{
	float: left;
	margin: 3px 30px 0 0;
}
.image_fr
{
	float: right;
	margin: 3px 0 0 30px;
}
.tmo_list
{
	margin: 20px 0 20px 30px;
	padding: 0;
	list-style: circle;
}
.tmo_list LI
{
	color: #F9B507;
	margin: 0;
	padding: 0 0 5px;
	background: url(/black_wall/images/templatmeo_list.png) no-repeat 0 3px;
}
.tmo_list LI A
{
	color: #F9B507;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
.tmo_list LI A:hover
{
	text-decoration: underline;
}
    */

/**/
.GlyphiconPanel {
    color:#333;
    font-size:50px;
    text-align:center;
    width:100%;
    height:100%;

}

.GlyphiconPanel, A:hover
{
	text-decoration: none;
}
#templatemo_wrapper
{
	/**/max-width: 988px;  /* NOTE width: 988px; this stops responsive video using Bootstrap, 
        changed to max-width: 988px;*/
    /*ColorfulGuitarCutout_300X613.png*/
	/*background: url(/images/CharlieBrown_Gradiant.png) no-repeat top right;*/
    background: url(/images/ColorfulGuitarCutout_300X613.png) no-repeat top right;
	background-size: 207px 352px;
	background-position: 652px 134px;
	
	min-height:100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
    color:#fff;
}
@media (max-width: 1199px) {
    #templatemo_wrapper {
        background:none;
        width: 100%;        
    }
}

#templatemo_header
{
	width: 988px;
	height: 160px;
	background: url(/images/templatemo_header.png) no-repeat top;
}
#site_title
{
	float: left;
}
#site_title H1
{
	margin: 30px 0 0 50px;
margin: 20px 0 0 10px;
	padding: 0;
}
#site_title H1 A
{
	display: block;
	width: 250px;
width: 325px;
	height: 85px;
	color: #FFF;
	outline: none;
	text-indent: -10000px;
	/*background: url(../images/templatemo_logo.png) no-repeat top left;
    background: url(../images/charlie brown song writer logo.png) no-repeat top left;*/
    background: url(/images/charlie_brown_song_writer_logo.png) no-repeat top left;
}
#twitter A
{
	float: right;
	width: 48px;
	height: 48px;
	font-weight: normal;
	display: block;
	padding: 0;
	margin: 10px 30px 0 0;
	color: #CCC;
	font-size: 18px;
	/*background: url(/images/twitter.png) no-repeat right center;
	text-decoration: none;*/
}
/*menu*/

#templatemo_menu
{
	float: right;
	width: 625px;
	margin: 22px 20px 0 0;
}
#templatemo_menu UL
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#templatemo_menu UL LI
{
	float: left;
	display: block;
	width: 120px;
	height: 30px;
	padding: 0;
	margin: 0;
	/*display: inline;*/
	background: url(/images/templatemo_menu_divider.png) no-repeat right center;
}
#templatemo_menu UL .last
{
	background: none;
}
#templatemo_menu UL LI A
{
	float: left;
	display: block;
	width: 120px;
	padding: 7px 0 0;
	height: 30px;
	font-size: 14px;
	color: #333;
	text-align: center;
	text-decoration: none;
	font-weight: 400;
	outline: none;
	border: none;
}
#templatemo_menu UL LI A:hover, #templatemo_menu UL .current
{
	color: #000;
	background: url(/images/templatemo_mouse_hover.png) no-repeat bottom center;
}
/*end of menu*/
/**/
#templatemo_middle
{
	clear: both;
	max-width: 900px;
	padding: 40px 44px;
	overflow: hidden;
}
#mid_title
{
	font-size: 24px;
	font-weight: 400;
	color: #FFF;
	margin-bottom: 20px;
	text-shadow: 2px 2px 3px #000;
}
#templatemo_middle P
{
	width: 600px;
	font-size: 14px;
	color: #CCC;
	line-height: 30px;
	margin-bottom: 20px;
}
#learn_more A
{
	display: block;
	width: 136px;
	height: 40px;
	font-size: 14px;
	color: #CCC;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	background: url(/images/templatemo_learn_more.png);
}
#learn_more A:hover
{
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}
#templatemo_main
{
	clear: both;
	width: 960px;
	padding: 30px 14px;
}
/*
.col_w960
{
	width: 960px;
	margin-bottom: 60px;
}
.col_w600
{
	width: 600px;
}
.col_w450
{
	width: 450px;
}
.col_w300
{
	width: 300px;
}
.col_w200
{
	width: 200px;
}
.col_allw300
{
	float: left;
	width: 300px;
	margin-right: 30px;
}
.col_last
{
	margin: 0;
}
.frontpage_box H2
{
	font-size: 20px;
	padding: 0;
	margin-bottom: 10px;
}
.frontpage_box H2 SPAN
{
	display: block;
	font-size: 11px;
}
.frontpage_box A.more
{
	margin-top: 15px;
}
.lp_frontpage
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.lp_frontpage LI
{
	margin: 0;
	padding: 0;
	display: inline;
}
.lp_frontpage LI A
{
	float: left;
	display: block;
	width: 200px;
	height: 100px;
	margin: 0 10px 10px 0;
}
.lp_frontpage LI A IMG
{
	width: 190px;
	height: 90px;
	border: 1px solid #3C4445;
	padding: 4px;
}
.sb_lp_box
{
	clear: both;
	margin-bottom: 20px;
}
.sb_lp_box IMG
{
	width: 280px;
	height: 140px;
	padding: 9px;
	border: 1px solid #CCC;
}
#gallery
{
	margin: 0;
	padding: 0;
}
#gallery UL
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#gallery UL LI
{
	float: left;
	display: block;
	width: 450px;
	margin: 0 60px 60px 0;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
#gallery UL LI.no_margin_right
{
	margin-right: 0;
}
#gallery UL LI IMG
{
	width: 430px;
	height: 160px;
	border: 1px solid #CCC;
	border: 1px solid #666;
	padding: 9px;
	margin-bottom: 10px;
}
.news_box
{
	margin-bottom: 60px;
}
.news_box H2
{
	font-size: 16px;
	margin-bottom: 0;
}
.news_box P.date
{
	color: #000;
	margin-bottom: 0;
}
.news_box IMG
{
	float: left;
	width: 100px;
	height: 100px;
	border: 5px solid #CCC;
	margin-right: 20px;
}
.news_box A.more
{
	float: right;
}
.post_box
{
	clear: both;
	margin-bottom: 60px;
}
.post_box .post_header
{
	padding: 5px 0;
	border-bottom: 4px solid #625854;
	border-top: 4px solid #625854;
	margin-bottom: 20px;
}
.post_box H2
{
	font-size: 24px;
	margin-bottom: 0;
}
.post_box P.post_meta
{
	margin-bottom: 0;
	color: #666;
}
.post_box P SPAN.cat A
{
	color: #F9B507;
	font-weight: 400;
}
.post_box IMG
{
	margin-bottom: 10px;
}
.post_box A.more
{
	float: right;
}
.lbe_box
{
	clear: both;
	margin-bottom: 20px;
}
.lbe_date
{
	float: left;
	width: 100px;
	font-size: 12px;
	font-weight: bold;
}
.lbe_date SPAN
{
	display: block;
	font-weight: normal;
}
.lbe_content
{
	float: right;
	width: 300px;
}
.lbe_box H3
{
	font-size: 16px;
	margin-bottom: 0;
}
.lbe_box H3 A
{
	color: #F9B507;
	font-size: 16px;
	font-weight: normal;
}
.lbe_box H3 A SPAN
{
	font-size: 12px;
	color: #333;
}
.lbe_box P
{
	margin-bottom: 0;
}
.lbe_box P.date
{
	font-size: 10px;
	font-weight: 700;
	color: #F9B507;
}


#cp_contact_form
{
	padding: 0;
	width: 400px;
}
#cp_contact_form FORM
{
	margin: 0px;
	padding: 0px;
}
#cp_contact_form FORM .input_field
{
	width: 390px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 5px;
	border: 1px solid #CCC;
	background: #FFF;
	margin-top: 5px;
}
#cp_contact_form FORM LABEL
{
	display: block;
	width: 220px;
	margin-right: 10px;
	font-size: 13px;
	color: #CCC;
}
#cp_contact_form FORM TEXTAREA
{
	width: 390px;
	height: 160px;
	padding: 5px;
	color: #333;
	border: 1px solid #CCC;
	background: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}
#cp_contact_form FORM .submit_btn
{
	padding: 5px 14px;
	background: #FFF;
	border: 1px solid #CCC;
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0px;
}
#map IMG
{
	width: 270px;
	height: 160px;
	border: 1px solid #999;
	padding: 4px;
}
    */
#templatemo_footer_wrapper
{/**/
	bottom:0;
	clear: both;
	height:100px;
	width: 100%;
	background: url(/images/templatemo_footer.jpg) repeat-x bottom;
}
.push
{
	height:100px;
}
form, html
{
	height:100%;
}
#templatemo_footer
{
	/*clear: both;
	width: 960px;
	padding: 30px 14px 10px;
	text-align: center;
	color: #CCC;
	margin: 0 auto;*/
	text-align: center;
	height:100px;
}
#templatemo_footer A
{
	font-weight: normal;
	color: #FFF;
}