/* Live in Style - BayAreaForObama.com */

/* Foundation */
body      { color: dimgray; background-color: #036; font-size: 90%;
            font-family: trebuchet ms, sans-serif; border: 1px solid black; margin: 20px 70px }
table     { font-size: 100% }
html      { overflow: -moz-scrollbars-vertical }
ul, ol    { list-style-position: inside; text-indent: -35px; padding-left: 65px; margin-top: 3px }
td        { vertical-align: top }
textarea  { font-family: sans-serif }
.click    { cursor: pointer }  /* use for submit buttons */
br.all    { clear: both }

/* Links */
a         { color: darkslateblue }
a:hover   { color: blue }
a:visited { color: dimgray }
img       { border-style: none }
a.blend   { color: dimgray; text-decoration: none }

/* Layout */
div.frame     { border: 7px solid gainsboro }
div.main      { background-color: white; border: 1px solid gray }
div.header    { border-bottom: 1px solid gray; background: url("graphics/flag-bkgnd.png") right top no-repeat; padding: 15px }
div.content   { margin: 10px 25px }
div.sidebar   { float: right; font-size: 90%; background-color: whitesmoke; text-align: center; border: 1px #036 dotted; padding: 10px; margin: 0px 0px 15px 15px }
div.sidebar p { font-size: 90%; margin: 5px 0px }
div.blog_date { font-weight: bold; font-size: 110%; margin-bottom: 2px }
div.footer    { color: darkgray; font-family: sans-serif; text-align: center; font-size: 80%; margin: 10px }
img.outline   { border: 1px solid #036 }

/* Document */
h1             { color: #036; font-size: 130%; font-weight: bold; margin: 5px 0px 2px 0px }
h2             { color: #036; font-size: 110%; font-weight: bold; margin: 0px }
h3             { color: #036; font-size: 100%; margin: 0px }
div.comment    { text-align: right }
div.comment p  { font-style: italic; margin-bottom: 0px }
div.event      { font-size: 85%; border-top: 1px dashed; padding: 2px 0px 25px 0px }
div.event p    { float: right; text-align: right; margin: 0px 0px 0px 10px }
div.links      { text-align: center }
div.links p    { margin: 7px }
div.specials   { float: right; text-align: center; text-decoration: none; margin: 0px 0px 12px 12px }
div.specials a { text-decoration: none }
div.feeds      { float: left; background-color: silver; padding: 5px; margin: 10px 15px 15px 0px }
div.myspace    { width: 190px; background-color: white; font-size: 90%; border: 1px solid black;
                 padding: 5px 5px 0px 5px; margin-top: 3px;
                 border-radius: 0.6em; -moz-border-radius: 0.6em }
a.announce     { display: block; color: firebrick; background-color: silver;
                 border: 1px solid navy; padding: 3px;
                 border-radius: 0.6em; -moz-border-radius: 0.6em }
a.announce:hover { color: navy }

/* Navigation Bar */
table#nav    { margin: 0px 0px 12px -3px }
table#nav td { padding-right: 5px }
table#nav a  { text-transform: uppercase; text-decoration: none; color: gainsboro;
               background-color: #036; font-size: 70%; font-weight: bold;
               border: 1px solid black; padding: 2px 10px }
table#nav a:hover           { color: white; background-color: firebrick; border: 1px solid #036 }
table#nav a.current         { color: gainsboro; background-color: #036; border: 1px solid black }
table#nav a.current:visited { color: gainsboro; background-color: #036; border: 1px solid black }
table#nav a.current:hover   { color: gainsboro; background-color: #036; border: 1px solid black }

/* PERFECT E-Mail Form */
table.perfect         { color: dimgray; background-color: cornflowerblue; 
                        font-family: sans-serif; border: solid #036 1px;
                        padding: 7px; margin-left: auto; margin-right: auto }
table.perfect caption { color: white; background-color: #036;
                        font-weight: bold; padding: 3px;
                        margin-left: auto; margin-right: auto }
table.perfect th      { text-align: right; font-weight: bold }
table.perfect p       { float: left; font-size: 55%; margin: 0px }
table.perfect a       { color: darkslategray; text-decoration: none }
div.perfect           { text-align: center; font-size: 80% }
/* IE Hack */
table.perfect th      { padding-left: 15px }
table.perfect td      { padding-right: 15px }
table.perfect div     { text-align: right }