/*
  Cascading Style Sheet for Eat Washington
  by pepsmedia.com
*/


/* CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/* Core CSS */
body { margin: 0; padding: 0; color: #777; background: url('/images/bg.png') top left repeat-x #eadac2; width: 808px; margin: 0 auto; font-family: "Lucida Sans", "Lucida Grande", sans-serif; font-size: 76%; }
#main { color: #777; border: solid 6px #cfd6b4; clear: both; }

/* Typeface */
h1 { font-size: 1.8em; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; margin-bottom: 0.3em; }
h3 { font-size: 1.3em; margin-bottom: 0.3em; }
h4 { font-size: 1.2em; margin-bottom: 0.3em; }
h5 { font-size: 1.1em; margin-bottom: 0.3em; }
h6 { font-size: 1.0em; margin-bottom: 0.3em; }
p  { font-size: 1em; margin-bottom: 1.1em; }
a  { color: #C94326; text-decoration: none; }
strong, b { font-weight: bold; }
em, i     { font-style: italic; }


/* Other base bits */
td { padding: 2px; }


/* Leader */
#leader      { position: relative; height: 120px; clear: both; }
#leader h1   { position: absolute; left: 120px; top: 25px; margin: 0; padding: 0; font-size: 47px; }
#leader h1 a { color: #64412D; }
#leader h2   { position: absolute; left: 166px; top: 73px; margin: 0; padding: 0; font-size: 16px; }
#leader h2 a { color: #C94326; }
#leader img  { position: absolute; left: 1px; top: 20px; }
#search      { float: right; margin: 38px 0 0 0; padding: 12px; background: #CFD6B4; }
#search #q   { width: 144px; }

/* menu */
#menu ul li    { color: #fff; background: #C94326; float: left; width: 88px; margin: 0 0 0 2px; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; }
#menu ul li a  { color: #fff; }
#menu .first   { margin-left: 0; }

#menu .selected     { background: #cfd6b4; }
#menu .selected a   { color: #444; }

/* content */
#content    { background: #fff; padding: 20px; overflow: hidden; width: 756px; }
#content ul { padding-left: 20px; }
#content li { list-style: disc; }
#article    { }
#meta       { font-size: 0.9em; margin: 8px 0 0 0; font-style: italic; background: #eee; padding: 3px; clear: both; }
.thumb     { border: solid 1px #aaa; width: 100px; float: left; margin: 2px 10px 10px 0; text-align: center; background: #ddd; }
.artimg     { float: right; border: solid 1px #aaa; margin: 0 0 10px 10px; }
#nav        { clear: both; }
#content h3 { margin-top: 10px; }
#pagenav    { clear: both; margin-top: 20px; background: #eee; padding: 10px; text-align: center; }

#artcont img { border: solid 1px #aaa; float: left; margin: 0 10px 10px 0; }

#article_sidebar { float: right; width: 200px; border-left: solid 1px #EADAC2; padding: 10px 0 0 20px; }
#article_container { float: left; width: 520px; }

#comments      { }
#comments ol   { padding-left: 25px; }
#comments li   { list-style: decimal; }
#comments h3   { background: #e5e5e5; padding: 3px 0; }
.cometa        { float: right; }
#addc          { margin-bottom: 10px; }
#addc td       { vertical-align: top; }
#addc input    { width: 200px; }
#addc textarea { width: 480px; height: 80px; }


/* footer */
#footer   { color: #555; padding: 10px 0 10px 0; font-size: 0.85em; text-align: center; clear: both; }


/* general */
.error { color: red; }