@import url(/media/styles/pygments.css);

@font-face {
    font-family: 'circle';
    src: url('/media/fonts/circle.ttf');
}

body
{
	color: #ddd;
	background: black url(/media/images/background-tile.jpg) top left;
	margin: 0px 25px;
	font-size: 11pt;
	font-family: helvetica,arial,sans-serif;
	text-shadow: #111 1px 1px 2px;
}

a:link, a:visited
{
	color: #6095d0;
	text-decoration: none;
}

a:hover, a:active
{
	color: #d4cb64;
}

a img
{
	border: none;
}

acronym
{
	text-decoration: none;
	border-bottom: none;
}

div.pagetitle
{
	margin-top: 16px;
	padding-bottom: 3px;
	background: transparent url(/media/images/horizontal-bar.png) bottom left repeat-x;
	margin-bottom: 0.35em;
	text-shadow: #111 3px 3px 3px;
	font-family: 'circle';
	font-size: 26px;
}

h1
{
	padding-bottom: 4px;
	background: transparent url(/media/images/horizontal-bar.png) bottom left repeat-x;
	margin-bottom: 0.35em;
	text-shadow: #111 2px 2px 3px;
	font-family: 'circle';
	font-size: 20px;
}

h2
{
	padding-bottom: 4px;
	background: transparent url(/media/images/horizontal-bar.png) bottom left repeat-x;
	margin-bottom: 0.35em;
	text-shadow: #111 2px 2px 3px;
	font-family: 'circle';
	font-size: 16px;
}

p
{
	margin: 0.5em 0em;
	text-indent: 1.5em;
}

p.plain
{
	text-align: left;
	text-indent: 0em;
}

p.terminal, p.code, blockquote, .highlight 
{
	text-indent: 0em;
	text-align: left;
	font-family: monospace;
	font-size: 10pt;
	background: #282828 url(/media/images/background2.png) bottom right no-repeat;
	border: 1px solid #333;
	padding: 1em;
	margin: 2em 4em;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 5px #111;
	-khtml-box-shadow: 0px 1px 5px #111;
	-moz-box-shadow: 0px 1px 5px #111;
	box-shadow: 0px 1px 5px #111;
}

.highlight pre
{
    padding: 0em;
    margin: 0em;
    white-space: pre-wrap;
}

ul
{
	margin: 0em 0.25em;
	margin-left: 1.75em;
	padding-left: 1em;
	list-style-type: none;
	list-style-image: url(/media/images/point.png);
	text-align: left;
}

ul.links, ul.blank, ol.links
{
	list-style-image: none;
	margin-left: 0em;
	font-family: 'circle';
}

ul.links a:first-child
{
	background: url(/media/images/point-blue.png) center left no-repeat;
	padding-left: 15px;
}

ul.links a:first-child:hover
{
	background: url(/media/images/point-yellow.png) center left no-repeat;
}

table
{
	border: 1px solid #333;
	-webkit-border-radius: 5px;
	-kthml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

th
{
    font-family: 'circle';
	background: #1a2a3d url(/media/images/stripes-highlight.png) center left repeat;
	border-bottom: 1px dotted #1d406b; 
	padding: 0.2em 0.4em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-shadow: #0a1a2a 2px 2px 2px;
	-webkit-box-shadow: 2px 2px 4px #111;
	-moz-box-shadow: 2px 2px 4px #111;
	-khtml-box-shadow: 2px 2px 4px #111;
	box-shadow: 2px 2px 4px #111;
}

td
{
	padding: 0.2em 0.25em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

tr.alt
{
	background-color: #222;	
}

.borderless
{
	border: none;
}

#container
{
	max-width: 850px;
	border: 1px solid #333;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	padding: 0em;
	background: transparent url(/media/images/background.png) bottom left no-repeat;
	background-color: #1a1a1a;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 11px;
	-moz-border-radius-bottomright: 11px;
	-khtml-border-bottom-left-radius: 15px;
	-khtml-border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	/* The following are RIDICULOUSLY slow, disabled for now */
	/*-webkit-box-shadow: 0px 0px 10px #1a2a3a;*/
	/*-moz-box-shadow: 0px 0px 10px #1a2a3a;*/
	/*box-shadow: 0px 0px 10px #1a2a3a;*/
}

#header
{
	color: white;
	background: url(/media/images/header-back.png) top left repeat;
	background-color: #444;
	border-top: 8px solid #555;
	border-bottom: 8px solid #555;
	padding: 0.5em 1em;
}

#flame
{
    float: right;
    margin-right: -1em;
    margin-top: -0.5em;
}

#menu
{
	padding: 0.5em 0em 0em 0em;
	float: right;
}

#menu ul
{
	display: inline;
	list-style-type: none;
	padding: 0em;
	margin: 0em;
}

#menu li
{
	display: inline;
}

#menu a
{
	color: white;
	padding: 0.25em 0.55em;
}

#content
{
	padding: 0px 15px;
	text-align: justify;
}

#admins td
{
	padding-left: 0.5em;
}

.leftcol
{
	float: left;
	width: 48%;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.rightcol
{
	float: right;
	width: 48%;
}

.threequarters
{
    width: 73%;
}

.half
{
    width: 48%;
}

.quarter
{
    width: 23%;
}

.even
{
    background: transparent url(/media/images/lighten.png) top left repeat;
}

.centeredscreenshot
{
	text-align: center;
}

.photocontainer .leftcol
{
	width: 50%;
}

.photocontainer .rightcol
{
	width: 50%;
}

.photo, .screenshot
{
	padding: 2px;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 8px #111;
	-moz-box-shadow: 0px 0px 8px #111;
	-khtml-box-shadow: 0px 0px 8px #111;
	box-shadow: 0px 0px 8px #111;
}

.caption
{
	font-size: 75%;
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	text-shadow: black 2px 2px 3px;
}

.caption p
{
    display: inline;
}

.exiftable
{
    display: none;
}

.featured
{
    font-size: 80%;
}

.imagelink
{
	float: right;
	clear: right;
	margin: 0.5em 0em;
	font-family: 'circle';
	text-shadow: #0a0c11 2px 2px 3px;
}

.rsslink
{
    margin: 1em 0em;
    font-family: 'circle';
}

.imagelink a
{
	padding-left: 20px;
	background: transparent url(/media/images/arrow-right-blue.png) center left no-repeat;
}

.rsslink a
{
    padding-left: 20px;
	background: transparent url(/media/images/rss.png) center left no-repeat;
}

.imagelink a:hover
{
	background-image: url(/media/images/arrow-right-yellow.png);
}

.rsslink a:hover
{
	background-image: url(/media/images/rss-hover.png);
}

.imagelink img, .rsslink img
{
	vertical-align: middle;
}

.statusimg
{
	vertical-align: middle;
}

ul.news, ul.projects, ul.articles
{
	padding-left: 0em;
	margin-left: 0em;
	list-style-image: none;
}

ul.news li, ul.projects li, ul.articles li
{
	padding-bottom: 0.3em;
}

.newsentry p
{
    text-indent: 0em;
}

.newsentry .content, .project .content, .article .content
{
    padding: 0.2em 0.5em;
	margin: 0.25em 0em;
}

.newsentry .title, .project .title, .article .title, .info_msg
{
	background: transparent url(/media/images/stripes-highlight.png) center left repeat;
	background-color: #1a2a3d;
	border-bottom: 1px dotted #1d406b;
	padding: 0.2em 0.4em;
	font-family: 'circle';
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.info_msg
{
    padding: 0.5em 1em;
}

.info_msg a
{
    color: #d4cb64;
}

.info_msg a:hover
{
    text-decoration: underline;
}

.newsentry .title
{
	text-align: right;
	text-shadow: #0a1a2a 2px 2px 2px;
	-webkit-box-shadow: 2px 2px 4px #111;
	-moz-box-shadow: 2px 2px 4px #111;
	-khtml-box-shadow: 2px 2px 4px #111;
	box-shadow: 2px 2px 4px #111;
}

.project .title, .article .title
{
    -webkit-box-shadow: 2px 2px 4px #111;
    -moz-box-shadow: 2px 2px 4px #111;
    -khtml-box-shadow: 2px 2px 4px #111;
    box-shadow: 2px 2px 4px #111;
}

.project .title a, .article .title a
{
	color: white;
	display: block;
	padding: 0.1em 0.25em;
	text-shadow: #0a1a2a 2px 2px 2px;
}

.project .title:hover, .article .title:hover
{
	/*color: #d4cb64;*/
	background-color: #253545;
}

.article .title .date
{
    float: right;
}

.newsentry .title .date
{
	float: left;
}

.newsentry .content, .project .content, .article .content, .photocategory p
{
	font-size: 80%;
}

.softwarelist .desc, .projects .content p, .article .content p, .photocategory p
{
	text-indent: 0em;
}

.project .screenshot, .photocategory .photo, .article .screenshot, .photocategory .preview
{
    float: left;
    margin-top: 0.5em;
    margin-right: 1em;
    margin-bottom: 1em;
}

.photocategory .preview
{
    margin-top: -0.5em;
}

.colclear
{
	clear: both;
	height: 0.5em;
}

.clear
{
    clear: both;
    hight: 0.5em;
}

.conv
{
	color: #acf;
}

.keyword
{
	color: #cc55cc;
	font-weight: bold;
}

.string
{
	color: #55cc55;
}

.comment
{
    margin: 1em 0em;
}

.comment_form form
{
    display: table;
    margin: 1em 0em;
    padding: 0em;
}

.comment_form form > p
{
    text-indent: 0em;
    display: table-row;
    margin: 0em 1em;
    padding: 0em;
}

.comment_form form > p > *
{
    display: table-cell;
    vertical-align: top;
}

.error
{
    color: white;
    background-color: #900;
    padding: 0.5em;
    border: 1px dotted #500;
}

form input, form textarea
{
    color: white;
	background-color: #333;
	border: 1px solid #444;
	padding: 0.25em;
	margin: 0.2em;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 3px #111;
	-moz-box-shadow: 1px 1px 3px #111;
	-khtml-box-shadow: 1px 1px 3px #111;
	opacity: 0.7;
}

form input[type=submit]
{
    padding: 0.5em;
}

form input[type=submit]:hover
{
    background-color: #444;
    border: 1px solid #555;
}

form label
{
    padding-right: 0.5em;
}

.xmpplogo
{
	float: left;
	margin-right: 1em;
}

.xmppstatus
{
	font-size: 80%;
}

.definition
{
	color: white;
	background-color: #356;
	border: 1px dotted #5485c4;
	padding: 0.5em;
    margin: 1em 2em;
}

.articledetails
{
    font-size: 80%;
}

.articlelinks
{
    padding: 0.5em 0em;
}

.previous
{
    float: left;
}

.next
{
    float: right;
}

.disabled
{
    color: #333;
}

#toc
{
	list-style-type: upper-roman;
}

#footer
{
	color: #444;
	text-align: center;
	border-top: 1px solid #333;
	background-color: #222;
	margin: 0em;
	padding: 0.2em;
	clear: both;
	font-size: 75%;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 11px;
	-moz-border-radius-bottomright: 11px;
	-khtml-border-bottom-left-radius: 15px;
	-khtml-border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	text-shadow: #1b1b1b 1px 1px 2px;
}

#footer a
{
	color: #555;
}

#shadowbox_title
{
    text-shadow: black 2px 2px 3px;
}

.ui-dialog
{
    -webkit-box-shadow: 1px 1px 5px black;
    -khtml-box-shadow: 1px 1px 5px black;
    -moz-box-shadow: 1px 1px 5px black;
    box-shadow: 1px 1px 5px black;
}

.botrplayer embed
{
    -webkit-box-shadow: 1px 1px 5px #111;
    -khtml-box-shadow: 1px 1px 5px #111;
    -moz-box-shadow: 1px 1px 5px #111;
    box-shadow: 1px 1px 5px #111;
}