* {
	margin:0;
	padding:0;
}

html {
	min-width:900px;
}

body {
	color:#516812;
	font-family: "Myriad Pro", Arial, Helvetica, Sans-Serif;
	/* font sizing in ems, baby. if you want to change anything, just change this. */
	font-size: 76%;
	background: url(../images/background.jpg) repeat-x fixed;
	padding:0 50px;
}

p {
	font-size: 130%;
}

a {
	color:#7e9f23;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a.current {
	color:#516812;
}

a img {
	border:none;
}

option {
	padding-right:5px;
}

h1 {
	font-size:300%;
}

ol {
	margin:25px 50px;
	font-size:150%;
}

ol li {
	margin: 5px 0;
}

#container {
	position:relative;
	margin:0 auto;
	max-width:1100px;
}

/* Header */
#header {
	position:relative;
	top:0;
	right:0;
	width:100%;
	height:59px;

}

#header img {
	position:absolute;
	left:0;
	z-index:3;
}

#header ul li {
	list-style-type:none;
	display:inline;
}

#header ul.secondary {
	position:absolute;
	right:0;
	top:3px;
}

#header ul.secondary a {
	font-size:110%;
	font-weight:normal;
	color: #c3eb4b;
	margin-left:10px;
}

#header ul.main {
	position:absolute;
	top:27px;
	right:0;
	padding-top:3px;
}

#header ul.main a {
	float:right;
	margin-left:4px;
	background: #a9c167 url(../images/off_left.gif) no-repeat;
}

#header ul.main a span {
	display:block;
	padding:3px 8px 3px;
	color:#516812;
	font-size:180%;
	background: url(../images/off_right.gif) no-repeat top right;
}

#header ul.main a:hover, #header ul.main a.current {
	margin-top:-3px;
	background: #cddaa7 url(../images/on_left.gif) no-repeat;
}

#header ul.main a:hover span, #header ul.main a.current span {
	padding:5px 8px 4px;
	background: url(../images/on_right.gif) no-repeat top right;
}

/* Sub-Header */
#wrapper {
	position:relative;
	/*F'ing IE!!!*/
	background:#FFF url(../images/logo.gif) no-repeat 0 -59px;
	width:100%;
	height:600px;
	z-index:2;
}

#when {
	position:absolute;
	right:10px;
	top:20px;
	font-size:130%;
	font-weight:bold;
	color:#7e9f23;
}

/* Content */
#magic {
	position:relative;
	top:65px;
	padding:0 15px 40px;
}

#expense {
	position:absolute;
}

#sidebar {
	position:absolute;
	right:15px;
	top:0;
	width:250px;
}

#sidebar div.divider {
	position:absolute;
	left:-15px;
	width:5px;
	height:400px;
	background: url(../images/background.jpg) repeat-x top left fixed;
}

#sidebar h2 {
	font-size:190%;
	color:#516812;
	margin-bottom:15px;
}

#sidebar a.delete {
	position:absolute;
	right:0;
	z-index:4;
}

/* Expenses */
div#updater {
	height:0;
	overflow:hidden;
}

div#updater span, #expense span, #cost_of_living span, #budget span {
	font-weight:bold;
	font-size:140%;
	color:#7e9f23;
}

div#updater textarea {
	padding:2px;
	font-family: "Myriad Pro", Arial, Helvetica, Sans-Serif;
	margin:10px 0;
	font-weight:bold;
	font-size:140%;
	color:#516812;
}

div#expenses h2 a {
	font-size:70%;
	margin-left:10px;
}
div#expenses ul {
	font-size:125%;
	list-style-type:none;
}
div#expenses ul a span {
	margin-top:-1.3em;
	display:block;
	text-align:right;
}
div#expenses ul li.total {
	margin-top: 10px;
	font-size:120%;
}

/* Tags */
div#cloud {
	position:relative;
	top:45px;
	margin-right:275px;
}
div#cloud a {
	color:#390152;
}
div#cloud a:hover {
	color:#78239F;
}
/* Forms */
.notify {
	width: 350px;
	margin: 10px auto;
	padding: 10px;
	border: 2px #7fbce8 solid;
	background: #E3EFF8;
}

.notice {
	font-size:110%;
	font-style:italic;
	margin:5px;	
}

select {
	color:#7e9f23;
}

input.submit {
	font-size:125%;
	padding:2px;
	font-weight:bold;
	color:#7e9f23;
}

input.submit:hover, select:hover {
	color:#516812;
}

input.text {
	font-size: 125%;
	font-weight:bold;
	color:#516812;
	padding:2px;
}

input.amount {
	width:4em;
}

input.optional {
	color:#777;
	background:#DDD;
}

input.over_budget {
	color:#900;
	background:#D5B5B5;
}

div.col {
	float:left;
	text-align:center;
	margin-right:3px;
}
/* Help */
div.help {
	position:relative;
	background:#EEE;
	margin:15px 20px 5px;
	padding-right:20px;
}

div.help img {
	position:absolute;
	top:-38px;
	left:-76px;
}
div.help p {
	padding:10px;
	color:#78239F;
	font-style:italic;
}

/* Budget */
div#budget {
	margin:15px 0;
}

div#budget #calculator {
	font-size:120%;
}

div#budget #calculator span#living {
	display:block;
	margin:3.5px;
}

div#budget #calculator label {
	text-align:center;
	font-weight:normal;
	font-style:italic;
	display:block;
	margin-top:2px;
	font-size:80%;
}

div#costs_of_living {
	margin-top:15px;
}
div#costs_of_living ul {
	font-size:140%;
	list-style-type:none;
}
div#costs_of_living li{
	margin-top:3px;
	clear:both;
	cursor:pointer;
}
div#costs_of_living a {
	width:16px;
	height:16px;
	margin-right:3px;
	display:block;
	float:left;
}