#breadcrumb                        { overflow: hidden; margin: 0; margin-bottom: 10px; padding: 0; list-style: none; }
#breadcrumb li                     { float: left; }
#breadcrumb a                      { padding: .5em 1em .5em 2em; float: left; text-decoration: none; color: #000077; position: relative; text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: #e0e0ff; background-image: linear-gradient(to right, #f0f0ff, #e0e0ff); }
#breadcrumb li:first-child a       { padding-left: 1em; border-radius: 5px 0 0 5px; }
#breadcrumb- li:last-child a       { border-radius: 0 5px 5px 0; }
#breadcrumb a:hover                { background: #FFD34D; }
#breadcrumb a::after,
#breadcrumb a::before              { content: ""; position: absolute; top: 50%; margin-top: -1.3em; border-top: 1.3em solid transparent; border-bottom: 1.3em solid transparent; border-left: 1em solid; right: -1.1em; }
#breadcrumb a::after               { z-index: 2; border-left-color: #e0e0ff; right: -0.9em; }
#breadcrumb a::before              { border-left-color: #ffffff; right: -1.1em; z-index: 1; }
#breadcrumb a:hover::after         { border-left-color: #FFD34D; }
#breadcrumb .current,
#breadcrumb .current:hover         { background: #e0e0ff; font-style: italic; }
#breadcrumb- .current::after,
#breadcrumb- .current::before      { background: #e0e0ff; content: normal; }
#breadcrumb .current:hover::after  { border-left-color: #e0e0ff; }