.logo { width: 100%; height: 120px; background-image: url('../graphics/logo.png'); background-size: 130px 120px; background-repeat: no-repeat; } 
@media screen and (device-pixel-ratio: 2), screen and (-webkit-device-pixel-ratio: 2){ .logo { width: 100%; height: 120px; background-image: url('../graphics/logo@2x.png'); background-size: 130px 120px; background-repeat: no-repeat; } }
.logo { background-position: 50% 0%; }
body { background: #424242; }
body { background-image: url('../graphics/background.png'); background-size: 16px 16px; background-repeat: repeat; background-position: 0px 0px; } 
@media screen and (device-pixel-ratio: 2), screen and (-webkit-device-pixel-ratio: 2){ body { background-image: url('../graphics/background@2x.png'); background-size: 16px 16px; background-repeat: repeat; background-position: 0px 0px; } 
}
* { color: #444; }
.size, .date { color: #bbb; }
a, .highlight a, .quote a { color: #2089f5; }
a:hover, .highlight a:hover, .quote a:hover { color: #69b4f8; }
#title, #title * { color: #EBEBEB; }
.highlight { background: #EBEBEB; }
.highlight, .highlight * { color: #333; }
#header a, #header p a, #bottom a, #bottom p a { color: #FFF; }
#header a:hover, #header p a:hover, #bottom a:hover, #bottom p a:hover { color: #FFF; }
#header, #header p, #header p strong, #header p em, #bottom div, #bottom p, #bottom p strong, #bottom p em { color: #888; }
.button { background: #424242; }
.field { border: #424242 2px solid; }
* { font-family: helvetica, sans; }
body, * { font-size: 11pt; }
body, * { letter-spacing: 0px }
#links div, #links div b { font-size: 11pt; }
#title, #header, #header p { text-align: center; }
#title, #title * { font-family: trebuchet ms, helvetica, sans; }
#title, #title * { letter-spacing: 0px }
#title, #title * { font-weight: normal; }
#footer, #footer p { text-align: center; }
#menu * { font-family: helvetica, sans; }
#menu div a { font-size: 16pt; }
#menu div a { letter-spacing: 0px }
#menu { text-align: center; }
#menu div, #menu div.active { margin-left: 4px; margin-right: 4px; }
#menu div { padding-bottom: 0px; }
#navigation { margin-bottom: 3px; }
#menu div, #menu div.active { padding: 0px; margin-bottom: 7px; }
#menu div a { color: #606060;  }
#menu div.active a { color: #EBEBEB;  }
#menu div a:hover { color: #EBEBEB;  }
#menu div a, #menu div.active a { font-weight: normal; }
#menu div, #menu div.active { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
#menu div a, #menu div.active a { text-transform: uppercase;  }
#pages * { font-family: helvetica, sans; }
#pages div a { font-size: 11pt; }
#pages div a { letter-spacing: 0px }
#pages div a, #pages div.active a { font-weight: normal; }
#pages div a { color: #BBBBBB  }
#pages div.active a { color: #424242  }
#pages div a:hover { color: #424242  }
.image img, .gallery .preview img, .gallery .selected img { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.image .comment { float: left; width: 50%; text-align: center; margin-left: 25%; margin-right: 25%; }
.selected img, .preview img { width: 80px; }
.download { background-position: 3px 14px; }
.audio { background-position: 1px 11px; }
.video { background-position: 0px 12px; }