/* CSS Document */

@import url("basic.css");
@import url("menu.css");

/* _________ Global Styles ___________ */
html {width:100%; height:100%; font:62.5% Georgia, "Times New Roman", Times, serif; color:#44332B;}
body {width:100%; height:100%; min-width:985px; text-align:center; background:#ffffff url(../images/template/bg-tile.jpg);}
ol, ul { list-style: none; }
a, a:visited {text-decoration:none; color:#0A5D7E;}
.img_left {margin:4px 12px 0px 0px; padding:0px; display:block; float:left;}
.img_right {margin:4px 0px 0px 12px; padding:0px; display:block; float:right;}
h1 {height:30px; padding-bottom: 15px;}
h2 {font-weight: bold; font-size: 1.3em; padding-bottom: 10px; }
p {padding-bottom:10px;}

.innerpage-text {position:absolute; top:132px; left:213px; width:490px; height:630px; padding:0px; overflow:auto; font-size:1.3em; line-height:1.7em; }
html>body .innerpage-text {font-size:1.2em; line-height:1.64em;}  /* this is not seen by IE, so it is the firefox/mac sizing. Fun, huh? */

/* ___________Inner Scrolling Content Pages __________*/

.innerpage-text-header {position:absolute; top:132px; left:213px; width:490px; height:40px; padding:0px; overflow:auto; font-size:1.3em; line-height:1.7em; }
html>body .innerpage-text-header {font-size:1.2em; line-height:1.64em;}  /* this is not seen by IE, so it is the firefox/mac sizing. Fun, huh? */

.innerpage-text-scroll {position:absolute; top:172px; left:213px; width:490px; height:570px; padding:5px 15px 0px 0px; overflow:auto; font-size:1.3em; line-height:1.7em; }
html>body .innerpage-text-scroll {font-size:1.2em; line-height:1.64em;}  /* this is not seen by IE, so it is the firefox/mac sizing. Fun, huh? */

.title {font-weight: bold; font-size: 1.3em; padding-bottom: 0px; padding-top: 10px; }
.date { padding-top: 0px; padding-bottom: 0px; margin:0; line-height: 0.9em; }



/* __________ Page Structure ________ */
#page-background {margin:auto; width:100%; background:url(../images/template/bg-book.jpg) no-repeat center top; position:relative;}
#wrapper {margin:auto; padding:0px; width:985px; height:100% !important; min-height:900px; height:798px; position:relative; text-align:left;}
#menu {position:absolute; top:5px; right:40px; width:640px; height:42px;}


/* _________ Page Contents _________ */

#logo {position:absolute; top:49px; left:55px; width:710px; height:90px; background: url("../images/template/logo.gif") no-repeat;}
#logo a{display:block; width:710px; height:90px; position:absolute; left:0px; top:0px; text-indent: -9999px;}
#mySnapshot {position:absolute; top:48px; left:765px; width:191px; height:258px; background: #fff url("../images/template/snapshot.jpg") no-repeat;}
#contact {display:block; position:absolute; top:283px; right:37px; width:191px; height:24px; margin:0px; padding:0px; font-size: 13px; text-align:right; }
#contact a, #contact a:visited {color: #333; }

#copyright {display:block; position:absolute; top:799px; left:0px; width:985px; height:30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color: #000; text-align:center; }
html>body #copyright { font-size:1em; }  /* this is not seen by IE, so it is the firefox/mac sizing. Fun, huh? */
#copyright a, #copyright a:visited {color: #000; }


/* _________ HOMEPAGE STYLES _________ */

/* _Main_ */
#hometext {position:absolute; top:539px; left:213px; width:498px; height:230px; padding:0px; overflow:hidden; font-size:1.3em; line-height:1.7em; }
html>body #hometext { font-size:1.2em; line-height:1.64em;}  /* this is not seen by IE, so it is the firefox/mac sizing. Fun, huh? */
#hometext h2 {font-weight: bold;  font-size: 1em; padding-bottom: 0px; }


#slideshow {display:block; position:absolute; top:135px; left:213px; width:490px; height:370px; border: solid 5px #000; overflow:hidden; background:#000; }
#slideshow img {position:absolute; top:0; left:0; z-index:2; opacity:0.0;}
#slideshow img.active {z-index:4; opacity:1.0;}
#slideshow img.last-active {z-index:3;}

/* _________ LEFT COLUMN ________ */

a#ptitle-china{display:block; position:absolute; top:113px; left:64px; width:134px; height:21px; background:url(../images/template/portfolio-china.gif) no-repeat; text-indent:-9999px; }
a#ptitle-morocco{display:block; position:absolute; top:233px; left:64px; width:134px; height:21px; background:url(../images/template/portfolio-morocco.gif) no-repeat; text-indent:-9999px; }
a#ptitle-costarica{display:block; position:absolute; top:353px; left:64px; width:134px; height:21px; background:url(../images/template/portfolio-costarica.gif) no-repeat; text-indent:-9999px; }
a#ptitle-fiji{display:block; position:absolute; top:473px; left:64px; width:134px; height:21px; background:url(../images/template/portfolio-fiji.gif) no-repeat; text-indent:-9999px; }
a#ptitle-burningman{display:block; position:absolute; top:593px; left:64px; width:134px; height:21px; background:url(../images/template/portfolio-burningman.gif) no-repeat; text-indent:-9999px; }

.pthumbs {margin:0px; padding:0px; border: solid 5px #000; }
.pthumbs a, .pthumbs a:visited {border-color:#000; }
.pthumbs a:hover {border-color:#000; }

#pthumb-china{display:block; position:absolute; top:134px; left:64px; width:134px; height:92px;}
#pthumb-morocco{display:block; position:absolute; top:254px; left:64px; width:134px; height:92px;}
#pthumb-costarica{display:block; position:absolute; top:374px; left:64px; width:134px; height:92px; }
#pthumb-fiji{display:block; position:absolute; top:494px; left:64px; width:134px; height:92px; }
#pthumb-burningman{display:block; position:absolute; top:614px; left:64px; width:134px; height:92px; }

a#prints{display:block; position:absolute; top:710px; left:64px; width:92px; height:31px; background:url(../images/template/prints.gif) no-repeat; text-indent:-9999px; }


/* _________ RIGHT COLUMN ________ */

#social {display:block; position:absolute; top:311px; left:728px; width:230px; height:60px; background:none; overflow:hidden; padding:0px; line-height:1.2em; }
.textwidget iframe { border: solid 1px #999999; }

/*_________ BLOG ________________*/
#blog {display:block; position:absolute; top:377px; left:728px; width:209px; height:209px; background:url(../images/template/blog.gif) no-repeat; overflow:hidden; padding:33px 5px 0px 15px; font-size:1.2em; line-height:1.2em; }
#blog h2 {height:0px; text-indent:-9999px; display:none; padding:0px; }
#blog p {padding-bottom:10px; padding-right:10px; }

#creditfooter {
	display:none;
	}
.feedburnerFeedBlock ul{
width: 209px;
}
.feedburnerFeedBlock ul li{
padding-bottom: 8px;
}
.headline {
font-weight: bold;
}

#email-form {display:block; position:absolute; top:619px; left:726px; width:229px; height:141px; background: url("../images/template/email-form.gif") no-repeat; }
#email-form p {padding:40px 15px 0px 20px; font-size: 1.3em; line-height: 1.3em; }
#email {display:block; position:absolute; top:627px; left:726px; width:229px; height:80px; padding:93px 0px 0px 20px; }
input {border:none; background:none; color:#666; font-family: 1em Georgia, "Times New Roman", Times, serif;}
#submit {position:absolute; top:87px; left:197px; width:50px; height:39px;  background:url(../images/template/button.gif) no-repeat; z-index:4; }



/* ________ CONTENT PAGES ________ */

#aboutpage h1 {height:30px; text-indent:-9999px; background:url(../images/template/title_about.gif) no-repeat; padding-bottom: 15px;}
#photographypage h1 {height:30px; text-indent:-9999px; background:url(../images/template/title_photography.gif) no-repeat; padding-bottom: 15px;}
#writingpage h1 {height:30px; text-indent:-9999px; background:url(../images/template/title_writing.gif) no-repeat; padding-bottom: 15px;}
  #writingpage h1 a{position:absolute; display:block; top:132px; left:213px; width:490px; height:40px; text-indent: -9999px;}
#blogpage h1 {height:30px; text-indent:-9999px; background:url(../images/template/title_blog.gif) no-repeat; padding-bottom: 15px;}
#printspage h1 {height:30px; text-indent:-9999px; background:url(../images/template/title_prints.gif) no-repeat; padding-bottom: 15px;}
#copyrightpage h1 {height:30px; text-indent:-9999px; background:url(../images/template/title_copyright.gif) no-repeat; padding-bottom: 15px;}
#newsletterpage h1 {height:30px; text-indent:-9999px; background:url(../images/template/title_newsletter.gif) no-repeat; padding-bottom: 15px;}

#portfolio_menu{position:absolute; top:200px; left:78px; width:138px; height:245px;}
#portfolio{position:absolute; top:182px; left:232px; width:681px; height:461px; z-index:5;}
#portfolio p{padding:20px 0px 10px 3px; font-size:1.2em; line-height:1.8em; width:240px;}
#column1{position:absolute; top:208px; left:82px; width:245px; height:446px; padding:0px 36px 0px 3px; overflow:hidden; font-size:1.2em; line-height:1.8em; }
#column2{position:absolute; top:200px; left:366px; width:245px; height:446px; padding:0px 36px 0px 3px; overflow:hidden; font-size:1.2em; line-height:1.8em; }
#column3{position:absolute; top:200px; left:650px; width:245px; height:446px; padding:0px 36px 0px 3px; overflow:hidden; font-size:1.2em; line-height:1.8em; }
#column1 h2{height:72px; text-indent:-9999px; padding-bottom:28px;}


/* _______ HIDDEN ELEMENTS ________ */

hr{display:none;}
.clear{clear:both; height:0px;}