@charset "utf-8";

/**
 * CONTENT FORMATTING
 *
 * TABLE OF CONTENTS:
 * Base Text
 * Placeholder Text Color
 * Selection
 * Link State
 * Headings
 * Vertical Interval
 * Horizontal Interval
 * Image Stroke
 * Divider
 * List
 * Table
 * Form
 *
 */


/*****************************************************************************************************
 * Base Text
 *****************************************************************************************************/
#l-page,
button,
input,
textarea,
select,
.g-text_base,
.b-nav_inline-block li,
.b-nav_inline li,
.b-crumb-trail li {
	font: 14px/22px "Trebuchet MS", "Nimbus Sans L", Helvetica, sans-serif;
	color: #000;
}
.g-text_base {
	text-transform: none;
}


/*****************************************************************************************************
 * Selection
 *****************************************************************************************************/
::-moz-selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}


/*****************************************************************************************************
 * Link State
 *****************************************************************************************************/
a,
a.g-text_base {
	color: #000;
}
.l-content a:hover,
.l-content a:focus,
.l-content a:active,
.l-content a.g-text_base:hover,
.l-content a.g-text_base:focus,
.l-content a.g-text_base:active {
	background: #fff700;
}


/*****************************************************************************************************
 * Headings
 *****************************************************************************************************/
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 20px;
	font-weight: normal;
}
h1 {
	font-size: 30px;
	line-height: 36px;
}
h2 {
	font-size: 25px;
	line-height: 30px;
}
h3 {
	font-size: 20px;
	line-height: 26px;
}
h4 {
	font-size: 18px;
	line-height: 22px;
}
h5 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
h6 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}


/*****************************************************************************************************
 * Vertical Interval
 *****************************************************************************************************/
hgroup,
p,
ul,
ol,
dl,
dt,
pre,
blockquote,
address,
table,
form,
aside,
figure,
audio,
video,
canvas,
object,
embed,
iframe,
.b-columned
{
	margin-bottom: 20px;
}
.b-image-unit,
img.g-align_h_left,
img.g-align_h_right,
img.g-align_h_center,
blockquote {
	margin-bottom: 20px;
}
td h1,
td h2,
td h3,
td h4,
td h5,
td h6,
td hgroup,
td p,
td ul,
td ol,
td dl,
td dt,
td pre,
td address,
td table,
td form,
td aside,
td figure,
td audio,
td video,
td canvas,
td object,
td embed,
td iframe,
td .b-columned
{
	margin-bottom: 10px;
}
.b-columned h1,
.b-columned h2,
.b-columned h3,
.b-columned h4,
.b-columned h5,
.b-columned h6 {
	margin-bottom: 10px;
}


/*****************************************************************************************************
 * Horizontal Interval
 *****************************************************************************************************/
img.g-align_h_left,
table.g-align_h_left,
aside.g-align_h_left,
.b-image-unit.g-align_h_left {
	margin-right: 24px;
}
img.g-align_h_right,
table.g-align_h_right,
aside.g-align_h_right,
.b-image-unit.g-align_h_right {
	margin-left: 24px;
}


/*****************************************************************************************************
 * Image Stroke
 *****************************************************************************************************/
.l-content img,
.g-content-image {
	border: 1px solid #999;
	padding: 2px;
	background: #fff;
	vertical-align: baseline;
}


/*****************************************************************************************************
 * Divider
 *****************************************************************************************************/
hr,
.b-hr {
	margin-bottom: 19px;
	border-bottom: 1px solid #ccc;
}
.ie7 hr { /* ie7 have extra 7px top and bottom margins */
	margin-bottom: 12px;
	margin-top: -7px;
}


/*****************************************************************************************************
 * List
 *****************************************************************************************************/
ul {
	/*list-style: disc inside url(../images/list_bullet.gif); */
	list-style: square outside;
}
ol {
	list-style: decimal outside;
}
li {
	margin-bottom: 5px;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 5px;
	margin-top: 5px;
}
dd {
	margin-left: 20px;
}


/*****************************************************************************************************
 * Table
 *****************************************************************************************************/
table {
	width: 100%;
}
caption {
	padding: 10px 5px;
}
th,
td {
	border: 1px solid #ccc;
}
th {
	padding: 9px 8px 9px;
	vertical-align: middle;
}
td {
	padding: 9px 8px 10px;
}


/*****************************************************************************************************
 * Form
 *****************************************************************************************************/
/* Colors for form validity (BEGIN) */
input:valid,
textarea:valid {
}
input:invalid,
textarea:invalid {
	background-color: #f0dddd;
}
/* Colors for form validity (END) */

/* Placeholder text color (BEGIN) */
.placeholder {
	color: #999;
}
::-webkit-input-placeholder {
	color: #999;
}
:-moz-placeholder {
	color: #999;
}
/* Placeholder text color (END) */

input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=color],
input[type=number],
input[type=range],
input[type=date],
input[type=file],
select,
textarea {
	background: #fff;
	border: 1px solid #b79600;
	vertical-align: top;
}
input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=color],
input[type=number],
input[type=range],
input[type=date],
.ie input[type=file] {
	height: 22px;
	line-height: 22px;
	padding: 2px 4px;
}
textarea {
	padding: 2px 4px;
}
select {
	padding: 4px 0;
	line-height: 22px;
	min-width: 80px;
}
input[type=submit],
input[type=reset],
input[type=button],
button {
	vertical-align: top;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	background: #000 url(images/button_black.png);
	color: #fff;
}