@charset "utf-8";

/* Box Model & Visual Formatting Model
--------------------------------------------------- */
* { padding:0; margin:0; border-width:0; }
li { list-style:none inside; }
html { height:100%; width:100%; }
body { width:52em; min-height:100%; max-width:95%; min-width:400px; padding:0; border-width:0 10px 0 0; }
div.head { padding:15px 15px 0; }
h1 { margin-bottom:0.2em; padding-bottom:0.3em; }
	h1 span { margin-left:0.3em;  }
p { margin:10px 0; }
h2 { margin:1em 0 0.2em; padding:0; }
ul.support-list { margin-top:-10px; }
	ul.support-list li { display:inline; }
	ul.support-list li::after { content:", "; margin-right:5px; }
	ul.support-list li:last-child::after{ content:""; }
	ol#works li { min-height:185px; padding:0.5em 1em 0.7em; border-width:1px 0 0; }
	ol#works li::after { clear:both; display:block; content:""; height:0; }
	h3 { width:90%; margin-bottom:0.5em; padding-bottom:0.25em; float:left; }
	p.date { float:right; }
	ol#works div.content { clear:left; }
div.thumb { margin-right:10px; float:left; }
	div.thumb a, div.thumb img { display:block; }
	div.thumb a { border-width:1px; }
div.footer { padding:10px; text-align:right; }

/* Colors, Background & Decoration
--------------------------------------------------- */
* { border-style:solid; }
a { text-decoration:none; color:#b9121b; }
a:hover { color:#cd565a; }
a:active { color:#e19b99; }
html { background:#cb8d89; }
body { background:#fcf6ed; border-color:#bf545b; color:#454545; }
h1, h3 { background:url(../_img/heading_underline.png) no-repeat left bottom; }
h1 span, h3 { color:#b9121b; }
h3 a:hover { text-decoration:underline; color:#b9121b; }
p, ul.support-list li { font-weight:bold; }
p.note { font-weight:normal; }
ul.support-list li {color:#808080; }
ul.support-list li::after { color:#454545; }
h2 { font-weight:bold; }
ol#works li { border-color:#f0afaa; background:#fcfae1 url(../_img/bckg_item.png) repeat-x bottom; }
div.thumb a { border-color:#BD8D46; }
div.thumb a:hover { border-color:red; }
div.footer { background:#4C1B1B; color:#F6E497; font-weight:bold; }

/* Font Size, Family & Text spacing
--------------------------------------------------- */
body { font:0.88em Arial, Helvetica, sans-serif; }
	h1, h3 { font-size:1.29em; }
	address { font-size:0.86em; line-height:1.33em; }
	p, ul.support-list li { font-size:0.86em; }
	h2 { font-size:1.07em; }
	p.date { font-size:0.79em; }

	
/* Other
--------------------------------------------------- */