/* Master CSS sheet for vanrylin.com site
Style Name Prefixes
----------------------
sb - SectionBlock
cb - Content block
af - ASP form
Site Colors
----------------------
Fonts
#b6b4b4 - Light grey: General body
Backgrounds
#303030 - Light grey: Light content blocks
#272727 - Medium grey: Medium content blocks
#121212 - Dark grey: Page left/right border areas
#000000 - Black: Dark content blocks, page edge backgrounds
Links
#ffffff - White: Most links
#c79f53 - Maize: Highlighted links
Borders
#432d2d - Golden orange border between body and page margins
*/
/* Make things predictable by clearing out any differences between browsers
========================================================================== */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
a { text-decoration: none; }
a img { border: none; }
table, tr, td, th { border: 0; margin: 0; padding: 0; border-collapse: collapse; }
image { border: 0; }
form { margin: 0; padding: 0; }
/*body { text-align: center; } /* To fix an IE5 page centering bug, overridden later */
/* Entire body wrap
========================================================================== */
body{ background-color: #121212; }
.bodyWrap{ font-family: tahoma, arial, helvetica, sans-serif; font-size: 70%;
color: #b6b4b4; background-color: #121212; width: 765px; margin: 0 auto 0 auto;
border-left: 1px solid #432d2d; border-right: 1px solid #432d2d;
vertical-align: top; text-align: left; }
.bodyWrap p { margin-bottom: 10px; }
.bodyWrap a { color: #FD7914; text-decoration: underline; }
.bodyWrap a:hover { color:#fd7914; text-decoration: none; }
.bodyWrap strong a { color: #dddddd; text-decoration: none; }
.bodyWrap strong a:hover { color: #dddddd; text-decoration: underline; }
.bodyWrap h1 { font-size: 140%; font-weight: bold; text-transform: lowercase; text-decoration: none; padding: 0 0 8px 0; margin-bottom: 8px; color: #c79f53; border-bottom: solid 1px #444444; overflow: hidden; }
.bodyWrap h2 { font-size:125%; font-weight: bold; text-transform: lowercase; text-decoration: underline; margin: 25px 0 6px 0; }
.bodyWrap h3 { font-size:100%; font-weight: bold; text-transform: lowercase; text-decoration: none; padding: 0 0 2px 0; }
/* Page Section Blocks (Mostly master page items, sets up the main framework)
========================================================================== */
.aspFormWrap{ } /* The default Form wrapper ASP puts around a page */
.sbTopTools { padding: 8px 0 12px 0; border-bottom: 6px solid #432d2d; clear: both;}
.sbMainBanner { height: 196px; background-image: url(App_Themes/Red/banner_top.jpg); background-repeat: no-repeat; clear: both;}
.sbNameBar { height: 45px; padding: 15px 0 0 10px; background-color: #A72A18; background-image: url(App_Themes/Red/van_rylin_name.jpg); background-repeat: no-repeat; clear: both; }
.sbMainMenu { padding: 7px 0 10px 15px; clear: both; }
.sbMainMenu a { color: #B6B4B4; text-decoration: none; }
.sbMainMenu a:hover { text-decoration: underline; }
.sbCore{ margin: 0 0 0 0; padding: 0 0 0 0; color: #aaaaaa; background-color: #272727; clear: both; vertical-align: text-top; }
.sbCore a { color: #fff; text-decoration: underline; }
.sbCore a:hover { color: #fff; text-decoration: none; }
.sbCore strong a { color: #ddd; text-decoration: none; }
.sbCore strong a:hover { color: #ddd; text-decoration: underline; }
.sbCore ul { margin: 13px 0 14px 23px; line-height: 175%; }
.sbFooter { margin: 0 0 100% 0; border-top: 6px solid #432d2d; font-size: 80%; color: #464646; clear: both;}
.sbFooter a { color: #868686; text-decoration: none; }
.sbFooter a:hover { color: #868686; text-decoration: underline; }
/* Content Blocks - General block placement and formatting
==========================================================================
Lots of little pieces here as we're trying to reproduce the effect of
multi-column and row tables, but without the tables. We're also trying to
allow for multiple combinations of styles such as dark, left, 2 column.
To use the styles, a content block is declared with a div tag and then
multiple styles are applied.
The basic grid is fixed-width, 3-columns, totalling 766px wide.
Column 1 width: 251px
Column 2 width: 190px or auto
Column 3 width: 251px
Typically all five of these style types are applied,
but in some cases the interior style will be applied in another
nested div tag. The five style types to apply, in order of application:
General - example: .cbContentBlock
Width - example: cbWidth2Col
Placement - example: .cbPlaceRight
Shade - example: .cbAppearDark
Interior - example: cbInterior
The interior style can be seperated to allow for nested blocks. For example
two one-column blocks in a two-column-wide block. This way the padding and
margins won't get applied twice (i.e. once to the wrapper block and again
to each of the nested blocks).
*/
/* Content block general formatting, including interior text styles*/
.cbContentBlock { margin: 0 0 0 0; padding: 0 0 0 0; vertical-align: top; }
/* Size formatting for core blocks, i.e. one, two, three column */
.cbWidthAutoCol{ width: auto; } /* For variable width column, typically non-floaters */
.cbWidth1Col{ width: 213px; }
.cbWidth2Col{ width: 468px; }
.cbWidth3Col{ width: 723px; }
/* Style formatting for specific "shades" of blocks (backgound colors, etc.) */
.cbAppearLight { background-color: #303030; }
.cbAppearMedium { background-color: #272727; }
.cbAppearDark { background-color: #000000; }
/* Placement formatting for core blocks, i.e. float left, right, etc.*/
.cbPlaceLeft{ float: left; }
.cbPlaceRight{ float: right; }
.cbPlaceNoFloat{ float: none; }
/* Final interior wrapper, final placement of paddings, text styles, etc. for
the actual text, pictures, and other elements */
.cbInterior{ padding: 16px 21px 16px 21px; line-height: 115%; }
/* Content Blocks - Specific block formatting
========================================================================== */
.cbTopIconBar { margin: 0 60px 0 0; float: right; }
.cbTopIconBar a { text-decoration: none; }
.cbTopIconBar a:hover { text-decoration: underline; }
.cbAccountDetails { }
.cbChangePassword { }
.cbRequestList { }
/* Inline Elements (Mostly span tags)
========================================================================== */
.iconBarAdminMenu, .iconBarLogin A { color: #c79f53; margin: 0 20px 0 0; font-weight: bold; text-transform: lowercase; text-decoration: none; }
.iconBarAdminMenu a:hover {text-decoration: underline; }
.iconBarLogin, .iconBarLogin A { color: #c79f53; margin: 0 20px 0 0; font-weight: bold; text-transform: lowercase; text-decoration: none; }
.iconBarLogin a:hover {text-decoration: underline; }
/* Nav bar text for pages other than the current one */
.navbartext, .navbartext a { color: #b6b4b4; font-weight: bold; font-size: 103%; text-transform: lowercase; text-decoration: none; padding: 0 12px 0 0; }
/* Nav bar text for the current page (not yet implemented) */
.navbartextselected, .navbartextselected a { color: #b6b4b4; font-weight: bold; font-size: 100%; text-transform: lowercase; text-decoration: none; }
.navbartext a:hover { text-decoration: underline; }
/* List of items and descriptions (e.g. forms avail. list on forms.aspx */
.formListItem { }
.formListItemTitle { font-weight: bold; padding: 0 0 8px 0; }
.formListItemTitle a { color: #b6b4b4; text-decoration: none; }
.formListItemTitle a:hover { text-decoration: underline; }
.formListItemDescription { padding: 0 0 0 40px; }
/* Fancy Links */
.arrowLink a { color: #ffffff; font-weight: bold; text-decoration: none; text-transform: lowercase; padding: 0 0 0 13px; background: url(App_Themes/Red/icon_linkArrow.gif) no-repeat left center; }
.arrowLink a:hover { color: #ffffff; font-weight: bold; text-decoration: underline; }
/* Line up columns for phone numbers, etc. in contact info block */
.contactLabel { float: left; width: 100px; text-transform: lowercase; }
/* Inline photos */
.photoLeft { margin-right: 30px; float: left; }
/* Right floating paragraphs */
.pFloatRight { float: right; }
/* Indented paragraphs */
.indented{ padding-left: 20px; }
/* User feedback messages (typically after posting a form) */
.feedbackSuccess { color: #22ff22; }
.feedbackWarning { color: orange; font-weight: bold; }
.feedbackError { color: #ff1111; font-weight: bold; }
/* Highlight color for text that needs attention */
.highlight { color: #c79f53; }
/* ASP Form Styles
========================================================================== */
/* Setup basics, mostly wipe out all existing padding and text colors*/
.aspForm { color: #ff0000; padding: 0 0 0 0; }
/* General for all ASP Forms */
.afRequiredField { color: #c79f53;}
.afSelectedRow { background-color: #303030; color: #c79f53; }
.afSectionHeading { font-size: 125%; font-weight: bold; text-align: right; text-transform: lowercase; text-decoration: underline; padding: 12px 10px 8px 0; margin-top: 20px; margin-bottom: 12px; }
.afCommandField { color: #ffffff; font-weight: bold; text-decoration: none; text-transform: lowercase; padding: 0px 13px 0 13px; background: url(App_Themes/Red/icon_linkArrow.gif) no-repeat left center; }
.afCommandField:hover { color: #ffffff; font-weight: bold; text-decoration: underline; }
/* DetailsView control styles, wide format, e.g. the prelien request form */
.afDetailsWideFieldHeader { background-color: #272727; padding: 0 10px 0 0; text-align: right; width: 25%; }
.afDetailsWideInsertRow { background-color: #272727; margin-bottom: 2px; }
.afDetailsWideCommandRow { }
/* GridView control styles */
.afGridViewHeader { background-color: #121212; height: 20px; }
.afGridViewFieldItem { padding: 1px 3px 1px 3px; }
.afGridViewPager a { color: #ffffff; font-weight: bold; text-decoration: none; text-transform: lowercase; padding: 0px 13px 0 13px; background: url(App_Themes/Red/icon_linkArrow.gif) no-repeat left center; }
.afGridViewPager a:hover { color: #ffffff; font-weight: bold; text-decoration: underline; }
/* Temp reference of sections available for styling
*/
/* HTML Form Styles
========================================================================== */
.hfFieldHeader { background-color: #272727; padding: 0 10px 0 0; text-align: right; width: 25%; }
/* Special Tweaks and Kludges
========================================================================== */
.betaNotice { color:#fd7914; font-weight:bold; }