/*
Theme Name: Hong Kong
Theme URI: http://robertnyman.com
Description: Hong Kong theme
Version: 1.0
Author: Robert Nyman
Author URI: http://robertnyman.com/
*/

/* Fonts */
html {
	font-size: 100%
}

body {
	font: normal 0.75em/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input, textarea {
	font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

code, pre, kbd {
	font-size: 100%;
	font-family: Monaco, "Courier New", Tahoma;
}

h1 {
	font: normal 2.3em/1.2 Arial, Helvetica, sans-serif;
}

h2 {
	font: normal 2em/1.2 Arial, Helvetica, sans-serif;
}

h2#contact-info-heading, h2#copyright-info-heading {
	font: normal 1.5em/1 Arial, Helvetica, sans-serif;
}

#content h1, #content h2, #content h3, #content h4 {
	text-transform: capitalize;
}

h3 {
	font: normal 1.5em/1 Arial, Helvetica, sans-serif;
}

h4 {
	font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h5, h6 {
	font: bold 1em Arial, Helvetica, sans-serif;
}

#main-navigation {
	font: 400 1.4em Arial, Helvetica, sans-serif;
}

#content {
	line-height: 2;
}

/* Elements */
html, body, blockquote, ul, li, dt, dd, h1, h2, h3, h4, h5, h6 { 
	margin: 0;
	padding: 0;
}

a {
	color: #000;
}

a:hover {
	background-color: #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

abbr, acronym {
	border-bottom: 1px dashed #38372c;
	cursor: help;
}

body {
	color: #38372c;
	background: #222221;
	max-width: 100%;
}

blockquote {
	clear: both;
	color: #484256 ;
	background: url(images/quote.png) no-repeat;
	margin: 1em 0;
	padding-left: 40px;
}

dd {
	margin-bottom: 1em;
}

dt {
	clear: both;
	font-weight: bold;
}

dt code {
	font-weight: bold;
}

h2 {
	margin: 1em 0 0.5em;
}

h2 a {
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

h3 img {
	vertical-align: middle;
}

h4 {
	margin: 1em 0;
}

h5.sponsored-link {
	margin-top: 2em;
}

img {
	border: 0;
}

input {	
	vertical-align: middle;
}

input[type=text], textarea {
	border: 1px solid #484256;
	padding: 2px 1px;	
}

input[type=text]:focus, textarea:focus {
	color: #000;
	background: #ccc;
}

label {
	cursor: pointer;
}

p, ul, ol, dl {
	margin: 0 0 1em;
}

pre {
	width: 100%;
	overflow: auto;
}

/* Container*/
#container {
	position: relative;
	min-width: 1000px;
	max-width: 1130px;
	background: #110e0e url(images/main-bg.png) repeat-y;
	border: 1px solid #222;
	border-width: 0 1px;
	margin: 0 auto;
	overflow: hidden;
	-moz-box-shadow: 0 0 5px 2px #000;
	-webkit-box-shadow: 0 0 10px #000;
}

/* Header */
#skip-links {
	position: absolute;
	left: -9999px;
}

#header {
	position: relative;
	float: left;
	width: 700px;
}

#header a.logo {
	position: relative;
	display: block;
	height: 371px;
	overflow: hidden;
	-moz-box-shadow: 0 5px 10px #000;
	-webkit-box-shadow: 0 5px 10px #000;
}

#header a.logo img {
	position: absolute;
}

/* Main navigation */
#main-navigation {
	position: absolute;
	bottom: 3px;
	width: 100%;
	color: #fff;
	text-align: center;	
	z-index: 1;
}

#main-navigation ul {
	list-style: none;
	margin-bottom: 0;
	padding-left: 14px;
}	

#main-navigation li {
	float: left;
	margin: 0 14px 0 0;
}

#main-navigation a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
	white-space: no-wrap;
	padding: 5px;
}

#main-navigation a:hover, #main-navigation a.rss:hover, #main-navigation a.flickr:hover {
	color: #000;
	background-color: #ccc;
}

#main-navigation a.rss {
	background: url(images/feed-icon16x16.png) no-repeat 5px center;
	padding-left: 25px;
}

#main-navigation a.flickr {
	background : url(images/flickr.png) no-repeat 5px center;
	padding-left: 25px;
}

/* Main */
#main {
	float: left;
	width: 700px;
	background: #fff;
}


/* Content */
#content {
	float: left;
	width: 700px;
	background: #fff url(images/content-rounded-corner.png) no-repeat right top;
}

#inner-content {
	padding: 1em 2em 2em;
}

#content a.more-link {
	background: url(images/sidebar-icons.png) no-repeat right top;
	padding-right: 22px;
}

#content h3 {
	font-weight: bold;
	margin: 1.5em 0 1em;
}

#content ul li {
	margin-left: 2em;
}

#content ul li {
	margin-bottom: 0.25em;
}

#content .post {
	line-height: 1.5em;
	border-bottom: 1px solid #38372c;
	margin-bottom: 2em;
	padding-bottom: 2em;
	overflow: hidden;
}

#content .post img.align-center,
#content .post img.align-left,
#content .post img.align-right {
	-moz-box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
}

#content .post table {
	width: 80%;
	margin-bottom: 1em;
}

#content .post th {
	text-align: left;
}
#content .post th.text-align-right {
	text-align: right;
}

#content .post th, #content .post td {
	padding: 0.25em;
}

#content .post .initial-item {
	width: 50%;
}

#content .listing h1 {
	margin-bottom: 0;
}

#content .post-listing h2 {
	margin-bottom: 0;
}

#content .date {
	font-style: italic;
	margin-bottom: 1.5em;
}

#content .page h1 {
	margin: 0.5em 0 1em;
}

.image-and-text {
	overflow: hidden;
}

/* Comment feeds links */
#comment-feeds {
	list-style: none;
}

#comment-feeds li img {
	vertical-align: middle;
}

#comment-feeds a.image-link {
	margin-right: 0.5em;
}

/* Enter comment */
#respond h3 {
	margin: 2em 0 1em;
}

#respond input, #respond textarea {
	display: block;
	width: 70%;
	margin-bottom: 1em;
}

#respond input.send {
	width: auto;
}

#add-comment-block label {
	display: block;
}

#comment-preview {
	margin-bottom: 1em;
}

#comment-preview blockquote {
	padding-top: 0;
}

/* Comments */
#content #comment-container h3 {
	margin: 0 0 0.5em;
}

.comments {
	list-style: none;
	border-top: 1px dashed #222221;
	margin: 1em 0 2em;
}

ul.comments li {
	border-bottom: 1px dashed #222221;
	margin: 0 0 1em 0;
	padding: 1em 1em 1em 0;
}

.comments li a {
	padding: 0.1em;
}

.comments li a:hover, .comments li.alt-comment a:hover {
	color: #fff;
	background: #484256;
}

.comments li.author a:hover {
	color: #000;
	background: #D0CDC8;
}

.comments li.alt-comment {
	/*background: #ccc;*/
}

ul.comments li.author {
	background: #ccc;
	margin: 1em 0;
	padding: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.comments img.comment-author-image {
	float: left;
	vertical-align: top;
	background: #222221;
	margin: 0 1em 1em 0;
	padding: 2px;
}


.comments ul li {
	color: #38372c;
	/*background: transparent url(images/bullet-list.png) no-repeat 0 0.5em;*/
	margin-bottom: 0.25em;
	padding: 0 0 0 30px;
}

#content #comment-container #twitter-reactions {
	margin-top: 2em;
}

.write-comment-link {
	font-weight: bold;
	margin: 0 2em;
}

/* Sidebar */
#sidebar {
	color: #ccc;
	background: #110e0e url(images/sidebar-bg.png) no-repeat;
	overflow: hidden;
}

#sidebar a {
	color: #ccc;
	padding: 2px;
}

#sidebar a.more {
	background: url(images/sidebar-icons.png) no-repeat right 4px;
	padding-right: 22px;
}

#sidebar a:hover {
	color: #000;
	background-color: #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sidebar h3 {
	margin: 1.5em 0 0.6em;
	padding: 0 2px 0 0;
}

#search-form #s {
	width: 150px;
}

#search-form #searchsubmit {
	margin-top: 0.5em;
}

/* Navigation */
#navigation {
	float: left;
	width: 56%;
}

#navigation-inner {
	padding: 0.5em 1.5em 1.5em;
}

#navigation p {
	margin: 3em 0 1em;
}

#navigation ul {
	list-style: none;
}

#navigation ul li {
	margin-bottom: 0.25em;
}

#navigation ul.categories a {
	display: inline;
}

#navigation #feedburner {
	display: block;
	margin: 1em 0;
}

a.facedesk, a.gmdesk, a.memory, a.dlite, a.domassistant {
	display: block;
	font-size: 1.2em;
	min-height: 32px;
	text-indent: 40px;
	background: url(images/project-icons.png) no-repeat;
	padding: 4px 0 0;
}

a.facedesk {
	background-position: 0 0;
}

a.gmdesk {
	background-position: 0 -50px;
}

a.memory {
	background-position: 0 -100px;
}

a.dlite {
	background-position: 0 -150px;
}

a.domassistant {
	background-position: 0 -200px;
}

/* Additional content */
#additional-content {
	float: right;
	width: 44%;
	color: #ccc;
	/*background: #73622F;*/
	overflow: hidden;
}

#additional-content-inner {
	padding: 0.5em 1.5em 1.5em;
}

#additional-content ul {
	list-style: none;
}

#additional-content ul li {
	margin-bottom: 0.25em;
}

#photo-wrapper a {
	display: block;
	margin-bottom: 0.5em;
}

#photo-wrapper a:hover {
	background-color: transparent;
}

#photo-wrapper a.more {
	display: inline;
	margin-bottom: 0.5em;
}

#photo-wrapper a.more:hover {
	background-color: #ccc;
}

#flickr-wrapper {
	min-height: 800px;
	margin-bottom: 1em;
}

#flickr-wrapper a {
	display: block;
	margin-bottom: 0.25em;
}

#sidebar #flickr-wrapper a:hover {
	background-color: transparent;
}

#flickr-wrapper a img {
	width: 100px;
	max-height: 100px;
}

#sidebar #flickr-wrapper a.more {
	display: inline;
	margin-bottom: 0.5em;
}

#sidebar #flickr-wrapper a.more:hover {
	background-color: #ccc;
}

.flickr_badge_image {
	margin: 0.25em 0;
}

/* Ads */
.ad-in-post {
	float: right;
	width: 234px;
	margin: 0 0 1em 1em;
}

.ad-container {
	width: 468px;
	margin: 1em auto;
	overflow: hidden;
}

#sidebar .ad-container {
	width: 160px;
	margin: 1em 0;
}

.ad-container-top {
	width: 468px;
	margin: 1em auto -1em;
	overflow: hidden;
}

/* Footer */
#footer {
	clear: both;
	color: #000;
	background: #ccc;
	padding: 1em 2%;
	border-top: 1px solid #222221;
}

/* Classes */
.clear {
	clear: both;
}

div.comment-info {
	color: #fff;
	background: #444;
	margin: 0 7px 1em 0;
	padding: 1em;
	-moz-box-shadow: 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
}

div.comment-info a {
	color: #fff;
}

div.comment-info a img {
	vertical-align: middle;
	margin: 0 0.5em 0.5em 0;
}

div.comment-info p {
	margin: 0.5em 0 0;
}

div.comment-text {
	clear: both;
	margin-top: 1em;
}

img.align-center {
	display: block;
	margin: 1em auto;
}

img.align-left {
	float: left;
	margin: 0 1em 1em 0;
}

img.align-right {
	float: right;
	margin: 0 8px 1em 1em;
}

input.no-default-styling {
	color: #38372c;
	background: transparent;
	border-width: 0;
	padding: 0.5em 1px;	
}

/* Search result suggestions */
#search-result-suggestions {
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
	min-height: 200px;
	background: #FFF;
	border: 1px solid #222221;
	display: none;
}

#search-result-suggestions h4 {
	margin: 0.25em 0;
	padding: 0.25em 1em;
}

#search-results ul {
	list-style: none;
	margin-bottom: 1em;
}

#search-results a {
	display: block;
	padding: 0.25em 1em;
}

#search-results a.selected {
	color: #FFF;
	background: #222221;
}

#search-results p {
	margin-bottom: 0.5em;
}

/* Friendfeed */
body .friendfeed {
	color: #fff;
	padding: 0;
}

body .friendfeed .header {
	display: none;
}

body .friendfeed .feed {
	background: transparent;
	border-width: 0;
	padding: 8px 0;
}

body .friendfeed .feed .entry .media img {
	padding: 0;
	border-width: 0;
	vertical-align: middle;
}

body .friendfeed .feed .entry .comments .comment,
body .friendfeed .feed .entry .body .summary {
	white-space: normal;
}

body #sidebar .friendfeed .thumbnail a:hover {
	background: none;
}

#navigation .friendfeed .header a:hover {
	background: transparent;
}

/* Custom Friendfeed badge */
.friendfeed {
	width: 150px;
}

#navigation ul.friendfeed li {
	background: url(images/sidebar-icons.png) no-repeat;
	margin-bottom: 1em;
	padding-left: 25px;
}

#navigation ul.friendfeed li.twitter {
	background-position: 0 -400px;
}

#navigation ul.friendfeed li.blog {
	background-position: 0 -800px;
}

#navigation ul.friendfeed li.flickr {
	background-position: 0 -1200px;
}

#navigation ul.friendfeed li.smugmug {
	background-position: 0 -1600px;
}

.friendfeed img {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	margin-bottom: 0.5em;
}

.friendfeed .friendfeed-post-date{
	display: block;
	font-size: 0.9em;
	margin-top: 0.25em;
}

/* Poll - CSS for externally generated code */
.pds-vote a:hover {
	color: #000 !important;
	background: #ccc !important;
}


/*  GLT */
.glt-elm {
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	color: #fff;
	opacity: 0.9;
	visibility: hidden;
	z-index: 10;
}

.glt-elm p {
	background: #222221;
	margin: 0;
	padding: 0.5em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.glt-elm img {
	display: block;
}

.important-notice {
	background: #ccc;
	border: 1px solid #222221;
	margin-bottom: 1em;
	padding: 1em;
}

.code {
	background: #eee;
	width: 96%;
	padding: 1em 2%;
	overflow: auto;
}

.display-block {
	display: block;
}

.display-none {
	display: none;
}

.line-through {
	text-decoration: line-through;
}

abbr.lowercase, acronym.lowercase, .lowercase {
	text-transform: lowercase;
}

.top-separated {
	margin-top: 1.5em;
}

#parental-leave {
	min-height: 236px;
	color: #fff;
	background: #444 url(/images/0907/my-children-small.jpg) no-repeat 1em 1em;
	margin: 1em 0;
	padding: 1em 1em 1em 170px;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
}

#parental-leave a {
	color: #fff;
}

.small-margin {
	margin: 0.5em 0;
}

.text-align-center {
	text-align: center;
}

.text-align-right {
	text-align: right;
}


/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.0.296 (March 01 2009)
 * 
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 * 
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/licenses/>.
 */
.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter span {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: none !important;
	text-align: left !important;
	float: none !important;
	vertical-align: baseline !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	height: auto !important;
	width: auto !important;
	line-height: 1.2em !important;
	font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 13px !important;
}

.syntaxhighlighter {
	width: 100% !important;
	margin: 1em 0 1em 0 !important;
	padding: 1px !important; /* adds a little border on top and bottom */
	position: relative !important;
}

.syntaxhighlighter .bold {
	font-weight: bold !important;
}

.syntaxhighlighter .italic {
	font-style: italic !important;
}

.syntaxhighlighter .line .number {
	float: left !important; 
	width: 3em !important; 
	padding-right: .3em !important;
	text-align: right !important;
	display: block !important;
}

/* Disable numbers when no gutter option is set */
.syntaxhighlighter.nogutter .line .number {
	display: none !important;
}

.syntaxhighlighter .line .content {
	margin-left: 3.3em !important; 
	padding-left: .5em !important;
	display: block !important;
}

.syntaxhighlighter .line .content .block {
	display: block !important;
	padding-left: 1.5em !important;
	text-indent: -1.5em !important;
}

.syntaxhighlighter .line .content .spaces {
	display: none !important;
}

/* Disable border and margin on the lines when no gutter option is set */
.syntaxhighlighter.nogutter .line .content {
	margin-left: 0 !important; 
	border-left: none !important;
}

.syntaxhighlighter .bar {
}

.syntaxhighlighter.collapsed .bar {

}

.syntaxhighlighter.nogutter .ruler {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.syntaxhighlighter .ruler {
	padding: 0 0 .5em .5em !important;
	margin-left: 3.3em !important;
	overflow: hidden !important;
}

/* Adjust some properties when collapsed */

.syntaxhighlighter.collapsed .lines,
.syntaxhighlighter.collapsed .ruler {
	display: none !important;
}

/* Styles for the toolbar */

.syntaxhighlighter .toolbar {
	position: absolute !important;
	right: 0px !important;
	top: 0px !important;
	font-size: 1px !important;
	padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */
}

.syntaxhighlighter.collapsed .toolbar {
	font-size: 80% !important;
	padding: .2em 0 .5em .5em !important;
	position: static !important;
}

.syntaxhighlighter .toolbar a.item,
.syntaxhighlighter .toolbar .item {
	display: block !important;
	float: left !important;
	margin-left: 8px !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
	text-indent: -5000px !important;
}

.syntaxhighlighter.collapsed .toolbar .item {
	display: none !important;
}

.syntaxhighlighter.collapsed .toolbar .item.expandSource {
	background-image: url(/syntax-highlighter/styles/magnifier.png) !important;
	display: inline !important;
	text-indent: 0 !important;
	width: auto !important;
	float: none !important;
	height: 16px !important;
	padding-left: 20px !important;
}

.syntaxhighlighter .toolbar .item.viewSource {
	background-image: url(/syntax-highlighter/styles/page_white_code.png) !important;
}

.syntaxhighlighter .toolbar .item.printSource {
	background-image: url(/syntax-highlighter/styles/printer.png) !important;
}

.syntaxhighlighter .toolbar .item.copyToClipboard {
	text-indent: 0 !important;
	background: none !important;
	overflow: visible !important;
}

.syntaxhighlighter .toolbar .item.about {
	background-image: url(/syntax-highlighter/styles/help.png) !important;
}

/** 
 * Print view.
 * Colors are based on the default theme without background.
 */

.syntaxhighlighter.printing,
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content,
.syntaxhighlighter.printing .line .content .block {
	background: none !important;
}

/* Gutter line numbers */
.syntaxhighlighter.printing .line .number {
	color: #bbb !important;
}

/* Add border to the lines */
.syntaxhighlighter.printing .line .content {
	color: #000 !important;
}

/* Toolbar when visible */
.syntaxhighlighter.printing .toolbar,
.syntaxhighlighter.printing .ruler {
	display: none !important;
}

.syntaxhighlighter.printing a {
	text-decoration: none !important;
}

.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a { 
	color: #000 !important;
}

.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a { 
	color: #008200 !important;
}

.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a {
	color: blue !important; 
}

.syntaxhighlighter.printing .keyword { 
	color: #069 !important; 
	font-weight: bold !important; 
}

.syntaxhighlighter.printing .preprocessor { 
	color: gray !important; 
}

.syntaxhighlighter.printing .variable { 
	color: #a70 !important; 
}

.syntaxhighlighter.printing .value { 
	color: #090 !important; 
}

.syntaxhighlighter.printing .functions { 
	color: #ff1493 !important; 
}

.syntaxhighlighter.printing .constants { 
	color: #0066CC !important; 
}

.syntaxhighlighter.printing .script {
	font-weight: bold !important;
}

.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a { 
	color: #808080 !important; 
}

.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a { 
	color: #ff1493 !important; 
}

.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a { 
	color: red !important; 
}

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.0.296 (March 01 2009)
 * 
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 * 
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/licenses/>.
 */
/************************************
 * Default Syntax Highlighter theme.
 * 
 * Interface elements.
 ************************************/

.syntaxhighlighter {
	background-color: #E7E5DC !important;
}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number {
	background-color: #6CE26C !important;
	color: black !important;
}

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1 .content,
.syntaxhighlighter .line.highlighted.alt2 .content {
	background-color: #6CE26C !important;
}

/* Gutter line numbers */
.syntaxhighlighter .line .number {
	color: #5C5C5C !important;
}

/* Add border to the lines */
.syntaxhighlighter .line .content {
	border-left: 3px solid #6CE26C !important;
	color: #000 !important;
}

.syntaxhighlighter.printing .line .content {
	border: 0 !important;
}

/* First line */
.syntaxhighlighter .line.alt1 .content {
	background-color: #fff !important;
}

/* Second line */
.syntaxhighlighter .line.alt2 .content {
	background-color: #F8F8F8 !important;
}

.syntaxhighlighter .line .content .block {
	background: url(/syntax-highlighter/styles/wrapping.png) 0 1.1em no-repeat !important;
}

.syntaxhighlighter .ruler {
	color: silver !important;
	background-color: #F8F8F8 !important;
	border-left: 3px solid #6CE26C !important;
}

.syntaxhighlighter.nogutter .ruler {
	border: 0 !important;
}

.syntaxhighlighter .toolbar {
	background-color: #F8F8F8 !important;
	border: #E7E5DC solid 1px !important;
}

.syntaxhighlighter .toolbar a {
	color: #a0a0a0 !important;
}

.syntaxhighlighter .toolbar a:hover {
	color: red !important;
}

/************************************
 * Actual syntax highlighter colors.
 ************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a { 
	color: #000 !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a { 
	color: #008200 !important;
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a {
	color: blue !important; 
}

.syntaxhighlighter .keyword { 
	color: #069 !important; 
	font-weight: bold !important; 
}

.syntaxhighlighter .preprocessor { 
	color: gray !important; 
}

.syntaxhighlighter .variable { 
	color: #a70 !important; 
}

.syntaxhighlighter .value { 
	color: #090 !important; 
}

.syntaxhighlighter .functions { 
	color: #ff1493 !important; 
}

.syntaxhighlighter .constants { 
	color: #0066CC !important; 
}

.syntaxhighlighter .script { 
	background-color: yellow !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a { 
	color: #808080 !important; 
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a { 
	color: #ff1493 !important; 
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a { 
	color: red !important; 
}