/*---------------------------------------
Title:		ZS Blog Style Sheet
Version:	0.1 (ZV_PH)
Author:		Daniel "Zeal Vurte" Upstone
Contact:	zeal@zealous-studios.com
Website:	www.zealous-studios.com
---------------------------------------*/

/* Basics */
html
{
	font-size: xx-small;
	background-color: #000;
}
body
{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	
	color: #FFF;
	background-color: #000;
	
	direction: ltr;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Sans-Serif;
	font-size: 1.45em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.23em;
	text-decoration: none;
}
.-no-css
{
	display: none !important;
}
.uc
{
	text-decoration: line-through !important;
}
.warning
{
	clear: left;
	float: left;
	width: 100%;
	min-width: 44em;
	
	color: #000;
	background-color: #FFF;
}
.warning p
{
	margin: 0.23em auto;
	width: 43em;
	
	font-size: 0.845em;
}
.warning p span.note
{
	font-style: italic;
}
.warning p strong
{
	color: red;
	font-weight: bold;
}
.clr
{
	clear: both;
	display: block;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

/* Layout */
#site
{
	min-width: 100%;
	min-height: 100%;
	height: 1px;
}
#upper
{
	clear: left;
	float: left;
	min-height: 110px;
	min-width: 100%;
	
	background-image: url(http://www.zealous-studios.com/images/zs_bg_upper.jpg);
	background-attachment: scroll;
	background-position: bottom left;
	background-repeat: repeat-x;
}
#upper-outer
{
	margin: auto;
	min-height: 100%;
	max-width: 67em;
	min-width: 512px;
	
	/*background-image: url(http://www.zealous-studios.com/images/zs_glow.jpg);*/
	background-attachment: scroll;
	background-position: bottom right;
	background-repeat: no-repeat;
}
#upper-inner
{
	min-height: 100%;
	min-width: 100%;
	
}
#lower
{
	clear: left;
	float: left;
	min-width: 100%;
	
	background-image: url(http://www.zealous-studios.com/images/zs_bg_lower.jpg);
	background-attachment: scroll;
	background-position: top left;
	background-repeat: repeat-x;
}
#lower-outer
{
	margin: auto;
	max-width: 67em;
	min-width: 512px;
	
	/*background-image: url(http://www.zealous-studios.com/images/zs_reflection.jpg);*/
	background-attachment: scroll;
	background-position: top right;
	background-repeat: no-repeat;
}
#lower-inner
{
	min-width: 100%;
}
#pagefooter
{
	text-align: center;
	font-size: 0.845em; /* #Note: 13.05px * 0.845em = 11.02725px */
	font-weight: normal;
}


/* Logo */
#logo
{
	display: none;
	float: right;
	height: 80px;
	width: 22em;
	min-width: 250px;
	
	/*background-image: url(http://www.zealous-studios.com/images/zs_logo.png);*/
	background-attachment: scroll;
	background-position: top right;
	background-repeat: no-repeat;
}
/* Photo */
#photo
{
	display: block;
	margin: auto;
	background-color: #FFF;
	border: 3px double black;
}

/* Main Nav */
#nav
{
	float: left;
	height: 110px;
	width: 44em;
	min-width: 408px;
}
#nav-outer
{
	position: relative;
	height: 100%;
	width: 100%;
}
#nav-inner
{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 21px;
	width: 100%;
}
#mainnav
{
	display: block;
	float: none;
	/*width: 28.5em;*/
	width: 29em;
	height: 21px;
	margin: auto;
	padding: 0px;
}
#mainnav > li
{
	display: block;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 1.305em;
	padding-left: 1.1863em;
	height: 21px;
	
	background-image: url(http://www.zealous-studios.com/images/zs_split.png);
	background-attachment: scroll;
	background-position: top left;
	background-repeat: repeat-y;
}
#mainnav > li:first-child
{
	padding-left: 1.305em;
	background-image: none;
}
#mainnav > li > a
{
	display: block;
	height: 21px;
	padding: 0;
	margin: 0;
	
	color: #CCC;
	
	font-size: 1.15em;
	
	cursor: pointer;
}
#mainnav > li > a:hover,
#mainnav > li > a:active
{
	color: #FFF;
	
	outline-width : 0;
}

/* Subnav */
#subnav
{
	float: left;
	width: 22em;
}
#subnav-outer
{
	width: 100%;
}
#subnav-inner
{
	padding: 0.001em;
	padding-top: 1.46em;
}
/* Page-Nav */
.page-nav
{
	text-align: center;
}
#page-nav
{
	text-align: left;
}
#page-nav > li > a[rel~="previous"]:before
{
	content: '<\00A0';
	margin: 0;
	padding: 0;
}
#page-nav > li > a[rel~="next"]:after
{
	content: '\00A0>';
	margin: 0;
	padding: 0;
}
#page-nav > li > a[rel~="last"]:after
{
	content: '\00A0@';
	margin: 0;
	padding: 0;
}

/* Content Layout */
#body
{
	float: left;
	width: 44em;
	min-width: 512px;
	
	background-image: url(http://www.zealous-studios.com/images/zs_split.png);
	background-attachment: scroll;
	background-position: top left;
	background-repeat: repeat-y;
}
#content
{
	float: left;
	width: 100%;
	
	border-bottom: 1px #1C1C1C solid;
	
	background-image: url(http://www.zealous-studios.com/images/zs_split.png);
	background-attachment: scroll;
	background-position: top right;
	background-repeat: repeat-y;
}
#msg,
#status-msg
{
	margin: 1em 1px;
	
	color: #FFF;
	background-color: #000;
}
#news
{
	margin: 0 1px;
	
	color: #FFF;
	background-color: #000;
}
#news > .post
{
	margin: 1em 0;
}
#msg,
#status-msg,
#news > .post
{
	background-image: url(http://www.zealous-studios.com/images/zs_section_bg-btm.jpg);
	background-attachment: scroll;
	background-position: top left;
	background-repeat: repeat-x;
	border-bottom: 1px solid #1C1C1C;
}
#msg > .header,
#status-msg > .header,
#news > .post > .header
{
	min-height: 20px;
	padding: 0.23em;
	
	background-image: url(http://www.zealous-studios.com/images/zs_header_bg.jpg);
	background-attachment: scroll;
	background-position: bottom left;
	background-repeat: repeat-x;
}
#msg > .content,
#status-msg > .content,
#news > .post > .content
{
	position: relative;
	padding: 0.01em;
	
	background-image: url(http://www.zealous-studios.com/images/zs_section_bg-top.jpg);
	background-attachment: scroll;
	background-position: top left;
	background-repeat: repeat-x;
}
#news > .post > .header > a.button,
#news > .post > .header > .item-control,
#msg > .header > .widget-item-control > .item-control
{
	clear: right;
	float: right;
	width: 16px;
	height: 16px;
	margin: 0.46em;
	
	cursor: pointer;
}
#news > .post > .header > a.roll
{
	margin-bottom: 0.23em;
	
	background-image: url(http://www.zealous-studios.com/images/zs_buttons.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: -17px 0px;
}
#news > .post > .header > .item-control
{
	margin-top: 0.23em;
}
#news > .post > .header > .item-control > a.edit
{
	display: block;
	width: 16px;
	height: 16px;
	
	cursor: pointer;
	
	background-image: url(http://www.blogger.com/img/icon18_edit_allbkg.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
}
#msg > .header > .widget-item-control > .item-control > a.quickedit
{
	display: block;
	width: 16px;
	height: 16px;
	
	cursor: pointer;
	
	background-image: url(http://img1.blogblog.com/img/icon18_wrench_allbkg.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
}
#msg > .header > .widget-item-control > .item-control > a.quickedit > img
{
	display: none;
}
#news > .post > .header > a.roll:hover,
#news > .post > .header > a.roll:active
{
	background-position: -17px -17px;
}
#news > .rolled > .content
{
	display: none;
}
#news > .rolled > .header > a.roll
{
	background-position: 0px 0px;
}
#news > .rolled > .header > a.roll:hover,
#news > .rolled > .header > a.roll:active
{
	background-position: 0px -17px;
}
#news > .post > .footer
{
	position: relative;
	padding: 0.01em;
	
	color: #999;
	background-color: #111;
	
	border-top: 1px solid #1C1C1C;
}
#news > .post > .footer > .tags
{
	float: left;
}
#news > .post > .footer > .comments
{
	float: right;
}
#news > .post > .footer > .tags > *,
#news > .post > .footer > .comments
{
	margin: 0;
	padding: 0;
}
#news > .post > .footer > .tags,
#news > .post > .footer > .comments
{
	margin: 0.46em;
}
#news.news-item > .post > .content > .cut
{
	display: none;
}
#news > .post > .content > .cut ~ *
{
	display: none;
}
#news > .post > .content > .uncut  ~ *,
#news.news-item > .post > .content > .cut ~ *
{
	display: block;
}

/* Headers */
#pageheader
{
	margin: 1.46em auto;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	margin: 0;
	padding: 0.23em;
	font-weight: normal;
	
	color: #FFF;
}
h1
{
	text-align: center;
	font-size: 1.46em;
	text-decoration: underline;
}
h2
{
	font-size: 1.303em;
	
	color: #93F;
}
h3
{
	font-size: 1em;
	padding-left: 1.23em;
	
	color: #999;
}
h4
{
	padding: 0;
	font-size: 1.15em;
	font-weight: bold;
}
h5
{
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}
h6
{
	padding: 0;
	font-size: 0.845em;
	font-weight: bold;
}

/* Text */
p,
pre
{
	margin: 1em 0;
	padding: 0 1em;
}
i
{
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}
b,
em
{
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
}
dfn
{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
acronym,
abbr
{
	cursor: help;
	border-bottom: 1px dotted #333;
}
pre,
code
{
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-family: monospace;
}
pre
{
	overflow: auto;
}
pre.code > code
{
	display: inline-block;
	margin-top: 0.23em;
}
pre.code > code:first-child
{
	margin-top: 0;
}
blockquote,
q
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}
q,
blockquote.type2 q
{
	quotes: '“' '”' '‘' '’' '“' '”' '‘' '’';
}

blockquote.type1 q
{
	quotes: '‘' '’' '“' '”' '‘' '’' '“' '”';
}
div.quote > p,
blockquote > *
{
	margin: 0;
	margin-top: 1em;
	padding: 0;
}
blockquote > *:first-child
{
	margin-top: 0;
}
div.quote > div
{
	position: relative;
}
div.quote > div > p.qm
{
	position: absolute;
	width: auto;
	margin: 0;
	padding: 0;
	color: #93F;
	text-align: center;
	font-size: 2.99em;
	font-family: 'Times New Roman', Serif;
	font-weight: bold;
}
div.quote > div > p.open
{
	z-index: 1;
	top: 0.07em;
	left: -0.64em;
}
div.quote > div > p.close
{
	z-index: 1;
	bottom: -0.28em;
	right: -0.64em;
}
span.qm
{
	display: none;
}
cite
{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
cite:before
{
	content: '—\00A0';
	margin: 0;
	padding: 0;
	color: #93F;
}
span.err
{
	color: red;
}

/* Links */
a
{
	text-decoration: none;
}
a[href] *
{
	cursor: pointer;
}
a[href]:link
{
	text-decoration: none;
	
	color: #93F;
}
a[href]:visited
{
	text-decoration: none;
	
	color: #62B;
}
a[href]:hover
{
	text-decoration: none;
	
	color: #C8F;
}
a[href]:active
{
	text-decoration: none;
	
	color: #FFF;
}
#lower a[href][rel]
{
	padding-left: 18px;
	
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_external.png);
	background-attachment: scroll;
	background-position: center left;
	background-repeat: no-repeat;
	
	/* #Note: Link Icon Colour Scheme:
			Monochrome = Meta (User, User Agent realted)
			Yellow = File
			Orange = Data
			Green = Program
			Red = Legal
			Aqua = Service
			Blue =  External (Misc)
			Purple = Internal (Misc)
	*/
}
#lower a[href][rel~="self"],
#lower a.button[rel]
{
	/* #Note: Turn off for jump links and base nav */
	padding-left: 0;
	background-image: none !important;
}
#lower a[href^="/"][rel]
{
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_internal.png);
}
#lower a[href][rel~="meta"]
{
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_meta.png);
}
#lower a[href][rel~="file"]
{
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_file.png);
}
#lower a[href][rel~="file"][rel~="program"]
{
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_program.png);
}
#lower a[href][rel~="data"]
{
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_data.png);
}
#lower a[href][rel~="data"][rel~="source"]
{
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_feed.png);
}
#lower a[href][rel~="service"]
{
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_service.png);
}
#lower a[href][rel~="service"][rel~="help"]
{
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_help.png);
}
#lower a[href][rel~="service"][rel~="translation"]
{
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_trans.png);
}
#lower a[href][rel~="service"][rel~="validator"]
{
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_validator.png);
}
#lower a[href][rel~="legal"]
{
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_legal.png);
}
#lower a[href][rel~="legal"][rel~="license"]
{
	background-image: url(http://www.zealous-studios.com/images/zs_icons_links_licence.png);
}

/* Lists */
ul,
ol,
li
dl,
dt,
dd
{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul,
ol,
dl
{
	margin: 1em 0;
	padding: 0 1em;
}
li,
dt,
dd
{
	margin: 0.23em 0;
}
dd
{
	padding-left: 1em;
}
#mainnav li
{
	margin: 0;
}
.footer ul.h
{
	display: inline;
}
li.h,
ul.h > li
{
	display: inline-block;
	margin: 0;
}
ul.h > li.v
{
	display: block;
}
ul.h > li.clr
{
	clear: left;
}
ul.psv > li:after
{
	content: '';
	margin: 0;
	padding: 0;
}
ul.csv > li:after
{
	content: ',';
	margin: 0;
	padding: 0;
}
ul.psv > li:before
{
	content: '|\00A0';
	margin: 0;
	padding: 0;
}
ul.csv > li:last-child::after
{
	content: '';
}
ul.psv > li:first-child:before,
ul.csv > li.clr:after,
ul.psv > li.clr:before,
ul.psv > li.clr:after
{
	content: '';
}
.label-bg
{
	float: right;
	margin: 0;
	padding: 0;
	font-size: 0.845em;
	font-weight: bold;
	color: #444;
}
.label
{
	display: inline;
}
.label:after
{
	content: ':\00A0';
	margin: 0;
	padding: 0;
}

/* Syntax Highlighting */
/* XML */
code.xml span.comment
{
	color: #0E0;
}
code.xml span.instruction
{
	color: #66F;
}
code.xml span.instruction > span.attribute
{
	color: #96C;
}
code.xml span.instruction > span.attribute > span.value
{
	color: #F66;
}
code.xml span.element
{
	color: #00E;
}
code.xml span.element > span.namespace
{
	color: #09C;
}
code.xml span.element > span.attribute
{
	color: #609;
}
code.xml span.element > span.attribute > span.namespace
{
	color: #C09;
}
code.xml span.element > span.attribute > span.value
{
	color: #E00;
}
/* CSS */
code.css span.comment
{
	color: #0E0;
}
code.css span.selection,
code.css span.selector
{
	color: #000;
}
code.css span.selector > span.element
{
	color: #00E;
}
code.css span.selector > span.id
{
	color: #09C;
}
code.css span.selector > span.class
{
	color: #C09;
}
code.css span.selector > span.attribute
{
	color: #609;
}
code.css span.selector > span.attribute > span.value
{
	color: #E00;
}
code.css span.selector > span.pseudo-class
{
	color: #E90;
}
code.css span.selector > span.pseudo-element
{
	color: #B60;
}
code.css span.selection > span.property
{
	color: #609;
}
code.css span.selection > span.property > span.value
{
	color: #E00;
}

/* Misc */
hr
{
	border: 0;
	height: 1px;
	width: 95%;
	margin: 0.46em auto;
	
	background-image: url(http://www.zealous-studios.com/images/zs_split.png);
	background-attachment: scroll;
	background-position: top left;
	background-repeat: repeat-x;
}
#content .section- .wrap
{
	float: left;
	margin: 0;
	margin-left: 1em;
	margin-bottom: 1em;
	padding: 0.23em;
	color: #FFF;
	background-color: #111;
	border-left: 2px solid #066;
}
#content .section- .embed
{
	margin-left: 2em;
	margin-right: 1em;
}
#content .section- .wrap + *
{
	clear: both;
	margin-top: 0;
}
/* Blogger elements */
#uds-searchControl,
#navbar,
#CustomSearch1_form .gsc-branding,
.clear
{
	display: none;
}
/* General Browsers Workarounds */
/* Issue: UI (form) elements overlapping floats */
#CustomSearch1_form
{
	clear: right; /* Fix: Force clearing */
}