a img {border:0;} body {margin:0;background-repeat:repeat-x;font: normal 0.8em verdana,arial,helvetica,sans-serif;z-index:0;} h1 {position:relative;top:35px;width:188px;height:52px;margin:0;} h1 span {background-image:url('images/h1.png');position:absolute;width:188px;height:52px;background-repeat:no-repeat;} h2 {position:relative;top:34px;width:282px;height:34px;margin:0;} h2 span {background-image:url('images/h2.png');position:absolute;width:282px;height:34px;background-repeat:no-repeat;} h3 {width:200px;height:23px;margin:0;padding:0;} h3 span {position:absolute;width:200px;height:23px;background-repeat:no-repeat;} .portfolio h3 {float:right;clear:both;width:345px;height:46px;position:relative;margin:0;padding:0 0 0 9px;color:#656565;font:normal 1.8em times,verdana,helvetica,sans-serif;} .portfolio h3 span {position: absolute;width:273px;height:46px;background-repeat:no-repeat;} ul {margin:0;padding:0;} #container {position:relative;width:974px;height:900px;margin:0 auto;padding:0 7px 0 20px;} div#header {height:186px;margin:0;} div#header img#h1_line {position:relative;top:15px;left:188px} img.h3_line {width:451px;margin:3px 0 10px 0;} #leftcol {float:left;} #leftcoltop {margin-bottom:24px;} #leftcol ul {margin:-8px 0 0 2px;list-style-type:none;font:normal 1.8em/1.6em times,verdana,arial,helvetica,sans-serif;clear:both;} #leftcol ul ul {margin:-8px 0 0 2px;list-style-type:none;font:normal 0.8em/1.2em times,verdana,arial,helvetica,sans-serif;} #leftcol li {width:100%;color:#656565;} #leftcol li a {display:block;width:100%;color:#656565;text-decoration:none;} #leftcol li a:hover {color:#000000;} #midcol {margin:0 363px 0 160px;} #midcol p {margin:0 0 8px;text-align:left;} #rightcol {float:right;position:relative;height:450px;margin:-9px 0 0;padding:0;} #furthercontent {float:right;clear:both;} #footer {font-size: 8pt;text-align: left;clear:both;} /* sets rightcol as double width column on home and portfolio pages */ .portfolio.page1 div#rightcol, .portfolio.page2 div#rightcol, .portfolio.page3 div#rightcol, .portfolio.page4 div#rightcol, .portfolio.page5 div#rightcol { width:826px; padding-bottom:38px; } /* define page titles */ .allwork h3 {float:right;clear:both;width:816px;height:46px;position:relative;margin:9px 0 0 0;padding:0 0 0 9px;} .allwork h3 span {position:absolute;width:744px;height:46px;background-repeat:no-repeat;} .about h3 span {background-image:url('images/title_about.png');} .contact h3 span {background-image:url('images/title_contact.png');} .home h3 span {background-image:url('images/title_home.html');} .page1 h3 span {background-image:url('images/title_page1.html');} .page2 h3 span {background-image:url('images/title_page2.html');} .page3 h3 span {background-image:url('images/title_page3.html');} .page4 h3 span {background-image:url('images/title_page4.html');} .page5 h3 span {background-image:url('images/title_page5.html');} /* expanding further content section */ .furthercontent {float:right;clear:both;margin:0 9px 9px 0;font-weight:bold;} .furthercontent a {text-decoration:none;color:#D41B22;} .furthercontent a:hover {color:#000000;} /* styling for SOLD marker */ #rightcol a.gallery span span.sold, .thumbnail span span.sold {position:relative;display:inline;left:0;top:0;margin:0;padding:0;color:red;font-weight:bold;text-align:left;} /* styling for rightcol */ #rightcol img {border:0;} #rightcol ul {margin:0;padding:0;} #rightcol li {float:left;width:118px;height:118px;list-style-type:none;} .about #rightcol img, .contact #rightcol img, .home #rightcol img {margin:9px;} .allwork #rightcol ul {width:826px;} /* sets default large images on home and portfolio pages */ .portfolio.page1 div#rightcol {background:url(images/stretch.png) 6px 9px no-repeat;} .portfolio.page2 div#rightcol {background:url(images/stretch.png) 6px 9px no-repeat;} .portfolio.page3 div#rightcol {background:url(images/stretch.png) 6px 9px no-repeat;} .portfolio.page4 div#rightcol {background:url(images/stretch.png) 6px 9px no-repeat;} .portfolio.page5 div#rightcol {background:url(images/stretch.png) 6px 9px no-repeat;} .allwork div#rightcol div {width:826px;clear:both;margin-bottom:18px;} /** *** * Gallery styling * *** **/ /* Remove the images and text from sight */ #rightcol a.gallery span, .home #rightcol a.gallery:hover span {position:absolute;width:1px;height:1px;top:0px;left:-10000px;overflow:hidden;background:#fff;} /* Adding the thumbnail images */ #rightcol a.gallery, #rightcol a.thumbnail {display:block;width:118px;height:118px;color:#000;text-decoration:none;border:none;text-align:left;cursor:default;} /* Copy and paste HTML from spreadsheet here */ #rightcol a.slide1 {background:url(images/angel_1_th.png) no-repeat center center;} #rightcol a.slide2 {background:url(images/angel_2_th.png) no-repeat center center;} #rightcol a.slide3 {background:url(images/auroras_th.png) no-repeat center center;} #rightcol a.slide4 {background:url(images/bend_th.png) no-repeat center center;} #rightcol a.slide5 {background:url(images/bowed_head_th.png) no-repeat center center;} #rightcol a.slide6 {background:url(images/ceramic_figure_th.png) no-repeat center center;} #rightcol a.slide7 {background:url(images/ceramic_figures_1_th.png) no-repeat center center;} #rightcol a.slide8 {background:url(images/ceramic_figures_2_th.png) no-repeat center center;} #rightcol a.slide10 {background:url(images/close_form_2_th.png) no-repeat center center;} #rightcol a.slide11 {background:url(images/close_form_3_th.png) no-repeat center center;} #rightcol a.slide12 {background:url(images/couple_th.png) no-repeat center center;} #rightcol a.slide13 {background:url(images/crossed_arms_1_th.png) no-repeat center center;} #rightcol a.slide14 {background:url(images/crossed_arms_2_th.png) no-repeat center center;} #rightcol a.slide16 {background:url(images/curled_figure_clay_th.png) no-repeat center center;} #rightcol a.slide17 {background:url(images/curled_form_th.png) no-repeat center center;} #rightcol a.slide18 {background:url(images/elbow_1_th.png) no-repeat center center;} #rightcol a.slide19 {background:url(images/elbow_2_th.png) no-repeat center center;} #rightcol a.slide20 {background:url(images/hair_wash_1_th.png) no-repeat center center;} #rightcol a.slide21 {background:url(images/hair_wash_2_th.png) no-repeat center center;} #rightcol a.slide22 {background:url(images/head_on_knees_th.png) no-repeat center center;} #rightcol a.slide23 {background:url(images/horizon_th.png) no-repeat center center;} #rightcol a.slide24 {background:url(images/john_th.png) no-repeat center center;} #rightcol a.slide25 {background:url(images/knee_hug_th.png) no-repeat center center;} #rightcol a.slide26 {background:url(images/landscape_figures_1_th.png) no-repeat center center;} #rightcol a.slide27 {background:url(images/landscape_figures_2_th.png) no-repeat center center;} #rightcol a.slide28 {background:url(images/legs_th.png) no-repeat center center;} #rightcol a.slide30 {background:url(images/seated_figure_in_frame_th.png) no-repeat center center;} #rightcol a.slide31 {background:url(images/sleep_1_th.png) no-repeat center center;} #rightcol a.slide32 {background:url(images/sleep_2_th.png) no-repeat center center;} #rightcol a.slide34 {background:url(images/solo_figure_th.png) no-repeat center center;} #rightcol a.slide35 {background:url(images/star_gazing_th.png) no-repeat center center;} #rightcol a.slide36 {background:url(images/stretch_th.png) no-repeat center center;} #rightcol a.slide37 {background:url(images/tall_ceramic_figure_th.png) no-repeat center center;} #rightcol a.slide38 {background:url(images/twist_th.png) no-repeat center center;} #rightcol a.slide39 {background:url(images/walking_tall_th.png) no-repeat center center;} #rightcol a.slide40 {background:url(images/bowed_head_2_th.png) no-repeat center center;} #rightcol a.slide41 {background:url(images/group_3_th.png) no-repeat center center;} #rightcol a.slide42 {background:url(images/skyward_th.png) no-repeat center center;} #rightcol a.slide43 {background:url(images/squat_1_th.png) no-repeat center center;} #rightcol a.slide44 {background:url(images/squat_2_th.png) no-repeat center center;} #rightcol a.slide45 {background:url(images/standing_figure_th.png) no-repeat center center;} #rightcol a.slide46 {background:url(images/juxtaposition_th.png) no-repeat center center;} #rightcol a.slide47 {background:url(images/repose_th.png) no-repeat center center;} #rightcol a.slide48 {background:url(images/foot-hold_th.png) no-repeat center center;} #rightcol a.slide49 {background:url(images/meditation_th.png) no-repeat center center;} /* End copy and paste section */ /** *** * Styling the rollover thumbnails on the portfolio pages * *** **/ /* set the size of the unordered list to neatly house the thumbnails */ .page1 #rightcol ul, .page2 #rightcol ul, .page3 #rightcol ul, .page4 #rightcol ul, .page5 #rightcol ul { width:354px; height:354px; float:right; } .about div#rightcol, .contact div#rightcol, .page1 div#rightcol, .page2 div#rightcol, .page3 div#rightcol, .page4 div#rightcol, .page5 div#rightcol { width:354px; } /* styling the :hover span */ #rightcol a.gallery:hover span { position:absolute; width:450px; height:550px; top:9px; left:6px; //left:1px; text-align:center; color:#000; background:#ffffff; z-index:20; } /* styling the onClick state */ #rightcol a.gallery:active span, #rightcol a.gallery:focus span { position:absolute; width:450px; height:550px; top:9px; left:6px; //left:1px; text-align:center; color:#000; z-index:10; } /** *** * Styling the rollover image viewer on the All Work page * * Credits: Dynamic Drive CSS Library * * URL: http://www.dynamicdrive.com/style/ * *** **/ .thumbnail{ position: relative; z-index: 0; } .thumbnail img { margin:9px; } .thumbnail:hover { background-color: transparent; z-index: 50; text-decoration:none; } .thumbnail span { /*CSS for enlarged image in hidden state*/ position: absolute; background-color: #fff; padding: 5px; /*left: -1000px;*/ border:0; visibility: hidden; color: black; text-align:center; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; margin:0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top:95px; } .left .thumbnail:hover span { /*CSS for enlarged image on hover if on left of page*/ left: 60px; /*position where enlarged image should offset horizontally */ } .right .thumbnail:hover span { /*CSS for enlarged image on hover if on right of page*/ right: 60px; /*position where enlarged image should offset horizontally */ } .left .thumbnail:hover span span.sold, .right .thumbnail:hover span span.sold { /*fix for sold positioning left/right issue*/ left:0; right:0; } /** *** * Validation styling * *** **/ div.validation {display:none; margin-top:12px; text-align:center;}