/* Styles for Alicia Eggert Written by Ryan Hinkel */ /* Site Wide */ body {background: #282725; font-family: 'Helvetica', 'Arial', san-serif; font-weight: normal;margin:0; color:#fff} p {font-family: 'Arial'; font-size: 11px; line-height: 18px;} a, a img, img {border-style:none;outline:none;} /* Baseboard */ #baseboard {background: #fff url('../images/baseboard_background.gif') repeat-x; height: 110px; width:100%; position:fixed; bottom: 0px; left: 0px;} #logo {text-indent:-9999px; width: 274px; height: 104px; background: url('../images/alicia_logo.jpg') no-repeat; float:left;} #logo a {width: 274px; height: 104px; display:block;background: url('../images/alicia_logo.jpg') no-repeat;} #sort_nav {margin: 60px 0px 10px;} #sort_nav li {display:block; float:left; padding: 0px 8px; border: solid #aa7a2b; border-width: 0 0 0 1px;} #sort_nav li.first_li {border-left: 0px;} #sort_nav li a {font-size: 14px; color: #aa7a2b;} #info_nav {margin: 60px 20px 10px;} #info_nav li {display:block; float:right; padding: 1px 8px; border: solid #204e89; border-width: 0 0 0 0;} #info_nav li a {font-size: 12px; color: #204e89;} /* Concepts */ #concept_sort_block {background-color: #282725;position:absolute; bottom: 115px; top: 0; left: 0; margin:0; padding: 200px 50px 50px 0; font-size: 16px;font-weight: bold;letter-spacing: 2px;} #concept_sort_block div.arrow {display:block; float:left; width: 80px; height:53px; padding: 0px 0 5px 0px;} #concept_sort_block div.title {display:block; float:left; width: 150px; height:53px; padding: 20px 0px 5px 0px;margin:0 100px 0 0;} #concept_sort_block div.drag_arrow {display:block; float:left; width: 80px; height:53px; padding: 0px 0 5px 0px;} div.dragtoscroll {display:block; float:left; width: 180px; height:53px; padding: 20px 0px 5px 0px;margin:0 10px 0 0; font-weight: normal; font-style:italic; font-size: 12px; letter-spacing: 1px; font-family: 'Georgia'; color: #72a973;text-align: right;} div.stop {display:block; float:left; width: 150px; height:53px; padding: 20px 0px 5px 0px;margin:0 10px 0 0; font-weight: normal; font-style:italic; font-size: 12px; letter-spacing: 1px; font-family: 'Georgia'; color: #72a973;text-align: left;} #concept_sort_block a {color: #f6f3ee; text-decoration:none; outline:none;} /* Horizontal blocks */ /* Sort Fork Block */ #sort_fork_block {background-color: #282725; position:absolute; bottom: 115px; top: 0px; left: 0; margin:0; padding-top:100px;cursor:move; } #sort_fork_block div, #horizontal_concept_block div, #horizontal_image_block div, #drag_instructions div {display:inline; float:left;} .scroll_info {font-weight: normal; font-style:italic; font-size: 12px; letter-spacing: 1px; font-family: 'Georgia'; color: #72a973;text-align:center;} .concept_type {font-size: 16px;font-weight: bold;letter-spacing: 0px;text-align: center; line-height: 26px; vertical-align: bottom;} #sort_fork_block #stop_west, #sort_fork_block #stop_east {width: 200px; height:53px; padding: 70px 10px 0px;margin:0; text-align: left;} #sort_fork_block #drag_instructions {height:53px; padding: 60px 50px 0;margin:0;} #sort_fork_block #drag_instructions_text {height: 53px; margin: 16px 20px;width: 150px; } /* Image Sort */ #horizontal_image_block {margin:0;} #horizontal_image_block div {margin-right:20px;} /* Concept Sort */ #horizontal_concept_block {padding:0;} #horizontal_concept_block div a {color: #282725;text-decoration:none; outline:none;padding:20px 20px 0;display:block;height:150px;} #horizontal_concept_block div {display:block; float:left; width: 170px; height:195px; padding: 0 20px;margin:0 20px 0 0;} #horizontal_concept_block div.title_alt1 {background: url('../images/post_it.jpg') no-repeat;} #horizontal_concept_block div.title_alt2 {background: url('../images/post_it2.jpg') no-repeat;} #horizontal_concept_block div.title_alt3 {background: url('../images/post_it3.jpg') no-repeat;} /* Vertical blocks */ #image_sort_list {} #image_sort_list div {margin: 0 0 20px 20px;float:left;} #concept_sort_list {margin: 25px 0 0 30px;} #concept_sort_list div {font-size: 14px;font-weight: normal;letter-spacing: 1px;text-align: left; line-height: 26px;} #concept_sort_list div a {color: #c0c0c0;text-decoration:underline; outline:none;} /* Show */ #show_block {position:absolute; top: 25px; left: 0; bottom: 115px;cursor:move;} #show_block div {margin-left: 30px;float:left;z-index: 30;} #show_block #info {width: 300px;margin: 0 60px;} #show_block h1 {font-size: 22px; color: #fff; margin: 0px;} #show_block p.date {font-size: 13px; color: #c0c0c0; font-weight: bold;margin:2px 0;} #show_block p.size {font-size: 11px; color: #c0c0c0; font-weight: normal;margin:2px 0;} #show_block p.medium {font-size: 12px; color: #e9e9e9; font-weight: bold;letter-spacing: 1px;margin:20px 0;} #show_block p.description {font-size: 11px; color: #e9e9e9; font-weight: normal;} /* Image Sort */ #image_sort_block {position:absolute; top: 25px; left: 0; bottom: 115px; margin-left:20px; } #image_sort_block div {margin: 0 0 20px 20px;float:left;} /* About */ #about {margin: 25px 60px 10px;padding-bottom:100px;overflow:hidden;width: 1000px;} #about h1 {font-size:22px;letter-spacing: 1px;margin: 0 0 25px 0;} #about p {font-size:11px; color: #c0c0c0; width: 300px; float:left;margin: 0 100px 25px 0;} #about div img {display:block;float:left;padding:10px;} #about a {color: #aa7a2b;} #about a.links {display:block;clear:both; font-size: 14px; font-weight: bold; letter-spacing: 1px;line-height:36px;} #artiststatement p.equations {font-size: 14px;color:#aa7a2b;width:240px;} #artiststatement {margin: 25px 60px 10px;padding-bottom:100px;overflow:hidden;width: 1600px;} #artiststatement h1 {font-size:22px;letter-spacing: 1px;margin: 0 0 25px 0;} #artiststatement p {font-size:11px; color: #c0c0c0; width: 300px; float:left;margin: 0 100px 25px 0;} #artiststatement div img {display:block;float:left;padding:10px;clear:both;} #artiststatement a {color: #aa7a2b;} #artiststatement a.links {display:block;clear:both; font-size: 14px; font-weight: bold; letter-spacing: 1px;line-height:36px;} /* News */ #news {margin: 25px 60px 10px 60px;padding-bottom:100px;overflow:hidden;} #news h1 {font-size:22px;letter-spacing: 1px;margin: 0 0 25px 0;} #news h2 {font-size:18px;letter-spacing: 1px;margin-top:0;} #news .postcard {float:left; margin: 0 50px 0 0;} #news .news_block {float:left;width:500px;} #news p {font-size:11px; color: #c0c0c0; width: 500px;margin: 0 100px 25px 0;} #news p.date {font-style:italic;} #news p.description {width:250px;} #news div img {display:block;float:left;padding:10px;} #news a {color: #aa7a2b;} #news a.links {display:block;clear:both; font-size: 14px; font-weight: bold; letter-spacing: 1px;line-height:36px;}