/* =GLOBAL */

body {background-color: #fff; font-family: Arial, sans-serif;}

h1 {font-size: 14px; font-weight: bold; color: #fff; background-color: #787878; padding: .2em 0; letter-spacing: .08em; margin: 0; width: 550px;}

div { margin: 0; padding: 0; background-color: #ccc;}

form {display: inline;}

th {color: #fff; font-size: 12px; font-weight: bold; background-color: #787878;}

#theformbuttons {display:inline;}

#inputtext { background-color : #fff; border : 1px double #787878; border-top-color : #787878; color : #323232; padding: 0 .1em;}
#inputtext:hover { background-color : #eee; border : 1px double #000; border-top-color : #000;}


/* =LOGIN */

#smallheader {width: 350px;}

#username {padding: 3.5em 0 .2em 0;}

#password {padding: .2em 0 .5em 0;}

#loginbutton {padding: 0 0 4.8em 0;}

#username, #password, #loginbutton {width: 350px;}

/* =MAIN PAGE */

#main_container {width: 550px; height: 5em; margin-bottom: 1em; display: block; }

#addbutton, #editbutton {float: left; display: inline; clear: left; position:relative; left:5px;}

#addbutton {top:10px;}

#editbutton {top: 25px;}

#gobutton {display: inline; float: right; position:relative; top:30px; right: 5px;}

/* =ADD PAGE =EDIT PAGE*/




/* =ENTRY */

#blog_subject, #blog_date, #blog_body {background-color: #fff; width: 490px;}

#blog_subject {color: #323232; font-size: 18px; font-weight:bold; border-bottom: solid thin; padding-left: .2em; width: 15em;}

#blog_date {color: #323232; font-size: 13px; font-style:italic; padding-left: .6em;}

#blog_body {color: #787878; font-size: 13px; padding-bottom: 4em;}


/* =EDIT PAGE */




/* =MANAGE PAGE */

#edittable {width: 550px; text-align: center; border: 1px white; margin: 0; padding: 0;}

#entries {width: 550px; background-color: #ccc; margin: 0; padding: 0;}

#events {color: #323232; font-size: 10px; background-color: #eee;}

#events:hover { background-color: #E6E6E6;}

#events td {padding: .5em 0;}

#menu {background-color: #ccc; width: 550px; padding: 1em 0 1em 0; margin-bottom: 1em;}

#edit {float: left;}
#delete {float: right;}

.editheader {width:230px;}