/* -------------------------------------------------------------- * style for Barbara Willis Website. -------------------------------------------------------------- */ /* @import url(visulayout.css); */ /* Layout font settings. * Body, and blocks (Wwapper, header, content, footer...) dimensions, margin, border, background & align*/ body {background: black; background-repeat: repeat; text-align: center; border:0; } #wrapper { margin: 0 auto; padding: 0; text-align: center; background: #000000; width: 950px; } #header, #footer, #navigation_horiz, #content_area, #navigation_subProcess {clear: both; background: inherit; border:0; } #header, #footer, #navigation_horiz, #content_area {display: block; margin:0 auto;} #header {width: 910px; height:120px; } #footer {width: 830px; height:30px; } #navigation_horiz {width: 830px; height:60px;} #navigation_subProcess {width: 830px; height:150px; display: inline-block; margin:0; } #content_area {width: 830px; height:410px; text-align: center; color: inherit; } #content_area * .text {overflow: auto} #content_area img {height: 375px} #gallery_picture { height:375px; width:270px;} .content_subarea_1t, .content_subarea_1t_r, .content_subarea_1t_l, .content_subarea_2t, .content_subarea_2t_r, .content_subarea_2t_l, .content_subarea_3t , .content_subarea_1m {display: inline-block; height: 375px; border: 0px solid green; margin:0; text-align: left; } .content_process_pic, .content_process_desc {display: inline-block; height: 225px; border: 0px solid green; margin:0; text-align: left; } .content_process {height : 225px; background: #c0c0d8;} .content_subarea_auto, .content_subarea_auto_l, .content_subarea_auto_r {width: auto; } .content_subarea_1t, .content_subarea_1t_r, .content_subarea_1t_l, .content_process_pic {width: 32.5%;} .content_subarea_2t, .content_subarea_2t_r, .content_subarea_2t_l, .content_process_desc {width: 65.5%;} .content_subarea_3t {width: 95.5%; } .content_subarea_1m {width: 50%; } .content_subarea_auto {width: auto; } .content_subarea_1t_r, .content_subarea_2t_r, .content_subarea_auto_r, .content_process_desc {float: right;} .content_subarea_1t_l, .content_subarea_2t_l, .content_subarea_auto_l, .content_process_pic {float: left;} .content_process_pic img {height : 225px !important; } .content_process_desc .text {height : 195px !important; overflow: auto;} .thumbnail, .gallery_thumbnail {display: inline-block; border: 0px solid #ffcc88; text-align: center; } .thumbnail {width: 135px;} .thumbnail img {width: 120px !important; height : 120px !important; border: outset 1px; margin: 0px 4px;} .thumbnail *.label {width: 135px; height: 10px; padding-bottom: 20px; } .gallery_thumbnail img {width: 120px !important; height : auto !important; border: outset 1px; margin: 0px 4px 8px;} .gallery_note {color: #c0c0d8; font-size: 120%; text-align: center;} .head_logo {background: inherit; float: left; height: 117px; width: 670px; margin: 0; border: 0px;} .head_logo * img {border:0;} .head_text {background: inherit; float: right; right: 117px; width: 230px; margin: 0 auto;} .nav_lnk, .nav_lnk_selected {display: inline-block; list-style: none; width:150px; margin: 0 auto;} .nav_lnk_selected {background: #554477; } .nav_box:hover {text-decoration: none; color: #ffcc88; background: none;} .nav_space { display: block; background: inherit; height: 10px; } .nav_line { display: block; height: 6px; background: url("../images/nav-line.jpg"); background-repeat: repeat-x; background-position: center; margin: 0 auto;} .footer_contact {margin: 0 auto; height: 30px; text-align: center; white-space: pre} .note_author {float: right; margin-top: 25px;} /* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */ html { font-size:100.01%; } body { font-size: 75%; color: #ffffff; font-family: Verdana, Arial, sans-serif;} #header {color: #ffcc88;} #footer {font-size: 120%; font-weight: normal; color: ffcc88; } #content_area * .text {font-size: 115%; font-weight: normal ; color: black; background-color: #c0c0d8; text-align: left; padding: 15px;} .nav_lnk {font-size: 180%; font-weight: normal ; } .nav_lnk:link {text-decoration: none; color: #c0c0d8; } .nav_lnk:hover {text-decoration: none; color: #ffcc88; } .nav_lnk:selected {text-decoration: none; color: #ffcc88; background: #554477;} .footer_contact {font-size: 108%;} .footer_contact a:link { text-decoration: none; color: #ffffff; } .footer_contact a:hover {text-decoration: none; color: #ffcc88;} .note, .note_author {font-family: sans-serif; font-weight: normal; text-align: center; } .note {color: #5C1F5C; font-size: 100%; } .note_author {color: #c0c0d8; font-size: 80% !important;} .note_author a {color: #c0c0d8; } .title {font-variant: small-caps; font-size: larger; font-weight: bold; color: #5C1F5C; text-align: center} a:link, a:visited { text-decoration: none; color: #c0c0d8; } a:hover, a:active {text-decoration: none; color: #ffcc88;} .text a:link, .text a:visited, .text a:active { color: black; } .text a:hover { color: #820062; } .thumbnail a:link, .thumbnail a:visited {font-size: 150%; font-weight: normal ; font-family: Verdana; color: #c0c0d8; } .thumbnail a:hover, .thumbnail a:active {text-decoration: none; color: #ffcc88;} #artist #nav_lnk_Artist, #process #nav_lnk_Process, #scarves #nav_lnk_Scarves, #clothing #nav_lnk_Clothing, #contact #nav_lnk_Contact, #process_inspir #nav_lnk_Process, #process_color #nav_lnk_Process, #process_paint #nav_lnk_Process, #process_warp #nav_lnk_Process, #process_weav #nav_lnk_Process, #process_final #nav_lnk_Process {text-decoration: none; color: #ffcc88; background: #554477;} #process_inspir #nav_spinsp, #process_color #nav_spcolor, #process_paint #nav_sppaint, #process_warp #nav_spwarp, #process_weav #nav_spweav, #process_final #nav_spfinal {color: #5C1F5C; background:#ffcc88;} #process_inspir #nav_spinsp *.label, #process_color #nav_spcolor *.label, #process_paint #nav_sppaint *.label, #process_warp #nav_spwarp *.label, #process_weav #nav_spweav *.label, #process_final #nav_spfinal *.label {font-weight: bold; color: #5C1F5C; background:#ffcc88;}