/********************/
/* GENERAL DEFAULT  */
/********************/

body
{
    margin: 0px;
    font-family: arial, sans;
	background-color: #fff;
    /*font-size: 11pt;*/
	color: #555;
}
div
{
    margin: 0px auto;
}
h1
{
	margin-top: 0px;
    font-size: 1.5em;
}
h2
{
	margin-top: 0px;
}
h3
{
	margin-top: 0px;
	font-size: 1.0em;
}
#HCB_comment_box h3
{
	font-size: 1.5em;
}
.tight
{
	margin-bottom: 0px;
}
h4
{
	font-size: 1.2em;
	font-weight: 100;
	margin: 5px 0px;
}
hr
{
	margin-top: 20px;
	color: #eee;
}
ul
{
	margin-bottom: 0px;
	padding-left: 20px;
}
li.space
{
	padding: 8px;
}
p
{
    line-height: 130%;
}
a
{
    color: #c40;
	text-decoration: none;
}
img
{
	border: 0px;
}
input.checkbox
{
	margin-bottom: 8px;
}
input.button
{
	border-color: black;
	border-width: 1px;
	background-color: #555;
	font-size: 1.4em;
	color: #fff;
}

/********************/
/* GENERAL CLASSES  */
/********************/

.super
{
	width: 1200px;
	padding-bottom: 14px;
}
#left_collumn
{
	width: 220px;
	text-align: center;
}
#middle_collumn
{
	width: 760px;
	padding-top: 0px;
}
#mid_left_col
{
	width: 377px;
	padding-right: 3px;
}
#mid_right_col
{
	width: 377px;
	padding-left: 3px;
}
#right_collumn
{
	width: 220px;
	text-align: center;
}
#banner
{
	width: 190px;
	padding-top: 14px;
	text-align: center;
	margin-left: 0px;
}
.contentbox
{
    width: 720px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}
.contentbox_half
{
    width: 300px;
	padding-top: 20px;
	margin-top: 0px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 30px;
	float: left;
}
.expander
{
	cursor: default;
    color: #c40;
}
.floater
{
	float: left;
}
.right_floater
{
	float: right;
}
.floatclear
{
    clear: both;
}
.vert_spacer
{
	height: 12px;
	width: 12px;
    clear: both;
}
.spacer
{
	float: left;
	height: 12px;
	width: 17px;
}

.plain_box
{
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 16px;
	padding-right: 16px;
	text-align: left;
}
.plain_box p
{
	font-size: 0.9em;
}
/*
.custom_cb
{
	margin-top: 2px;
	margin-right: 6px;
	width: 14px;
	height: 14px;
	display: inline-block;
	background: url(img/checkbox.png);
}
*/
/*****************/
/* SCALABLE BOX  */
/*****************/

.mainbox 
{
	margin-top: 10px;
}
.mainbox_slim
{
	margin: 8px;
}
.box_tr
{
	width: 100%;
	height: 22px;
	margin-left: 22px;
	background: url(img/box_corners_right.png) right top no-repeat;
}
.box_tl
{
	width: 22px;
	height: 22px;
	margin: 0 0;
	position: relative;
	left: -22px;
	background: url(img/box_corners_left.png) 0 0 no-repeat;
}
.box_l
{
	background: url(img/vertical_left.png) 0 0 repeat-y;
	padding-left: 3px;
}
.box_r
{
	background: url(img/vertical_right.png) right top repeat-y;
	padding-right: 3px;
}
.box_br
{
	width: 100%;
	height: 22px;
	margin-left: 22px;
	background: url(img/box_corners_right.png) right bottom no-repeat;
}
.box_bl
{
	width: 22px;
	height: 22px;
	margin: 0 0;
	position: relative;
	left: -22px;
	background: url(img/box_corners_left.png) left bottom no-repeat;
}
.box_content
{
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 30px;
	padding-right: 20px;
	background-color: #fff;
	text-align: left;
	font-size: 0.9em;
}
.box_content_slim
{
	padding: 0px 8px;
	background-color: #fff;
	text-align: left;
}
.box_content_center
{
	padding: 0px 15px;
	text-align: center;
	background-color: #fff;
}

/***************/
/* TOP BAR     */
/***************/

#top
{
    width: 100%;
	min-width: 1200px;
    height: 120px;
    background-color: #000;
}
#title
{
    width: 860px;
	position: relative;
}
#logo
{
	margin-top: 32px;
	margin-right: 30px;
}
h1.subtitle
{
	position: absolute;
	top: 25px;
	left: 290px;
	width: 280px;
	display: block;
	float: left;
    font-size: 1.2em;
	margin-top: 11px;
}
#header_pic
{
	margin-top: 5px;
}

/**************/
/* POST STUFF */
/**************/

#helpbox
{
	width: 375px;
	float: left;
	margin-right: 10px;
}
#commentbox
{
	width: 375px;
	float: right;
}
#chordpractice_fb
{
	width: 375px;
	float: left;
	margin-right: 10px;
}
#updates
{
	width: 760px;
}
#vidad1
{
	width: 300px;
	height: 250px;
	padding: 10px 20px;
	float: right;
}


/************/
/* END SIGN */
/************/

#end
{
	text-align: center;
}
address
{
    font-size: 0.8em;
}
/*
#getter_links
{
	display: inline;
	width: 100px;
	background: #f4a;
	height: 31px;
}
*/
/*
address a
{
	position: relative;
	top: 4px;
}*/