html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,hr,img,ins,input,button,kbd,q,samp,
strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,b,strong,i,em,
section,article,aside,header,body>footer,nav,dialog,figure
 {margin                                : 0;
  padding                               : 0;
  border                                : 0;
  outline                               : 0;
  max-width                             : 100%;
  font-weight                           : inherit;
  font-style                            : inherit;
  font-size                             : 100%;
  font-family                           : inherit;
  text-decoration                       : none;
  vertical-align                        : baseline;}
object,section,article,aside,header,body>footer,nav,dialog,figure,figure>a,figure img,figure legend
 {display                               : block;}
html,body
 {background                            : transparent;}
a:hover
 {text-decoration                       : underline;}
blockquote
 {border-left-width                     : 4px;
  border-left-style                     : solid;}
abbr
 {border-bottom-width                   : 1px;
  letter-spacing                        : 0.1em;}
h1 em,h2 em,h3 em,h4 em,h5 em
 {font-style                            : italic;}
p
 {margin-bottom                         : 24px;}
blockquote,q
 {quotes                                : none;}
blockquote::before,blockquote::after,q::before,q::after
 {content                               : "";}
blockquote
 {margin                                : 48px 0 48px 0;
  padding                               : 0 0 0 20px;
  border-left                           : 4px solid #4a545f;}
h2+blockquote,h3+blockquote
 {margin-top                            : 0;}
pre
 {border-width                          : 1px;
  border-style                          : dashed;
  margin                                : 24px 24px 48px 24px;
  padding                               : 23px;
  overflow                              : hidden;
  border                                : 1px dashed #4a545f;}

:focus
 {outline                               : 0;}
ol,ul,nav
 {list-style                            : none;}
dl
 {margin-bottom                         : 24px;}
dt,ins,h5,h6,figure legend
 {font-weight                           : bold;}
dd
 {padding                               : 0 0 0 24px;}

hr
 {display                               : none;}
ins::before
 {content                               : "[";}
ins::after
 {content                               : "]";}
del
 {text-decoration                       : line-through;}
abbr[title]
 {cursor                                : help;}
a abbr[title]
 {cursor                                : pointer;}

figure
 {margin-bottom                         : 24px;}
figure object, figure img
 {max-width                             : 100%;
  margin                                : 0 auto;}
figure legend
 {text-align                            : center;}
object,embed
 {height                                : auto;
  padding                               : 24px;}

section a[href^="opera:/button"]
 {display                               : inline-block;
  padding                               : 0 8px;
  font-weight                           : normal;}
section a[href^="opera:/button"]:hover
 {text-decoration                       : none;}

/* Typography ------------------------------------------------------------ */

html,section>h5 strong,pre
 {font-family                           : Verdana,"Lucida Grande",sans-serif;}
h1,h2,h3,h4,nav a,nav b,section>h5,section a[href^="opera:/button"],h1 em,h2 em,h3 em,h4 em,h5 em
 {font-family                           : "Delicious-Roman","Delicious","Trebuchet MS",Helvetica,"Liberation Sans",sans-serif;}
code,textarea
 {font-family                           : Consolas,Inconsolata,Menlo,monospace;}

@font-face
 {font-family                           : "Delicious";
  src                                   : local("Delicious-Italic"),url(../../sys/fonts/delicious-italic.otf);
  font-style                            : italic;}
@font-face
 {font-family                           : "Delicious";
  src                                   : local("Delicious-Roman"),url(../../sys/fonts/delicious.otf);
  font-style                            : normal;}
  
/* ===================================================================== */
/* =   Download this free font at -> http://www.josbuivenga.demon.nl   = */
/* ===================================================================== */

article>footer,section a[href^="opera:/button"],body>footer p
 {font-size                             : 12px;}
body>section>ul,#whatnot li
 {font-size                             : 14px;}
nav
 {font-size                             : 15px;}
h5
 {font-size                             : 17px;}
h4
 {font-size                             : 20px;}
h3,body>section>h5
 {font-size                             : 24px;}
h2
 {font-size                             : 30px;}
h1
 {font-size                             : 35px;}

html,h1,h2,h3,h4,h5,h6,body>section>h5 strong
 {line-height                           : 24px;}
h1,h2,h3,h4,nav,nav menu li,nav a,nav b,body>section>h5,#whatnot li,body>footer
 {line-height                           : 48px;}
nav,aside h4
 {text-transform                        : lowercase;}

/* Color ----------------------------------------------------------------- */

section a,body>footer a
 {color                                 : #dd8024;}
html,body,h2 a,h3 a,h4 a,h5 a,h6 a,nav a,body>footer nav a,section a[href^="opera:/button"],body>section>ul a,figure a
 {color                                 : #fcfcf3;}
body>section>h5 strong a
 {color                                 : #849bb0;}
#flickr h4
 {color                                 : #0063dc;}
#flickr h4 span
 {color                                 : #ff0084;}

html,body,nav b
 {background-color                      : #23282e;}
nav a,aside,section a[href^="opera:/button"]:active
 {background-color                      : #2f363d;}
body>header h1,nav a:hover,hr,figure,section a[href^="opera:/button"]
 {background-color                      : #464f59;}
body>header nav a
 {background-color                      : rgba(47,54,61,0.9);}
body>header nav a:hover
 {background-color                      : rgba(59,67,75,1);}
body>header h1
 {background-color                      : rgba(47,54,61,0.9);}

blockquote,pre
 {border-color                          : #586471;} /* Previously #4a545f */

/* Syntax Highlighting ---------------------------------------------------- */

.keyword,.attribute
 {color                                 : #a7bbd0;
  font-weight                           : bold;}
.comment
 {color                                 : #4e6375;
  font-style                            : italic;}
.string
 {color                                 : #7ea3b5;}
.constant
 {color                                 : #aebece;}
.function,.tag
 {color                                 : #535e9c;}
.support,.tagname
 {color                                 : #a8a9ca;}
.variable,.property
 {color                                 : #ba9c7d;
  font-weight                           : bold;}
.operator
 {color                                 : #c9d3de;}
.delimiter,.number
 {color                                 : #d5dde1;}
.pseudo
 {font-style                            : italic;}
.vendor
 {color                                 : #8c7965;}

/* ----------------------------------------------------------------------- */

body>header h1,body>header h1 a
 {text-indent                           : -9999px;
  height                                : 96px;}
body>header h1 a
 {display                               : block;
  width                                 : 96px !important;
  background                            : url(../../img/logo.png) top left no-repeat;}

nav
 {margin-bottom                         : 48px;}
nav menu li
 {display                               : block;
  height                                : 48px;
  width                                 : 100%;
  max-width                             : 100%;
  overflow                              : hidden;
  line-height                           : 48px;}
nav a,nav b
 {display                               : block;
  padding                               : 0 24px;}
nav a:hover
 {text-decoration                       : none;}
nav b
 {font-weight                           : normal;}

body>section
 {padding                               : 0 24px;}

body>section>h5
 {height                                : 48px;
  line-height                           : 48px;
  font-weight                           : normal !important;}
body>section>h5 strong
 {text-transform                        : uppercase;
  background-color                      : transparent;}
body>section>h5 sup
 {text-transform                        : lowercase;}
body>section>h5 em
 {font-style                            : normal;}

body>section>ul
 {padding-bottom                        : 72px !important;}
article  
 {min-height                            : 72px;
  padding-bottom                        : 48px;}
article a,article b,body>section:first-child a
 {font-weight                           : bold;}
article h2 a,article h3 a,article h4 a
 {font-weight                           : normal;}
article h3:first-child a:first-child
 {font-size                             : smaller;}
article i
 {font-style                            : italic;}
article sup,article sub
 {position                              : relative;
  top                                   : -5px;
  font-size                             : smaller;}
article sub
 {top                                   : 5px;}
article a[rel="footnote"],article a[rev="footnote"]
 {padding                               : 0 5px;}
article ul
 {list-style-type                       : square;}
article ol
 {list-style-type                       : decimal;}
article ul,article ol
 {padding-left                          : 24px;
  margin                                : 0 0 24px 24px;}

aside
 {padding                               : 24px;
  margin-bottom                         : 24px;}
#playlist ul,#whatnot ul
 {padding-left                          : 24px;
  margin                                : 0 0 24px 24px;
  list-style-type                       : square;}
#playlist ul li a
 {color                                 : #849bb0 !important;}
#flickr li,#flickr li img
 {width                                 : 48px;
  height                                : 48px;
  display                               : inline;}
#whatnot
 {clear                                 : both;
  padding-top                           : 24px;}

body>footer
 {margin-bottom                         : 24px;}

/* Styles for even smaller screens, such as phones with Opera Mini. */
@media handheld and (max-width: 479px),screen and (max-width: 479px)
{
 body>section
 {padding                               : 0 5px;}
 
 figure object, figure img
 {margin                                : 0;}
 
 pre
  {content                              : "Your screen resolution is too small to view this.";
   white-space                          : normal;}
}