body { font: 13px Arial, sans-serif; text-align: center; background: url('../img/top-background.png') 0px -23px repeat-x #eee }

#content { width: 860px; padding: 1px 15px 10px 15px; background: url('../img/background.png') top center repeat-y; margin: 0px auto; text-align: left }
#content-bottom { width: 890px; height: 10px; background: url('../img/background-bottom.png') top center no-repeat; margin: 0px auto; }
#content-top { width: 890px; height: 10px; background: url('../img/background-top.png'); margin: 0px auto; }

#nav { width: 890px; height: 27px; margin: 0px auto 15px auto; }
#nav ul { list-style-type: none; width: 890px; height: 27px; margin: 0px auto 15px auto; padding: 0px }
#nav ul li { float: left; margin: 0px 5px }
#nav ul li a { background: #eee; color: #666; display: block; height: 15px; padding: 5px 7px; margin-top: 5px; font: bold 13px Arial, sans-serif; text-decoration: none; }
#nav ul li a:hover, #nav ul li a.highlight { color: #333; height: 17px; margin-top: 3px; }
#nav ul li.last-child { float: right; }

h1 { font-size: 18px; color: #333; margin: 10px 0px; }
h2 { font-size: 14px; color: #333; margin: 10px 0px; }

a.create { padding-left: 18px; background: url('../img/page_add.png') center left no-repeat; }
a.update { padding-left: 18px; background: url('../img/page_edit.png') center left no-repeat; }
a.delete { padding-left: 18px; background: url('../img/page_delete.png') center left no-repeat; }

/* Form styles */
fieldset legend { font: bold 16px Arial, sans-serif; }
.label { font-weight: bold; display: block; padding: 3px 3px 3px 0px; margin-top: 5px; }
.button { margin-top: 20px; }
.select { min-width: 200px; }

/* Form styles for specific forms */
#title, #url { width: 500px; }
#meta { width: 500px; height: 40px; }
#body { width: 700px; height: 200px; }
#template { min-width: 275px; }

/* Other styles */
p small { font-size: 11px }

a { padding: 3px; color: #333; }
a:hover { background-color: #ffd; text-decoration: none; }
a img { border: none; vertical-align: middle }
a.pagination-link { border: 1px solid #3F4954; padding: 3px 6px 1px 6px }
a.pagination-link.highlight { background: #282E38; color: #F5F8F9 }

.align-center { text-align: center }
.no-margin { margin: 0px }

/* Various table styles */
table { border: 1px solid #666; width: 100%; }
td { padding: 3px 2px; border-bottom: 1px solid #ccc }
th { padding: 3px 2px; background: #eee; color: #333; border-bottom: 1px solid #ccc }
tr:hover, tr.alt:hover { background: #ffc }
tr.alt { background: #ffe }

td.nav { background: url('../img/nav-node.png') 2px 3px no-repeat; padding-left: 20px; width: 40% }
td.subnav { background: url('../img/subnav-node.png') 10px 3px no-repeat; padding-left: 40px; width: 40% }
td.subnav.last { background: url('../img/subnav-node-last.png') 10px 3px no-repeat }

td.subsubnav { background: url('../img/subsubnav-node.png') 10px 3px no-repeat; padding-left: 57px; width: 40% }
td.subsubnav.last { background: url('../img/subsubnav-node-last.png') 10px 3px no-repeat }

td.url { font-size: 11px }

th.actions, td.actions { text-align: center; width: 150px }

.debug { background: url('../img/debug.png') top right no-repeat #ffc; border: 2px solid #666; padding: 20px; font-size: 10px }
.flash { color: green }
.error { color: red }
.accessibility { position: absolute; left: -9999px }
/*.focus { background: #ffd }*/