body { font-family: sans-serif, Helvetica, Verdana; background-color:rgb(255,252,214); padding-left: 300px; margin: 0px; } #main{ padding-left: 10px; text-align: left; } p { text-indent: 32px; }
#menu-wrap { padding: 0; position: fixed; top: 0; left: 0; width: 300px; height: 100%; z-index: 4 text-align: left; background: url("http://culturesmith.com/files/FrAi_halflogo-large.jpeg") bottom left no-repeat; background-size: 300px; } .table { width: 100%; display: table; } ul#navbar-list { width: 100%; list-style: none; padding: 0; align: left; } ul#navbar-list li { width: 100%; } ul#navbar-list li a { display: block; width: 290px; font-size: 18px; text-decoration: none; text-align: left; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; color: #9C0000; float: left; } /* The FrAi layout exploits the ability of Wagn to include the name of the card, and gives the body of each page an ID property equal to the name of the card included. This means that we can use this to color the menu links according to which page we are on!*/ #Home\+FrAi ul#navbar-list li#Home a { background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat; color: #FFFFFF; } #About\+FrAi ul#navbar-list li#About a { background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat; color: #FFFFFF; } #Media\+FrAi ul#navbar-list li#Media a { background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat; color: #FFFFFF; } #Shop\+FrAi ul#navbar-list li#Shop a { background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat; color: #FFFFFF; } #Schedule\+FrAi ul#navbar-list li#Schedule a { background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat; color: #FFFFFF; } #Links\+FrAi ul#navbar-list li#Links a { background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat; color: #FFFFFF; } #Contact\+FrAi ul#navbar-list li#Contact a { background: url("http://culturesmith.com/files/FrAi_ActiveMenuBack.png") bottom right no-repeat; color: #FFFFFF; } ul#navbar-list li a:hover { background: url("http://culturesmith.com/files/FrAi_HoverMenuBack.png") bottom right no-repeat; color: #4A0000; }
#Media\+FrAi table#VideoBrowser { border: 1px solid rgb(156,0,0,0); margin: 2px; } #MediaLinkList .search-result-list { display: table; margin: 0 auto; text-align: left; list-style: none; } #MediaLinkList .search-result-item{ margin: 10px; } #MediaLinkList .search-result-item a.inactive{ display: block; width: 100%; border: 2px outset rgba(156,0,0,0.6); color: #9C0000; text-decoration: none; background-color: rgba(255,255,255,0.1); } #MediaLinkList .search-result-item a.inactive:hover{ color: #4A0000; border: 2px outset rgb(200,80,60); background-color: rgba(156,0,0,0.2); } #MediaLinkList .search-result-item a.active{ display: block; width: 100%; border:2px inset rgb(156,0,0); color: #FFFFFF; text-decoration: none; background-color: rgba(156,0,0,0.6); } #MediaLinkList .search-result-item a.active:hover{ text-decoration: underline; border: 2px inset rgb(255,0,0); } #MediaVideoView { width:640px; height: 480px; overflow: auto; text-align: center; border: 1px solid rgb(156,0,0); line-height: 180px; font-size: 20px; }