@charset "UTF-8"; /* :::::::::: GENERAL :::::::::: */ /* Main */ html { background-color:#222; } body { background-image:url(../images/bg.jpg); border:none; color: #302211; font-family:Helvetica, sans-serif; font-size:13.5px; height:600px; margin:0 auto; padding:0; width:1000px; } a:link { color:#302211; text-decoration:none; } a:visited { color:#302211; text-decoration:none; } a:hover { color:#666; text-decoration:none; } .body_copy { line-height:18px; margin:0; padding:0 0 17px 0; text-align:justify; } .body_copy a:link { text-decoration:underline; } .body_copy a:visited { text-decoration:underline; } .body_copy a:hover { text-decoration:underline; } .bold { font-weight:bold; } .header { font-family:Times New Roman, Times, serif; font-size:22px; font-variant:small-caps; line-height:17px; margin:0; padding:0; } .header_tag { /* Applied to text in #hg_col1
(above) that contains a hyperlink leading to the Interior Gallery */ color:#444; margin:0; padding:5px 0 15px 0; } .header_tag a:link, .header_tag a:visited, .header_tag a:hover { text-decoration:underline; } .igraphic { display:inline; } .italic { font-style:italic; } img { border:0; display:block; } .ofs { border:none; margin:0; padding:10px 0 10px 0; } .note { margin:0; padding:6px 0 10px 0; } .note a:link, .note a:visited, .note a:hover { text-decoration:underline; } .pic_example { margin: 0 0 20px 10px; } .prev_next { font-family:Times New Roman, Times, serif; font-size:14px; font-weight:bold; margin:0; padding:5px 0 17px 0; } .small { color:#444; font-size:10px; line-height:12px; margin:0; padding:0 0 10px 0; } .subheader { font-family:Times New Roman, Times, serif; font-size:16px; font-variant:small-caps; font-weight:bold; margin:0; padding:0 0 3px 0; } .thumb { border:none; display:inline; margin:0 0 5px 5px; padding:0 } ul { list-style:none; } /* Loaded Art Pages */ .pancontainer { /* Applied to a
inside each art_hg/ and art_ig/ page. Zoomable artwork images are loaded into this
*/ border:none; float:left; height:auto; margin:0; overflow:hidden; padding:0; position:relative; text-align:left; width:auto; } .art_title { font-family:Times New Roman, Times, serif; font-size:17px; font-variant:small-caps; font-weight:bold; line-height:15px; margin:0; padding:0; } .art_specs { color:#444; margin:0; padding:4px 0 0 0; } .art_price { border-top:solid 1px; color:#444; line-height:16px; margin:10px 0 0 0; padding:10px 0 5px 0; } .art_price a:link, .art_price a:visited, .art_price a:hover { color:#444; text-decoration:underline; } .art_nfs { color:#444; margin:0; padding:0 0 5px 0; } /* About Pinturitas */ .ap_html { /* Applied to of about_pint.html. This eliminates the scrollbar in IE 6 and 7 */ border:0; overflow:auto; z-index:4; } .ap_sizing { /* Applied to of about_pint.html */ background-image:url(../images/bg_ap.jpg); border:none; height:450px; margin:0; padding:0; width:550px; } #ap_top { /* A
inside about_pint.html that contains the header and subheader */ border:solid; border-color:#302211; border-width:0 0 1px 0; float:left; height:64px; margin:0 50px 0 0; padding:20px 0 0 35px; width:465px; } #ap_left { /* A
inside about_pint.html that contains the left column content */ border:none; float:left; height:340px; margin:25px 0 0 0; padding:0 0 0 50px; width:215px; } #ap_right { /* A
inside about_pint.html that contains the right column content */ border:none; float:left; height:345px; margin:20px 0 0 0; padding:0 40px 0 20px; width:225px; } .ap_title { font-family: Times New Roman, Times, serif; font-size:30px; font-variant:small-caps; margin:0; padding:0; } .ap_subtitle { font-family: Times New Roman, Times, serif; font-size:18px; font-variant:small-caps; line-height:12px; margin:0; padding:0; } #ap_ul { border:none; list-style:disc; margin:0; padding:0; } #ap_ul li { margin:0; padding:0 0 15px 0; } #ap_price_holder { /* A
in about_pint.html that contains the price */ border:none; font-size:14px; height:100px; line-height:18px; margin:0; padding:10px; position:absolute; right:75px; text-align:right; top:20px; width:150px; } .ap_price_dollar { font-family:Times New Roman, Times, serif; font-size:20px; font-weight:bold; } .ap_price { font-family:Times New Roman, Times, serif; font-size:30px; font-weight:bold; } /* :::::::::: Home Gallery :::::::::: */ /* Main */ #hg_border { border:solid; border-color:#666; border-width: 1px; height:578px; margin:10px; padding:0; position:absolute; visibility:visible; width:978px; } #hg { /* A
in default.html, index_fw.html, index_paintings.html and index_pinturitas.html that contains the Home Gallery content*/ background-image:url(../images/bg_hg.jpg); border:none; height:360px; margin:0; padding:0; width:1000px; } #hg_col1 { /* A
inside #hg
(above) containing the left column content of the Home Gallery */ border:solid; border-color:#302211; border-width:0 1px 0 0; float:left; height:300px; margin:30px 0 30px 0; padding:0 10px 0 50px; text-align:right; width:289px; } #hg_col2 { /* A
inside #hg
(above) containing an into which the right column content of the Home Gallery is loaded */ border:none; float:left; height:300px; margin:30px 0 30px 0; padding:0 10px 0 30px; text-align:left; width:610px; } #hg_object { /* An inside #hg_col2
into which the right column content of the Home Gallery is loaded */ border:none; height:300px; margin:0; padding:0; width:610px; } .hg_header { /* Applied to header text in #hg_col1
(above) */ font-family:Times New Roman, Times, serif; font-size:25px; font-variant:small-caps; line-height:18px; margin:0; padding:0; } .hg_to_archives a:link, .hg_to_archives a:visited, .hg_to_archives a:hover { text-decoration:underline; } .hg_copyright { border:0; color:#333; font-size:11px; font-variant:normal; margin:0; padding:90px 0 0 50px; } /* Home Gallery Loaded Art Pages */ .hg_art_html { /* Applied to in each art_hg/ page. This hides scrollbars in IE 6 and 7 */ border:0; overflow:hidden; } .hg_art_sizing { /* Applied to of each art_hg/ page, making the page fit into #hg_object (above) */ background-image:url(../images/bg_hg_art.jpg); border:none; height:300px; margin:0; padding:0; width:610px; } #hg_art_txt { /* A
inside each art_hg/ page containing the artwork's title and descriptions */ border:none; float:left; height:300px; margin:0; padding:0 30px 0 10px; width:auto; } /* Tabs */ #hg_tab_holder { /* A
in default.html containing the navigational tab controls for the Home Gallery */ background-image:url(../images/bar_bot_hg.jpg); border:none; color:#777; float:left; font-variant:small-caps; height:120px; line-height:18px; margin:0; padding:0 25px 0 0; position:absolute; text-align:left; width:975px; } #hg_tab_holder a:link { color:#CCC; font-family:Times New Roman, Times, serif; font-variant:small-caps; font-size:17px; } #hg_tab_holder a:visited { color:#CCC; font-family:Times New Roman, Times, serif; font-variant:small-caps; font-size:17px; } #hg_tab_holder a:hover { color:#FFF; font-family:Times New Roman, Times, serif; font-variant:small-caps; font-size:17px; } .hg_tab1-2 { /* Applied to first two
's inside #hg_tab_holder
(above). These
's contain links to the Featured Work and New Paintings sections of the Home Page Gallery. */ border:solid; border-color:#666; border-width:0 1px 0 0; float:right; height:30px; margin:0; padding:10px 25px 0 25px; text-align:right; width:auto; } #hg_tab1-2_selected { /* Applied to the Featured Work and New Paintings tabs in order to change their appearance when selected. */ background-image:url(../images/bg_hg_tab.jpg); border:solid; border-color:#666; border-width:0 1px 0 0; color:#444; float:right; height:50px; margin:0; padding:10px 25px 0 25px; text-align:right; width:auto; } .hg_fw_tog { color:#444; font-family:Helvetica, sans-serif; font-size:13.5px; } .hg_fw_tog_white { color:#FFF; font-family:Helvetica, sans-serif; font-size:13.5px; } .hg_fw_tog_gray { color: #777; font-family:Helvetica, sans-serif; font-size:13.5px; } .hg_tab3 { /* Applied to third
inside #hg_tab_holder
(above). This
contains a link to the New Pinturitas section of the Home Gallery. */ float:right; height:50px; margin:0; padding:10px 25px 0 25px; text-align:right; width:110px; } #hg_tab3_selected { /* Applied to the New Pinturitas tabs in order to change its appearance when selected. */ background-image:url(../images/bg_hg_tab.jpg); color:#444; float:right; height:50px; margin:0; padding:10px 25px 0 25px; text-align:right; width:110px; } #hg_tab1-2_selected a:link, #hg_tab3_selected a:link { color: #302211; } #hg_tab1-2_selected a:visited, #hg_tab3_selected a:visited { color: #302211; } #hg_tab1-2_selected a:hover, #hg_tab3_selected a:hover { color: #FFF; } .social_icon { border:none; display:inline; float:right; margin:0; padding:0 0 0 5px; width:auto; } /* Featured Work View Toggle */ #hg_fw_tog { /* A
in homegal_fwork_detail.html. This
contains a hyperlink to flip between full and detailed views of the Featured Work */ background-image: url(../images/bg_hg_fw_tog.jpg); border:none; color:#302211; margin:0px 0px 0px 800px; padding:4px 0px 3px 15px; position:absolute; text-align:left; top:445px; width:185px; } #hg_fw_tog_no-bg { /* A
in homegal_fwork.html. This
contains a hyperlink to flip between full and detailed views of the Featured Work */ border:none; color:#302211; margin:0px 0px 0px 800px; padding:4px 0px 3px 15px; position:absolute; text-align:left; top:445px; width:185px; } .hg_fw_tog_selected { color:#FFF; font-size:16px; } .hg_fw_tog_selected a:link { color:#FFF; } .hg_fw_tog_selected a:visited { color:#FFF; } .hg_fw_tog_selected a:hover { color:#666; } /* Enter Site Button */ #enter { /* A inside default.html, index_fw.html, index_paintings.html and index_pinturitas.html. This
contains the underline below the "Adam Clague" text of hg_top.jpg and the "Enter Site" button */ border:none; color:#CCC; font-family:Times New Roman, Times, serif; font-size:17px; font-variant:small-caps; height:120px; margin:0; padding:0 0 0 50px; position:absolute; text-align:right; top:0; width:1000px; z-index:2; } #enter_left_cell { border:none; height:120px; margin:0; padding:0; width:750px; } #enter_link_holder { margin:0; padding:12px 80px 0 0; vertical-align:middle; } #enter_link_holder a:link { color: #CCC; } #enter_link_holder a:visited { color: #CCC; } #enter_link_holder a:hover { color: #FFF; } /* :::::::::: Interior Pages :::::::::: */ /* Top Navigation */ #nav_top_holder { /* A
containing nested
's which hold links to the site's sections */ border:none; font-family:Times New Roman, Times, serif; font-variant:small-caps; font-size:14px; margin:0; padding:0 34px 0 0; position:absolute; top:47px; text-align:right; width:965px; z-index:2; } .nav_top { /* Applied to nested
's inside #nav_top_holder
(above). These
's contain links to the site's sections */ border:solid; border-color:#666; border-width:0 1px 0 0; float:right; height:22px; margin:1px 0 0 0; padding:5px 15px 0 15px; text-align:center; width:auto; } .nav_top a:link { color:#999; } .nav_top a:visited { color:#999; } .nav_top a:hover { color: #FFF; } .nav_top_selected { background-color:#302211; border-color:#666; border-style:solid; border-width:0 1px 0 0; color:#FFF; float:right; height:22px; margin:1px 0 0 0; padding:5px 15px 0 15px; text-align:center; width: auto; } .nav_top_selected a:link { color: #FFF; } .nav_top_selected a:visited { color: #FFF; } .nav_top_selected a:hover { color: #FFF; } /* Main */ #int_content { /* A
inside 2col.dwt and 3col.dwt pages that contains the Interior Pages content*/ border:none; height:500px; margin:0; padding:0; width:1000px; } #three_col_a { /* A
inside works_x.html pages that contains the left column content */ border:solid; border-color:#302211; border-width:0 1px 0 0; float:left; height:440px; margin:30px 0 30px 0; padding:0 10px 0 0; text-align:right; width:140px; } #three_col_b { /* A
inside works_x.html pages that contains the middle column content */ border:solid; border-color:#302211; border-width:0 1px 0 0; float:left; height:440px; margin:30px 0 30px 0; padding:0 10px 0 0; text-align:right; width:200px; } #three_col_c { /* A
inside works_x.html pages that contains the right column content */ border:none; float:left; height:440px; margin:30px 0 30px 0; padding:0 0 0 30px; text-align:left; width:608px; } #two_col_a { border:solid; border-color:#302211; border-width:0 1px 0 0; float:left; height:440px; margin:30px 0 30px 0; padding:0 10px 0 0; text-align:right; width:335px; } #two_col_a_descript { top:520px; color:#CCC; float:left; margin:0; padding:0 25px 0 0; position:absolute; text-align:right; width:310px; } #two_col_a_descript a:link { text-decoration:underline; } #two_col_a_descript a:visited { text-decoration:underline; } #two_col_a_descript a:hover { text-decoration:underline; } #two_col_b { border:none; float:left; height:440px; margin:30px 0 30px 0; padding:0 235px 0 30px; text-align:left; width:389px; } #two_col_b_wide { border:none; float:left; height:440px; margin:30px 0 30px 0; padding:0 30px 0 30px; text-align:left; width:594px; } #nav_sub { /* A
    inside #3col_a
    that contains the Sub Navigation links */ font-family:Times New Roman, Times, serif; font-size:14px; font-variant:small-caps; line-height:11px; margin:0; padding:0; } #nav_sub li { margin:0 0 8px 0; } .nav_sub_selected { color: #FFF; } #ig_object { /* Applied to an inside #3col_c
    (above). Art_int pages get loaded into this object */ border:0; height:440px; margin:0; padding:0; width:608px; } #bar_bot { background-image:url(../images/bar_bot.jpg); color:#333; float:left; font-size:11px; height:25px; margin:0; padding:0px; position:absolute; width:1000px; } #copyright { color:#333; font-size:11px; margin:0; padding:5px 0 0 50px; } /* Interior Gallery Loaded Art Pages */ #ig_html { /* Applied to in each art_ig/ page. This hides scrollbars in IE 6 and 7 */ border:0; overflow:hidden; } .ig_art_sizing { /* Applied to of each art/ig page, making the page fit into #object (above) */ background-image:url(../images/bg_ig_art.jpg); border:none; height:440px; margin:0; padding:0; width:608px; } #ig_art_txt { /* A
    inside each art_ig/ page containing the artwork's title and descriptions */ border:none; float:left; height:440px; margin:0; padding:0 30px 0 10px; width:auto; } /* Pricing Page Tables */ #price_table { /* A
containing pricing for head studies and head/shoulders, 3/4 and full portraits */ border:none; height:auto; margin:0; padding:0; width:389px; } .price_cell { /* Applied to
's in #pt_top (above) */ border:none; height:100%; margin:0; padding:0; text-align:left; vertical-align:bottom; width:auto; } .price_div { /* A
containing pricing for multiple portrait subjects and pet portraits */ border:none; height:210px; float:left; margin:0; padding:20px 40px 0 0; width:auto; } .price_div_notes { border:none; height:210px; float:left; margin:0; padding:14px 0 0 0; text-align:left; width:150px; } #price_table img, #price_div img { display:inline; margin:0; padding:0 40px 0 0; } .pt_size { font-family:Times New Roman, Times, serif; font-variant:small-caps; font-weight:bold; margin:5px 0 2px 0; padding:0; text-size:17px; } .pt_fee { font-size:12px; margin:0 0 3px 0; padding:0; } /* Contact Information */ .ci_html { /* Applied to of contact_info.html. This eliminates the scrollbar in IE 6 and 7 */ border:0; overflow:auto; } .ci_sizing { /* Applied to of contact_info.html */ background-image:url(../images/bg_ci.jpg); border:none; height:500px; margin:0; padding:0; width:650px; } #ci_top { /* A
inside contact_info.html that contains the header and subheader */ border:solid; border-color:#302211; border-width:0 0 1px 0; float:left; height:69px; margin:0 50px 0 0; padding:15px 0 0 25px; width:575px; } #ci_left { /* A
inside contact_info.html that contains the left column content */ border:none; float:left; height:390px; margin:25px 0 0 0; padding:0 15px 0 45px; width:265px; } #ci_right { /* A
inside contact_info.html that contains the right column content */ border:none; float:left; height:390px; margin:25px 0 0 0; padding:0 45px 0 15px; width:265px; } .ci_title { font-family: Times New Roman, Times, serif; font-size:25px; font-style:italic; margin:0; padding:0; } .ci_subtitle { margin:5px 0 0 0; padding:0; text-align:left; }