cannam@0: #header {
cannam@0:   width: 596px;
cannam@0:   height: 35px;
cannam@0:   position: relative;
cannam@0:   background: url(images/vamp-title.png) no-repeat;
cannam@0: }
cannam@0: #header span {
cannam@0:   display: block;
cannam@0:   width: 0;
cannam@0:   height: 0;
cannam@0:   overflow: hidden;
cannam@0: }
cannam@0: body {
cannam@0:   margin: 0;
cannam@0:   border-top-width: 0;
cannam@0:   border-bottom-width: 0;
cannam@0:   border-left-width: 2em;
cannam@0:   border-right-width: 2em;
cannam@0:   border-left-style: solid;
cannam@0:   border-right-style: solid;
cannam@0:   border-left-color: #ef6a35;
cannam@0:   border-right-color: #ef6a35;
cannam@0:   background-color: #ffffff;
cannam@0:   padding-top: 1.4em;
cannam@0:   padding-bottom: 20em;
cannam@0:   padding-left: 2em;
cannam@0:   padding-right: 2em;
cannam@0:   color: #303030;
Chris@95:   font-style: normal;
Chris@95:   font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
cannam@0: }
cannam@0: p,td,ul,ol,li,blockquote { 
cannam@21:     font-size: 0.95em;
cannam@0:     font-style: normal;
cannam@0:     font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
cannam@0: }
cannam@0: h1,h2,h3,h4 { 
cannam@0:     font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
cannam@0: }
cannam@8: h3 {
cannam@10:     margin-bottom: 0;
Chris@103:     clear: both;
cannam@8: }
cannam@8: h4 {
cannam@10:     margin-bottom: 0;
cannam@8: }
cannam@0: #firstpara {
cannam@0:   border-top-width: 2px;
cannam@0:   border-top-style: solid;
cannam@0:   border-top-color: #ef6a35;
cannam@0:   padding-top: 1em;
cannam@0: }
cannam@0: #logoblock {
cannam@0:   border-top-width: 2px;
cannam@0:   border-top-style: solid;
cannam@0:   border-top-color: #ef6a35;
cannam@0:   font-size: 0.9em;
cannam@0: }
cannam@0: #nav {
cannam@0:   position: relative;
cannam@0:   float: right;
cannam@0:   top: 1.8em;
cannam@0:   color: #ef6a35;
cannam@0:   margin-left: 1em;
cannam@0:   padding-left: 1em;
cannam@0:   margin-bottom: 3em;
cannam@0:   border-left-width: 2px;
cannam@0:   border-left-style: solid;
cannam@0:   border-left-color: #ef6a35;
cannam@0: /*  text-align: right;*/
cannam@0: }
cannam@0: #nav ul {
cannam@0: /*  display: inline; */
cannam@0:   margin: 0;
cannam@0:   padding: 0;
cannam@21:   font-size: 0.8em;
cannam@0:   text-transform: uppercase;
cannam@0:   font-weight: bold;
cannam@0: }
cannam@0: #nav ul li {
cannam@0:   list-style: none;
cannam@0: }
cannam@0: a {
cannam@0:   text-decoration: none;
cannam@0:   color: #ef6a35;
cannam@0: }
cannam@0: a:visited {
cannam@0:   text-decoration: none;
cannam@0:   color: #ef6a35;
cannam@0: }
cannam@0: a:hover {
cannam@0:   text-decoration: underline;
cannam@0:   color: #ef6a35;
cannam@0: }
cannam@0: .logoleft { 
cannam@0:   float: left;
cannam@0:   padding-right: 2em;
cannam@0:   padding-bottom: 2em;
cannam@0: }
cannam@0: .logoright { 
cannam@0:   float: right;
cannam@0:   padding-left: 2em;
cannam@0:   padding-bottom: 2em;
cannam@0: }
cannam@0: .toc1,.toc2,.toc3,.toc4 { 
cannam@0:     font-size: 0.8em;
cannam@0:     font-style: normal;
cannam@0:     font-weight: bold;
cannam@0:     font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
cannam@0: }
cannam@0: .toc2 { 
cannam@0:   padding-left: 2em;
cannam@0: }
cannam@0: .toc3 { 
cannam@0:   padding-left: 4em;
cannam@0: }
cannam@0: .toc4 { 
cannam@0:   padding-left: 6em;
cannam@0: }
Chris@95: 
Chris@103: .featured .library:last-child {
Chris@103:     margin-bottom: 2em;
Chris@103: }
Chris@103: 
Chris@104: .featured .library-even, .featured .library-odd {
Chris@104:     background: #f8f8f8;
Chris@104: }
Chris@104: 
Chris@103: .pluginlist, .featured {
Chris@95:     width: 100%;
Chris@95:     margin-left: 0%;
Chris@95:     margin-right: 0%;
Chris@95:     clear: both;
Chris@95: }
Chris@95: 
Chris@103: .pluginlist > ul, .featured > ul {
Chris@95:     padding-left: 4%;
Chris@95:     padding-right: 5%;
Chris@92: }
Chris@92: 
Chris@92: .library {
Chris@92:     float: left;
Chris@92:     clear: both;
Chris@92:     width: 100%;
Chris@92:     padding-top: 0.5em;
Chris@92:     padding-bottom: 1.2em;
Chris@92:     padding-left: 0;
Chris@92:     padding-right: 0;
Chris@92:     border-left-width: 0px;
Chris@92:     border-right-width: 0px;
Chris@92:     border-top-width: 2px;
Chris@92:     border-bottom-width: 0px;
Chris@92:     border-color: #ef6a35;
Chris@92:     border-style: solid;
Chris@92: }
Chris@92: 
Chris@95: .library:last-child {
Chris@95:     border-bottom-width: 2px;
Chris@95: }
Chris@95: 
Chris@95: .plugins {
Chris@95:     padding-top: 1em;
Chris@95:     padding-left: 0;
Chris@95: }
Chris@95: 
Chris@92: .plugins li, .library li {
Chris@92:     padding-bottom: 0.5em;
Chris@92: }
Chris@92: 
Chris@92: .library-even {
Chris@92:     background: #f0f0f0;
Chris@92: }
Chris@92: 
Chris@92: .library-odd {
Chris@92:     background: #f8f8f8;
Chris@92: }
Chris@92: 
Chris@103: .pluginlist li, .featured li {
Chris@92:     list-style-type: none; 
Chris@92: }
Chris@92: 
Chris@92: .highlight {
Chris@92:     background: yellow;
Chris@92: }
Chris@92: 
Chris@92: .plugs-showhide {
Chris@92:   color: #ef6a35;
Chris@92:   cursor: pointer;
Chris@92: }    
Chris@92: 
Chris@92: .maker-logo {
Chris@92:     max-width: 4em;
Chris@92:     max-height: 3.2em;
Chris@92:     height: auto;
Chris@92:     position: absolute;
Chris@92:     right: 13%;
Chris@92: }
Chris@92: 
Chris@92: .plugin-piece {
Chris@92:     max-width: 20px;
Chris@92:     max-height: 20px;
Chris@92:     width: auto;
Chris@92:     float: left;
Chris@92: }
Chris@92: 
Chris@92: .plugin-name {
Chris@92:     margin-top: 0.5em;
Chris@92: }
Chris@92: 
Chris@92: .plugin-name, .plugin-category, .plugin-description, .plugin-links {
Chris@92:     margin-left: 24px;
Chris@92: }
Chris@92: 
Chris@92: .library-header {
Chris@92:     padding-left: 1.5em;
Chris@92:     padding-top: 0em;
Chris@92:     padding-bottom: 0;
Chris@92:     margin-bottom: 0em;
Chris@92:     border-width: 0px;
Chris@92:     border-bottom-width: 1px;
Chris@92:     border-color: #ef6a35;
Chris@92:     border-style: solid;
Chris@92:     height: 3.5em;
Chris@92: }
Chris@92: 
Chris@92: .library-body {
Chris@92:     padding-left: 1.5em;
Chris@92:     margin-top: 1em;
Chris@92: }
Chris@92: 
Chris@95: .library-notes {
Chris@95:     float: left;
Chris@95:     width: 24%;
Chris@95: }
Chris@95: 
Chris@95: .library-main {
Chris@95:     float: right;
Chris@95:     width: 71%;
Chris@95:     padding-right: 2%;
Chris@95: }
Chris@95: 
Chris@92: .library-name {
Chris@92:     font-size: 1.2em;
Chris@92:     font-weight: bold;
Chris@92: }
Chris@92: 
Chris@92: .library-maker {
Chris@92:     font-size: 0.85em;
Chris@92: }
Chris@92: 
Chris@92: .library-description {
Chris@92: }
Chris@92: 
Chris@92: .plugs-showhide {
Chris@92: }
Chris@92: 
Chris@92: .default-hidden {
Chris@92:     display: none;
Chris@92: }
Chris@92: 
Chris@92: .default-shown {
Chris@92:     display: block;
Chris@92: }
Chris@92: 
Chris@97: .library-availability, .library-source-availability, .library-vampy, .library-links, .plugin-links, .plugin-category, .plugs-showhide {
Chris@92:     font-size: 0.85em;
Chris@92: }
Chris@92: 
Chris@92: .library-availability, .library-source-availability {
Chris@92:     color: #505050;
Chris@92: }
Chris@92: 
Chris@92: .plugin-name {
Chris@92:     font-weight: bold;
Chris@92: }
Chris@92: 
Chris@92: .plugin-category {
Chris@92:     color: #505050;
Chris@92:     font-style: italic;
Chris@92: }
Chris@95: 
Chris@95: .search-form {
Chris@95:     float: left;
Chris@95:     padding-left: 4%;
Chris@95:     font-size: 0.95em;
Chris@95: }
Chris@95: 
Chris@95: .platform-selector {
Chris@95:     float: right;
Chris@95:     margin-top: 3px;
Chris@95:     margin-bottom: 2em;
Chris@95:     padding-right: 5%;
Chris@95:     font-size: 0.8em;
Chris@95: }
Chris@95: 
Chris@95: .platform-button {
Chris@95:     border-style: solid;
Chris@95:     padding: 0.3em;
Chris@95:     margin: 0px;
Chris@95:     border-left-width: 0px;
Chris@95:     border-right-width: 1px;
Chris@95:     border-top-width: 1px;
Chris@95:     border-bottom-width: 1px;
Chris@95:     border-radius: 0px;
Chris@95:     box-shadow: 0px 2px 0 0 #ef6a35;
Chris@95:     border-color: #ef6a35;
Chris@95: }
Chris@95: 
Chris@95: .platform-button:first-child {
Chris@95:     border-left-width: 1px;
Chris@95:     margin-left: 0.6em;
Chris@95: }
Chris@95: 
Chris@95: .platform-button a {
Chris@95:     color: #505050;
Chris@95: }
Chris@95: 
Chris@95: .platform-current, .platform-button:hover, .platform-button:hover a {
Chris@95:     background-color: #ef6a35;
Chris@95:     color: #fff;
Chris@95: }
Chris@98: 
Chris@98: .no-results {
Chris@98:     clear: both;
Chris@98:     border-style: solid;
Chris@98:     border-color: #ef6a35;
Chris@98:     border-left-width: 0;
Chris@98:     border-right-width: 0;
Chris@98:     border-top-width: 2px;
Chris@98:     border-bottom-width: 2px;
Chris@98:     margin-left: 4%;
Chris@98:     margin-right: 5%;
Chris@98: }
Chris@98: 
Chris@98: .no-results p {
Chris@98:     font-style: italic;
Chris@98: }
Chris@98: 
Chris@128: table.downloads, table.downloads th, table.downloads td {
Chris@128:   border: 1px solid #505050;
Chris@128:   padding: 0.7em;
Chris@128:   border-collapse: collapse;
Chris@128: }
Chris@128: