html, body, div#torso { margin: 0px auto; }
html { background: url('../images/backgrounds/pink-pattern.jpg') top; }
ul, li, p, h1, h2, h3, h4 { padding: 0px; margin: 0px; list-style: none; }
a:link, a:visited, a:hover, a:active { text-decoration: none; }

p a:link, p a:visited, p a:hover { display: block; padding: 0px 0px 1px 0px; }
p a:active {  }

body, textarea { font-family: Helvetica, Arial, sans-serif; }
body {
	background: url('../images/backgrounds/pink-top.jpg') top center repeat-x;
	
	font-size: 12px;
	color: #FFFFFF;
}

div#torso {
	width: 620px;
	text-align: left;
	
	padding: 70px 0px 0px 0px;
}

p.more { margin-top: 20px; width: 200px; height: 30px; float: left; clear: both; }
p.more a:link, p.more a:visited, p.more a:hover, p.more a:active
{
	color: #d496b8;
	text-shadow: #44172f -1px -1px 0;
	display: block;
	padding: 0px 0px 1px 0px;
}

p.more a:hover { color: #ae7193; }
p.more a:active { padding: 1px 0px 0px 0px; }

/* Headers */

h1, h2, h3, div#work, div#posts, div#photo { text-indent: -9000px; }

h1 {
	height: 80px;
	background: url('../images/titles/h1.png') left no-repeat;
	margin-left: 10px;
}

h2 {
	height: 60px;
	background: url('../images/titles/h2.png') left no-repeat;
	margin: 25px 0px 0px 10px;
}

h3 {
	height: 20px;
	background: url('../images/titles/h3.png') left no-repeat;
	margin: 15px 0px 0px 10px;
}

h4 {
	text-shadow: #260b1a 1px 1px 0;
	font-size: 13px;
	margin-bottom: 10px;
}

/* Modules */

div#work, div#posts, div#photo { height: 60px; width: 620px; margin: 30px 0px 20px 0px; }
div#work { background: url('../images/titles/work.png') left no-repeat; }
div#posts { background: url('../images/titles/posts.png') left no-repeat; }
div#photo { background: url('../images/titles/photo.png') left no-repeat; }

/* Work */

ul, li { text-align: center; height: 115px; }
li {
	text-align: left;
	float: left;
	width: 200px;
	margin-right: 10px;
}
li.r, ul li.blurb { margin: 0px; }

ul li img, ul li span, ul li a { position: absolute; width: 200px; height: 110px; }
ul li span { display: none; }
ul li img { z-index: 1; position: relative; }

ul li span.back {
	z-index: 2;
	height: 35px;
	background: #000000;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	
	margin-top: 75px;
}

ul li span.text {
	z-index: 3;
	height: 35px;
	
	font-size: 14px;
	font-weight: bold;
	padding: 9px 0px 0px 10px;
	text-shadow: #000000 1px 1px 0;
	
	margin-top: 75px;
}
	
ul li a { z-index: 4; padding: 0px 0px 1px 0px; }

ul li:hover > span { display: block; }
ul li:active { height: 109px; padding: 1px 0px 0px 0px; }
ul.more { padding-top: 5px; clear: both; }
div#morework { display: none; height: 250px; }

/* Posts */

div.article {
	float: left;
	width: 280px;
	min-height: 160px;
	padding: 0px 10px 0px 10px;
}

div.article p {
	font-size: 11px;
	line-height: 16px;
	color: #e6c9d9;
	text-shadow: #2e0e1f 1px 1px 0;
}

div.article p a { color: #FFFFFF; padding: 0px 0px 1px 0px; }
div.article p a:hover { color: #CCCCCC; }
div.article p a:active { color: #CCCCCC; padding: 1px 0px 0px 0px; }
div.article p a img { border: 0px; }

/* Contact */

p.contact { clear: both; padding: 10px 0px 20px 0px; }
p.contact a:link, p.contact a:visited, p.contact a:hover, p.contact a:active {
	padding: 17px 0px 0px 10px;
	height: 33px;
	background: url('../images/tools/link-active.jpg') left repeat-x;
	
	font-size: 13px;
	color: #FFFFFF;
	text-shadow: #000000 1px 1px 0;
}

p.contact a:hover { background: url('../images/tools/link-hover.jpg') left repeat-x; }
p.contact a:active { padding-top: 18px; height: 32px; }
div#preview1 { background: url('../images/tools/link-hover.jpg'); width: 0px; height: 0px; }
div#preview2 { background: url('../images/tools/button-hover.png'); width: 0px; height: 0px; }
div#preview3 { background: url('../images/tools/button-click.png'); width: 0px; height: 0px; }

/* Form */

form#contactform { display: none; height: 340px; }

input, textarea {
	height: 26px;
	width: 608px;
	
	margin: 10px 0px 0px 0px;
	padding: 12px 0px 0px 10px;
	
	background: url('../images/tools/input.png') repeat-x;
	border: 1px solid #3a1226;
	
	font-size: 11px;
	text-shadow: #361328 -1px -1px 0;
	color: #FFFFFF;
	outline: none;
}

textarea {
	height: 68px;
	padding: 12px 0px 10px 10px;
	background: url('../images/tools/textarea.png') repeat-x;
}

input.button {
	width: 117px;
	height: 37px;
	padding: 0px 0px 1px 0px;
	margin: 10px 0px 20px 0px;
	text-align: center;
	
	background: url('../images/tools/button-active.png') no-repeat;
	border: 0px;
}
input.button:hover { background: url('../images/tools/button-hover.png') no-repeat; }
input.button:active { background: url('../images/tools/button-click.png') no-repeat; padding: 1px 0px 0px 0px; }
form p { font-size: 11px; text-shadow: #000000 1px 1px 0; }

p.messageB, p.messageG { font-size: 14px; font-weight: bold; padding-bottom: 10px; }
p.messageB { color: #e50f0f; }
p.messageG { color: #7b97de; }

/* Photo */

div#image { padding: 0px 0px 1px 0px; }

div#image, div#image a {
	display: block;
	width: 620px;
	height: 250px;
}

div#image .overlayText, div#image .overlayBack {
	position: absolute;
	width: 610px;
	height: 41px;
	
	margin-top: 200px;
	padding: 9px 0px 0px 10px;
}

div#image .overlayBack {
	z-index: 1;
	
	background: #000000;
	opacity: 0.4;
	filter: alpha(opacity = 40);
	display: none;
}

div#image .overlayText {
	z-index: 2;
	
	font-size: 14px;
	font-weight: bold;
	display: none;
	text-shadow: #000000 1px 1px 0;
}

div#image a {
	z-index: 3;
	position: absolute;
}

div#image:hover > div { display: block; }
div#image:active { padding: 1px 0px 0px 0px; }
.small { font-size: 11px; font-weight: normal; }

/* Footer */

div#footer {
	background: url('../images/titles/footer.png') top left repeat-x;
	padding: 20px 10px;
	text-shadow: #2e0e1f -1px -1px 0;
	height: 10px;
}

div#footer .left { float: left; width: 250px; }
div#footer .right { float: right; width: 250px; text-align: right; }
div#footer .right a { color: #F4F4F4; }
div#footer .right a:hover { color: #CCCCCC; }

/* ieSIX */

div#ieSix
{
	height: 85px;
	padding: 20px;
	
	background: #FFFFFF;
	color: #580d0d;
	
	font-size: 18px;
	font-weight: bold;
}

div#ieSix span.two { font-size: 14px; color: #333333; }
div#ieSix span.three { font-size: 12px; color: #666666; }

div#ieSix a { color: #FFFFFF; background: #580d0d; }
div#ieSix a:hover { color: #333333; background: none; }