body, html { margin:0; padding: 0; font: 12pt arial, helvetica, sans-serif normal; background: #000; color: #fff; }
* html body, * html { height: 100%; overflow: auto; }
h1, h2, h3, h4, h5, h6, p, span, table, tr, td, th, ul, ol, li {margin:0; padding: 0;}
ul, ol {list-style-type: none; }
img {border: none; }
h1, h2 {font-weight: normal; }
a:link, a:visited {color: #660066; text-decoration: none;  }
a:hover, a:active {color: #936; text-decoration: underline;  }

:focus, :active {outline: none; }


.right {text-align: right; }

/*Removes feedburner logo on all feed items using this service */
#creditfooter {display: none; }


/* MAIN PAGE STYLES */
#wrap { margin: 0 auto; padding: 0 0 300px 0; width: 1000px; background: #000; z-index:1; overflow: hidden; }
#footer{ width:100%; z-index: 10000; background: #99d4d6 url(../img/jtwaldman.png) center -3px no-repeat; margin: 0; margin-top:15px; position: fixed; bottom: 0; left: 0; }
* html #footer {position: absolute; bottom: -1px; left: 0; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.laurenscime.com/jt/img/jtwaldman.png", sizingMethod="crop"); width: expression(document.body.clientWidth < 1001? "1000px" : "auto");}
.toggle {display: block; height: 60px; width: 100px; float: right; clear: none; margin: 5px 5px 0 0; position: relative; z-index: 2; }
#innerfoot {width: 1000px; margin: 0 auto; height:104px; position: relative;}
* html #innerfoot {width: expression( document.body.clientWidth < 801 ? "700px" : "auto" );}
/*.homelink {display: block; position: absolute;  top: 0; left: 0px; width: 300px; height: 70px; }
*:first-child+html .homelink {position: relative; float: left; }*/
#footer a:link, #footer a:visited {color: #000; text-decoration: none; }
#footer .links {float: right; clear: none; width: 444px;  }
*:first-child+html #footer .links {float: right; clear: none; width: 444px; margin: 0px;  }

#footer ul {margin: 20px 20px 0 0; float: right; clear: right;}
#footer ul li {display: inline !important; margin: 0 20px;}
*:first-child+html #footer ul {margin: 20px 0 0 0; }
*:first-child+html #links2 {width: 444px; float: right; clear: right; margin: 0px 0 0 40px; text-align: right;  }
*:first-child+html #links2 li {display: inline; }

* html #footer ul {margin: 20px 0 0 0; }
* html #links2 {width: 444px; float: right; clear: right; margin: 0px 0 0 40px; text-align: right;  }
* html #links2 li {display: inline; }


#footer ul li a {font: 11pt arial, helvetica, sans-serif normal;  }
#footer ul li a.on {font: 16pt Arial, Helvetica, sans-serif bold !important; }


.subnav {width: 300px; margin: 45px 0 20px 50px; float: left; clear: none; }
.subnav a {color: #99d4d6; text-decoration: none; margin-right: 30px;}
.subnav a:hover, .subnav a.active {color: #fff;}
.subnav a.active {font-weight: bold;}
#pageTitleArt {  margin: 30px 50px 30px 0px; padding: 0; float: right; clear: none; width: 390px; text-align: right; font-size: 24pt; }
.gallery {clear: both; }



/*HOMEPAGE STYLES
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#col1 {float: left; clear: none; width: 150px; border: 10px solid #cee6bf;  margin: 10px 10px 20px 10px; padding: 10px 10px; background: #cee6bf url(../img/ajax-loader.gif) center center no-repeat; min-height: 476px;}
* html #col1 {height: 476px; margin: 20px 5px 20px 5px;}
 
#col1 div {display: none;}
#facebookstatus {background: #fff; width: 130px; min-height: 30px; color: #000; padding: 15px 10px; margin: 20px 0 10px 0; font-size: 12pt;}
#creditfooter {display: none !important; }

#col2 {float: left; clear: none; width: 350px; margin: 20px 20px 20px 20px; background: #6E8966; padding: 0 20px 10px 20px; overflow: visible; }
* html #col2 {padding-right: 10px; margin: 20px 0px 0 20px;  }
#delicious {width: 330px; margin: 0 0 10px 0; background: #eee url(../img/ajax-loader-white.gif) center center no-repeat; padding: 10px 10px 10px 10px; font-size: 90%; min-height: 50px;}
.delicious-icon { height: 36px; width: 36px; display: block; background: url(../img/elsewhere-icons.jpg) 0 0 no-repeat; float: right; text-indent: -4000px; margin-left: 12px; }
.delicious-icon:hover {background-position: 0pt -36px;}
#delicious h3 {color: #333; font-size: 14pt; margin: 10px 0;}
* html #delicious {height: 100px;}
*:first-child+html #delicious {min-height: 100px;}
.delicious-posts {display: none;}
#delicious ul li {margin: 2px 0 0 0 ; }
.getbookmarks {display: none;}

#col3 {float: right; clear: none; width: 360px; margin: 0px 0 0 0px;   }


#comment {width: 320px; float: left; clear: right;  }
#comment {margin: 40px 0px 0 30px; }
* html #comment {margin-left: 10px; }

#youtube {border: 1px solid #fff; width: 350px; margin-top: 20px; height: 300px; background: transparent url(../img/ajax-loader.gif) center no-repeat;}
* html #youtube { border: none;   }

#youtube img {display: none;}
#col2 p.right {padding-top: 5px; }
#col2 #delicious p.right {padding-top: 0; margin-top: -5px; }
#blogfeed { width: 300px; min-height: 500px; margin-top: 20px; margin-left: 0px; padding: 10px; border: 5px solid #007e82; background: #007e82; url(../img/ajax-loader.gif) center no-repeat; }
#blogfeedInner {background: #fff; padding: 10px; display: none;}
#blogfeed .feedburnerFeedBlock p.feedtitle {display: none; !important; }
#blogfeed ul li {margin-top: 0 !important; color: #666; font-size: 10pt;  }
#blogfeed .feedTitle {margin-bottom: 8px; font-size: 12pt; }
#blogfeed ul li, .delicious-extended {color: #000; }
#blogfeed ul li span.headline {font-size: 16pt; margin-bottom: 10px;}

#blogfeed ul li p.date {margin: 10px 0; }
#blogfeedInner ul li div {color: #666;}


/*Flickr Feed Styles*/
#images { height: 230px; width:150px; padding:0; margin:0px 0 20px 0 ; overflow: hidden;}
#images img { border:none;}
#flickr_badge_uber_wrapper {height: 90px;}
#bodyhome #flickr_badge_uber_wrapper img {display: none;}


#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 0px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important; margin: 0px 15px 0px 0px; }
#flickr_www {display:block; text-align:left; padding: 0px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}






/*About Page Styles -----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#aboutTop {width: 1000px; height: 110px; }
#pageTitle {float: right; clear: none; margin: 30px 50px 0 0; font-weight: normal !important;}
*:first-child+html #pageTitle {width: 400px; }
#avatars {width: 400px; float: left; clear: none; }

#flickr_badge_uber_wrapper {height: 110px;}
#avatars a {cursor: default; }

#leftcol {float: left; clear: left; width: 340px; margin: 20px 20px 0 0; }
* html #leftcol {margin-right: 0px; }
#aboutTextWrap {position:relative;width: 444px; font-size: 10pt; color: #000; background: #ddd; margin: 0px 20px 0 20px; border: 20px solid #6E8966; }
#abouttext {border: 2px solid #fff; background: #ddd; padding: 10px; }
#abouttext p {margin: 10px 0 10px 0;}

#eventfeed {
	position:absolute;
	width: 250px;
	height: 250px;
	background: #fff;
	clear: none;
	left: 735px;
	top: 142px;
}

#reading {width: 320px; text-align: Left; margin: 20px 20px 0 20px; background: transparent url(../img/ajax-loader.gif) center no-repeat; min-height: 319px;}
*html {height: 319px;}
#reading h2 {font: 14pt arial, Arial, Helvetica, sans-serif; margin-bottom: 2px; }
#reading p {color: #000; margin-bottom: 5px; }
#reading ul li span.headline {padding-bottom: 5px; text-align: left;  }
#reading ul li {text-align: left; border-bottom: 1px solid #666; padding: 10px 0;}
#reading ul li span.headline a {text-decoration: none; color: #000; }
#reading .feedTitle {display: none;}
#reading .feedTitle a {color: #000; font-weight: bold; text-decoration: none; text-align: center !important;}
#reading #comicfeed {background: #fff; padding: 10px; height: 250px; overflow: auto; font-size: 10pt; color: #000; display: none;}




#badges {width: 300px; margin: 20px 20px 10px 0px; float: right; clear: none;}
* html #badges {margin: 20px 0px 10px 0; width: 320px;}
#badges a {color: #fff; text-decoration: none; float: left; clear: left; }
#badges .feedTitle {display: none; }


#fbpic { margin-left: 0px; float: left; clear: none;  }
#dopplr {width: 170px; float: left; clear: none; color: #000; margin-left: 10px; }
* html #dopplr img {width: 149px; height: 13px; }
#dopplr a {color: #306; font-weight: bold; margin-right: 2px; }
#flickr {
	position:absolute;
	height: 55px;
	background: #fff;
	clear: none;
	left: 505px;
	top: 510px;
	width: 117px;
	margin-top: 10px;
}
#linkedIn {float: left; clear: none; width: 100px; margin: 10px;}

/*Twitter Badge*/
#twitter {float: left; clear:both; width: 487px; height:inherit /*background: #e2ded2;*/ margin: 10px 0 10px 0;  }
#twitter h2 {margin: 0;}
#twitter .twitter {margin-bottom: 3px; }
.twitter {height: 23px; padding: 11px 0 0 39px; background: transparent url(../img/twitter.png) 0 0 no-repeat; color: #e7f3f6;}
#twitter_update_list, #twitter_update_list {border: 4px solid #9b978b; background: #e2ded2; padding: 0 12px; color: #1c373f; margin: 6px 0 9px 0; clear: left; }
#twitter_update_list li {margin: 0; padding: 11px 0; }
#twitter_update_list a, #twitter_update_list a {color: #0995be; font-weight: normal;}
#twitter_update_list a:hover, #twitter_update_list a:hover {color: #097190; border-bottom: 1px solid #097190;}
#twitter_update_list span, #twitter_update_list span {display: block;}
.follow, .follow {color: #1c373f;}
.follow:hover, .follow:hover {color: #eee; border: 0;}
#twitter h2 a:hover {color: #7d6c41; border: 0;}
#twitter ul li {clear: both; margin: 5px 10px 20px 10px; }




/*Illustration Page Styles -----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Gallery Viewer II Plugin styles */
.gvIIContainer{ width: 900px; position:relative; background:#000; margin: 10px auto; }
.gvIIContainer .gvIIImgContainer{ width:390px; height:385px; float: left; clear: none; margin-bottom: 10px; }
.gvIIImgContainer {height: auto; text-align: center;}
.gvIIImgContainer img {margin: 0 auto !important;}
.gvIIContainer .gvIIHolder{ height:400px; width:460px; overflow:hidden; float: left; clear: none; margin-left: 10px; margin-top: -10px; }
.gvIIContainer .gvIIHolder .gvIIArrow{ /* background:url(/experiments/jqGalViewII/common/img/arrow.png); width:20px; height:28px; position:absolute; margin-left:-15px; margin-top:-28px; z-index:99; */ } 
.gvIIContainer .gvIIHolder .gvIIItem{ float:left; height:80px; width:80px; margin:10px; position:relative; padding: 0}
.gvIIContainer .gvIIHolder .gvIIItem .gvIIFlash{ background:#fff; position:absolute; top:3px; left:2px; height:75px; width:75px; cursor:pointer; }
.gvIIContainer .gvIIHolder .gvIIItem img{ position:absolute; top:0; left:0; padding:0; margin:0; border: 0; cursor:pointer;}
	
.gallery {padding: 20px; margin: 20px; overflow: visible; min-height: 450px;}
#jqAlbumParserLoader {height: 450px; width: 960px; background: transparent url(../img/ajax-loader.gif) center no-repeat;}
.jqAlbumParser {display: none;}

.gvIIAltText {font-size: 120%; font-weight: bold;}
.gvIIDescText {margin-top: 15px;}



/*Interactive Page Styles -----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#pageTitleInteractive {width: 700px; float: right; margin: 30px 50px 0 50px; text-align: right; }
#interactive {width: 1000px; margin: 0 auto; }
#thumbs {width: 450px; float: left; clear: none; margin: 0 20px 20px 20px; }
#thumbs p {color: #fff; margin: 0 0 10px 0;}
#thumbs a img {width: 200px; margin: 0 20px 20px 0; float: left; clear: none; border: 2px solid #333; }
#thumbs a img:hover, #thumbs a img.on {border: 2px solid #fff;}
#flashcontent {width: 430px; float: left; clear: none; border: 20px solid #007e82; margin: 31px 20px; min-height: 300px; padding: 0;  }
* html #flashcontent {width: 410px; height: 300px; }
#flashcontent p, #flashcontent h2 {color: #000; margin: 10px 20px; }
#flashcontent ul li {list-style:disc inside; margin-left: 10px; }
#flashcontent div {display: none; padding: 10px; background: #E9EAE8; min-height: 300px; border: 2px solid #fff;}
* html #flashcontent div {height: 300px; }

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

.book, .book2 {width: 410px; float: left; clear: none; margin: 20px; color: #000; background: #E9EAE8; border: 20px solid #cee6bf;}
.book2 {border: 20px solid #007E82; background: #CED1CD; padding: 20px; width: 370px;}
.bookInner {border: 2px solid #fff; padding: 20px; }
.book img, .book2 img {float: left; clear: none; margin-right: 15px; }
.book h2, .book2 h2 {margin-bottom: 5px; border-bottom: 1px solid #000;}
.book p, .book2 p {margin: 10px 0; font-size: 10pt; }


/*Motion Page Styles -----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#pageTitleMotion {width: 700px; text-align: right; margin: 30px 50px 0 0; float: right; clear: none; font-weight: normal;}
#motion {margin: 20px auto 0 auto; width: 800px; clear: both; }
#motion #playerContainer {border: 20px solid #007e82;}

/*PRESS PAGE STYLES -----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#deliciousPress { width: 360px; margin: 20px 0 20px 20px; float: left; clear: none; background: #fff; padding: 10px 20px; border: 20px solid #007e82;}
* html #deliciousPress {width: 340px; margin-left: 15px; height: 200px;  }
#deliciousPress h2 {margin-bottom: 10px;}
#deliciousPress ul li {font-size: 90%; padding: 3px 0; }
#deliciousPress .deliciousOdd {border-bottom: 1px solid #ddd; }
#quotes { width: 450px; float: right; margin: 20px 20px; border: 20px solid #CEE6BF; background: #000; color: #000; padding: 0px;}
* html #quotes { width: 420px; margin: 20px 15px;  }
#quotes div {display: none; background: #fff; padding: 10px; font-size: 11pt;    }
.quotehead {margin: 20px 0 0 40px; font-size: 16pt;  }
#quotes .title {font-weight: bold; font-style: italic; }
#quotes .byline {font-weight: bold; font-size: 11pt; }
#quotes blockquote {margin-bottom: 25px; }


/*Commentform -----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#commentform p {color: #000; margin: 5px 0; } 

/*  POP UP DIV STYLES -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.pop {position: absolute; z-index: 20000 !important; left: 50%; display: none; background: #fff; top: 60px;    }
#overlay {background: #000; opacity: .40; position: absolute; top: 0; left: 0; width: 100%; z-index: 1500; display: none; }
#overlay:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;}
* html #overlay {filter:alpha(opacity=50); z-index: 1;}
*:first-child+html #overlay {filter:alpha(opacity=50); z-index: 15000;}
.close {width: 22px; height: 22px; float: right; clear: none; margin: 0 0 10px 10px; display: block; background: url(../img/close-button.jpg) 0 0 no-repeat; }
* html .close {margin-right: 5px; }
.close:hover {background: url(../img/close-button-on.jpg) 0 0 no-repeat; }
.pop {width: 300px; margin-left: -200px; border: 1px solid #999; text-align: left; padding: 20px; border: 20px solid #99d4d6; }
#commentform h3 {margin-bottom: 15px; }
#commentform p {margin-bottom: 5px;}
#commentform textarea {width: 250px; height: 100px; }