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

	body {
		background-image: url(slices/bg.jpg);
		background-repeat: repeat-x repeat-y;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	#everything {
		height: 800px;
		background-image: url(slices/gradientbg2.jpg);
		background-repeat: repeat-x;
	}
	
	#header {
		height: 130px;
		width: 1000px;
		position: relative;
		margin: 0 auto;
	}
	
	
	#bar {
		height: 13px;	
		background-image: url(slices/thickbar.jpg);
		background-repeat: repeat-x;
		padding-bottom: 5px;
		border-bottom: 2px solid #2a2a2a;
	}
	
	#content {
		width: 1000px;
		height: 650px;
		position: relative;
		margin: 0 auto;
		/*border: 1px solid black;*/
	}
	
	#footer {
		width: 1000px;
		height: 75px;
		/*border: 1px solid red;*/
		margin: 0 auto;
		position: relative;
		font-size: 12px;
		color: #666;
		
	}
	
	.bold {
		font-weight: bold;	
	}
	
	.italic {
		font-style: italic;	
	}
	
	
	
/* header elements start */
	
	#topgraphic {
		width: 352px;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#logo {
		
		position: absolute;
		top: 29px;
		left: 0;
	}
	
/* header elements end */

	
/* footer elements start */

	#sheep {
		position: absolute;
		top: -28px;
		left: -65px;
	}
	
	
	#followtext {
		color: #FFF;
		font-weight: bold;
		position: absolute;
		top: 40px;
		left: 14px;	
	}
	
	#socialicons {
		position: absolute;
		top: 18px;
		left: 85px;
	}
	
	#footer a:link, #footer a:visited, #footer a:active {
		color: #666;	
	}
	
	#footer a:hover {
		color: #FFF;	
	}
	
	#copyright {
		
		position: absolute;
		top: 0;
		right: 0;
		padding-top: 13px;
	}
	
	#subnav {
		position: absolute;
		top: 20px;
		right: 0;
		padding-top: 13px;
	}
	

	
/* footer elements end */


/* index page starts */

	#home.active {
		background-image: url(slices/home_nav_active.jpg);
		background-position: -186px 0;
	}

	#news {
		width: 550px;
		height: 240px;
		position: absolute;
		top: 70px;
		left: 0;
		font-size: 15px;
		color: #999;
		font-weight: bold;
	}
	
	#news a {
		color: #666;	
	}
	
	#news a:hover {
		color: #FFF;	
	}
	
	#grid {
		width: 550px;
		float: left;
		padding-top: 30px;
		
		
	}

	#date {
		width: 80px;
		float: left;
	}
	
	#event {
		width: 470px;
		float: left;
	}
	
	#featured {
		width: 1000px;
		height: 320px;
		position: absolute;
		bottom: 10px;
		left: 0;
	}
	
	
	  #polaroid {
		  width: 290px;
		  height: 300px;
		  position: absolute;
		  right: 0;
		  top: 30px;
	  }
	  
	  #polaroidtext {
		  padding-bottom: 5px;	
		  
	  }





/* index page ends */


/* contact page start */


	#namelabel {
		background-image: url(slices/name.jpg);
		background-repeat: no-repeat;
		width: 60px;
		height: 15px;
		position: absolute;
		top: 97px;
		left: 0;	
	}
	
	#nametext {
		position: absolute;
		top: 90px;
		left: 100px;
	}
	
	#emaillabel {
		background-image: url(slices/email.jpg);
		background-repeat: no-repeat;
		width: 60px;
		height: 15px;
		position: absolute;
		top: 120px;
		left: 0;	
	}
	
	#emailtext {
		position: absolute;
		top: 115px;
		left: 100px;	
	}
	
	#messagelabel {
		background-image: url(slices/message.jpg);
		background-repeat: no-repeat;
		width: 90px;
		height: 15px;
		position: absolute;
		top: 182px;
		left: 0;
	}
	
	#messagetext {
		position: absolute;
		top: 180px;
		left: 100px;	
	}
	
	#form p {
		padding-top: 25px;	
		
	}
	
	input, textarea {
	border: none;
	}
	
	#connect {
		width: 276px;
		height: 188px;
		background-image: url(slices/connect.jpg);
		position: absolute;
		top: 40px;
		right: 210px;
	}
	
	#connect p {
		width: 150px;
		height: 100px;
		float: left;
		margin-top: 78px;
		margin-left: 22px;
		font-weight: bold;
		color: #999;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 17px;
	}
	
	#connect p a:link, #connect p a:visited, #connect p a:active {
		color: #707070;	
	}
	
	#connect p a:hover {
		color: #FFF;	
	}
	
	#dandelion {
		width: 792px;
		height: 350px;
		position: absolute;
		bottom: 70px;
		right: -225px;
	}
	

/* contact page ends */


/* work page starts */

	#printbutton {
		position: absolute;
		top: 17px;
		left: 0;
	}
	
	#webbutton {
		position: absolute;
		top: 39px;
		left: 0;
	}
	
	#artbutton {
		position: absolute;
		top: 62px;
		left: 0;
	}


/* work page ends */