* { margin: 0; padding: 0; border: 0; font-size: 10px; font-family: verdana, sans; line-height: 100%; }
* * { font-size: 1em; }
a { text-decoration: none; font: 1.2em verdana, sans; font-weight: bold; color: #162e89; }
a:hover { text-decoration: underline; }
body { padding-bottom: 3em; background: #0f2c7d url(../img/bg.gif) center repeat-y; }
h3 { font-size: 1.6em; }
hr { margin: 2em 0 2em 0; border-bottom: 1px solid #ddd; }
ol { font-size: 1.3em; font-weight: bold; }
ol li { list-style-type: decimal; }
li { list-style-position: inside; list-style-type: none; }
p { font: 1.2em verdana, sans; font-weight: bold; color: #111; }
p a { font-size: 1em; }

/*FORMS*/
fieldset { margin-top: 1.5em; padding: 1em; background: #f8f8f5 url(../img/fieldset_bg.gif) bottom repeat-x; border: 1px solid #c1c1c1; }
legend { padding: .4em 5em .4em 5em; background: #234098 url(../img/legend_bg.gif) bottom repeat-x; border: 1px solid #0d1e7a; font: 1em verdana, sans; font-weight: bold; text-align: center; color: #fff; }

form { font-size: 1.8em; }
form li { margin: .8em 0 .8em 0; }
button { float: right; height: 1.8em; margin-top: 1em; padding: 0 2em 0 2em; background: #234098; border: 1px solid #0d1e7a; font-weight: bold; line-height: 1.8em; color: #fff; cursor: pointer; }
button:hover { background: #f0ba37; border: 1px solid #a67b1f; }
input, textarea, select { display: inline-block; width: 22em; padding: .4em 1em 0 .4em; background: #e5f5f9; border: 1px solid #bbdae5; font-family: trebuchet ms, sans; color: #2c2c2c; }
input { height: 1.5em; }
label { display: inline-block; width: 18em; font-family: verdana, sans; font-weight: bold; color: #234199; }
select { width: auto; padding: .2em; }
textarea { width: 22.8em; padding-right: 0; line-height: 1.5em; }
form .error { border: 1px solid red; }
form h3 { font-size: 1em; }
form p { font-size: .7em; }

/*TABLES*/
table { width: 100%; background: #0d1e7a; border-spacing: 1px; font: 1em verdana, sans; font-weight: bold; text-align: center; color: #111; }
table input { width: 15em; }
td, th { padding: .5em 0 .4em 0; }
td { background: #fff; border: 1px solid #fff; }
td:hover{ background: #eee; }
th { background: #162e89; border: 1px solid #fff; color: #fff; }
tr { background: #fff; }
table label { display: inline; width: auto; }

/*LAYOUT*/
#top { height: 1.9em; background: #87dd13 url(../img/top_bg.gif) bottom repeat-x; }
#scene { height: 11em; background: #3058b5 url(../img/scene_bg.gif) bottom repeat-x; border-top: 1px solid #2548a5; border-bottom: 1px solid #3555a7; }
#scene .inner { height: 100%; background: url(../img/scene_shading.png) top left no-repeat; border-top: 1px solid #446bbf; border-bottom: 1px solid #0b196c; }
#scene h1 { margin-top: .9em; font: 3em Lucida Sans Unicode, trebuchet ms, sans; color: #fff; }
#scene h2 { margin-left: 3.8em; font: 1em verdana, sans; color: #fff; }
#scene p { margin-top: -2.8em; font: 1.4em Lucida Sans Unicode, trebuchet ms, sans; font-weight: bold; color: #fff; }
#menu { border-bottom: 1px solid #0b196c; }
#menu .inner { height: 4em; background: #0d1e7a url(../img/menu_bg.gif) top repeat-x; border-bottom: 1px solid #3555a7; }
#menu a { display: block; float: left; margin: .3em 1em 0 0; padding: .2em .7em .2em .7em; font: 1.8em tahoma; font-weight: bold; text-decoration: none; color: #fff; }
#menu a:hover { padding: .2em .7em .2em .6em; background: #234199 url(../img/menu_link_bg.gif) bottom repeat-x; border: 1px solid #0d1e7a; }
#directory { padding: 2em; }
#directory a { display: block; float: left; width: 29%; padding: 2%; font: 1.8em Lucida Sans Unicode, trebuchet ms, sans; font-weight: bold; }

#login { margin-top: 15em; }
#recipbox { width: 47em; font-size: 1.8em; }

/*RE-USEABLE ELEMENTS*/
.box { margin-top: 3em; background: #fff url(../img/box_top_bg.gif) repeat-x; }
.box .inner { padding: 3em 1em 3em 1em; background: url(../img/box_bottom_bg.gif) bottom repeat-x; }
.box .head { height: 1.8em; padding: .7em 1em .7em 1em; background: #234199 url(../img/head_bg.gif) bottom repeat-x; border: 1px solid #0d1e7a; }
.box .head h1 { font: 1.8em verdana, sans; line-height: 100%; font-weight: bold; color: #fff; }
.box .head p { line-height: 100%; color: #fff; }
.box .head b { font: 1em verdana, sans; font-weight: bold; color: #b5ff50; }
.box .head a { color: #f0ba37; }
.box table .edit, .box table .remove { margin-top: .3em; margin-right: auto; margin-bottom: .3em; margin-left: auto; }

.white_block { height: 1em; margin-top: 1em; padding: .9em 1em .9em 1em; background: #fafaf7 url(../img/white_block_bg.gif) bottom repeat-x; border: 1px solid #bfbfbf; }

.paging p { margin: .6em 0 .6em 0; font-size: 1.1em; }
.paging a { display: block; float: left; width: 2em; height: 2em; margin-right: .5em; border: 1px solid #162e89; font-size: 1.1em; line-height: 2em; text-align: center; }
.paging a:hover { background: #162e89; text-decoration: none; color: #fff; }

#categories div { float: left; width: 29.2em; padding: .5em 0 .5em 0; }

.listing { padding: .5em 1em .5em 1em; border-bottom: 1px solid #87dd13; }
.listing.single h2 { margin-bottom: 1em; border-bottom: 1px solid #87dd13; }
.listing h2 a { font-size: 1.6em; }
.listing h3 { margin: 1em 0 1em 0; font-size: 1.4em; }

/*MARGINS*/
.mt10 { margin-top: 1em; }

/*CLASSES*/
.auto_margin { margin-right: auto; margin-left: auto; }
.blue { color: #152c87; }
.center { text-align: center; }
.check { width: 1.2em !important; margin: 0 !important; }
.clear { clear: both; }
.edit { display: block; width: 1.2em; height: 1.2em; background: url(../img/edit.gif) center center no-repeat; }
.left { float: left; }
.message { padding: .5em 1em .5em 1em; background-position: 1em center; background-repeat: no-repeat; border-top: 1px solid #87dd13; border-bottom: 1px solid #87dd13; }
.message.error { margin-top: 1em; padding-left: 3.5em; background-image: url(../img/mico_cross.gif); font-size: 1.4em }
.message.info { margin-top: 1em; padding-left: 3.5em; background-image: url(../img/mico_info.gif); font-size: 1.4em }
.message.tick { margin-top: 1em; padding-left: 3.5em; background-image: url(../img/mico_tick.gif); font-size: 1.4em }
.message textarea { font-size: 1em !important; }
.red { color: #dd1313; }
.remove { display: block; width: 1.2em; height: 1.2em; background: url(../img/remove.gif) center center no-repeat; }
.right { float: right; }
.width { width: 90em; margin-right: auto; margin-left: auto; }