/* ----- Structure --------------------------------------------------------- */

#header
 {margin-bottom                              : 20px;}

#wrap0
 {padding                                    : 20px 0;}
#wrap1
 {font                                       : 12px/20px "Helvetica Neue",Arial,sans-serif;
  max-width                                  : none !important;}
#wrap4,#top h1
 {padding                                    : 0;}
#top,#top2,#content,#footer,#mainwrap,#main
 {box-sizing                                 : border-box;}
#top,#top2,#content,#footer 
 {width                                      : 100%;}

#menu,#content
 {padding                                    : 20px;}
#top,#menu ul,#content
 {margin                                     : 0;}
#top2
 {padding                                    : 0 20px 20px 20px;}

#top2,#menu,#menu ul
 {border                                     : 0;
  height                                     : auto;
  text-align                                 : center;
  margin                                     : 0;}
#menu li,#menu li a,#menu a:link,#menu a:visited,#menu a:active,#menu a:hover,
#menu #selected:link,#menu #selected:visited
 {line-height                                : 40px;
  height                                     : 40px;
  display                                    : inline-block;
  float                                      : none;
  font-size                                  : 1.1em;
  font-weight                                : bold;}
#menu li
 {display                                    : inline;}
#menu li a,#menu a:link,#menu a:visited,#menu a:active,#menu a:hover,
#menu #selected:link,#menu #selected:visited
 {padding                                    : 0;
  margin                                     : 0 20px;}
#mainwrap,#main,#sidewrap,#side
 {overflow                                   : visible;}

/* Fix footer */
#footer2>p,#sitelang
 {float                                      : none;
  display                                    : table-cell;}
#footer2>p
 {width                                      : 50%;}
#sitelang
 {width                                      : 175px;
  min-width                                  : 175px;
  position                                   : relative;
  top                                        : -20px;
  float                                      : right;}
#footer2>p,#sitelang,#sitelang fieldset
 {margin                                     : 0;
  padding                                    : 0;}
#sitelang select
 {margin                                     : 0;}

/* Necessary to override the stupid !importants in users-medium */
#shoutbox blockquote p
 {padding                                    : 10px !important;
  margin-top                                 : 10px !important;}
#shoutbox blockquote:before
 {content                                    : none;}

/* Extra whitespace fix */
#main[id],.onecol #content[id]
 {line-height                                : 0;}
#main>*,.onecol #content>*
 {line-height                                : 20px;}

/* Invisibles */
#myphoto,#side h2,#side .h2,#albumsheader,.tagicon
 {display                                    : none;}

/* Hide menu edit button. Breaks layout */
#menu>a
 {display                                    : none !important;}

/* So user agents that don't support CSS3 media queries won't be delivered a 
   page which appears broken. */
@media screen and (min-width:0),
       projection and (min-width:0),
       tv and (min-width:0)
{
 #top2
  {height                                    : 243px;}
 #top h1,#top #subtitle
  {display                                   : none;}  
}

@media screen and (max-width:960px),
       projection and (max-width:960px),
       tv and (max-width:960px)
{
 #top2
  {height                                    : 206px;}
 #wrap1
  {width                                     : 680px;}
 #mainwrap,#sidewrap
  {float                                     : none;}
 #mainwrap,#main,#sidewrap,#side
  {width                                     : 100%;}
}

@media screen and (max-width:363px),
       projection and (max-width:363px),
       tv and (max-width:363px)
{
 #top2
  {height                                    : 100px;}
 #wrap1
  {width                                     : 320px;}
 #footer2>p,#sitelang
  {display                                   : block;
   margin                                    : 0 auto 20px auto;}
 #sitelang
  {margin-bottom                             : 0;}
}

@media screen and (max-width:335px),
       projection and (max-width:335px),
       tv and (max-width:335px)
{
 #wrap1
  {width                                     : 100%;}
}

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

body
 {background                                 : #44484a url('http://files.myopera.com/EspenAO/albums/7067332/linen.jpg') center top repeat;}
#wrap0,#wrap4,#nav [aria-haspopup]>a,#top,#menu a:link,#menu a:visited,
#menu a:active,#menu a:hover,#menu #selected:link,#menu #selected:visited
 {background                                 : transparent none center top no-repeat;
  border                                     : 0;}
#menu,#content
 {background                                 : #fff none;}

#header
 {background                                 : rgba(0,0,0,0.8) none;}

#top h1,#top #subtitle
 {color                                      : #fff;}

#header,#menu,#content
 {-moz-box-shadow                            : 0 3px 3px rgba(0,0,0,0.65);
  -webkit-box-shadow                         : 0 3px 3px rgba(0,0,0,0.65);
  box-shadow                                 : 0 3px 3px rgba(0,0,0,0.65);}

a:link,a:visited,a:hover:active,a:active,#side a.username:link,
#side a.username:visited,#side a.username:hover:active,
#calendar tbody a:hover:active,#calendar tbody a:link,
#calendar tbody a:visited,#menu #selected,#menu a:hover,
#menu a:hover:active,.title a:hover:active
 {color                                      : #cc0f16;}
a:hover,#side a.username:hover,#calendar tbody a:hover,
.title a:hover
 {color                                      : #9c9e9f;}

#top h1
 {font-size                                  : 5em;
  line-height                                : 80px;}
.groupblog .post .title,.post.title,#pollquest,#top #subtitle
 {font-size                                  : 2.2em;}
#pollquest,#top #subtitle
 {line-height                                : 40px;}
#side .usercom li:first-child
 {border-top                                 : 0;}

#side #sidebuttons li
 {font-size                                  : 1.2em;
  margin-bottom                              : 10px;}
#side #sidebuttons img
 {display                                    : block;
  margin                                     : 0 auto;}
#side #sidebuttons .widgets
 {-moz-transform                             : rotate(-1deg) translate(-16px,0);
  -o-transform                               : rotate(-1deg) translate(-16px,0);
  -webkit-transform                          : rotate(-1deg) translate(-16px,0);
  transform                                  : rotate(-1deg) translate(-16px,0);}
#side #sidebuttons .campuscrew
 {-moz-transform                             : rotate(0.5deg) translate(48px,-5px);
  -o-transform                               : rotate(0.5deg) translate(48px,-5px);
  -webkit-transform                          : rotate(0.5deg) translate(48px,-5px);
  transform                                  : rotate(0.5deg) translate(48px,-5px);}
#side #sidebuttons .affiliate
 {-moz-transform                             : rotate(-2deg) translate(0,-6px);
  -o-transform                               : rotate(-2deg) translate(0,-6px);
  -webkit-transform                          : rotate(-2deg) translate(0,-6px);
  transform                                  : rotate(-2deg) translate(0,-6px);}
#side #sidebuttons .skins
 {-moz-transform                             : rotate(3deg) translate(5px,0);
  -o-transform                               : rotate(3deg) translate(5px,0);
  -webkit-transform                          : rotate(3deg) translate(5px,0);
  transform                                  : rotate(3deg) translate(5px,0);}
#side #sidebuttons .operabuttons
 {-moz-transform                             : rotate(-5deg) translate(20px,-10px);
  -o-transform                               : rotate(-5deg) translate(20px,-10px);
  -webkit-transform                          : rotate(-5deg) translate(20px,-10px);
  transform                                  : rotate(-5deg) translate(20px,-10px);
  position                                   : relative;
  z-index                                    : 2112;}
#side #sidebuttons .twitter
 {-moz-transform                             : rotate(1deg) translate(35px,-35px);
  -o-transform                               : rotate(1deg) translate(35px,-35px);
  -webkit-transform                          : rotate(1deg) translate(35px,-35px);
  transform                                  : rotate(1deg) translate(35px,-35px);}
#side #sidebuttons .facebook
 {-moz-transform                             : rotate(5deg) translate(-32px,-40px);
  -o-transform                               : rotate(5deg) translate(-32px,-40px);
  -webkit-transform                          : rotate(5deg) translate(-32px,-40px);
  transform                                  : rotate(5deg) translate(-32px,-40px);}
#side #sidebuttons .wallpapers
 {-moz-transform                             : rotate(-10deg) translate(6px,-42px);
  -o-transform                               : rotate(-10deg) translate(6px,-42px);
  -webkit-transform                          : rotate(-10deg) translate(6px,-42px);
  transform                                  : rotate(-10deg) translate(6px,-42px);}
#side #sidebuttons .youtube
 {-moz-transform                             : rotate(3deg) translate(2px,-30px);
  -o-transform                               : rotate(3deg) translate(2px,-30px);
  -webkit-transform                          : rotate(3deg) translate(2px,-30px);
  transform                                  : rotate(3deg) translate(2px,-30px);}
#side #sidebuttons .operablogs
 {-moz-transform                             : rotate(-8deg) translate(-45px,-45px);
  -o-transform                               : rotate(-8deg) translate(-45px,-45px);
  -webkit-transform                          : rotate(-8deg) translate(-45px,-45px);
  transform                                  : rotate(-8deg) translate(-45px,-45px);}
#side #sidebuttons .speeddial
 {-moz-transform                             : rotate(2.35deg) translate(0,-30px);
  -o-transform                               : rotate(2.35deg) translate(0,-30px);
  -webkit-transform                          : rotate(2.35deg) translate(0,-30px);
  transform                                  : rotate(2.35deg) translate(0,-30px);}
#side #sidebuttons .tipstricks
 {-moz-transform                             : rotate(-3deg) translate(0,-20px);
  -o-transform                               : rotate(-3deg) translate(0,-20px);
  -webkit-transform                          : rotate(-3deg) translate(0,-20px);
  transform                                  : rotate(-3deg) translate(0,-20px);}

#visitors li,#myfavs li,#visitors a,#visitors a:link,#visitors a:visited,
#myfavs li a,#myfavs li a:link,#myfavs li a:visited,.preview a:link,
.preview a:visited,.preview a:active,#userpic,#shoutbox .userpic,
#shoutbox li,#shoutbox blockquote,#shoutbox blockquote p,#shoutbox .shout
 {background                                 : transparent none;
  -moz-box-shadow                            : 0 0 0 transparent;
  -webkit-box-shadow                         : 0 0 0 transparent;
  box-shadow                                 : 0 0 0 transparent;}  
#visitors a,#visitors a:link,#visitors a:visited,#myfavs li a,
#myfavs li a:link,#myfavs li a:visited,.preview a:link,
.preview a:visited,.preview a:active,#mypix .thumb,#frame4,#userpic,
#shoutbox blockquote p
 {border                                     : 1px solid #ccc;}
#visitors a:hover,#visitors a:active,#myfavs li a:hover,#myfavs li a:active,
.preview a:hover,.preview a:active,#mypix .thumb:hover
 {background-color                           : #fff;
  border                                     : 1px solid #999;
  -moz-box-shadow                            : 0 0 0 transparent;
  -webkit-box-shadow                         : 0 0 0 transparent;
  box-shadow                                 : 0 0 0 transparent;}

/* Albums */
#frame1
 {background-color                           : transparent;}
#frame1 h2
 {background                                 : transparent none;
  border                                     : 0;
  -moz-box-shadow                            : 0 0 0 transparent;
  -webkit-box-shadow                         : 0 0 0 transparent;
  box-shadow                                 : 0 0 0 transparent;}

/* ----- IE ---------------------------------------------------------------- */

.ie7 #top,.ie8 #top
 {margin                                     : 0;
  padding                                    : 0;}
.ie7 #top2,.ie8 #top2
 {height                                     : 348px;}
.ie7 #top h1,.ie8 #top h1,.ie7 #top #subtitle,.ie8 #top #subtitle
 {display                                    : none;}

.ie6 #wrap0,.ie6 #wrap1,.ie6 #wrap2,.ie6 #wrap3,.ie6 #wrap4,.ie6 #top
 {background                                 : transparent none center top no-repeat;}