﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body
{
	background: #000 url(../images/background.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	color: #ffc4e0;
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	line-height:1em; 
	font-size:1.2em;
}

h2 
{
	margin-top: -5px; 
	font-size: 33pt; 
	font-weight: normal; 
	color: #edffc6; 
	line-height: 1.2em;
}

a:link, a:visited, a:focus 
{
	text-decoration:none; 
	color:#ffc4e0;
}

a:hover 
{
	text-decoration:underline;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after 
{
	content: '';
	content: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.img1 {margin-top:-3px;}

.img2 {margin-bottom:-3px;}

div.centered 
{	
	position:absolute;	
	top: 50%;	
	left: 50%;	
	width:800px;	
	height:600px;	
	margin-top: -300px; /*set to a negative number 1/2 of your height*/	
	margin-left: -400px; /*set to a negative number 1/2 of your width*/	
	text-align: center;
}

#column1
{
	width: 50%; 
	float: left;
}

#column1-inner
{
	padding-right: 10px; 
}

#column2
{
	width: 50%;
	float: right;
}

#column2-inner
{
	padding-left: 10px; 
}

div.bullet-header
{
	font-size: 30pt; 
	padding: 20px 0;
}

div.bullet-body
{
	text-align: left; 
	font-size: 14pt;
}

div.bullet-header-column1
{
	color: #ff89c2;
}

div.bullet-body-column1
{
	color: #ffc4e0;
}

div.bullet-header-column2
{
	color: #edffc6;
}

div.bullet-body-column2
{
	color: #f6ffe3;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

#updater
{
	display: none;
}

span.strong
{
}

/**** MAIN PAGE ****/

#main-wrap
{
	margin: 0 auto;
}

#main-header 
{
	margin:0 auto; 
	height:350px; 
	background:url(../images/header.png) top center repeat-x; 
	position: relative; 
	z-index: 1000;
}

#head 
{
	margin:0 auto; 
	height:300px; 
	background:#edffc6 url(../images/cloud.jpg) top center repeat-x; 
	margin-top:-350px; 
	position: relative; 
	z-index: 100; 
	margin-bottom:50px;
}

.container 
{
	width: 960px; 
	height: 350px; 
	margin:0 auto; 
	position: relative; 
	z-index: 2000;
}

.container ul li {display: inline; list-style-type: none; float:left;}

.container li {display: inline;}

.rolls {width: 308px; display: block;}

#main-content 
{
	margin:0 auto; 
	width:910px; 
	background:url(../images/.png) top center no-repeat; 
	padding:25px 25px 25px 25px; 
	text-align: justify; 
	line-height: 1.1em;
}

.left {width: 415px; float:left;}

.leftheader {color:#ff89c2; font-size: 2.2em; text-align: center; width: 415px; margin:25px 0 25px 0;}

.leftheader2 {color:#ff89c2; font-size: 1.7em; text-align: center; width: 415px; margin:25px 0 25px 0;}

.right {width: 415px; float:right; color: #edffc6;} 

.rightheader {color:#edffc6; font-size: 2.2em; text-align: center; width: 415px; margin:25px 0 25px 0;}

/*--Contact Form--*/

#form {border: dashed 2px #8da45b; padding: 25px; margin-top:25px; width: 365px; }

#response {padding: 10px 5px;}

#label {paddding:10px;}

.email {width: 350px; font-size: 1.2em; padding:5px; color: #333; margin-bottom:20px;}

.form {width: 355px; height: 150px; font-size: 1.5em; padding:5px; color: #333; font-family:sans-serif;}

.button {text-align: right; border:none; color:#222; background:url(../images/button.png) top center no-repeat; margin-top:-3px; text-align:center; float:right; height:31px; width: 200px; font-size: .8em;}

.inbutton {margin-top:-5px;}

/**** JAMIE PORTFOLIO PAGE ****/

#wrap 
{
	margin:0 auto; width:960px;
}

#header {margin:0 auto; width:960px; margin-top:25px;}

.logo {float:left; width:475px;}

#nav {
	width: 485px;
	height:130px;
	display:block;
	float:right;
	position: relative;
	margin-top:63px;
	z-index: 15000;
}

#nav li {
	height: 130px;
	margin-left: 15px;
	padding: 0;
	float: right;
	background: transparent;
}

#nav li:hover div, #nav li.over div {
	display: block;
}

#nav a {
	height: 130px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9000em;
}

#nav li:hover a, #nav li.over a, #nav a:hover, #nav a:active {
	background-position: 0 -130px;
}

#nav_tweet, #nav_tweet a {
	width: 130px;
	background: url(../images/twitter.png);
}

#nav_email, #nav_email a {
	width: 130px;
	background: url(../images/email.png);
}

#content {margin:0 auto; width:960px; background:url(../images/top.png) top center no-repeat; margin-top:-1px; padding-top:10px;}

.frame {float:left; width:425px;}

#info {float:right; width:530px; font-size:1.5em; line-height:1.5em; margin-top:27px;}

.green {color:#edffc6; margin-bottom:5px;}

.small {font-size:20px; line-height:1.3em; margin-bottom:10px;}

.contact {width:530px; margin:0 auto;}

/*--Recent--*/

#pastwork {margin:0 auto; padding-bottom: 100px; width:960px;}

#inner {width:300px; float:left; margin-right:30px; font-size:.8em; text-align:center; line-height:2em; color:#edffc6;}

#inner img {border:1px dashed #edffc6;}

#outer {width:300px; float:right; font-size:.8em; text-align:center; line-height:2em; color:#edffc6;}

#outer img {border:1px dashed #edffc6;}

/*--Scrapbook--*/

#scrapbook {margin:0 auto; width:960px; position:relative; z-index:10000;}

/*--Bubble--*/
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 15px; background-color: #333333; border: 3px solid #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 40000; color:#fff; width:200px;}

p#vtip #vtipArrow { position: absolute; top: -11px; left:90px;}

/*--Young--*/

#young {
	width: 250px;
	height:300px;
	display:block;
	float:left;
	position: relative;
	margin-top:-200px;
	margin-left:0px;
	z-index: 15000;
}

#young li {
	height: 300px;
	padding: 0;
	float: left;
	background: transparent;
}

#young li:hover div, #young li.over div {
	display: block;
}

#young a {
	height: 300px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9000em;
}

#young li:hover a, #young li.over a, #young a:hover, #young a:active {
	background-position: 0 -300px;
}

#young_boy, #young_boy a {
	width: 250px;
	background: url(../images/young.png);
}

/*--Paint--*/

#paint {
	width: 460px;
	height:315px;
	display:block;
	float:left;
	position: relative;
	margin-top:-216px;
	margin-left:-150px;
	z-index: 5000;
}

#paint li {
	height: 315px;
	padding: 0;
	float: left;
	background: transparent;
}

#paint li:hover div, #paint li.over div {
	display: block;
}

#paint a {
	height: 315px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9000em;
}

#paint li:hover a, #paint li.over a, #paint a:hover, #paint a:active {
	background-position: 0 -315px;}

#paint_ball, #paint_ball a {
	width: 460px;
	background: url(../images/paint.png);
}

/*--Young--*/

#fam {
	width: 300px;
	height:310px;
	display:block;
	float:left;
	position: relative;
	margin-top:-211px;
	margin-left:-200px;
	z-index: 8000;
}

#fam li {
	height: 310px;
	padding: 0;
	float: left;
	background: transparent;
}

#fam li:hover div, #fam li.over div {
	display: block;
}

#fam a {
	height: 310px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9000em;
}

#fam li:hover a, #fam li.over a, #fam a:hover, #fam a:active {
	background-position: 0 -310px;
}

#fam_fam, #fam_fam a {
	width: 300px;
	background: url(../images/family.png);
}

/*--Cut Guy--*/

#cut {
	width: 200px;
	height:200px;
	display:block;
	float:left;
	position: relative;
	margin-top:-100px;
	margin-left:70px;
	z-index: 15000;
}

#cut li {
	height: 200px;
	margin-left: 15px;
	padding: 0;
	float: left;
	background: transparent;
}

#cut li:hover div, #cut li.over div {
	display: block;
}

#cut a {
	height: 200px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9000em;
}

#cut li:hover a, #cut li.over a, #cut a:hover, #cut a:active {
	background-position: 0 -200px;
}

#cut_cut, #cut_cut a {
	width: 200px;
	background: url(../images/cut.png);
}

/*--Footer--*/
#footer {margin:0 auto; width:960px; background:url(../images/top.png) top center no-repeat; font-size:.6em; color:#999; margin-top:-1px; margin-bottom:25px; padding:0; padding-top:4px; position:relative; z-index:20000;}

#footer a:link, #footer a:visited, #footer a:focus {color:#8da45b; text-decoration:none;}

#footer a:hover {text-decoration:underline;}

.copy {float:right; width:500px; text-align:right; padding-right:2px;}

.bottom {width:13px; margin-bottom:-2px; border: none;}

.twitter {width:530px; margin:0 auto; background:url(../images/bubble.png) top left no-repeat; height:304px; margin-bottom:10px;}

/*--Twitter Thing--*/


.tweet {
  font-size: 11pt;
  color: #333333;
  float:right;
  line-height:1.2em;
  text-align:justify;}

.tweet .tweet_list {
	position:relative;
	z-index:1000;
    list-style-type: none;
	width:350px;
    margin:0px;
	margin-top:44px;
	margin-right:18px;
	padding:0px;
	}

.tweet .tweet_list li {
      overflow: auto;
      padding: 7px 7px 7px 0px;
	   overflow:hidden;}

.tweet .tweet_list li a {
        color: #8da45b; }

/*--Controls Mediation--*/
.tweet .tweet_list .tweet_even { }

.tweet .tweet_list .tweet_avatar {
      display:none;}

.tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; 
		width:50px;}
		
/*--End Twitter--*/

/**** END JAMIE PORTFOLIO PAGE ****/