body {
	color: #000;
	background: #113;
	margin: 0px;
	padding: 0px;
	font: 14px "Verdana", sans-serif;
	background: url(images/seeds_texturized_blue.jpg) repeat;
}
h2,h3,h4 { text-align: center; color: #4e0074; }
h2 { margin-top: 8px; font-size: 24px; }
h3 { margin-top: 16px; font-size: 18px; }
h4 { margin-top: 8px; font-size: 14px; }


a img { border: 0px; }

code { background: #ccf; }

.reverse { text-align: center; width: 500px; }

#logo {
	text-align: center;
	padding: 0;
	margin: 0 0 15px 0;
	height: 40px;
	/*
	remove this line for IE 5.5 and 6 */
	background: url(images/jasonwoof.png) no-repeat center;
	/* remove this line for IE 5.5 and 6
	*/
	/* remove this line for IE 5.5 and 6
	background: url(images/jasonwoof_opaque_purple.png) no-repeat center;
	remove this line for IE 5.5 and 6 */
}

#box0 {
	position: absolute; /* for layering */
	top: 0px;
	left: 0px;
	width: 100%;

	/*
	remove this line for IE 5.5 and 6 */
	background: url("images/border_middle.png") repeat-y top center;
	/* remove this line for IE 5.5 and 6
	*/
}
#box2 {
	width: 533px;
	margin: 0 auto;
	/* remove this line for IE 5.5 and 6
	background: url("images/border_middle_opaque.png") repeat-y top center;
	remove this line for IE 5.5 and 6 */
}
#box3 {
	padding: 15px 60px;
}

#head {
	text-align: center;
	padding: 5px 0 17px;
}

#body {
	text-align: left;
	padding: 4px 0px 12px 0px;
}

#headshot {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	/*
	remove this line for IE 5.5 and 6 */
	background-image: url(images/headshot.png);
	/* remove this line for IE 5.5 and 6
	*/
	/* remove this line for IE 5.5 and 6
	background-image: url(images/headshot_opaque.png);
	remove this line for IE 5.5 and 6 */
	float: left;
	height: 190px;
	width: 179px;
}

#badges {
	vertical-align: middle;
	text-align: center;
	padding: 10px 0;
}

#badges img { vertical-align: middle; }


div.hr { margin: 0 25px; border-top: 1px dashed black; }

*.layout { margin: 0px; padding: 0px; border: 0px; }
img.shrinkwrap { display: block; }
*.menu_current { font-weight: bold; font-size: 16px; }
*.menu_item { font-size: 16px; }
p.header { padding: 0px; margin: 0px; text-align: center; }
ul { margin: 0px; padding: 0px; padding-left: 20px; }
li { margin-left: 0px; padding: 0px; padding-left: 0px; padding-top: 2px; padding-bottom: 2px; }
*.required_caption { text-align: right; font-weight: bold; }
*.error_caption { text-align: right; font-weight: bold; color: red; }
*.optional_caption { text-align: right; }
*.caption { text-align: right; font-weight: bold; }
*.form_blurb { text-align: center; }
*.field { vertical-align: bottom; }
*.form_field { vertical-align: bottom; }
td.submit_row { text-align: right; }
*.template { color: red; font-size: 26px; }
a { color: #5500cc; }
a:visited { color: #29003d; }

p.bubble {
	border: 2px solid #bbf;
	background: #ddf;
	padding: 5px 17px;
	text-align: center;
	margin: 5px 0 30px 0;
}
p.bubble:first-line {
	font-weight: bold;
}

p.bubble code {
	background: #bbf;
	padding: 0 2px;
}

/* 2-column layout */
div.left_column {
	float: left;
	padding-right: 10px;
	width: 192px;
}

div.right_column {
	float: left;
	padding-left: 10px;
	width: 193px;
}

.after_columns {
	width: 413px;
	float: left;
	clear: right;
}

h4.procon {
	text-align: left;
	color: black;
	margin-bottom: 5px;
}

.portfolio_thumbnail {
	font-size: 10px;
	text-align: center;
	padding-bottom: 20px;
}
.portfolio_thumbnail a { text-decoration: none; }

.agreement, .boxed {
	font-family: serif;
	border: 1px solid #00f;
	padding: 14px;
	background: #ccf;
	margin-left: 14px;
	margin-right: 14px;
}

.agreement input {
	border: 1px solid #00f;
}

/* Cluming box */
div.cb1 {
    border: 2px solid white;
    margin-top: 35px;
}
div.cb2 {
    border: 1px solid black
}
div.cb3 {
    border: 2px solid white;
    padding: 27px 7px 7px; position: relative;
}
div.cbh1 {
    position: absolute;
    left: 20px; top: -15px;
    font-weight: bold;
    border: 2px solid white;
}
div.cbh2 {
    border: 1px solid black;
}
div.cbh3 {
    border: 2px solid white;
    padding: 0 3px;
    background: white;
}

/* from metaform: */
td.caption { text-align: right; vertical-align: top; }
td.errorcaption { text-align: right; vertical-align: top; font-weight: bold; color: red; }
div.error { border: 2px solid red; padding: 13px; margin: 20px; background: #ffdddd; }

/* for youtube embed tutorial */
.tut_image img {
	display: block;
	border: 2px solid #666;
}

.first {
	margin-top: 0px;
	padding-top: 0px;
}

.last {
	margin-bottom: 0px;
	padding-bottom: 0px;
}