/* reset defaults */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea { margin: 0; padding: 0; }
html, body { height: 100%; margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* base */
body { font-family: Helvetica, Arial, sans-serif; color: #666; background: #999 url('../assets/common/bg.png') repeat-x 0 0; font-size: 13px; }
a { color: #7696f3; text-decoration: none; }
a:visited { }
a:hover { text-decoration: underline; }
a:active { }
h1 { color: #000; font-size: 24px; font-weight: bold; margin: 0 0 12px 0; }
h2 { color: #000; font-size: 18px; font-weight: bold; margin: 0 0 12px 0; }
h3 { font-size: 13px; font-weight: bold; margin: 0 0 6px 0; }
p { font-size: 13px; line-height: 21px; margin: 0 0 12px 0; }
p.error { padding: 10px; margin: 0 0 12px 0; border: 1px solid #ff0000; color: #ff0000; display: block; background: #ff9999; }
em { font-weight: italic; }
strong { font-weight: bold; }
label { color: #666; clear: both; display: block; margin: 8px 0 0 0; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.input-text { font-family: Helvetica, Arial, sans-serif; font-size: 16px; border: 1px solid #ccc; color: #444; padding: 3px; }


div#wrapper { }
div#admin { background: #666; width: 100%; clear: both; height: 30px; }
div#container { width: 700px; margin: 0 auto; position: relative; background: #fff; padding: 15px; border-left: 7px solid #bbb; border-right: 7px solid #bbb; }
div#header { padding: 0 0 5px 0; clear: both; }
div#footer { padding: 35px 0 0 0; margin: 0; }
div#footer p { padding: 0; margin: 0; }


div#header h1 a { text-decoration: none; color: #000; }
div#admin ul { display: block; float: right; clear: both; }
div#admin ul li { display: block; float: left; padding: 5px; }
div#admin ul li a { display: block; color: #fff; text-decoration: none; background: #444; float: left; padding: 3px 6px; font-size: 12px; }

div.admin-block { display: block; border: 1px solid #ccc; background: #eee; padding: 15px; }
div#flashbox { padding: 10px; margin: 0 0 12px 0; border: 1px solid #569464; color: #569464; display: block; background: #9bd8a0; position: fixed; width: 97%; top: 0.5%; left: 0.5%; display: none; }
div#flashbox p { margin: 0; padding: 0; }

div.login-panel { display: block; border: 1px solid #ccc; background: #eee; width: 300px; padding: 15px; margin: 0 auto; }
div.entries ul li { margin: 0 0 25px 0; }
div.entries ul li .image { text-align: center; }
div.entries ul li .image img { margin: 0 0 10px 0; }

.btn { display: block; background: #7696f3; border: 1px solid #134cd1; padding: 4px 6px; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #fff; }
.medium { width: 290px; }
.long { width: 400px; }

div#nav { width: 700px; clear: both; height: 30px; }
div#nav ul { display: block; float: right; margin: 0 0 15px 0; }
div#nav ul li { display: inline; text-align: right; padding: 0 0 0 5px; }
div#nav ul li a.selected { color: #fff; background: #000; padding: 2px 4px; }

div#header h1 a { display: block; height: 0; padding-top: 120px; width: 700px; overflow: hidden; background: #477fae url('../assets/common/header.gif') no-repeat 0 0; }