#notification-container { margin: 0 auto; max-width: 99%; width: 960px; }
#notification:after, #notification-container:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; visibility: hidden; }
#notification { background: -moz-linear-gradient(top, #ebeff9, #a6bffb); background: -webkit-gradient(linear, left top, left bottom, from(#ebeff9), to(#a6bffb)); border-bottom: 1px solid #6b90da; padding: 10px 0; }
.no-cssgradients #notification { background-color: #ebeff9; }
.notification-module, { border-style: solid; border-width: 1px; margin: 20px 0; padding: 10px; text-shadow: 0 1px 0 #fff; }
.notification-module:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; visibility: hidden; }
.notification-module p { text-align: left; }
.notification-module { background: -moz-linear-gradient(top, #ebeff9, #a6bffb); background: -webkit-gradient(linear, left top, left bottom, from(#ebeff9), to(#a6bffb)); border-color: #6b90da; }
.notification-module p { margin-left: 20px; }
.notification-module span { background: url(http://cdn1.chrispederick.net/infrastructure/images/notification.png) no-repeat 0 0; display: block; float: left; height: 16px; position: relative; top: 2px; width: 16px; }
#notification p { margin-left: 20px; }
#notification span { background-image: url(http://cdn1.chrispederick.net/images/3.1/notification.png); background-repeat: no-repeat; display: block; float: left; height: 16px; margin-top: 4px; width: 16px; }
#notification .no-decoration { background-image: none; padding-right: 0; }
#notification .split-module { width: 460px; }
#random-yes-useful-no-notification { margin-right: 40px; }
#stuff-im-reading-notification { margin-right: 0; }
#stuff-im-reading-notification span { background-position: 0 -16px; }
a[rel*=external] { background: url(http://cdn1.chrispederick.net/infrastructure/images/search-external.png) no-repeat 100% -61px; padding-right: 15px; text-decoration: underline; }
a[rel*=external], a.no-decoration { border-bottom-style: none; }
 @media screen and (max-width: 980px) { #navigation li { padding: 10px 1%; width: 14%; }
#navigation .forums, #navigation .photos, #navigation .twitter, #navigation .videos { width: 15%; }
#notification .split-module { margin-right: 0; width: 100%; }
#random-yes-useful-no-notification { margin-bottom: 5px; }
.split-module { margin-right: 5%; width: 45%; }
.split-module { float: none; margin-right: 0; width: auto; }
}
.full-width .split-module { width: 450px; }
.split-module { float: left; margin-right: 30px; width: 270px; }

