html                                    {margin:0;padding:0;}
body                                    {margin:0;padding:0;font-family:Helvetica,Arial,sans serif;font-size:medium;line-height:1.45;background-color:#FFF573;background-image:url(../img/bg-pattern-10pc.png);}
/* background-color:#A60000;color:#FFF940; FFE940 E9FB00 #FFF073 #FFE400*/

a                                        {}
a:visited                                {}
a:hover                                    {text-decoration:none;color:#ff3900;}
/* padding:4px 12px 4px 12px;background-color:#ffffff;text-decoration:none;font-size:80%; */

h1                                        {}
h2                                        {}
h2.first                                {margin-top:0;}

p                                        {margin-top:0;}

ul                                        {}
ul li                                    {}

table                                    {border-collapse:collapse;margin:0;padding:0;}
table tr                                {}
table tr td                                {}

/* https://wiki.whatwg.org/wiki/Presentational_elements_and_attributes */
td.l, th.l                              {text-align:left;}
td.c, th.c                              {text-align:center;}
td.r, th.r                              {text-align:right;}

#main                                    {margin:24px auto;width:900px;background-color:#FFE400;}
/* */
#content                                {padding:8px 24px 24px 24px;display:table;}

#header                                    {background-color:#873e00;padding:48px 0 12px 0;color:;text-align:center;background-image:url(../img/header-bg-gradient.png);border-bottom:0px solid #873e00;}
/* background-image:url(../img/bg-pattern-25pc.png); */
#claim                                    {background-color:#873e00;text-align:center;color:#ffffff;}
#claim p                                {padding:4px;margin:0;text-shadow:-1px -1px 1px #000000;}

/* #emotion                                {background-image:url(../img/portrait-stratosphere.jpg);height:200px;overflow:hidden;background-repeat:no-repeat;background-position:0 -100px;} */
#emotion                                {height:200px;overflow:hidden;border-top:8px solid #873e00;border-bottom:8px solid #873e00;text-align:center;}
#emotionPic                                {background-image:url(../img/portrait-sf-vista-point-sepia-wide.jpg);height:200px;background-repeat:no-repeat;background-position:0 -100px;position:relative;}
#emotionPic p                            {display:none;margin:0;padding:8px;position:absolute;bottom:0;right:0;background-color:#3A2804;color:#FFFFFF;font-size:80%;}

#footer                                    {background-color:#873e00;padding:8px;margin:0;background-image:url(../img/bg-pattern-25pc.png);color:#FFFFFF;text-shadow:-1px -1px 1px #000000;}

#header h1                                {font-size:350%;padding:0;margin:0 0 0 0;color:#ffffff;text-shadow:-1px -1px 1px #000000;text-transform:;line-height:1;}
/* text-shadow:-1px -1px 1px #FFFFFF; */
#header p                                {margin:0;padding:4px 0 0 0;color:#FFFFFF;text-shadow:-1px -1px 1px #000000;}
/* border-top:1px solid #000000; */
#header p.dob                            {font-size:80%;margin:0 0 12px 0;}

#footer a                                {color:#ffffff;}

#left                                    {display:table-cell;width:400px;padding:0;margin:0;} /* margin:0 425px 0 0; */
#left h1                                {margin-bottom:0;}
#left h2, #right h2                        {background-color:;padding:8px 8px 0 0;border-bottom:1px solid #A64B00;color:#A64B00;}

#right                                    {display:table-cell;width:400px;padding:0 0 0 50px;margin:0;}/* FFE400 background-color:#FFF073; */
#right div.container                    {padding:0;background-color:;}/* #A64B00 A67C00 */
#right h3                                {margin:0;padding:0;}
#right h3 a                             {color:black;text-decoration:underline;}

#copy                                    {font-size:80%;text-align:right;margin:0;padding:0;}

table.contact                            {width:100%;margin:8px 0 36px 0;border-top:1px solid #d7ad00;border-bottom:1px solid #d7ad00;line-height:1;}
table.contact tr                        {}
table.contact tr td                        {padding:8px;border-bottom:1px solid #d7ad00;} /* c39100 */
table.contact tr td.legend                {width:40%;color:;font-weight:bold;background-image:url(../img/bg-pattern-10pc.png);color:#A64B00;}
/* opacity:0.33; */

.period                                 {text-align:right;font-size:80%;margin-top:12px;}

ul.chronology                           {list-style-type:none;margin:0;padding:0;}
ul.chronology li                        {margin:0 0 24px 0;padding:8px;background-image:url(../img/bg-pattern-10pc.png);}
ul.chronology li h3                     {margin:0;}
ul.chronology li p                      {margin:0;}
ul.chronology li p.subtitle             {font-style:italic;}
ul.chronology li p.teacher              {font-size:80%;margin-bottom:24px;} /* text-align:right; */
ul.chronology li p.download             {margin-bottom:36px;vertical-align:middle;}
ul.chronology li p.download a           {background-image:url(../img/pdf.png);background-position:;background-repeat:no-repeat;padding:6px 0 36px 40px;}
ul.chronology li p.abstract             {margin-bottom:24px;}
ul.chronology li p.date                 {font-style:italic;margin-bottom:12px;font-size:80%;}

ul.courses                              {list-style-type:none;margin:0;padding:0;}
ul.courses li                           {margin:0 0 8px 0;padding:4px;font-size:90%;background-image:url(../img/bg-pattern-10pc.png);}

div.footer                              {font-size:70%;text-align:right;margin:8px 0 0 0;}
div.footer img                          {width:32px;height:32px;vertical-align:top;}
div.footer div.attrib                   {display:inline-block;margin:0 0 0 24px;text-align:left;}
div.footer div.attrib div.gaultMillau   {background-image:url(/img/gault-millau-gold.empty.32px.png);background-repeat:no-repeat;width:32px;height:32px;text-align:left;padding:4px 0 0 8px;margin:0;}

.stats                                  {border-collapse:collapse;border-top:2px solid #A64B00;border-bottom:2px solid #A64B00;margin-bottom:48px;width:100%;}
.stats tr                               {}
.stats tr td, .stats tr th              {padding:8px 16px 8px 16px;}
.stats tr td                            {border-bottom:1px dashed #A64B00;}
.stats tr th                            {border-bottom:1px solid #A64B00;}