@charset "UTF-8";
/* CSS Document */

/* Need IE Css for 6&7, mostly social media links and dropdown menus on sidebar, why slideshow not working. 
   Also, do png fix for IE6  */

/* Normalizes margin, padding */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, ul, li 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style : normal;font-weight : bold;}

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

ul {list-style:none;}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.2;
	background: #FFFFFF;
	text-align:center;
	color:#000000;
	margin: 0;
	padding: 0;
	background:url(i/wall.jpg);
	}
	
#wrapper{
	text-align:left;
	margin:0 auto;
	width: 960px;
	position: relative;
	}
	
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 6em;
	margin-top: 0.25em;
	}
	
#postit-board {
	background:url(i/board.jpg) no-repeat #999;
	height: 480px;
	width: 940px;
	position:relative;
	margin:2em 0 1.5em 0;
	padding:10px;
        z-index: 0;
	}
	
.post-its {
	width:60px;
	min-height:56px;
	background:#FF9;
	padding:6px;
	border-top:solid 1px #DAE175;
	border-left:solid 1px #DAE175;
	border-bottom:solid 1px #969A6D;
	border-right:solid 1px #969A6D;
	max-height:86px;
	font-family: "Marker Felt", "Comic Sans", sans-serif;
	font-size: 1.1em;
	cursor:move;
	position:relative;
	}
	
#postit-send {
	position:absolute;
	right:0;
	top: 0.25em;
	width: 500px;
	padding: 1em 1.5em 0.5em 1.5em;
	font-size: 1.2em;
	border: 1px solid #999;
	}	
	
#background-buttons{
	width:480px;
	padding: 1em 1.5em 0.5em 1.5em;
	font-size: 1.2em;
	border: 1px solid #999;
	margin:2em 0;
	}
	
#background-buttons li {
	display:inline-block;
	margin-right:1em;
	
	}
	
#background-buttons label{
	font-weight: bold;
	float: left;
	margin:0 1em .5em 0;
	}
	
#background-buttons ul label{
	font-weight: normal;
	font-style:italic;
	margin:0 .5em;
	}

#postit-send label {
	font-weight: bold;
	float: left;
	margin: 0 1em 0 0;
	clear:both;
	}	
	
#postit-send input#postit, #postit-send input#sig {
	margin-right: 0.5em;
	width: 300px;
	font-size: 1.1em;
	padding: 0.1em 0;
	}	
	
#postit-send input {
	margin: 0.2em 0;
	}	

#postit-send span {
	background:none;
	display: block;
	margin-bottom: 0.55em;
	font-weight: normal;
	}
	
#footer {
	font-size: 1.1em;
	}	
	
#footer p {
	float: left;
	}	
	
#footer .vcard {
	float: right;
	}	

.post-its span{
	position: absolute;
	font-size: 2em;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 0.1em 0.1em 0.1em #000;
	display:block;
	opacity:0;
	}

#background{
	z-index: 0;
	}