/*! normalize.css 2012-03-06T10:21 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
    font-size: 1.7em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.4em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.2em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

hr { display: block; height: 1px; border: 0; border-top: 1px solid #657B83; margin: 0.5em 0; padding: 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses margins set differently in IE6/7
 */
p {
    margin: 1em 0;
}

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul {
	float:left;
    list-style: none;
    list-style-image: none;
}

/*
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
    -ms-interpolation-mode: bicubic; /* 2 */

	padding:1px;
	border:2px solid #657B83;
	max-width:650px;
}

img:hover {
	border:2px solid #B58900;
}

body {
	background-color:#f0f0f0;
	color:#073642;
	font-family:'Open Sans', sans-serif;
	font-size:1em;
	line-height:1.5em;
}

sup {
	font-size:0.7em;
	line-height:1em;
}

h2, h3, h4, h5 {
	font-weight:lighter;
	color:#b58900;
}

pre {
	background-color:#E7EAEC;
	padding-left:25px;
	padding-right:25px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:5px;
}

a, a:active, a:visited { color: #B58900; }
a:hover { color: #586e75; }

.caption, .caption:visited, .caption:active {
	text-decoration:none;
	color:#073642;
}

.caption:hover { color: #B58900; }

ul li {
	list-style:disc;
}

nav ul li:hover, #sidebar ul li:hover { 
	color:#B58900;
}

#page {
	width:1000px;
	margin:auto;
}

header {
	height:110px;
	margin-top:10px;
	padding-top:10px;
}

#logo {
	width:650px;
	height:110px;
	float:left;
}

#headline {
	font-weight:bold;
	font-size:2.9em;
	color:#b58900;
	margin-top:35px;
	white-space:nowrap;
	height:110px;
}

#headline a, headline:hover {
	text-decoration:none;
	color:#b58900;
}

#subline {
	font-size:16px;
}

#navigation {
	width:260px;
	float:right;
}

#navigation a {
	color:#073642;
	text-decoration:none;
}

#content {
	width:1000px;
}

article {
	width:650px;
	padding:10px;
	display:inline-block;
	zoom: 1;  *display: inline;  /* IE7 Hack */
	vertical-align:top;
}

#sidebar {
	padding:10px;
	width:300px;
	font-size:0.9em;
	display:inline-block;
	zoom: 1;  *display: inline;  /* IE7 Hack */
	vertical-align:top;
}

#sidebar img {
	width:80px;
	height:60px;
	text-align:center;
}

#sidebar h3 {
	border-bottom:1px solid #657B83;
}

#sidebar ul {
	padding-left:30px;
}

#html5-logo {
	float:right;
	padding-top:20px;
}

#html5-logo img {
	border:0px;
}

#gallery, #gallery-overview {
	width:100%;
	text-align:center;
}

#gallery img {
	width:230px;
}

#gallery ul, #gallery-overview ul {
	display:inline-block;
	padding-left:0px;
	margin:2px;
	vertical-align:top;
}

#gallery-overview ul {
	width:48%;
}

#gallery li {
	list-style:none;
}

#gallery h1, #gallery-overview h1 {
	padding:20px;
	font-size:3em;
}

#gallery-overview li {
	text-align:left;
	height:200px;
	list-style:none;
}

#gallery-overview img {
	width:100px;
	float:left;
	margin-right:15px;
}

.highlight {
	color:#073642;
}

.written-by {
    font-size: 0.83em;
	display:block;
    margin: 1.67em 0;
	margin-top:-1em;
	color:#B58900;
}

#sidebar ul.inline-gallery, .inline-gallery {
	padding-left:5px;
	text-align:center;
}

.inline-gallery li {
	display:inline;
	list-style-type:none;
}

.gallery-overview-left {
	width:48%;
}

.gallery-overview-right {
	width:48%;
}

.hide { display:none; }

.clear { clear:both; }

.hll { background-color: #ffffcc }
.c { color: #408080; font-style: italic } /* Comment */
.err { border: 1px solid #FF0000 } /* Error */
.k { color: #008000; font-weight: bold } /* Keyword */
.o { color: #666666 } /* Operator */
.cm { color: #408080; font-style: italic } /* Comment.Multiline */
.cp { color: #BC7A00 } /* Comment.Preproc */
.c1 { color: #408080; font-style: italic } /* Comment.Single */
.cs { color: #408080; font-style: italic } /* Comment.Special */
.gd { color: #A00000 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #FF0000 } /* Generic.Error */
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
.gi { color: #00A000 } /* Generic.Inserted */
.go { color: #808080 } /* Generic.Output */
.gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.gt { color: #0040D0 } /* Generic.Traceback */
.kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.kp { color: #008000 } /* Keyword.Pseudo */
.kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.kt { color: #B00040 } /* Keyword.Type */
.m { color: #666666 } /* Literal.Number */
.s { color: #BA2121 } /* Literal.String */
.na { color: #7D9029 } /* Name.Attribute */
.nb { color: #008000 } /* Name.Builtin */
.nc { color: #0000FF; font-weight: bold } /* Name.Class */
.no { color: #880000 } /* Name.Constant */
.nd { color: #AA22FF } /* Name.Decorator */
.ni { color: #999999; font-weight: bold } /* Name.Entity */
.ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.nf { color: #0000FF } /* Name.Function */
.nl { color: #A0A000 } /* Name.Label */
.nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.nt { color: #008000; font-weight: bold } /* Name.Tag */
.nv { color: #19177C } /* Name.Variable */
.ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #666666 } /* Literal.Number.Float */
.mh { color: #666666 } /* Literal.Number.Hex */
.mi { color: #666666 } /* Literal.Number.Integer */
.mo { color: #666666 } /* Literal.Number.Oct */
.sb { color: #BA2121 } /* Literal.String.Backtick */
.sc { color: #BA2121 } /* Literal.String.Char */
.sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.s2 { color: #BA2121 } /* Literal.String.Double */
.se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.sh { color: #BA2121 } /* Literal.String.Heredoc */
.si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.sx { color: #008000 } /* Literal.String.Other */
.sr { color: #BB6688 } /* Literal.String.Regex */
.s1 { color: #BA2121 } /* Literal.String.Single */
.ss { color: #19177C } /* Literal.String.Symbol */
.bp { color: #008000 } /* Name.Builtin.Pseudo */
.vc { color: #19177C } /* Name.Variable.Class */
.vg { color: #19177C } /* Name.Variable.Global */
.vi { color: #19177C } /* Name.Variable.Instance */
.il { color: #666666 } /* Literal.Number.Integer.Long */