12 /* Custom default button */
17 text-shadow: none; /* Prevent inheritence from `body` */
18 background-color: #fff;
19 border: 1px solid #fff;
30 background-color: #333;
35 text-shadow: 0 1px 3px rgba(0,0,0,.5);
38 /* Extra markup and styles for table-esque vertical and horizontal centering */
42 height: 100%; /* For at least Firefox */
44 -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
45 box-shadow: inset 0 0 100px rgba(0,0,0,.5);
56 /* Padding for spacing */
71 display: inline-block;
73 .masthead-nav > li + li {
76 .masthead-nav > li > a {
81 color: #fff; /* IE8 proofing */
82 color: rgba(255,255,255,.75);
83 border-bottom: 2px solid transparent;
85 .masthead-nav > li > a:hover,
86 .masthead-nav > li > a:focus {
87 background-color: transparent;
88 border-bottom-color: #a9a9a9;
89 border-bottom-color: rgba(255,255,255,.25);
91 .masthead-nav > .active > a,
92 .masthead-nav > .active > a:hover,
93 .masthead-nav > .active > a:focus {
95 border-bottom-color: #fff;
98 @media (min-width: 768px) {
126 color: #999; /* IE8 proofing */
127 color: rgba(255,255,255,.5);
135 @media (min-width: 768px) {
136 /* Pull out the header and footer */
145 /* Start the vertical centering */
146 .site-wrapper-inner {
147 vertical-align: middle;
149 /* Handle the widths */
153 width: 100%; /* Must be percentage or pixels for horizontal alignment */
157 @media (min-width: 992px) {