@import "boilerplate.css";
@import "plugins.css";

/* Site-wide Width */
#header .inside, #navigation .inside, #content, .siteInside {
	margin: 0 auto 0 auto;
	width: 900px;
}

.column {float: left;}
.primary {width: 590px; margin-right: 10px;}
.secondary {width: 320px;}

a { text-decoration: none; color:#666;}
a:link {}
a:visited {}
a:focus {}
a:hover { text-decoration: underline;}
a:active {}

strong { font-weight: bold; } /* what is the point of resetting this?! */
pre { color: #000; background: #bbdd55; padding: 1em; font: 13px Consolas, Courier New, monospace; }

/* Success, notice and error boxes */
.error,.notice,.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
#authMessage{ margin-bottom: 1em; }

/* Paging */
div.paging { color: #ccc; margin-bottom: 2em; font-size: 14px;}
div.paging div.disabled { color: #ddd; display: inline;}
div.paging span {}
div.paging span a {}

/* Extend hform */
form.hform div input, form.hform div textarea, form.hform div select { border:1px solid #bbb;}
form.hform div input { font-size: 14px; padding: 2px; }
form.hform div select { font-size: 14px; padding: 2px; }
form.hform div label { padding-top: 2px; font-weight: normal; font-size: 14px;}
form.hform div.text input.little { width: 46px;}
form.hform div.text input.medium { width: 100px;}
form.hform div.textarea textarea { width: 290px; height:120px; font-size: 14px;}
form.hform div.textarea textarea.little { width: 290px; height: 80px;}
form.hform div.date select { width: auto;}
form.hform div.time select { width: auto;}
form.hform div.submit input { width: auto;}

/* Breadcrumbs */
#breadcrumbs { margin: 4px; font-size: 14px;}

/* Actions */
div.actions { margin: 0; padding: 0;}
div.actions ul { float: left; }
div.actions ul li { float: left; list-style: none; margin: 0 30px 0 0; padding: 0; }
div.actions ul li a { float: left; display: block;}
/* Clearing floats without extra markup  */
div.actions { display: inline-block; }
div.actions:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html div.actions { height: 1%; }
div.actions, div.actions li ul { display: block; }

/* Tables */
table {margin-bottom:1.4em;width:100%; font-size: 0.9em; border: solid 1px #aaa;}
th {font-weight:bold;background:#ddd;}
th a { font-weight: bold; }
th, td {padding:4px 10px 4px 5px; border: solid 1px #aaa;}
tr.even td {background:#f0f0f0;}
tfoot {font-style:italic;}
table.noborder, table.noborder th, table.noborder td { border: none; }

/* HEADER */
#header { padding: 20px; background: #333; border-bottom: 2px solid #222; }
#header h1 { margin-bottom: 0; font-size: 20px; line-height: 20px; color: #fff; }
#header #user_info { position: absolute; top: 40px; right: 10px; font-size: 14px;}
#header #user_info a { color: #dddddd; }

/* NAVIGATION */
#navigation { padding: 0 10px; background: #ddd; border-bottom: 2px solid #bbb; }
#navigation .tabs a { padding: 5px 10px; color: #666; text-decoration: none; }
#navigation .tabs a:hover { background: #bbb; color: #333; }
#navigation li.last { border-left: 1px solid #666; border-right: 1px solid #666; margin-left: 50px; }

/* BODY */
#body { padding: 20px; padding-bottom: 0; }
#body h2 { font-size: 22px;}
#content { margin: 20px 50px 0; }

/* FOOTER */
#footer { padding: 10px 20px; border-top: 1px solid #eee;}
#footer .tabs { font-size: 13px; }
#footer .tabs li { margin-right: 20px; }
#footer .tabs a { color: #999; text-decoration: none; }
#footer p.quiet { color: #ccc; }

.half_width { width: 50%; padding: 4px 0; margin: 0;}