body { background: url("http://cynthia.paper-cranes.net/images/bg.png") repeat; text-align: center; margin: 0 auto; padding: 0; font-family: "century gothic", arial; font-size: 11px; color: #A7A7A7; }
#container { margin: 0 auto; width: 800px; height: 100%; }
#header  { width: 100%; background: url("http://cynthia.paper-cranes.net/images/headerbg.png") repeat-x; height: 370px; text-align: center; margin: 0 auto; }
.header { width: 800px; height: 370px; background: url("http://cynthia.paper-cranes.net/images/header.png") no-repeat; margin: 0 auto; padding: 0; text-align: center; }
.featured { position: relative; width: 715px; height: 83px; top: 150px; left: 49px; float: left; text-align: center; overflow-y: scroll; }
#back { float: left; width: 800px; height: 100%; background: url("http://cynthia.paper-cranes.net/images/back.png") repeat-y; margin: 0; padding: 0 0 100px 0; }
#content { float: left; left: 49px; width: 705px; padding: 7px; margin: 0; position: relative; text-align: justify; }
#footer { text-align: right; width: 100%; height: 115px; clear: both; background: url("http://cynthia.paper-cranes.net/images/footerbg.png") repeat-x; padding: 0; margin: 0; text-align: center; float: left; color: #000000; }
.footer { float: left; padding: 20px; height: 75px; margin: 0; text-align: justify; }
.credit { float: right; width: 419px; height: 115px; padding: 0; margin: 0; }

h1 { font-family: georgia, century; font-size: 40px; color: #CDCDCD; font-weight: normal; padding: 0; margin: 5px; border-bottom: 1px solid #6DCFF6; }
h1:first-letter { font-size: 50px; color: #6DCFF6; }
h2 { background: url("http://cynthia.paper-cranes.net/images/h2.png"); font-family: georgia, century; font-weight: normal; font-size: 20px; color: #17393E; text-align: center; }

blockquote { background: #8FBEC9; padding: 15px; border-bottom: 20px solid #303030; color: #ffffff; }

b { color: #315E65; }
i { color: #76A8B2; }
u { color: #76A8B2; border-bottom: 1px dotted #315E65; }
s { color: #BDECF5; }

a:link, a:visited, a:active { text-decoration: none; color: #47727B; }
a:hover { color: #bdecf5; }

input, textarea, code, select { text-align: justify; background: url("http://cynthia.paper-cranes.net/images/h2.png"); color: #17393e; border: 2px dotted #17393e; margin: 0; padding: 5px; font-family: "century gothic", arial; font-size: 11px; }

.layout { width: 170px; padding: 10px; margin: 5px; height: 140px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 0; }
.texture { width: 150px; padding: 10px; margin: 5px; height: 110px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 0; }
.materials { width: 180px; padding: 10px; margin: 5px; height: 110px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 0; }
    
.layout img, .texture img, .materials img { margin: 0 0 5px 0; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; padding: 0; border: 5px solid #5A554B; }
.layout:hover img, .texture:hover img, .materials:hover img { filter:alpha(opacity=80); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; border: 0;   }

.caption-top, .caption-bottom { color: #ffffff; padding: 1.2em; font-weight: normal; font-size: 10px; font-family: "century gothic", arial; cursor: border: 0px solid #000000; background: #000000; cursor: hand; }
.caption-top { border-width: 0px 0px 0px 0px; }
.caption-bottom { border-width: 0px 0px 0px 0px;  }
.caption a, .caption a { border: 0 none; text-decoration: none; background: #000000; padding: 0.3em; }
.caption a:hover, .caption a:hover { background: #000000; }
br.c { clear: both;  }

table, tr, td { padding: 0; margin: 0 auto; }

.page, a.page:link, a.page:visited { padding: 5px; margin: 2px; background: #CDCDCD; color: #0076A3; border: 1px solid #0076A3; }

a.page:active, a.page:hover { color: #00AEEF; border: 2px solid #00AEEF; background: #E6E6E6; }