@charset "utf-8";
/* CSS Document */

/*
Swatches
dark blue: 01334d  med blue: 016699  lt blue: 3f9dcc  gray: b8bfcc  brown: 957353
*/

body { background-color: #f1f2f5; }

#bd { color: #01334d; background-color: #fff; }
#ft { font-size: smaller; color: #b8bfcc; text-align: center; }
a { color: #3f9dcc; }

#hd { padding: 3em 0; }
#bd { border: 1px solid #b8bfcc; }
#ft { padding: 3em 0; }

div.yuimenubar { padding-top: 10px; }
li.yuimenubaritem { padding-right: 20px; }

/* site specific tweaks */
.design-article p, .design-aside p,  .design-aside li { line-height: 1.5em; }
.design-tips p { line-height: 1.25em; }

.design-sidebar { border-right: 1px solid #b8bfcc; padding-bottom: 3em; }

.design-tips { padding: 0 22px; border-top: 1px solid #b8bfcc }
.design-tips h1, .design-tips h2 { margin-bottom: 0.125em; }
.design-tips h1 { font-size: 108%; }
.design-tips h2 { font-size: 93%; }
.design-tips p { font-size: 85%; }

.design-article {}

.design-aside { background: #f1f2f5; border: 1px solid #b8bfcc; padding: 0.5em; margin: 5em 3em 1em; }
.design-aside h2 { font-size: 108%; margin-top:0; }
.design-aside p, li { font-size: 85%; }

.design-form-field { margin: 0 0 2em; }
.design-form-field .error { color: #fff; border-left: 2px solid #01334d; padding: 0.25em; background-color: #016699; margin-bottom: 1em; }

.design-form-field textarea, .design-form-field input { width: 65%; }