/* DECATUR TAGS */


/*-------------------------------------------------
GENERAL
-------------------------------------------------*/

body {
	color: #000;
	background-color: #736b45;
	margin: 0;
	padding: 0;
}

a {
	color: #5a5a5a;
	font-weight: normal;
}

a:hover {
	color: #fff;
	font-weight: normal;
}

body.home {
	background-image: url(/assets/bg/bghome.gif);
	background-position: left;
	background-repeat: repeat-y;
}


/* resume */
body.resume {
	color: #666633;
	background-color: #eae559;
	background-image: url(/assets/bg/bgresume.gif);
	background-position: left;
	background-repeat: repeat-y;
}

body.resume a {
	color: #696969;
}

body.resume a:hover {
	color: #fff;
}


/* illustration */
body.illustration {
	color: #fff;
	background-color: #ae674c;
	background-image: url(/assets/bg/bgillustration.gif);
	background-position: left;
	background-repeat: repeat-y;
}

body.illustration a {
	color: #696969;
}

body.illustration a:hover {
	color: #fff;
}


/* portfolio */
body.portfolio {
	color: #fff;
	background-color: #99b3b5;
	background-image: url(/assets/bg/bgportfolio.gif);
	background-position: left;
	background-repeat: repeat-y;
}

body.portfolio a {
	color: #696969;
}

body.portfolio a:hover {
	color: #fff;
}


/* movies */
body.movies {
	color: #b0c4de;
	background-color: #494949;
	background-image: url(/assets/bg/bgmovies.gif);
	background-position: left;
	background-repeat: repeat-y;
}

body.movies a {
	color: #fff;
}

body.movies a:hover {
	color: #f1c12c;
}


/* contact */
body.contact {
	color: #fff;
	background-color: #a2a662;
	background-image: url(/assets/bg/bgcontact.gif);
	background-position: left;
	background-repeat: repeat-y;
}

body.contact a {
	color: #696969;
}

body.contact a:hover {
	color: #fff;
}


font, body, table, tr, td, input, option, select, textarea {
	font-size: 11px;
	line-height: 1.2;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}


p { margin: 0 0 1em 0; }

ul {
	margin: 0 0 18px 0;
	padding: 0 0 0 13px;
	list-style-type: square;
	list-style-position: outside;
}

li {
	margin-bottom: 5px;
}


/*-------------------------------------------------
HEADLINES
-------------------------------------------------*/

h1 {
	color: #fff;
	font-size: 18px;
	margin: 0 0 12px 0;
}


h2 {
	color: #fff;
	font-size: 14px;
	margin: 22px 0 12px 0;

}

p.subhead {
	margin: 15px 0 3px 0;
}


/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

div.juice {
	width: 480px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 50px;
}

#topper {
	width: 100%;
	background-position: left top;
	background-repeat: repeat-x;
}

#topper.home {
	background-image: url(/assets/bg/bghometop.gif);
}

#topper.resume {
	background-image: url(/assets/bg/bgresumetop.gif);
}

#topper.illustration {
	background-image: url(/assets/bg/bgillustrationtop.gif);
}

#topper.portfolio {
	background-image: url(/assets/bg/bgportfoliotop.gif);
}

#topper.movies {
	background-image: url(/assets/bg/bgmoviestop.gif);
}

#topper.contact {
	background-image: url(/assets/bg/bgcontacttop.gif);
}

div.padder {
	padding-bottom: 60px;
}

td.sidebar {
	width: 173px;
}


/*-------------------------------------------------
ENTRIES
-------------------------------------------------*/

div.entry, div.videntry {
	float: left;
	width: 350px;
	margin: 0 5px 15px 5px;
	padding: 0;
}

div.entry .thumb {
	float: left;
	width: 65px;
}

div.entry .thumb img, div.videntry .thumb img {
	display: block;
	margin: 0 0 6px 0;
}

div.entry .blurb {
	float: left;
	text-align: left;
	padding: 0;
	width: 280px;
}


/*-------------------------------------------------
VIDEO ENTRIES
-------------------------------------------------*/

div.videntry .thumb {
	float: left;
	width: 105px;
}

div.videntry .blurb {
	float: left;
	text-align: left;
	padding: 0;
	width: 240px;
}

div.videntry .blurb p {
	margin-bottom: 4px;
}


/*-------------------------------------------------
ROLLERS
-------------------------------------------------*/

a.roller {
	display: block;
	background-position: top;
}

a.roller:hover {
	background-position: bottom;
}

.btenter {
	width: 95px;
	height: 79px;
	background-image: url(/assets/entry/enterduo.gif);
}


/*-------------------------------------------------
SIDEBAR
-------------------------------------------------*/

a.btresume {
	height: 45px;
	background-image: url(/assets/rollers/resumeduo.gif);
}

a.btportfolio {
	height: 48px;
	background-image: url(/assets/rollers/portfolioduo.gif);
}

a.btmovies {
	height: 44px;
	background-image: url(/assets/rollers/moviesduo.gif);
}

a.btillustrations {
	height: 42px;
	background-image: url(/assets/rollers/illustrationsduo.gif);
}

a.btcontact {
	height: 59px;
	background-image: url(/assets/rollers/contactduo.gif);
}


/*-------------------------------------------------
UTILITY BELT
-------------------------------------------------*/

/* spacing */
.plain { margin-bottom: 3px; }


/* font sizes */
.f10 { font-size: 10px; }
.f14 { font-size: 14px; }
.f18 { font-size: 18px; }
.f24 { font-size: 24px; }


/* colors */
.yellow { color: yellow; }
.beige { color: #f6e9b4; }

/* clears */
div.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

hr.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* alignment */
.textcenter { text-align: center; }
.textleft { text-align: left; }
.textright { text-align: right; }

img.floatright {
	float: right;
	margin: 3px 0 12px 12px;
}

img.floatmiddle {
	display: block;
	margin: 0 auto;
}

img.floatleft {
	float: left;
	margin: 3px 12px 12px 0;
}

img.block { display: block; }