@CHARSET "UTF-8";

* {
    margin       : 0;
    padding      : 0;
    line-height  : 100%;
    border-width : 0;
}

ul li, ol li {
    margin-left : 2em;
}

input, select, textarea, button {
    border-width : 1px;
}

body, html {
    width  : 100%;
    height : 100%;
}

body {
	background : fixed #75bcc7 url('/img/layout/logo.jpg') no-repeat;
}

#PageContainer {
	position : absolute;
    height   : 100%;
    width    : 980px;
}

#ClickableLogo {
    position : absolute;
    width    : 150px;
    height   : 110px;
    cursor   : pointer;
}

#HangingGuybrush {
	position   : fixed;
	top        : -95px;
    left       : 150px;
    z-index    : 100;
    background : url('/img/layout/hanging-guybrush.gif') no-repeat;
    width      : 48px;
    height     : 130px;
    cursor     : pointer;
}

#GuybrushsVideoAnnouncement {
	position   : fixed;
    display    : block;
	top        : 10px;
	left       : 189px;
	z-index    : 100;
	padding    : 12px 0 0 29px;
	background : url('/img/layout/guybrush-video-bubble.png') no-repeat;
	width      : 590px;
	height     : 411px;
}

#CodeMonkey {
    position   : fixed;
    z-index    : -1;
    top        : 0;
    left       : 790px;
    width      : 230px;
    height     : 100px;
    background : url('/img/layout/codemonkey.jpg') top right;
}

#Characters {
    position : absolute;
    top      : 51px;
    left     : 185px;
}

#Navigation {
    position : absolute;
    top      : 65px;
    left     : 310px;
}

#Navigation ul {
    list-style-type : none;
}

#Navigation ul li {
    float        : left;
    margin-right : 10px;
}

#Navigation ul li a {
    display         : block;
    color           : white;
    font-weight     : bold;
    font-size       : 18px;
    text-decoration : none;
    text-transform  : uppercase;
}

#Navigation ul li a:hover, #Navigation ul li a.Selected {
    color : #FBB949;
}

#BottomLine {
    position   : fixed;
    left       : 0;
    bottom     : 0;
    width      : 100%;
    height     : 59px;
    background : url('/img/layout/bottom-line.jpg') repeat-x bottom left;
}

#Guybrush {
	position   : fixed;
	left       : 0;
	bottom     : 0;
    width      : 180px;
    height     : 360px;
    background : url('/img/layout/guybrush.jpg') no-repeat bottom left;
}

#Guybrush.Shybrush {
	background-image : url('/img/layout/shybrush.jpg');
}

#Guybrush #ReloadButton {
    position : absolute;
    top      : 30px;
    right    : 40px;
}

#Guybrush #DasGekrakelDesOrakels {
    margin : 60px 40px 0 35px;
}

#Content {
	margin : 90px 0 0 180px;
}

#Content #InnerContent {
	padding          : 30px;
    background-color : #fff;
}

#Footer {
    height      : 120px;
    margin      : 5px 0 0 180px;
    padding-top : 3px;
    font-size   : .8em;
    font-family : Arial, Tahoma, sans-serif;
}

#Footer #ContactButtons {
    margin-bottom : 2px;
}

#Footer #CopyNote {
}

#Footer #CopyNote #CCLogo {
    float      : left;
}

#Footer #CopyNote #InnerCopyNote {
    margin-left : 85px;
    line-height : 150%;    
}

#Content .PageColumn-1_2 {
    float : left;
    width : 355px;
}

#Content .PageColumn-2_2 {
	margin-left : 375px;
}

#Content img.FloatingThumb {
    float  : left;
    margin : 0 10px 10px 0;
}

#Content object.HtmlFrame {
    width   : 654px;
    height  : 400px;
    padding : 10px;
    margin  : 10px;
    border  : 3px solid #ccc;
}

#Content .dsq-by {
    display : none;
}

#Content #disqus_thread {
    padding : 10px;
    margin  : 30px 10px 10px 10px;
    background-color: #f5f5f5;
}


#Content .ArticleDate {
    float      : left;
    width      : 6.3em;
    margin-top : .9em;
    color      : #666;
    border-right: 1px solid #666;
}

#Content .ArticleDate .Day {
    font-size   : 1.95em;
    line-height : 75%;
}

#Content .ArticleDate .Month {
    font-size : 2.55em;
    text-transform : uppercase;
}


#Content .ArticleDateSmall {
    float      : left;
    width      : 3.9em;
    margin-top : 2.3em;
    color      : #666;
    border-right: 1px solid #666;
}

#Content .ArticleDateSmall .Day {
    font-size   : 1.3em;
    line-height : 100%;
}

#Content .ArticleDateSmall .Month {
    font-size : 1.7em;
    text-transform : uppercase;
}

#Content h2.NewestArticle {
    margin-left : 10px;
}

#Content div.NewestArticle {
    padding : 10px;
    background-color : #eee;
    -webkit-border-radius : 10px;
    -moz-border-radius    : 10px;
}

#Content div.NewestArticle .ArticleDateSmall, #Content div.NewestArticle h3 {
    margin-top : 0;
}


#Content input#ArticleSearch {
    width : 150px;
}

#Content .MarkdownPreview {
    margin: 20px 0;
}

#Content #FlattrButton {
    margin : 10px 0;
}