@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 *****************************************************************************************************/ body, button, input, textarea, select, .g-text_base, .b-nav_inline-block li, .b-nav_inline li, .b-crumb-trail li { font: 15px/23px Georgia, "Century Schoolbook L", Serif; color: #35066a; } .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: #428d01; } a:hover, a:focus, a:active, a.g-text_base:hover, a.g-text_base:focus, a.g-text_base:active { } /***************************************************************************************************** * Headings *****************************************************************************************************/ h1, h2, h3, h4, h5, h6 { margin-bottom: 16px; } h1 { font: 30px/40px Georgia, "Century Schoolbook L", Serif; } h2 { font: 26px/40px Georgia, "Century Schoolbook L", Serif; } h3 { font: 18px/20px Georgia, "Century Schoolbook L", Serif; } h4 { font: 16px/20px Georgia, "Century Schoolbook L", Serif; } h5 { font: 14px/20px Georgia, "Century Schoolbook L", Serif; } h6 { font: 12px/20px Georgia, "Century Schoolbook L", Serif; } /***************************************************************************************************** * 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: 16px; } .b-image-unit, img.g-align_h_left, img.g-align_h_right, img.g-align_h_center, blockquote { margin-bottom: 16px; } 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: 8px; } .b-columned h1, .b-columned h2, .b-columned h3, .b-columned h4, .b-columned h5, .b-columned h6 { margin-bottom: 8px; } /***************************************************************************************************** * 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; } /***************************************************************************************************** * Images *****************************************************************************************************/ .l-content img { vertical-align: baseline; } /***************************************************************************************************** * Divider *****************************************************************************************************/ hr, .b-hr { height: 6px; margin-bottom: 10px; background: url(../images/divider.png) no-repeat; } .ie7 hr { /* ie7 have extra 7px top and bottom margins */ margin-bottom: 3px; margin-top: -7px; } /***************************************************************************************************** * List *****************************************************************************************************/ ul, ol { margin-left: 16px; } ul { /*list-style: disc inside url(../images/list_bullet.gif); */ list-style: square inside; } ol { list-style: decimal inside; } li { margin-bottom: 4px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 4px; margin-top: 4px; } dd { margin-left: 20px; } /***************************************************************************************************** * Table *****************************************************************************************************/ table { width: 100%; } caption { padding: 8px 4px; } th, td { border: 1px solid #5b61b9; } th { padding: 7px 4px 7px; vertical-align: middle; } td { padding: 7px 4px 8px; } /***************************************************************************************************** * 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 #5b61b9; 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: 20px; line-height: 20px; padding: 2px 4px; } textarea { padding: 2px 4px; } select { padding: 2px 0; min-width: 80px; } input[type=submit], input[type=reset], input[type=button], button { width: 155px; height: 39px; background: url(../images/large_button.png) no-repeat; vertical-align: top; padding: 0; color: #fff; font: italic bold 16px/39px Georgia, "Century Schoolbook L", Serif; }