@import url("http://fonts.googleapis.com/css?family=Strait&subset=latin,greek,cyrillic,latin-ext,greek-ext,cyrillic-ext");
.logo { width: 100%; height: 101px; background-image: url('../graphics/logo.jpg'); background-size: 300px 101px; background-repeat: no-repeat; } 
.logo { background-position: 0% 0%; }
body { background: #FFFFFF; }
* { color: #444; }
.size, .date { color: #bbb; }
a, .highlight a, .quote a { color: #69b4f8; }
a:hover, .highlight a:hover, .quote a:hover { color: #2089f5; }
#title, #title * { color: #424242; }
.highlight { background: #EBEBEB; }
.highlight, .highlight * { color: #333; }
#header a, #header p a, #bottom a, #bottom p a { color: #69b4f8; }
#header a:hover, #header p a:hover, #bottom a:hover, #bottom p a:hover { color: #2089f5; }
#header, #header p, #header p strong, #header p em, #bottom div, #bottom p, #bottom p strong, #bottom p em { color: #aaa; }
* { font-family: 'Strait', verdana, helvetica, sans; }
body, * { font-size: 12pt; }
body, * { letter-spacing: 0px }
#links div, #links div b { font-family: verdana, helvetica, sans; font-size: 11pt; }
#title, #header, #header p { text-align: left; }
#title, #title * { font-family: verdana, helvetica, sans; }
#title, #title * { letter-spacing: 0px }
#title, #title * { font-weight: bold; }
#footer, #footer p { text-align: left; }
#menu * { font-family: 'Strait', verdana, helvetica, sans; }
#menu div a { font-size: 12pt; }
#menu div a { letter-spacing: 1pt }
#menu { text-align: left; }
#menu div, #menu div.active { margin-left: 0px; margin-right: 8px; }
#menu div { padding-bottom: 0px; }
#navigation { margin-bottom: 5px; }
#menu div, #menu div.active { padding: 0px; margin-bottom: 7px; }
#menu div a { color: #C1BDBD;  }
#menu div.active a { color: #424242;  }
#menu div a:hover { color: #424242;  }
#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; }
#pages * { font-family: 'Strait', verdana, helvetica, sans; }
#pages div a { font-size: 10pt; }
#pages div a { letter-spacing: 1pt }
#pages div a, #pages div.active a { text-transform: lowercase;  }
#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  }
#middle { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.highlight { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
#middle { border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; }
.image img, .gallery .preview img, .gallery .selected img { border: 1px #424242 solid; max-width: 99%; }
.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: right; margin-left: 50%; }
.download { background-position: 3px 15px; }
.audio { background-position: 1px 12px; }
.video { background-position: 0px 13px; }