/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

body { font-size: 13px; font-family: Helvetica, sans-serif; line-height: 1.231; *font-size: small; *font: x-small; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

html { height: 100%; }

body { height: 100%; background: url(img/bg-unified.gif) top center repeat-y; }

.page { width: 980px; margin: auto; background: white; min-height: 100%; height: auto !important; height: 100%; }

strong { font-weight: bold; }

em { font-style: oblique; }

a { text-decoration: none; }

h1, h2 { font-weight: normal; }

.page .header { text-align: center; }
.page .header .bar { background: url(img/bar-choco.png); height: 10px; width: 980px; }
.page .header h1 a { background: url(img/logo.gif) no-repeat; display: block; margin: 15px auto 5px auto; width: 676px; height: 150px; text-indent: -99999px; overflow: hidden; }
.page .header ul { list-style-type: none; margin: 0px; padding: 0px; display: inline; font-family: Century, Georgia, serif; margin-bottom: 10px; overflow: hidden; display: inline-block; }
.page .header ul li { margin: 0px; padding: 0px; display: inline; }
.page .header ul { display: block; }
.page .header ul h2 { display: inline; }
.page .header ul li { margin: 10px; }
.page .header ul a { color: #7a6c53; font-weight: normal; font-size: 130.769%; }

.flash { padding: 3px 0 1px 0; margin: 12px 18px; text-align: center; font-size: 123.077%; }
.flash.success { border: 3px solid #ffd25f; color: #3d472e; }
.flash.error { border: 3px solid red; color: red; }

body.index a, body.issue a { color: #3d472e; font-weight: bold; }
body.index a:hover, body.issue a:hover { color: #997a1d; }

.intro { background: url(img/bar-choco.png) left bottom; padding: 16px 0; text-align: center; font-family: Times serif; font-style: oblique; font-size: 138.462%; color: white; zoom: 1; }
.intro p { margin: auto; margin-bottom: 0; width: 810px; }

.firms { overflow: hidden; display: inline-block; padding: 4px 0 0 14px; background: url(img/bar-green.png) repeat-x; margin-top: 8px; }
.firms { display: block; }
.firms p { margin-bottom: 8px; }
.firms li { float: left; width: 310px; margin: 4px; }
.firms li h2 { margin-bottom: 16px; }
.firms li h2 a { display: block; height: 58px; text-indent: -99999px; overflow: hidden; }
.firms li.greenbridge h2 a { background: url(img/firm-greenbridge.png); }
.firms li.ulrich h2 a { background: url(img/firm-ulrich.png); }
.firms li.lmk h2 a { background: url(img/firm-lmk.png); }
.firms li img { margin-bottom: 8px; }
.firms li p { color: #3d472e; font-size: 107.692%; }

.newsletter .separator { background: url(img/bar-choco.png) left bottom; height: 25px; }
.newsletter .header { margin: 8px 18px 6px 18px; position: relative; background: white; color: #42210b; font-size: 184.615%; font-family: Century, Georgia, serif; text-align: left; overflow: hidden; display: inline-block; }
.newsletter .header { display: block; }
.newsletter .header h2 { float: left; font-weight: normal; }
.newsletter .header span { float: right; }
.newsletter .signup { overflow: hidden; display: inline-block; background: #9bbb58; padding: 4px 18px 4px 18px; color: white; font-family: Century Gothic, Helvetica, sans-serif; font-size: 107.692%; font-weight: bold; font-style: oblique; }
.newsletter .signup { display: block; }
.newsletter .signup p { float: left; line-height: 24px; }
.newsletter .signup form { float: right; }
.newsletter .content { overflow: hidden; display: inline-block; margin: 8px 18px 32px 18px; }
.newsletter .content { display: block; }
.newsletter .articles { float: right; }
.newsletter .info { float: left; width: 200px; color: #3d472e; margin-top: 20px; font-size: 107.692%; }
.newsletter .info a { display: block; margin-top: 32px; width: 148px; height: 26px; text-indent: -9999px; overflow: hidden; background: url(img/button-read.gif) no-repeat; }
.newsletter .info a:hover { background: url(img/button-read.gif) 0 -26px no-repeat; }
.newsletter .article { float: left; margin-right: 8px; position: relative; height: 210px; }
.newsletter .article:last-child { margin-right: 0; }
.newsletter .article a { display: block; }
.newsletter .article img { width: 230px; height: 210px; }
.newsletter .article .title { position: absolute; bottom: 0; width: 222px; background: url(img/black-50.png); color: white; padding: 5px 0 3px 8px; font-size: 92.308%; }

.bottom { overflow: hidden; display: inline-block; border-top: 2px solid #eee; padding: 12px 18px 50px 18px; color: #3d472e; }
.bottom { display: block; }
.bottom h2 { font-family: Century, Georgia, serif; font-size: 184.615%; color: #9bbb58; margin: 20px 0 10px 0; }
.bottom .happenings, .bottom .archives { width: 350px; float: left; }
.bottom .happenings { margin-right: 124px; }
.bottom .happenings ul .date { font-size: 115.385%; }
.bottom .happenings ul .date, .bottom .happenings ul .time { color: #997a1d; font-weight: bold; }
.bottom .happenings ul .speaker { font-weight: bold; display: block; }
.bottom .happenings ul .desc { margin-bottom: 12px; }
.bottom .archives dt a { color: #997a1d; font-weight: bold; }
.bottom .archives dt a:hover { color: #3d472e; }
.bottom .archives ul { margin-bottom: 8px; }

#flash { width: 532px; border: 2px solid #997a1d; background: white; color: #3d472e; padding: 4px; margin: 0 20px 20px 20px; }

body.login .yiiForm { width: 250px; margin: auto; margin-top: 40px; background: #9bbb58; padding: 8px 20px; }
body.login .yiiForm .simple { margin-bottom: 8px; }
body.login .yiiForm .simple label { display: block; }
body.login .yiiForm .inline { margin-bottom: 8px; }
body.login .yiiForm .inline input[type=checkbox] { margin: 0 4px 0 0; }
body.login .yiiForm .action { margin-top: 20px; }
body.login .yiiForm input[type=text], body.login .yiiForm input[type=password] { width: 200px; }

.adminform { width: 630px; padding-bottom: 50px; }
.adminform fieldset { background: #e5dccf; padding: 0 0 8px 8px; margin-bottom: 16px; }
.adminform fieldset .legend { margin-left: -8px; background: #42210b; padding: 4px 8px; color: white; }
.adminform .entry { margin: 16px 0; }
.adminform .entry label { font-weight: bold; color: #42210b; display: block; }
.adminform input[type=text], .adminform textarea { width: 500px; }
.adminform textarea { height: 100px; }
.adminform .toggle { float: right; }

body.admin .content { overflow: hidden; display: inline-block; margin-top: 24px; border-top: 2px solid #eee; padding: 24px 20px 100px 20px; }
body.admin .content { display: block; }
body.admin a { color: #42210b; }
body.admin a:hover { color: #997a1d; }
body.admin .actionbar { background: #42210b; padding: 6px; margin-top: 20px; margin-bottom: 20px; }
body.admin .actionbar a { background: #7a6c53; color: white; padding: 3px 5px; margin-right: 10px; }
body.admin .actionbar span { color: white; font-weight: bold; }
body.admin #tabs { overflow: hidden; display: inline-block; }
body.admin #tabs { display: block; }
body.admin #tabs li { float: left; list-style-type: none; }
body.admin #tabs a { display: block; padding: 4px 30px; color: white; margin-right: 2px; background-color: #7a6c53; border: 1px solid #7a6c53; }
body.admin #tabs a:hover { background-color: #42210b; }
body.admin #tabs a.current { background-color: #42210b; border: 1px solid #42210b; }
body.admin .pane { width: 630px; border: 1px solid #7a6c53; padding: 10px; margin-bottom: 20px; }
body.admin .help { color: #997a1d; }

body.dashboard .pane li { margin: 6px 0 12px 0; }
body.dashboard .pane a { font-weight: bold; }

#helpsidebar { float: right; width: 250px; background-color: #e5dccf; border: 1px solid #7a6c53; padding: 0 8px 8px 8px; }
#helpsidebar h2 { margin-bottom: 4px; margin-left: -8px; margin-right: -8px; background: #42210b; padding: 5px 8px; color: white; }
#helpsidebar h3 { color: black; background: none; font-size: 1em; font-weight: bold; text-transform: none; margin-bottom: 2px; margin-top: 8px; }
#helpsidebar code { font-family: Monaco, ProFont, "Andale Mono", "Lucida Console", Courier, monospace; font-size: 10px; }
#helpsidebar pre { line-height: 12px; margin-top: 0; background-color: #f5f5f5; border: 1px solid #ccc; padding: 4px; }
#helpsidebar p { margin: 0 0 0 3px; }