html,
body{
    background: #fff;
    margin: 0;
    padding: 0;
    min-width: 46em;
}

html{
	background: #002144;
	background: #214367;
}

body{
    font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
    font-size: .85em;
    color: #203a50;
    width: 70em;
    margin: 0 auto;
    border: 4px solid #2763a3;
    border-top: none;
    background: #fff;
}

#main-header,
#main-content,
#main-footer{
    padding: 0 2em;
}

#main-header{
    height: 100px;
    background: url('/images/main/header_background.png') center center no-repeat #63a2fa;
    position: relative;
}

#main-header #main-header-logo{
    margin-top: 4px;
    margin-left: -8px;
}

#main-content{
	padding-right: 0;
	min-height: 300px;
	padding-top: 1em;
	background: url('/images/gradients/shadow_south.png') 0 0 repeat-x #fff;
	line-height: 1.5;
}

#main-content-view{
	float: left;
	width: 50em;
}

#main-footer{
    margin: 2.5em 0 0;
    padding: 0.5em 0 1em;
    text-align: center;
    font-size: 0.85em;
    color: #abc;
    clear: both;
}

#main-footer a{
	color: #79c;
}

ul.navigation{
    padding: 0 0 0 1.5em;
    background: url('/images/main/nav_background.png') center center repeat-x #bac1c5;
    margin: 0;
    list-style-type: none;
    border-bottom: 1px solid #789;
    overflow: hidden;
}

ul.navigation > li{
    float: left;
    margin-right: 0.5em;
    position: relative;
}

ul.navigation > li a{
    display: block;
    padding: 5px 1em;
    color: #456;
    font-weight: bold;
    text-decoration: none;
}

ul.navigation > li:hover a{
	background: url('/images/main/nav_background_hover.png') center center repeat-x #f2f4f6;
}

ul.navigation > li.active a{
    font-weight: bold;
    color: #36d;
    background: url('/images/main/nav_background_hover.png') center center repeat-x #f2f4f6;
}

ul.navigation > li ul{
	display: none;
	position: absolute;
	z-index: 50;
	top: 10px;
	left: 0px;
	background: #fff;
	border: 1px solid #abc;
}

ul.navigation > li:hover ul{
	display: block;
}

ul.sidebar{
	background: #f1f5f7;
	list-style-type: none;
	margin: 1em 0 0 52em;
	padding: 1em 1.5em 0 1em;
	border: 1px solid #aac1cc;
	border-right: none;
	-moz-border-radius-bottomleft: 1em;
	-moz-border-radius-topleft: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-webkit-border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
	border-top-left-radius: 1em;
}

ul.sidebar li{
	margin: 0;
	padding: 0;
}

ul.sidebar li a{
	display: block;
	padding: 0.3em 0.6em 0.3em 20px;
	background: url('/images/icons/fatcow/small/bullet_white.png') 0.15em 0.3em no-repeat transparent;
}

ul.sidebar li a:hover{
	background-image: url('/images/icons/fatcow/small/bullet_green.png');
	background-color: #def;
}

ul.sidebar li.active > a{
	background-image: url('/images/icons/fatcow/small/bullet_blue.png');
	background-color: #def;
	font-weight: bold;
}

ul.sidebar > li > ul{
	list-style-type: none;
	margin: 0 0 1em;
	padding: 0;
}

ul.sidebar > li > ul ul{
	list-style-type: none;
	margin: 0 0 0 1.5em;
	padding: 0;
}

ul.sidebar > li dl{
	margin: 0.5em 0 1em;
	padding: 0;
	list-style-type: none;
	font-size: 0.85em;
}

ul.sidebar > li dl dt{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul.sidebar > li dl dd{
	margin: 0;
	padding: 0;
}

ul.sidebar > li dl dd p{
	margin: 0 0 1em 20px;
}

div.breadcrumbs{
	font-size: 0.85em;
}

div.breadcrumbs img.icon{
	margin: 0 0.3em 3px;
}

div.auth-panel{
	position: absolute;
	bottom: -1.6em;
	right: 2em;
}

div.auth-panel a.logout{
	color: #d00;
}

/* Primitives */
a{
	color: #16c;
	text-decoration: none;
}

a:hover{
	color: #39f;
}

p{
	margin: 0.5em 0 1.5em;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, h7{
    font-family: "Trebuchet MS";
}

h1{
    border-bottom: 2px solid #e2e9f1;
    margin: 0.5em 0 0.5em;
    padding: 0 0 0.12em;
    font-size: 2.0em;
    color: #f70;
}

h2{
    margin: 1em 0 0;
    padding: 0;
    font-size: 1.65em;
}

h3{
	font-size: 1.15em;
}

h4{
	font-size: 1.0em;
}

h5{
	font-size: 0.85em;
}

pre,
code{
	font-size: inherit;
	font-family: consolas, fixed;
}

img.icon{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 2px;
    border: none;
}

img.icon-medium{
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin-right: 6px;
    margin-bottom: 2px;
    border: none;
}

a img{
    border: none;
}

ul#user_messages{
    background: url('/images/icons/information.png') 4px 4px no-repeat #ffa;
    padding: 0;
    margin: 0.5em 1em;
    border: 1px solid #cc7;
    list-style-type: none;
}

ul#user_messages li{
    margin: 4px 4px 4px 24px;
    padding: 0;
}

iframe.virgen-feed-reader{
    border: 1px solid #789;
}


ul.trackbacks{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.trackbacks li.trackback{
	margin: 1em 0;
	padding: 0;
}

ul.trackbacks li.trackback h3{
	margin: 0;
	padding: 0;
}


/* Flash Messenger */
div.flash ul{
	margin: 0 0 0.5em;
	padding: 0;
}

div.flash ul li{
	margin: 0.3em 0.5em;
	padding: 0 0.5em 0 22px;
	list-style-type: none;
}

div.flash ul.default{
	background: #ffb;
	border: 1px solid #bb8;
}

div.flash ul.default li{
	background: url('/images/icons/fatcow/small/information.png') 2px 1px no-repeat transparent;
}

div.flash ul.error{
	background: #fdd;
	border: 1px solid #d77;
	font-weight: bold;
	color: #d00;
}

div.flash ul.error li{
	background: url('/images/icons/fatcow/small/error.png') 2px 1px no-repeat transparent;
}


/* Forms */
form dl{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

form dl dt{
	width: 12em;
	float: left;
	clear: both;
	padding: 0.25em 0;
}

form dl dd{
	margin-left: 12.5em;
	padding: 0.25em 0;
}

form p.description{
	font-size: 0.85em;
	margin: 0 0 1em;
	padding: 0;
	color: #789;
}

form label.required{
	background: url('/images/icons/fatcow/small/bullet_orange.png') top right no-repeat;
	padding-right: 16px;
}

input[type=text],
input[type=password]{
	width: 14em;
}

textarea{
    font-family: inherit;
    font-size: inherit;
	width: 22em;
	height: 18em;
}

input[type=text],
input[type=password],
textarea{
	background: #fff;
	border: 1px solid #b9c9d3;
	padding: 3px 3px;
	font-size: inherit;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus{
	background: url('/images/main/shadow_south.png') 0 -1px repeat-x #fff;
	border-color: #93a6b5;
	border-top-color: #819199;
	border-bottom-color: #c9d4e2;
}

input[type=submit]{
	font-family: inherit;
	font-size: inherit;
	padding: 4px 8px;
	border: 1px solid #abc;
	background: #f2f4f6;
}

input[type=submit]:hover{
	background: #f7f9fc;
	border-color: #9ab;
	color: #06e;
}


/* Contact Form */
form.contact input[type=text],
form.contact textarea{
    width: 28em;
    font-size: inherit;
    font-family: inherit;
}

form ul.errors{
    color: #c00;
    list-style-type: none;
    margin: 0 0 0.5em;
    padding: 0;
}

form ul.errors li{
    list-style-type: none;
    margin: 0.15em 0;
    padding: 0;
}




/* Graphical Submit Buttons -- must contain an inner span */
/*
button.submit{
	font-family: inherit;
	font-size: 18px;
	margin: 0;
	padding: 0 24px 0 0;
	margin-right: 5px;
	text-align: center;
	position: relative;
	border: none;
	left: -6px;
	cursor: pointer;
	overflow: visible;
	background: transparent url('../images/buttons/bg_fancy.png') no-repeat right -195px;
}

button.submit::-moz-focus-inner{
	border: none;
}

button.submit span{
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 11px 0 0 24px;
	height: 37px;
	margin: 0;
	background: transparent url('../images/buttons/bg_fancy.png') no-repeat left top;
	color: #fff;
	font-weight: bold;
	text-shadow: #18a 1px 1px 6px;
}

button.submit[disabled],
button.submit[disabled] span{
	background-image: url('../images/buttons/bg_fancy_disabled.png');
	cursor: default;
}

button.submit[disabled] span{
	color: #ddd;
	text-shadow: #777 1px 1px 6px;
}

button.submit:hover,
button.submit:focus,
button.submit.hover{
	background-position: right -260px;
}

button.submit:hover span,
button.submit:focus span,
button.submit.hover span{
	background-position: left -65px;
}

button.submit.mousedown span{
	padding-top: 12px;
	height: 36px;
	background-position: left -130px !important;
}

button.submit.mousedown{
	background-position: right -325px !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
*/
	/* Safari and Google Chrome only - fix margins */
/*	button.submit span{
		margin-top: -1px;
	}
}
*/



button, 
input[type=submit],
input[type=button],
a.button,
span.button{
	background: url('/images/gradients/white_reflective.png') center center repeat-x #f2f4f6;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #bbb #888;
	border-color: #c9d4e2 #93a6b5 #819199;
	padding: 4px 6px;
	margin: 0;
	font-size: 1em;
	cursor: pointer;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

button:hover, 
input[type=submit]:hover,
input[type=button]:hover,
a.button:hover,
span.button:hover,
button:active,
input[type=submit]:active,
input[type=button]:active,
a.button:active
span.button.hover{
	background: url('/images/gradients/white_light_reflective.png') center center repeat-x #f2f4f6;
	border-color: #c9d4e2 #93a6b5 #819199;
}


/* Prettier tables */
table{
	border-collapse: collapse;
}

table th,
table td{
	text-align: left;
	padding: 0.15em;
}

table.default{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #c9d4e2;
}

table.default thead tr th{
	background: url('/images/gradients/white_reflective.png') center center repeat-x #f2f7f9;
	border-bottom: 1px solid #c9d4e2;
	font-weight: bold;
}

table.default tbody tr:hover{
	background: #ffa;
}

table.default tfoot tr td{
	background: #f2f7f9;
	border-top: 1px solid #c9d4e2;
}