/** jquery.lightbox-0.5.css */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/** main.css */

body {
    background-color: #fff;
    color: #000;
    margin: 10px;
}
body {
    font-size: 15px;
    color: #444;
    line-height: 1.2;
}

/* HTML5 compatibility with older browsers */
article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, nav, section, summary, video {
    display: block;
}

/* Fonts */
body,
.comment_form textarea {
    font-family: "Hoefler Text", Constantia, Georgia, serif;
}
h1, h2, h3, h4, h5, h6,
#sidebar,
article footer,
nav,
nav th,
#comments .title,
#comments .title a,
.archive-link,
.comment_form {
    font-family: Helvetica, sans-serif;
    font-weight: 200; /* light */
}
table.style1 {
    font-family: sans-serif;
}
pre,
code {
  font-family: Consolas, Monaco, monospace;
  font-size: 12px;
  line-height: 18px;
}

a {
    color: #459;
}

#header {
    border-bottom: 1px solid #aaa;
    margin: 10px auto 0;
}
h1 {
    font-size: 40px;
    text-align: left;
    margin: 0;
    letter-spacing: -2px;
}
h1 a:link,
h1 a:visited {
    text-decoration: none;
    color: #000;
}

h2#articles {
    display: none;
}
.byline {
    margin: 0 0 5px;
    color: #aaa;
    font-style: italic;
    font-size: 20px;
    font-weight: normal;
}

#main,
#header {
    display: table;
    width: 1000px;
}
#main {
    margin: 0 auto 10px;
}
#content,
#sidebar {
    display: table-cell;
    vertical-align: top;
}
#content {
    width: 598px;
    padding: 20px 20px 0 0;
}
#sidebar {
    width: 342px;
    padding: 16px 20px;
}

#sidebar {
    background: #eed;
    font-size: 13px;
}
#sidebar h2 {
    color: #333;
    margin: 30px 0 5px 0;
    font-size: 18px;
}
#sidebar a:link,
#sidebar a:visited {
    color: #000;
}
#sidebar .photo {
    margin: 0;
}

#sidebar .box {
    overflow: hidden;
}
#sidebar .box h2 a:link,
#sidebar .box h2 a:visited {
    text-decoration: none;
}
#sidebar .box h2 a:hover {
    text-decoration: underline;
}
#sidebar .box h2 img {
    vertical-align: middle;
}
#sidebar p {
    margin: 6px 0;
}

#twitter .feed,
#flickr .feed {
    text-align: right;
}
.feed img {
    vertical-align: middle;
}
.feed a:link, .feed a:visited {
    color: #e50 !important;
}



/** Articles */

article {
    padding-bottom: 10px;
    margin-bottom: 39px;
}

article p,
article pre,
article table,
article .figure,
article figure {
    margin: 0 0 18px 0;
}
article ul,
.archive ul,
article ol,
.archive ol {
    margin: 0 0 18px 0;
    padding-left: 24px;
}
article h2 {
    font-size: 22px;
    line-height: 22px;
    margin: 0;
    letter-spacing: -.5px;
}
article h3,
.archive h3 {
    font-size: 17px;
    line-height: 20px;
    margin: 24px 0 10px;
}
article h3 {
    color: #46a;
}
.archive h3:first-child {
    margin-top: 6px;
}
article h4 {
    font-size: 15px;
    margin: 19px 0 10px;
    color: #666;
}
article h5,
article h6 {
    font-size: 13px;
    margin: 21px 0 10px;
    color: #666;
}

article h2,
article h2 a:link,
article h2 a:visited {
    color: #222;
    text-decoration: none;
}
article h2 a:hover {
    text-decoration: underline;
}
article.type-link h2:before {
    display: inline-block;
    /* content: '\2192'; *//* rightwards arrow */
    content: '\2318'; /* place of interest marker */
    margin-right: 4px;
    color: #aaa;
}
article.type-link h2 a:link,
article.type-link h2 a:visited {
    color: #46a;
    text-decoration: underline;
}

article .timestamp {
    margin: 0 0 18px;
    font-size: 16px;
    font-weight: normal;
    color: #aaa;
    font-style: italic;
}
article .indent {
    margin-left: 2em;
}
table.style1 {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    font-size: 13px;
    line-height: 16px;
}
table.style1 th {
    background-color: #c7d7f7;
}
table.style1 td,
table.style1 th {
    padding: 5px;
    text-align: center;
    border: 1px solid #8ae;
}
table.keyboard {
    border-collapse: collapse;
    border: 1px solid #aaa;
    margin: 0 auto;
}
table.keyboard td,
table.keyboard th {
    text-align: center;
    vertical-align: middle;
    width: .8em;
    height: 3em;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
table.keyboard th {
    background: #000;
    height: 4em;
}
article img {
    border: 1px solid #000;
}
article .right {
    float: right;
    margin: 0 0 0 1em;
}
article .left {
    float: left;
    margin: 0 1em 0 0;
}
article .center {
    text-align: center;
}
article footer {
    margin-bottom: 18px;
}
article footer .permalink {
    background: url(/image/site-icon-2012-16.png) left 50% no-repeat;
    display: inline-block;
    text-indent: -9999px;
    height: 18px;
    width: 18px;
}
nav {
    color: #888;
    font-size: 15px;
    line-height: 18px;
}
nav table {
    border-collapse: collapse;
}
nav th {
    text-align: left;
    padding-right: 10px;
}
nav a:link,
nav a:visited {
    color: #028;
}

.archive-link {
    text-align: center;
    font-size: 16px;
}
.archive ul a {
    text-decoration: none;
}
.archive ul a:hover {
    text-decoration: underline;
}

/** Comments */
#comments .title,
#comments .title a {
    font-size: 16px;
    letter-spacing: -.5px;
}
#comments .timestamp,
#comments .timestamp a {
    color: #aaa;
    font-style: italic;
}
.comment .detail {
    margin-bottom: 12px;
}
.comment_form {
    margin: 1em;
}
.comment_form h2 {
    font-size: 1.1em;
}
.comment_form input,
.comment_form textarea {
    font-size: 12px;
    color: #000;
    background-color: #fff;
}
.comment_form textarea {
    width: 450px;
}
.comment_form th {
    font-weight: bold;
}
.comment_form td,
.comment_form th {
    text-align: left;
    vertical-align: top;
}
.comment {
    font: 1em;
    padding: 1em;
    border-bottom: 1px solid #ddd;
    margin-top: 1em;
}
.comment .detail {
    margin-top: 1em;
}
.comment .title,
.comment .title a:link,
.comment .title a:visited {
    color: #028;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
}
.comment .title a:hover {
    text-decoration: underline;
}
.author {
    background-color: #eef;
}
.buttons {
    text-align: center;
}
.comment_form {
    float: left;
    margin-top: 1em;
}

acronym {
    border-bottom: 1px dotted black;
    cursor: help;
}
img {
    border: 0;
}
img.portrait {
    border: 1px solid #aaa;
    width: 340px;
}
pre,
p.panel {
	border: 1px dashed #779;
	font-size: 12px;
	padding: 8px;
}
pre {
  white-space: pre-wrap;
}
blockquote:before {
    content: '\201c';
    position: absolute;
    z-index: -1;
    top: -20px;
    left: -30px;
    color: #eed;
    font-size: 120px;
}
blockquote {
    position: relative;
    color: #666;
    margin: 16px 30px 18px;
    font-style: oblique;
}
blockquote em {
    font-style: normal;
}

.breadcrumb {
    font-family: sans-serif;
    font-size: 12px;
}

p.info {
    background-color: #cde;
    display: table;
    height: 1%; /* for IE */
    margin: 0;
    padding: 1em .8em;
}
.tick,
.question,
.cross {
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    line-height: 16px;
}
.tick {
    background-image: url(http://confluence.atlassian.com/images/icons/emoticons/check.gif);
}
.question {
    background-image: url(http://confluence.atlassian.com/images/icons/emoticons/help_16.gif);
}
.cross {
    background-image: url(http://confluence.atlassian.com/images/icons/emoticons/error.gif);
}
.figure,
figcaption {
    font-style: oblique;
}
.figure img,
figure img {
    border: 1px solid #000;
}
.figure.noborder img,
figure.noborder img {
    border: none;
}

.math {
    font-style: italic;
    font-family: serif;
    font-size: 1.25em;
}
.figure.math,
figure .math {
    font-size: 1.4em;
}

/* Development tools */
#dev-tools {
    display: none;
}
.test #dev-tools {
    display: inline-block;
    position: fixed;
    top: 0;
    right: 0;
    font: 12px sans-serif;
    background-color: #fff;
    background-image: url(/image/under-construction.gif);
    background-position: 2px 5px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-origin: padding-box;
    padding: 5px 10px 5px 40px;
    border: 1px solid #aaa;
    margin: 5px;
}
#dev-tools ul,
#dev-tools li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
#content.vertical-rhythm {
    background-image: url(/image/vertical-rhythm-18px.png);
}


/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #main, #header { width: 800px; }
    #sidebar { width: 286px; }
    img.portrait { width: 256px; }
    #content { width: 474px; }   
    #flickr-photos { width: 237px; height: 317px; } 
}
/* iPhone */
@media only screen and (max-device-width: 480px) {
    #main, #header { width: 800px; }
    #sidebar { width: 286px; }
    img.portrait { width: 256px; }
    #content { width: 474px; }   
    #flickr-photos { width: 237px; height: 317px; } 
}


/** confluence.css */

ul.confluence-recently-updated, ul.confluence-children
{
    padding-left: 0;
}
ul.confluence-recently-updated ul.confluence-recently-updated,
    ul.confluence-children ul.confluence-children
{
    padding: .25em 0 .25em 1em;
}
li.confluence-recently-updated-item, li.confluence-child
{
    list-style: none;
    color: #555;
    margin: .35em 0;
}
.confluence-recently-updated-icon, .confluence-children-icon
{
    border: none;
    vertical-align: middle;
}
a.confluence-recently-updated-link, a.confluence-recently-updated-link:visited,
    a.confluence-children-link, a.confluence-children-link:visited
{
    color: rgb(84, 110, 188);
    text-decoration: underline;
}
a.confluence-recently-updated-link:hover, a.confluence-children-link:hover
{
    text-decoration: underline;
}



/** flickr.css */

.flickr_badge_image {
    display: inline;
    padding: 2px;
}
#flickr-photos {
    border: 1px solid #aaa;
    background: #fff;
    padding: 2px;
    padding-top: 5px;
    height: 237px;
    width: 316px;
    line-height: 16px;
}
#flickr-photos ul {
    list-type: none;
    margin: 0;
    padding: 0;
}
#flickr-photos li {
    margin: 0;
}
#flickr-photos img {
    border: none;
}
#flickr-sets ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#flickr-sets li {
    margin: 5px 0;
}


/** gallery.css */

.gallery {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.gallery li {
    display: inline;
    list-style: none;
    float: left;
    margin: 0;
    padding: 10px;
    text-align: center;
}
.gallery a,
.gallery .caption {
    display: block;
    width: 200px;
    max-width: 200px;
    text-align: center;
}
.gallery .caption {
    font-size: 90%;
    color: #333;
}


/** twitter.css */

#twitter ul a {
    color: rgb(84, 110, 188);
}
#twitter .time {
    font-size: .85em;
}
#twitter ul {
    padding-left: 0;
    list-style: none;
    color: #666;
}
#twitter li {
    margin-bottom: 1em;
}
#twitter li.age1 { color: #333; }
#twitter li.age2 { color: #444; }
#twitter li.age3 { color: #555; }
#twitter li.age4 { color: #666; }
#twitter li.age5 { color: #777; }
#twitter li.age6 { color: #888; }
#twitter li.age7 { color: #999; }
#twitter li.age8 { color: #aaa; }
#twitter li.age9 { color: #bbb; }
#twitter li.age10 { color: #ccc; }

#twitter li.age1 a { color: #546ebc; }
#twitter li.age2 a { color: #6179c1; }
#twitter li.age3 a { color: #6d83c6; }
#twitter li.age4 a { color: #7a8ecB; }
#twitter li.age5 a { color: #8799d0; }
#twitter li.age6 a { color: #93a4d5; }
#twitter li.age7 a { color: #a0aeda; }
#twitter li.age8 a { color: #adb9df; }
#twitter li.age9 a { color: #b9c4e4; }
#twitter li.age10 a { color: #c6cfe9; }



/** admin-upload.css */

.upload ul#files {
    margin: 0;
    padding: 0;
}
.upload #files li {
    list-style: none;
    margin: 0;
    padding: 0 .5em .2em;
    display: inline;
    float: left;
}
.upload #files div {
    display: block;
    width: 20em;
    overflow: hidden;
    line-height: 4.5em;
    white-space: nowrap;
    position: relative;
}
.upload #files .caption {
    position: absolute;
    left: 5em;
    top: 0;
}
.upload #files img {
    max-height: 4em;
    max-width: 4em;
    vertical-align: middle;
}
.upload #files *:target {
    background-color: #cfc;
}
.upload #files .hidden {
    display: none;
}
.upload .count {
    padding: 0 1em;
    font-size: 90%;
    color: #999;
}


/** admin.css */

body.admin {
    margin-bottom: 20px;
}
.admin #dev-tools {
    display: none;
}
.admin .unpublished * {
    font-style: oblique;
    background: #cfc;
}

.admin .toolbar {
    font-family: sans-serif;
    font-size: 13px;
    margin: 10px 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.admin .toolbar li {
    margin: 0 5px;
    padding: 0;
    float: left;
}
.admin .toolbar a {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #888;
    background: #e7e7e7;
    color: #333;
    display: inline-block;
    padding: 5px 10px;
    vertical-align: middle;
    text-decoration: none;
}
.admin .toolbar a:hover {
    background-color: #ccc;
}
.admin .toolbar .status {
    color: #666;
    display: block;
}
.admin .toolbar .icon {
    background-position: 6px 50%;
    background-repeat: no-repeat;
    padding-left: 26px;
}
.admin #new-article {
    background-image: url(/icon/new-page-16x16.png);
}
.admin #rebuild {
    background-image: url(/icon/refresh-16x16.png);
}
.admin #upload {
    background-image: url(/icon/attachment-16x16.png);
}
.admin #stats {
    background-image: url(/icon/chart-16x16.png);
}
.admin #bookmarklet {
    background-image: url(/icon/new-16x16.png);
}

.admin table.articles {
    font-family: sans-serif;
    font-size: 13px;
    border-collapse: collapse;
}
.admin table.articles td,
.admin table.articles th {
    padding: 3px;
    border: 1px solid #000;
    text-align: left;
}
.admin table.articles th {
    background: #ccc;
}
.admin table.articles .pages {
    text-align: right;
}
.admin table.articles thead td,
    .admin table.articles tfoot td {
    border: none;
}
.admin table.articles a.title {
    color: inherit;
    text-decoration: none;
}
.admin table.articles a.title:hover {
    text-decoration: underline;
}
.admin .articles .actions a + a {
    border-left: 1px solid #ccc;
    margin-left: 3px;
    padding-left: 5px;
}
.admin .comment.unapproved,
.admin .unapproved td {
    background-color: #ecc;
}
.admin textarea {
    font-family: sans-serif;
    font-size: 12px;
    padding: 5px 2px;
}

.admin #editor {
  float: left;
}
.admin #editor .row {
  padding: 2px 0;
}
.admin #editor label {
  font-family: sans-serif;
  font-size: 11px;
  color: #666;
  margin-right: 5px;
}
.admin #edit-title {
  font-size: 20px;
  font-family: Helvetica, sans-serif;
  font-weight: 200;
  width: 480px;
}
.admin #preview {
    float: left;
    width: 550px;
    margin-left: 10px;
    padding: 10px;
}
.admin #preview article .detail {
    min-height: 300px;
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .admin #edit-title,
  .admin #edit-detail,
  .admin #preview {
    width: 450px;
  } 
  .admin #edit-detail {
    height: 300px;
  }
}