/* ------------ Centred Window -----------------*/

html,body {
	margin: 0;
	padding: 0;
    height: 100%



}



#container    
	{
	background-color: #FFFFFF;
	margin-left: -400px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 560px;
	visibility: visible;
	margin-top: -280px;
	background-image: none
	}


/* ------------ General - all pages -----------------*/

body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	background-color: #333333;
	
}

a:link {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	color: #CC0000;
	text-decoration: none;
}
a:focus {
	color: #CC0000;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
a:active {
	color: #CC0000;
	text-decoration: none;
}
td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	
}
p {
	font-size: 10px;
	margin-top:  0;
    margin-bottom:  1em;

}

h1 {
	font-size: 10px;
	margin-top:  0;
	margin-bottom:  1em;
	font-weight: bold;
}
h2 {

	font-size: 12px;
	margin-top:  0;
	margin-bottom:  1em;
	font-weight: bold;
}

h3 {
	font-size: 12px;
	margin-top:  0;
	margin-bottom:  1em;
	font-weight: bold;
	color: #CC0000;
}


h4 {
	font-size: 14px;
	margin-top:  0;
	margin-bottom:  1em;
	color: #666666;
	font-weight: normal;
	}


h5 {
	font-size: 14px;
	margin-top:  0;
	margin-bottom:  0.4em;
	color: #000000;
	font-weight: bold;
	}


h6 {
	font-size: 9px;
	margin-top:  0;
	margin-bottom:  0.4em;
	color: #666666;
	font-weight: normal;
	}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

div#menubar {
	top: 67px;
	z-index: 1;
	left: 0px;
	width: 643px;
	position: absolute;
	

}


div#menuitems {
	top: 62px;
	z-index: 25;
	left: 0px;
	width: 643px;
	position: absolute;
	height: 27px;
	


}
div#mainlogo {
	top: 19px;
	z-index: 15;
	left: 215px;
	width: 38px;
	position: absolute;
	border: 0;	


}
div#menu {
	top: 0px;
	z-index: 3;
	left: 0px;
	width: 531px;
	position: absolute;
}	



div#welcome {
	top: 13px;
	z-index: 12;
	left: 121px;
	width: 115px;
	position: absolute;
	height: 21px;
	

}

ul  {
	font-size: 10px;
}

ol  {
	font-size: 10px;
}

/* ------------ Clearfix -----------------*/


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ------------ Footer -----------------*/


div#footer {
	top: 536px;
	left: 0px;
	width: 800px;
	position: absolute;
	height: 24px;
	background-image: url(graphics/footer.gif);
	
}

div#footercontent {
	top: 542px;
	z-index: 10;
	left: 211px;
	width: 584px;
	position: absolute;
	height: 24px;
	text-align: center;
	color: #666666;	

}

div#footericons {
	top: 536px;
	z-index: 10;
	left: 716px;
	width: 60px;
	position: absolute;
	height: 24px;
	text-align: center;
	color: #666666;	

}

/* ------------ Home Page -----------------*/

#home_text {
	position : absolute;
    left : 293px;
    top : 145px;
    width : 273px;
    height : 357px;
    z-index : 26;
    text-align : justify;


}
#philsig {
	position:absolute;
	left:210px;
	top:311px;
	width:51px;
	height:55px;
	z-index:30;
	background-image: url(graphics/philsig.gif);
	background-repeat: no-repeat;
	text-indent: -200px;


	
	}
	
#home_book {
	position:absolute;
	left:615px;
	top:118px;
	width:150px;
	height:168px;
	z-index:30;
	}
#home_booklink {
	position:absolute;
	left:605px;
	top:316px;
	width:167px;
	height:85px;
	z-index:30;
	text-align: justify;
	}
	
		
div#image_home {
	top: 40px;
	z-index: 10;
	left: 0px;
	width: 250px;
	position: absolute;
	height: 520px;
	


}


#homemyspace {
	
	
    position: absolute;
	height: 34px;
	width: 134px;
	top: 296px;
	left: 328px;
	
}

#myspacetext {
	position: absolute;
	top: 267px;
	left: 320px;
	height: 14px;
	width: 150px;
	text-align: left;
	color: #AEA3A3;
}

#homefacebook {
	
	
    position: absolute;
	height: 34px;
	width: 134px;
	top: 334px;
	left: 340px;
	
}

/* ------------ Facebook Page -----------------*/

#facebook_text {
	position : absolute;
    left : 264px;
    top : 149px;
    width : 291px;
    height : 357px;
    z-index : 26;
    text-align : justify;

}

#facebook_screengrab {
	position:absolute;
	left:579px;
	top:150px;
	width:150px;
	height:168px;
	z-index:30;
	}
	
#facebook2_linktext {
	position: absolute;
	height: 34px;
	width: 134px;
	top: 424px;
	left: 636px;
	z-index: 10;
	
}
/* ------------ About Page -----------------*/

#about_text {
	position:absolute;
	left:266px;
	top:153px;
	width:434px;
	height:340px;
	z-index:26;
	text-align: justify;
}

#about_next {
	position:absolute;
	left:671px;
	top:501px;
	width:40px;
	height:20px;
	z-index:60;
	
}
#about_back {
	position:absolute;
	left:266px;
	top:499px;
	width:40px;
	height:32px;
	z-index:61;
	
}
#about_page_count {
	position:absolute;
	left:660px;
	top:119px;
	width:40px;
	height:32px;
	z-index:65;
	text-align: right;
	color: #999999;
	
}
div#image_about {
	top: 40px;
	z-index: 10;
	left: 0px;
	width: 250px;
	position: absolute;
	height: 520px;
	


}

/* ------------ Books Page -----------------*/


#books_text {
	position:absolute;
	left:259px;
	top:148px;
	width:520px;
	height:332px;
	z-index:26;
	text-align: justify;
	padding: 5px;
	
}

#book_text1 {
	position:absolute;
	left:1px;
	top:153px;
	width:287px;
	height:141px;
	z-index:31;	
}
#book_text2 {
	position:relative;
	left:1px;
	top:0px;
	width:287px;
	height:141px;
	z-index:31;
	float: left;
}

#book_image1 {
	position:absolute;
	left:304px;
	top:132px;
	width:150px;
	height:61px;
	z-index:30;	
}

#book_image2 {
	position:relative;
	left:20px;
	top:0px;
	width:150px;
	height:61px;
	z-index:30;
	float: none;
}

#books_seasidetales_holder {
	position:relative;
	width: 470px;
}

#books_comingsoon_holder {
	position:relative;
	width: 470px;
}

div#image_books {
	top: 40px;
	z-index: 10;
	left: 0px;
	width: 250px;
	position: absolute;
	height: 520px;
	


}

div#outnow {
	top: 1px;
	z-index: 10;
	left: 1px;
	width: 470px;
	position: absolute;
	height: 329px;
	


}
div#comingsoon {
	top: 258px;
	z-index: 10;
	left: 491px;
	width: 470px;
	position: absolute;
	height: 769px;
	


}

div#seasidetales_excerpt {
	top: 8px;
	z-index: 10;
	left: 1px;
	width: 470px;
	position: absolute;
	height: 361px;
	


}

#books_back {
	position:absolute;
	left:755px;
	top:500px;
	width:75px;
	height:34px;
	z-index:0;
	
}

#bookstable {
	text-align: justify;
}


/* ------------ Photography Page -----------------*/

div#image_photography {
	top: 40px;
	z-index: 10;
	left: 0px;
	width: 250px;
	position: absolute;
	height: 520px;
	


}
#photography_text {
	position:absolute;
	left:613px;
	top:136px;
	width:155px;
	height:40px;
	z-index:26;
	text-align: justify;
}

#photography_next {
	position:absolute;
	left:714px;
	top:492px;
	width:40px;
	height:20px;
	z-index:60;
	
}
#photography_back {
	position:absolute;
	left:36px;
	top:492px;
	width:40px;
	height:20px;
	z-index:61;
	
}

#displayphotodiv {
	position:absolute;
	left:251px;
	top:138px;
	width:334px;
	height:380px;
	text-align: center;	
	
}
	
#photo_thumb_flatiron {
	position:absolute;
	left:613px;
	top:241px;
	width:40px;
	height:20px;
	z-index:61;
	f
}
#photo_thumb_NYjew {
	position:absolute;
	left:708px;
	top:241px;
	width:40px;
	height:20px;
	z-index:61;
	
}

#photo_thumb_eifel {
	position:absolute;
	left:707px;
	top:350px;
	width:40px;
	height:20px;
	z-index:61;
	
}
#photo_thumb_graffiti {
	position:absolute;
	left:613px;
	top:348px;
	width:40px;
	height:20px;
	z-index:61;
	
}

#mainphoto {
	vertical-align: top;
	text-align: center;	
}

#photodesc {
	position:absolute;
	left:0px;
	top:369px;
	width:334px;
	height:20px;
	text-align: center;
	color: #999999;	
}




/* ------------ Contact -----------------*/

#contact_form {
	position:absolute;
	left:251px;
	top:130px;
	width:549px;
	height:395px;
	z-index:26;
	text-align: justify;
}

#contact_hidden {
	visibility: hidden;	
	
}

#contact_submit {
	position:absolute;
	left:436px;
	top:379px;
	width:62px;
	height:28px;
	z-index:26;
	
}

#contact_text1 {
	position:absolute;
	left:61px;
	top:211px;
	width:119px;
	height:19px;
	z-index:26;
	
}

#contact_pic1 {
	position:absolute;
	left:424px;
	top:-12px;
	width:61px;
	height:35px;
	z-index:0;
	
}

#contact_namefield {
	position:absolute;
	left:217px;
	top:125px;
	width:62px;
	height:28px;
	z-index:26;
	
}
#contact_emailfield {
	position:absolute;
	left:217px;
	top:152px;
	width:62px;
	height:28px;
	z-index:26;
	
}
#contact_subjectfield {
	position:absolute;
	left:217px;
	top:180px;
	width:62px;
	height:28px;
	z-index:26;
	
}
#contact_messagefield {
	position:absolute;
	left:61px;
	top:232px;
	width:404px;
	height:28px;
	z-index:26;
	
}
#contact_namepic {
	position:absolute;
	left:62px;
	top:126px;
	width:110px;
	height:20px;
	z-index:26;
	
}
#contact_emailpic {
	position:absolute;
	left:61px;
	top:153px;
	width:110px;
	height:22px;
	z-index:26;
	
}
#contact_subjectpic {
	position:absolute;
	left:61px;
	top:179px;
	width:118px;
	height:28px;
	z-index:26;
	
}
#contact_messagepic {
	position:absolute;
	left:61px;
	top:6px;
	width:358px;
	height:83px;
	z-index:26;
	
}


/* ------------ Contact2 -----------------*/

#contact2_message {
	position:absolute;
	left:330px;
	top:200px;
	width:370px;
	height:200px;
	z-index:26;
	text-align: left;
}

/* ------------ Information -----------------*/

#information_text1 {
	position:absolute;
	left:323px;
	top:200px;
	width:370px;
	height:200px;
	z-index:26;
	text-align: left;
}

/* ------------ Projects Page -----------------*/

#projects_text1 {
	position: absolute;
	left: 307px;
	top: 145px;
	width: 433px;
	text-align: justify;
	height: 99px;
}
div#image_projects {
	top: 40px;
	z-index: 10;
	left: 0px;
	width: 250px;
	position: absolute;
	height: 520px;


}
.projects_menu {
	position:absolute;
	left:424px;
	top:278px;
	width:244px;
	height:217px;
	z-index:26;
	text-align: justify;
}


/* ---------------- Projects Pages - Indvidual Pages ---------------------*/

/* ------------ Projects - Ask Phil -----------------*/

#askphil_text1 {
	position:absolute;
	left:638px;
	top:249px;
	width:151px;
	height:87px;
	z-index:26;
	text-align: justify;
}

#askphil_text2 {
	position:absolute;
	left:260px;
	top:145px;
	width:332px;
	height:333px;
	z-index:26;
	text-align: justify;
	padding: 15px;
	background-color: #CFCFCF;
}
#askphil_pic1 {
	position:absolute;
	left:662px;
	top:140px;
	height:96px;
	z-index:4;
}

#askphil_back {
	position:absolute;
	left:755px;
	top:492px;
	width:75px;
	height:34px;
	z-index:0;
	
}
/* ------------ Projects - What Do I Want -----------------*/

#want_text1 {
	position:absolute;
	left:370px;
	top:155px;
	width:231px;
	height:96px;
	z-index:26;
	text-align: center;
}
#want_pic1 {
	position:relative;
	left:0px;
	top:20px;
	width:231px;
	height:96px;
	z-index:26;
	text-align: center;
}
#want_pic2 {
	position:relative;
	left:0px;
	top:20px;
	width:231px;
	height:96px;
	z-index:26;
	text-align: center;
}

#whatdoiwant_back {
	position:absolute;
	left:706px;
	top:462px;
	width:75px;
	height:34px;
	z-index:0;
	
}

/* ------------ Projects - Favourite Bitches -----------------*/

#bitches_text1 {
	position:absolute;
	left:583px;
	top:174px;
	width:154px;
	height:41px;
	z-index:26;
	text-align: left;
}
#bitches_pic1 {
	position:absolute;
	left:268px;
	top:137px;
	width:231px;
	height:96px;
	z-index:0;
	
}
#bitches_pic2 {
	position:absolute;
	left:528px;
	top:282px;
	width:231px;
	height:96px;
	z-index:0;
	
}

#favouritebitches_back {
	position:absolute;
	left:708px;
	top:236px;
	width:75px;
	height:34px;
	z-index:0;
	
}

/* ------------ Projects - Fake Animals -----------------*/

#fake_text1 {
	position:absolute;
	left:590px;
	top:259px;
	width:181px;
	height:109px;
	z-index:26;
	text-align: justify;
}
#fake_pic1 {
	position:absolute;
	left:409px;
	top:145px;
	width:130px;
	height:96px;
	z-index:0;
	
}
#fake_pic2 {
	position:absolute;
	left:256px;
	top:145px;
	width:130px;
	height:96px;
	z-index:0;
	
}

#fakeanimals_back {
	position:absolute;
	left:739px;
	top:375px;
	width:75px;
	height:34px;
	z-index:0;
	
}

/* ------------ Projects - Favourite Mr Whippy -----------------*/

#whippy_text1 {
	position:absolute;
	left:589px;
	top:229px;
	width:183px;
	height:95px;
	z-index:26;
	text-align: justify;
}
#whippy_pic1 {
	position:absolute;
	left:257px;
	top:135px;
	width:130px;
	height:96px;
	z-index:0;
	
}
#whippy_pic2 {
	position:absolute;
	left:257px;
	top:297px;
	width:130px;
	height:96px;
	z-index:0;
	
}

#mrwhippy_back {
	position:absolute;
	left:740px;
	top:412px;
	width:75px;
	height:34px;
	z-index:0;
	
}

/* ------------ Projects - Waving Cat -----------------*/

#wavingcat_text1 {
	position:absolute;
	left:620px;
	top:130px;
	width:159px;
	height:73px;
	z-index:26;
	text-align: left;
}
#wavingcat_pic1 {
	position:absolute;
	left:250px;
	top:125px;
	width:130px;
	height:96px;
	z-index:0;
	
}
#wavingcat_pic2 {
	position:absolute;
	left:433px;
	top:223px;
	width:130px;
	height:96px;
	z-index:0;
	
}

#wavingcat_pic3 {
	position:absolute;
	left:590px;
	top:278px;
	width:130px;
	height:96px;
	z-index:0;
	
}

#wavingcat_back {
	position:absolute;
	left:739px;
	top:234px;
	width:75px;
	height:34px;
	z-index:0;
	
}

/* ------------ Projects - One Perfect Place -----------------*/

#perfect_text1 {
	position:absolute;
	left:276px;
	top:139px;
	width:472px;
	height:168px;
	z-index:26;
	text-align: justify;
}

#perfect_text2 {
	position:absolute;
	left:276px;
	top:139px;
	width:452px;
	height:224px;
	z-index:26;
	text-align: justify;
}

#perfect_back {
	position:absolute;
	left:696px;
	top:437px;
	width:75px;
	height:34px;
	z-index:0;
	
}

#perfectplace_back {
	position:absolute;
	left:708px;
	top:457px;
	width:75px;
	height:34px;
	z-index:0;
	
}

/* ------------ Projects - Song Titles -----------------*/

#songs_text1 {
	position:absolute;
	left:272px;
	top:136px;
	width:253px;
	height:168px;
	z-index:1;
	text-align: justify;
}

#songs_text2 {
	position:absolute;
	left:271px;
	top:428px;
	width:254px;
	height:73px;
	z-index:2;
	text-align: justify;
}


.songs_albumlist {
	position:absolute;
	left:-8px;
	top:41px;
	width:230px;
	height:188px;
	z-index:26;
	text-align: left;
	
	
  

}
#songs_album {
	position:absolute;
	left:545px;
	top:138px;
	width:238px;
	height:227px;
	z-index:26;
	text-align: left;
	background-color: #CCCCCC;
	
  

}

#songs_album1, #songs_album2, #songs_album3 {
	position:absolute;
	left:553px;
	top:140px;
	width:214px;
	height:219px;
	z-index:26;
	text-align: left;
	padding: 8px;
	list-style-position: outside;  

}

#songs_album1 {
	visibility: visible;
}

#songs_album2 {

visibility: hidden;

}

#songs_album3 {

visibility: hidden;

}

#songtitles_back {
	position:absolute;
	left:750px;
	top:488px;
	width:75px;
	height:34px;
	z-index:0;
	
}

/* ------------ Projects - Old People -----------------*/

#oldpeople_text1 {
	position:absolute;
	left:274px;
	top:142px;
	width:192px;
	height:76px;
	z-index:26;
	text-align: left;
}
#oldpeople_pic1 {
	position:absolute;
	left:247px;
	top:204px;
	width:130px;
	height:96px;
	z-index:0;
	
}
#oldpeople_pic2 {
	position:absolute;
	left:247px;
	top:335px;
	width:130px;
	height:96px;
	z-index:0;
	
}

#oldpeople_back {
	position:absolute;
	left:739px;
	top:487px;
	width:75px;
	height:34px;
	z-index:0;
	
}

/* ------------ Projects - Signs -----------------*/

#signs_text1 {
	position:absolute;
	left:276px;
	top:144px;
	width:223px;
	height:44px;
	z-index:26;
	text-align: left;
}
#signs_pic1 {
	position:absolute;
	left:341px;
	top:200px;
	width:130px;
	height:96px;
	z-index:0;
	
}
#signs_pic2 {
	position:absolute;
	left:341px;
	top:346px;
	width:130px;
	height:96px;
	z-index:0;
	
}

#signs_back {
	position:absolute;
	left:733px;
	top:486px;
	width:75px;
	height:34px;
	z-index:0;
	
}



/* ------------ Projects - Things I Don't Like -----------------*/

#thingsidontlike_text1 {
	position:absolute;
	left:267px;
	top:138px;
	width:460px;
	height:383px;
	z-index:26;
	text-align: left;
}


#thingsidontlike_back {
	position:absolute;
	left:733px;
	top:486px;
	width:75px;
	height:34px;
	z-index:0;
	
}


/* ------------ Projects - Dwarf Watch -----------------*/

#dwarf_text1 {
	position:absolute;
	left:274px;
	top:187px;
	width:208px;
	height:278px;
	z-index:26;
	text-align: justify;
	padding: 1px;
}


#dwarf_logo {
	position:absolute;
	left:414px;
	top:120px;
	width:186px;
	height:46px;
	z-index:0;
	text-align: left;
}


#dwarf_back {
	position:absolute;
	left:750px;
	top:500px;
	width:75px;
	height:34px;
	z-index:0;
	
}

#dwarf_text2 {
	position:absolute;
	left:500px;
	top:187px;
	width:252px;
	height:270px;
	z-index:0;
	text-align: left;
	padding: 15px;
	background-color: #CFCFCF;
}

#dwarffinder {
	color: #990000;
	font-size: 9px;
	font-weight: bold;	
}

/* ------------ Ramblings -----------------*/

#wordpressleftpanel {
/*contains sidebar*/
	position: absolute;
	left: 8px;
	top: 108px;
	height: 424px;
	width: 205px;
	background-color: #FFFFFF;
	padding: 23px;
	padding-bottom: 0px;
	position: absolute;	
	position: absolute;	
		
}

#wordpressrightpanel {
	/*main content area*/
	position: absolute;
	left: 254px;
	top: 130px;
	height: 374px;
	width: 500px;
	overflow:auto;
	background-color: #FFFFFF;
	padding: 15px;
	padding-bottom: 0px;
	padding-top: 23px;
	
}
#ramblings_back {
	position:relative;
	left:440px;
	top:10px;
	width:40px;
	height:32px;
	z-index:61;
	
}


/* ------------ Links -----------------*/

#links_image {
	position:absolute;
	left:337px;
	top:139px;
	width:239px;
	height:370px;
	z-index:26;
	text-align: justify;
}


div#image_links {
	top: 40px;
	z-index: 10;
	left: 0px;
	width: 300px;
	position: absolute;
	height: 520px;


}


/* ------------ Shop Page -----------------*/

#shop_text {
	position : absolute;
    left : 271px;
    top : 137px;
    width : 189px;
    height : 139px;
    z-index : 26;
    text-align : justify;


}

#shop_items {
	position : absolute;
    left : 477px;
    top : 137px;
    width : 314px;
    height : 139px;
    z-index : 26;
    text-align : justify;


}

#shop_thanks_text {
	position : absolute;
    left : 271px;
    top : 137px;
    width : 475px;
    height : 139px;
    z-index : 26;
    text-align : justify;


}