/* CSS Document */

/*POSITIONING ELEMENTS*/

body {
	text-align: center;
	margin: 0px;
	border: 0px;
}

#wrapper {
	width: 1014px;
	margin: 0
	auto;
	text-align: left;
}

#blue {
	width: 1014px;
	height: 898px;
	position: absolute;
	z-index: 1;
	margin: 0px;
	border: 0px;
}

#white {
	width: 800px;
	height: 450px;
	position: absolute;
	top: 25px;
	left: 25px;
	background-color: #FFFFFF;
	z-index: 2;
	margin: 0px;
	border: 0px;
}


#banner {
	width: 1010px;
	height: 114px;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 1;
}


#boilerplate {
	top: 75px;
	left: 0px;
	padding:3px 8px 0 15px;
	position: absolute;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0033CC;
	background-color:#FFFFFF;
	border-top: 1px dashed gray;
}

.maintext {
	
}

#boilerplate img{
	margin:0 4px 0 5px;
	border:0;
}

#menu {
	width: 899px;
	height: 92px;
	top: 119px;
	left: 49px;
	position: absolute;
	z-index: 1;
}

/*INDEX*/

#designerbgdbox {
	width: 285px;
	height: 277px;
	top: 470px;
	left: 360px;
	position: absolute;
	border: 0px;
	z-index: 2;
}

#designerthreadbox {
	width: 365px;
	height: 480px;
	top: 300px;
	left: 458px;
	position: absolute;
	border: 1px dashed gray;
	z-index: 3;
}

#designerphoto {
	width: 184px;
	height: 148px;
	top: -170px;
	left: 55px;
	position: relative;
	border: 0px;
	z-index: 3;
}

#designertitle {
	width: 184px;
	height: 148px;
	top: 300px;
	left: 458px;
	position: absolute;
	border: 0px;
	z-index: 4;
}

#designertitle2 {
	width: 130px;
	height: 40px;
	top: 310px;
	left: 210px;
	position: absolute;
	border: 0px;
	z-index: 4;
}


#aboutmebgdbox {
	width: 318px;
	height: 248px;
	top: 150px;
	left: 20px;
	position: absolute;
	border: 0px;
	z-index: 2;
}

#aboutmethreadbox {
	width: 365px;
	height: 480px;
	top: 300px;
	left: 458px;
	position: absolute;
	border: 1px dashed gray;
	z-index: 3;
}

#aboutmephoto {
		width: 184px;
	height: 148px;
	top: -180px;
	left: 70px;
	position: relative;
	border: 0px;
	z-index: 3;
}

#aboutmetitle {
	width: 184px;
	height: 148px;
	top: 100px;
	left: 70px;
	position: absolute;
	border: 0px;
	z-index: 4;
}
#aboutmetitle2 {
	width: 184px;
	height: 40px;
	top: 295px;
	left: 485px;
	position: absolute;
	border: 0px;
	z-index: 4;
}

#blogbgdbox {
	width: 300px;
	height: 273px;
	top: 150px;
	left: 380px;
	position: absolute;
	border: 0px;
	z-index: 2;
}

#blogthreadbox {
	width: 365px;
	height: 480px;
	top: 300px;
	left: 458px;
	position: absolute;
	border: 1px dashed gray;
	z-index: 3;
}

#blogphoto {
		width: 184px;
	height: 148px;
	top: -175px;
	left: 75px;
	position: relative;
	border: 0px;
	z-index: 3;
}

#blogtitle {
	width: 184px;
	height: 148px;
	top: 300px;
	left: 458px;
	position: absolute;
	border: 0px;
	z-index: 4;
}

#blogtitle2 {
	width: 184px;
	height: 40px;
	top: 310px;
	left: 478px;
	position: absolute;
	border: 0px;
	z-index: 4;
}

/*Teaching*/

#teachingbgdbox {
	width: 285px;
	height: 277px;
	top: 150px;
	left: 700px;
	position: absolute;
	border: 0px;
	z-index: 2;
}

#teachingthreadbox {
	width: 365px;
	height: 480px;
	top: 300px;
	left: 458px;
	position: absolute;
	border: 1px dashed gray;
	z-index: 3;
}

#teachingphoto {
		width: 184px;
	height: 148px;
	top: -170px;
	left: 55px;
	position: relative;
	border: 0px;
	z-index: 3;
}

#teachingtitle {
	width: 184px;
	height: 148px;
	top: 300px;
	left: 458px;
	position: absolute;
	border: 0px;
	z-index: 4;
}

#teachingtitle2 {
	width: 184px;
	height: 40px;
	top: 310px;
	left: 510px;
	position: absolute;
	border: 0px;
	z-index: 4;
}

/*Contact*/


#contactbgdbox {
	width: 330px;
	height: 263px;
	top: 450px;
	left: 680px;
	position: absolute;
	border: 0px;
	z-index: 2;
}

#contactthreadbox {
	width: 365px;
	height: 480px;
	top: 300px;
	left: 458px;
	position: absolute;
	border: 1px dashed gray;
	z-index: 3;
}

#contactphoto {
		width: 184px;
	height: 148px;
	top: -180px;
	left: 75px;
	position: relative;
	border: 0px;
	z-index: 3;
}

#contacttitle {
	width: 184px;
	height: 148px;
	top: 300px;
	left: 458px;
	position: absolute;
	border: 0px;
	z-index: 4;
}

#contacttitle2 {
	width: 184px;
	height: 50px;
	top: 280px;
	left: 515px;
	position: absolute;
	border: 0px;
	z-index: 4;
}


/*author*/

#authorbgdbox {
	width: 298px;
	height: 264px;
	top: 470px;
	left: 30px;
	position: absolute;
	border: 0px;
	z-index: 2;
}

#authorthreadbox {
	width: 365px;
	height: 480px;
	top: 300px;
	left: 458px;
	position: absolute;
	border: 1px dashed gray;
	z-index: 3;
}

#authorphoto {
		width: 184px;
	height: 148px;
	top: -177px;
	left: 65px;
	position: relative;
	border: 0px;
	z-index: 3;
}

#authortitle {
	width: 184px;
	height: 148px;
	top: 300px;
	left: 458px;
	position: absolute;
	border: 0px;
	z-index: 4;
}

#authortitle2 {
	width: 184px;
	height: 40px;
	top: 273px;
	left: 510px;
	position: absolute;
	border: 0px;
	z-index: 4;
}






/*MAGPIE*/

#magpie {
	width: 305px;
	height: 50px;
	top: 400px;
	left: 515px;
	position: absolute;
	z-index: 2;
}

#magpieblock {
	width: 280px;
	height: 30px;
	top: 400px;
	left: 515px;
	position: absolute;
	z-index: 2;
	margin-top: 7px;
	margin-left: 10px;
	margin-right: 4px;
}


/*DESIGNER*/


#designerbgd {
	width: 750px;
	top: 230px;
	left: 130px;
	position: absolute;
	z-index: 1;
	border: 0px;
}

#designerbox {
	width: 646px;
	height: 402px;
	top: 290px;
	left: 183px;
	position: absolute;
	border: 1px dashed gray;
	z-index: 3;
	background:#FFF;
}

#designerpic {
	width: 240px;
	top: 345px;
	left: 188px;
	position: absolute;
	z-index: 2;
	border: 0px;
}

#designertitle {
	width: 132px;
	height: 23px;
	top: 470px;
	left: 360px;
	position: absolute;
	z-index: 4;
	border: 0px;
}

#designertext {
	width: 345px;
	height: 23px;
	top: 295px;
	left: 482px;
	position: absolute;
	z-index: 4;
	border: 0px;
	text-align:right;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*ABOUT ME*/

#aboutmebox {
	width: 320px;
	height: 430px;
	top: 285px;
	left: 475px;
	position: absolute;
	border: 1px dashed gray;
	z-index: 2;
}

#aboutmepic {
	width: 240px;
	top: 347px;
	left: 200px;
	position: absolute;
	z-index: 2;
	border: 0px;
}

#aboutmetitle {
	width: 132px;
	height: 23px;
	top: 150px;
	left: 20px;
	position: absolute;
	z-index: 4;
	border: 0px;
}

#aboutmetext {
	width: 314px;
	height: 300px;
	top: 320px;
	left: 480px;
	position: absolute;
	z-index: 2;
	border: 0px;
}

/*BLOG*/

#blogbox {
	width: 365px;
	height: 480px;
	top: 300px;
	left: 470px;
	position: absolute;
	border: 1px dashed gray;
	z-index: 2;
}

#blogpic {
	width: 240px;
	top: 375px;
	left: 198px;
	position: absolute;
	z-index: 2;
	border: 0px;
}

#blogtitle {
	width: 132px;
	height: 23px;
	top: 150px;
	left: 380px;
	position: absolute;
	z-index: 4;
	border: 0px;
}

#blogtext {
	width: 323px;
	height: 1200px;
	top: 5px;
	left: 5px;
	position: absolute;
	z-index: 2;
	border: 0px;
}

#midblock {
	width: 323px;
	height: 420px;
	top: 340px;
	left: 477px;
	position: absolute;
	z-index: 2;
	border: 0px;
}

/*TEACHING*/

#teachingbox {
	width: 315px;
	height: 370px;
	top: 295px;
	left: 505px;
	position: absolute;
	border: 1px dashed gray;
	z-index: 2;
}

#teachingpic {
	width: 240px;
	top: 375px;
	left: 217px;
	position: absolute;
	z-index: 2;
	border: 0px;
}

#teachingtitle {
	width: 132px;
	height: 23px;
	top: 150px;
	left: 710px;
	position: absolute;
	z-index: 4;
	border: 0px;
}

#teachingtext {
	width: 308px;
	height: 300px;
	top: 340px;
	left: 510px;
	position: absolute;
	z-index: 2;
	border: 0px;
}

/*AUTHOR*/

#authorbox {
	width: 320px;
	height: 410px;
	top: 265px;
	left: 500px;
	position: absolute;
	border: 1px dashed gray;
	z-index: 2;
}

#authorpic {
	width: 240px;
	top: 295px;
	left: 215px;
	position: absolute;
	z-index: 2;
	border: 0px;
}

#authortitle {
	width: 132px;
	height: 23px;
	top: 470px;
	left: 30px;
	position: absolute;
	z-index: 4;
	border: 0px;
}

#authortext {
	width: 310px;
	height: 300px;
	top: 300px;
	left: 508px;
	position: absolute;
	z-index: 2;
	border: 0px;
}


/*CONTACT*/

#contactbox {
	width: 315px;
	height: 360px;
	top: 270px;
	left: 510px;
	position: absolute;
	border: 1px dashed gray;
	z-index: 2;
}

#contactpic {
	width: 240px;
	top: 292px;
	left: 230px;
	position: absolute;
	z-index: 2;
	border: 0px;
}

#contacttitle {
	width: 132px;
	height: 23px;
	top: 450px;
	left: 680px;
	position: absolute;
	z-index: 4;
	border: 0px;
}

#contacttext {
	width: 305px;
	height: 360px;
	top: 305px;
	left: 515px;
	position: absolute;
	z-index: 2;
	border: 0px;
}



/*TEXT*/


.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}


/*GALLERY 1*/

#gallerybox {
	width: 320px;
	height: 50px;
	top: 460px;
	left: 470px;
	position: absolute;
	z-index: 3;
}
.gallerycontainer{
position: relative;
width:320px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px dashed gray;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -120px;
left: -287px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*GALLERY 2*/

#gallerybox2 {
	width: 320px;
	height: 50px;
	top: 590px;
	left: 470px;
	position: absolute;
	z-index: 3;
}
.gallerycontainer2{
position: relative;
width:320px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail2 img{
border: 1px solid white;
margin: 0;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 1px dashed gray;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -250px;
left: -287px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*GALLERY 3*/

#gallerybox3 {
	width: 320px;
	height: 50px;
	top: 550px;
	left: 510px;
	position: absolute;
	z-index: 3;
}
.gallerycontainer3{
position: relative;
width:320px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail3 img{
border: 1px solid white;
margin: 0;
}

.thumbnail3:hover{
background-color: transparent;
}

.thumbnail3:hover img{
border: 1px dashed gray;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -260px;
left: -299px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*GALLERY 4*/

#gallerybox4 {
	width: 320px;
	height: 50px;
	top: 610px;
	left: 510px;
	position: absolute;
	z-index: 3;
}
.gallerycontainer4{
position: relative;
width:320px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail4 img{
border: 1px solid white;
margin: 0;
}

.thumbnail4:hover{
background-color: transparent;
}

.thumbnail4:hover img{
border: 1px dashed gray;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail4:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -320px;
left: -299px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*GALLERY 5*/

#gallerybox5 {
	width: 320px;
	height: 50px;
	top: 580px;
	left: 515px;
	position: absolute;
	z-index: 3;
}
.gallerycontainer5{
position: relative;
width:320px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail5 img{
border: 1px solid white;
margin: 0;
}

.thumbnail5:hover{
background-color: transparent;
}

.thumbnail5:hover img{
border: 1px dashed gray;
}

.thumbnail5 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail5 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail5:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -210px;
left: -305px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


a.orange {
	color: #FF6600;
	text-decoration: underline;
}

img
{  border-style: none;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}


/* PRESS */
#pressbgd {
	width: 450px;
	top: 140px;
	left: 30px;
	position: absolute;
	border: 0px;
	z-index: 2;
	background-color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0033CC;
	text-align:left;
	padding:10px;
}

#pressbgd h1 {
	font-size: 14px;
}