#page { width: 970px; padding: 1em 0; }

#header { position: relative; padding: 0 1em; }
#header h1 { margin: 1.2em 0; font-size: 1.4em; font-weight: normal; float: left; }


#menu { position: absolute; right: 1em; bottom: 0em; text-transform: uppercase; text-align: right; white-space: nowrap; }
#menu ul { display: block; }
#menu li { display: inline; }
#menu li:before { content: "|"; padding: 0 0.6em; color: #555; }
#menu *:first-child:before {  content: ""; }
#menu p { text-align: right; font-size: 70%; margin-top: 0.4em; }

#content { padding: 1em; }

#footer { text-align: center; font-size: 0.9em; }

.collapsable .collapsable-toggle { display: block; padding: 0.2em 0.4em; text-decoration: none; cursor: pointer; font-size: 76%; }

.options { padding: 0.4em; margin: 1em 0; line-height: 160%; }
.options p,
.options ul { margin: 0; padding: 0; }
.options ul.actions li { display: inline; padding-right: 0.8em; }
.options ul.actions li:before { content: '›'; padding-right: 0.4em; }

.ajax-search { padding: 0 10% 1em; font-size: 90%; }
.ajax-search input { width: 70%; height: 1.4em; padding: 1px 24px 1px 2px; background-image: none; background-position: 98% center; background-repeat: no-repeat; }
.ajax-search input.loading { background-image: url(../img/spinner.gif); }

.design { padding-bottom: 2em; }
.design dl { padding-left: 240px; }
.design .image { width: 200px; padding: 0 20px 30px; }
.design .image img { vertical-align: top; }

.design-large { margin: 1em 0; }

.pagination { text-align: right; }

div.comment { margin: 0 1em 1em; border-bottom: dotted 1px #444; }
div.comment .details,
div.comment .status { font-size: 0.8em; }
div.comment .status span { font-weight: bold; }

form.search select { width: 14em; }
form.search button { margin-left: 2em; }

form.comment fieldset { border: 0; }
form.comment fieldset.float-left { padding-right: 2em; }
form.comment fieldset.submit { border-top: dotted 1px #444; }
form.comment textarea { height: 8em; }