/* 
Title:		Main CSS
Author: 	3 Crown Creative
*/

@import "reset.css";
@import "base.css";
@import "fonts.css";
@import "CMScontent.css";

body, html {background-color:#000000;font-family:Arial, Helvetica, sans-serif;color:#000000;}
body {min-width:840px; }

a:focus {outline: none}
a img {border:none;}
h1 {font-weight:bold; letter-spacing:1px;margin:0}
h2 {font-weight:bold; margin:0}
h3 {font-weight:bold; margin:0; text-align:center}



/*  <PAGE STRUCTURE>
--------------------------------------------------*/
#container {position:absolute;
			width:840px;height:600px;
			 background:url(/images/backdropPaperDefault.jpg) left top no-repeat;
}

.containerLgW {left:50%;margin-left: -420px; /*set to a negative number 1/2 of your width*/ }
.containerLgH {top: 50%; margin-top: -300px; /*set to a negative number 1/2 of your height*/ }

.containerSmW {left:2px;margin-left:0px;}
.containerSmH {top:10px;margin-top:0px;}

#backdrop {
	position:relative; left:170px; top:60px;
	width:513px; height:530px; overflow:auto; 
}
#backdrop #text {padding:20px 45px 20px 45px; font-size:12px; font-weight:normal; line-height:150%}


/*  <NAVIGATION>
--------------------------------------------------*/
#linkHome  {position:absolute; left:31px; top:98px; width:74px; height:34px;}
#linkHome a {
   background: url(/images/linkHome.jpg) 0px 0px no-repeat; display:block;
   width:74px; height:34px;text-decoration:none;
}
#linkHome a:hover { background-position: -74px 0;   }
#home .linkHome a {background-position: -74px 0; cursor:default}

#linkWork  {position:absolute; left:29px; top:233px; width:108px; height:32px;}
#linkWork a {
   background: url(/images/linkTheWork.jpg) no-repeat 0px 0px; display:block;
   width:108px; height:32px;text-decoration:none;
}
#linkWork a:hover { background-position: -108px 0;}
#work .linkWork a {background-position: -108px 0; cursor:default}
#bioPubs .linkWork a {background-position: -108px 0; cursor:default}
	
#linkAppearances  { position:absolute;left:18px; top:371px; width:135px; height:33px; }
#linkAppearances a {
   background: url(/images/linkAppearances.jpg) no-repeat 0px 0px; display:block;
   width:135px; height:33px;text-decoration:none;
}
#linkAppearances a:hover { background-position: -135px 0;   }
#appearances .linkAppearances a {background-position: -135px 0; cursor:default}

#linkBio  {position:absolute; left:19px; top:512px; width:120px; height:37px;}
#linkBio a {
   background: url(/images/linkBio.jpg) no-repeat 0px 0px; display:block;
   width:120px; height:37px;text-decoration:none;
}
#linkBio a:hover { background-position: -120px 0;   }
#bio .linkBio a {background-position: -120px 0; cursor:default}
/*#bioPubs .linkBio a {background-position: -120px 0; cursor:default}*/

#linkForthcoming  { position:absolute;left:696px; top:110px; width:133px; height:29px; }
#linkForthcoming a {
   background: url(/images/linkForthcoming.jpg) no-repeat 0px 0px; display:block;
   width:133px; height:29px; text-decoration:none;
}
#linkForthcoming a:hover { background-position: -133px 0;   }
#forthcoming .linkForthcoming a {background-position: -133px 0; cursor:default}

#linkContact  {position:absolute; left:726px; top:268px; width:96px; height:29px;}
#linkContact a {
   background: url(/images/linkContact.jpg) no-repeat 0px 0px; display:block;
   width:96px; height:29px; text-decoration:none;
}
#linkContact a:hover { background-position: -96px 0;   }
#contact .linkContact a {background-position: -96px 0; cursor:default}

#linkBlog  {position:absolute; left:741px; top:476px; width:68px; height:30px;}
#linkBlog a {
   background: url(/images/linkBlog.jpg) no-repeat 0px 0px; display:block;
   width:68px; height:30px;text-decoration:none;
}
#linkBlog a:hover { background-position: -68px 0;   }
#blog .linkBlog a {background-position: -68px 0; cursor:default}

/*  <HOME PAGE>
--------------------------------------------------*/
#home #container {background: url(/images/backdropFlash.jpg) left top no-repeat;}
#home #backdrop {width:0; height:0;}
#whatsNewWrapper {zoom: 1; }
#whatsNewBox {position:absolute; left:290px; top:120px;background:url(/images/bkgWhatsNew.png) no-repeat; width:239px; height:407px;
			 padding:25px; text-align:center;}
#whatsNewBox p { font-size:85%; margin:0; padding:0 0 5px 0}
#whatsNewBox h5 { margin:0; padding:0 0 5px 0}
#whatsNewBox strong { font-size:85%;}
#whatsNewBox img {cursor:pointer;}


/*  <THE WORK PAGE>
--------------------------------------------------*/
#work #backdrop #text {padding:20px 30px 20px 30px; font-size:85%; font-weight:normal; line-height:150%}
#work .year {font-weight:normal; font-size:85%; font-style:normal; letter-spacing:normal}
#work .clear {clear:both; padding-bottom:5px}
#work h1 {margin:0 0 20px 0}
#work h2 {font-size:108%; font-weight:bold; font-style:italic; margin:5px 0 0 0}

#backdrop #text .divleft {float:left; width:29%}
#backdrop #text .divright {float:right; width:67%; margin:0px}
.imgButton {padding:10px 5px 0px 0px}


/* drop-in box */
.dropinboxcover{width: 498px; position:absolute;z-index: 100;overflow:hidden;visibility: hidden;}
.dropinbox{
	width: 480px; border: 6px solid #CC6600;
	padding:0 0 10px 0;margin:0px;position:absolute;left: 0;top: 0;
	font-size:11px;color:black;
	background-image: url(/images/backPurchase.jpg);background-repeat: repeat;
}
.buyLinks {text-align:left; line-height:150%}
.buyLinks a {font-size:11px; color:black; text-decoration:none; font-weight:bold}
.buyLinks a:hover {text-decoration:none;color: #FFFFCC;background-color:#CC6600; font-weight:bold}
.buyLinks h2 {color:#CC6600; font-size:100%}
.dropinbox .divleft {float:left; width:190px; height:280px;padding:10px 10px 0 10px}
.dropinbox .divright {float:right; width:250px; padding:0 10px 0 10px}
#work .dropinbox h1 {font-size:108%; font-style:italic; font-weight:bold; margin:0; padding:0 0 5px 0}
#work .dropinbox h2 {font-size:100%; font-style:italic; font-weight:bold; margin:0; padding:10px 0 5px 0}
.boxClose {float:right}

/*  <APPEARANCES PAGE>
--------------------------------------------------*/
#appearances #container { background:url(/images/backdropPaperAppearances.jpg) no-repeat left top;}


/*  <BIO PAGE>
--------------------------------------------------*/
#bio h1 { padding-bottom:10px}
#bio em {font-weight:bold}

/*  <PUBLICATIONS PAGES>
--------------------------------------------------*/
#bioPubs #backdrop #text {padding:20px 30px 20px 30px; font-size:85%; line-height:normal}

h1.pubs { padding:20px 0 10px 0; text-align:left; color:#8F1D00}
#bioPubs em {font-weight:normal}
.publink {float:left; margin:0; padding:0 35px 0 0;font-size:108%; font-weight:bold;}
#bioPubs .clear {clear:both; padding-bottom:5px}
.publink a {color:#000000; text-decoration:none; border-bottom:1px dotted #000000}
.publink a:hover {color:#8F1D00; text-decoration:none;border-bottom:1px dotted #8F1D00}
.publink .active {color:#8F1D00;border-bottom:1px dotted #8F1D00}
.last {padding-right:0;}

/*.publinks {font-size:108%; font-weight:bold; width:100%}
.publinks td { text-align:right; padding:0; margin:0}
.publinks td:first-child { text-align:left;padding-left:0}
.publinks td:last-child {}
.publinks a {color:#000000; text-decoration:none; border-bottom:1px dotted #000000}
.publinks a:hover {color:#8F1D00; text-decoration:none;border-bottom:1px dotted #8F1D00}
.publinks .active {color:#8F1D00;border-bottom:1px dotted #8F1D00}*/

/*  <FORTHCOMING PAGE>
--------------------------------------------------*/
#forthcoming h1 {margin:0 0 30px 0;}
#forthcoming h2 {font-size:14px; font-weight:bold;color:#0397D5; margin:0 0 10px 0; font-style:italic;}
#forthcoming #backdrop #text {padding:20px 30px 20px 30px; font-size:12px; font-weight:normal; line-height:150%}
#forthcoming #backdrop #text a {text-decoration:none; color:#000000; font-weight:bold}
#forthcoming #backdrop #text a:hover {text-decoration:none; color:#8F1D00}
#forthcoming #backdrop #text .subhead {font-weight:normal; font-size:12px; font-style:normal; color:#000000}

/*  <CONTACT PAGE>
--------------------------------------------------*/
#contact #container { background:url(/images/backdropPaperContact.jpg) no-repeat left top;}
#contact #backdrop #text {padding:140px 45px 20px 195px; }
#contact p {margin:0 0 15px 0; padding:0}
#contact #credit {color:#333333; font-size:11px; position:relative; left:0px; top:70px;width:840px; text-align:right; padding-top:5px}
#contact #credit a {text-decoration:none; color:#ddd}
#contact #credit a:hover {text-decoration:none; color:#fff}
#contact span {color:#000}

/*  <MISC>
--------------------------------------------------*/
.small {font-size:77%}
.divImgHide {display:none}
.divImgShow {display:block}
.divLeft {float:left; text-align:left}
.divRight {float:right; text-align:right}

div.hr { height: 15px;background: url(/images/hr1.gif) no-repeat scroll center;}
div.hr hr {display: none;}

/* image shadow */
.imgShadow {float:left;  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;  margin: 10px 10px 0 10px !important; margin: 10px 10px 0 5px;}
.imgShadow img {  display: block;  position: relative;  border: 1px solid #a9a9a9;  margin: -6px 6px 6px -6px;  padding: 4px;}