/* background */
#sidebar h2 { background:#ececec }
body { background:#fff }
div.advice_summary { background:#fff6f6 }
div.sidebarsection_in { background:#f4f4f4 }
input.submit { background:#ffcc55 }
thead th { background:#f0f0f0 }
tr.top { background:#ececec }
tr.bottom { background:#f6f6f6 }
p.stepbar { background:#f6f6f6 }
p.excuse { background:#fff0f0 }
strong.signup { background:#fff2e6 }

/* border */
div.advice_summary { border:1px dotted #ccc }
div.sidebarsection_in { border:1px solid #ccc }
div.sidebarsection_out { border:1px solid #f4f4f4 }
table { border:1px solid #ccc }
th { border:1px solid #ccc }
p.stepbar { border:1px dotted #ccc }
p.message { border:1px dotted #ccc }
p.excuse { border:1px dotted #a00 }
strong.signup { border:1px solid #f27900 }

/* border-bottom */
#content h2 { border-bottom:1px solid #bbb }
#sidebar h2 { border-bottom:1px solid #bbb }
td { border-bottom:1px solid #ddd }

/* border-collapse */
table { border-collapse:collapse }

/* border-top */
#footer { border-top:1px dotted #bbb }
#sidebar h2 { border-top:1px solid #fff }

/* border-width */
input.submit { border-width:1px }

/* clear */
#footer { clear:both }

/* color */
#content h2 { color:#666 }
#content h3 { color:#666 }
#footer { color:#999 }
#sidebar h2 { color:#666 }
a { color:#f27900 }
body { color:#333 }
h1 { color:#009 }
span.error_message { color:#c00 }

/* float */
#content { float:right }
#sidebar { float:left }

/* font-family */
body,table,h1,h2,h3,h4,h5,h6,th { font-family:Helvetica, Arial, Verdana, sans-serif }
code { font-family:'Lucida Console', Monaco, monospace }
samp { font-family:'Lucida Console', Monaco, monospace }
kbd { font-family:'Lucida Console', Monaco, monospace }
pre { font-family:'Lucida Console', Monaco, monospace }
var { font-family:'Lucida Console', Monaco, monospace }
textarea { font-family:'Lucida Console', Monaco, monospace }

/* font-size */
#content h2 { font-size:94% }
#content h3 { font-size:87% }
#content p { font-size:90% }
#content td { font-size:90% }
#content th { font-size:90% }
#content li { font-size:90% }
#footer { font-size:82% }
#sidebar h2 { font-size:90% }
#sidebar p { font-size:86% }
#sidebar label { font-size:82% }
div.rule { font-size:90% }
div.rule h2 { font-size:100% }
h1 { font-size:150% }
input.submit { font-size:94% }
input.text { font-size:94% }
table { font-size:94% }
textarea { font-size:87% }
p.per_cnt_switch { font-size:90% }
strong.your_site_width { font-size:140% }
ul.advice_summary span.per { font-size:120% }

/* font-weight */
h1 { font-weight:bold }
input.submit { font-weight:bold }
span.error_message { font-weight:bold }
p.stepbar span.this { font-weight:bold }
ul.advice_summary span.per { font-weight:bold }

/* line-height */
#content h2 { line-height:130% }
#content p { line-height:150% }
#content li { line-height:150% }
div.rule { line-height:130% }
div.sidebarsection_body p { line-height:150% }
h1 { line-height:100% }

/* list-style-type */

/* margin */
#content { margin:0 0 10px 0 }
#content div.section,div.content_section { margin:0 0 15px 0 }
#content h2 { margin:0px 0 0.8em 0 }
#content h3 { margin:0px 0 0.8em 0 }
#content p { margin:7px 0 }
#content p.top-catchcopy { margin:0 0 20px 0 }
#footer { margin:10px 0 }
#main { margin:15px auto 30px auto }
#sidebar { margin:0 0 10px 0 }
#sidebar li { margin:0.3em 0 0.3em 1.5em }
#content li { margin:0.3em 0 0.3em 1.5em }
#content ul { margin:0.5em 0 }
* { margin:0 }
div.advice_summary { margin:0.7em 0 }
div.catchsection { margin:10px 0 25px 0 }
div.rule { margin:0.7em 0 }
div.sidebarsection_out { margin:0 0 15px 0 }
h1 { margin:40px 0 40px 0 }

/* padding */
#content h2 { padding:0 0 2px 0 }
#footer { padding:10px 0 }
#sidebar h2 { padding:5px }
* { padding:0 }
div.advice_summary { padding:0px 5px }
div.sidebarsection_body { padding:5px }
input.submit { padding:2px 4px }
th { padding:0.3em }
td { padding:0.3em }
p.stepbar { padding:0.7em 0.3em }
p.message { padding:0.7em 0.3em }
p.message_finish { padding:1em 0 }
p.excuse { padding:0.7em }
strong.signup { padding:0.5em 0.7em }

/* text-align */
#container { text-align:center }
#footer { text-align:center }
#main { text-align:left }
#sidebar h2 { text-align:center }
tbody th { text-align:left }
h1 { text-align:center }
tbody th { text-align:right }
td.number { text-align:right }
th.hr { text-align:center }
p.per_cnt_switch { text-align:right }
p.stepbar { text-align:center }
p.message { text-align:center }
p.message_finish { text-align:center }

/* width */
#content { width:540px }
#main { width:760px }
#sidebar { width:200px }
#footer { width:760px }
table.summary_format thead th { width:20% }


