/* Standard */
html,body,div,form,h1,h2,h3,h4,h5,h6,p,table,ol,ul,li,iframe,label,time{margin:0;padding:0;}
body,textarea{font-family:'Segoe UI', Trebuchet, Arial, sans-serif;font-size:.9em;}

a,a:link,a:visited{text-decoration:none}
a:hover,a:active{text-decoration:underline}
hr{
	display:none}
abbr{border:none;}

h1,h2,h3,h4,h5,h6,p,table,input,li,pre{padding:.3em 5px;line-height:1.4em}
td{padding:1px 2px;}
table table{font-size:1em;}

ol,ul,dl{margin-left:2em;}
ol li{list-style-position:outside;}
ul li{list-style-position:outside;}
dl dd{margin-left:1em;}

img{border:0 none}

a.left,
img.left,
span.left,
small.left,
div.left{float:left}
a.right,
img.right,
span.right,
small.right,
div.right{float:right}

p.right{text-align:right}

img.left{margin:.4em .4em .4em 0}
img.right{margin:.4em 0 .4em .4em}
img.middle{display:block;margin:.4em auto}

html{overflow-y:scroll}

div.syntaxhighlighter
{
	padding:1px !important;
	font-size:.9em !important;
}

/* general */
h1,h2,h3,h4,h5,h6,.title {
     color: #012;
    font-weight: 500;
    text-transform: lowercase;
}

.section
{
	position:relative;
	overflow:auto;
}

.box
{
	overflow:hidden;
	padding:2px;margin:3px;
}
.box .item
{
	margin-top:2px;
}
.column
{
	float:left;
	width:50%;
	min-height:6em;
	margin:0;padding:0;
}
.row
{
	clear:left;
}
.item
{
	overflow:auto;
	padding:0 0 1em 0;
}
.item.hover
{
	cursor:pointer;
    background-color: #fff;
}
.item .header,
.item .body
{
	margin-left:3em;
    padding-right: 1em;
}
.item .header time{
    margin-left: -3em;
}
.content
{
	padding:2px
}
.footer
{
	clear:left;
	text-align:right
}

.paper,
#Section1,#Section2
{
	min-height:20em;
	color:#444;
	background-image:none;
    border-top:solid 1px #ddd;
}
.paper h3, .paper h4,
.paper h5, .paper h6
{
	margin-top:1em;
}

.highlight
{
	background-image:url(/Content/Graphics/highlight-back.png);
}
.highlight .info,
.highlight .error
{
	color: #aa9;
}

/* forms */
input[type=text],
input[type=search],
input[type=submit],
input[type=button],
input[type=password],
input[type=email]
{
	-webkit-appearance:none;
}
form
{
    padding:.5em;
}
form .control
{
	display:inline-block;
    margin:.4em 0 .1em;
}
form .control>label
{
    float:left;
    width:70px;
    margin-top:.2em;
    font-size:.95em;
    text-align:right;
}
form .hasHeaders>label
{
	margin-top:2.1em;
}
form .field
{
	overflow:visible;
    margin-left:75px;
}
form .field ol
{
	clear:none;
	list-style-type:none;
	margin:0;padding:0;
}
form .submit
{
	clear:left;
	margin:.2em 0 0;
	padding:.2em 0 0 75px;
}
form h1,form h2,form h3,
form h4,form h5,form h6,
form p{
	clear:left;
	padding:5px 0 0 75px;
}
form table
{
	border-collapse:collapse;
}
form table th,
form table caption
{
	text-align:left;
}
form table thead th
{
	padding:.2em .4em .1em;
}
form table thead td
{
	min-width:1em;
}

form table th
{
	color:#bcd;
}

.w75,
.w50,
.w25,
.wAuto{float:left}
.control {width:100%;}
.w75 {width:75%;}
.w50 {width:50%;}
.w25 {width:25%;}
.wAuto {width:auto;}
  
.input textarea,
.input input,
.input select,
.control table{width:100%}
.input input[type=checkbox],
.input input[type=submit]{width:auto}
    
.input,
form td
{
	color:#000;
	background-color:#fff;
    border-radius: 2px;
	padding:.1em .4em;
}
.input {
	border:1px solid #ddd;
	border-right-color:#eee;
	border-bottom-color:#eee;
}
form td a,
form td a:hover,form td a:active,
form td a:link,form td a:visited
{
	color:#000;
}
.input textarea,
.input input,
.input select
{
	padding:0;
	border:0 none;
	background-color:transparent;
}
.button
{
	padding:.25em .5em .2em;
	border:0 none;
	color:#fff;
	background-color:#68a;
    text-transform: lowercase;
}
.help 
{
    float: left;
    margin-top: .3em;
    text-transform: lowercase;
    
}
.input span
{
	display:block;
	color:#966;
}
.input tbody th
{
	width:25px;
}

.narrow form .field
{
	margin:0;
}
.narrow form .submit
{
	margin:0;
    padding:.4em 0 .1em;
	border-top:0 none;
	text-align:right;
}
.narrow form .control>label
{
	float:none;
	display:block;
	text-align:left;
}

.narrow .box
{
	padding:.5em 5px;
	margin:3px 0;
}
    
/* html editor */
.ui-toolbar
{
	position:relative;zoom:1;
	overflow:hidden;
	height:24px;
	margin-bottom:-1px;
	font-size:11px;
}
.ui-tool
{
	float:left!important;
	height:22px;min-width:4px;
	overflow:hidden;
    padding:0!important;
    margin-right:-1px!important;
    border-top:none;
    border-bottom:none;
}
.ui-toolbar .ui-state-hover,
.ui-toolbar .ui-state-active
{
	position:relative;
	z-index:1;
}
.ui-toolbar .ui-state-hover
{
	z-index:2;
}
.ui-tool a 
{
	display:inline-block;
    width:21px;height:22px;
    outline:0;
    padding:3px 0 0;margin-right:2px;
    color:#666;
    text-decoration:none !important; 
    cursor:pointer; 
    text-align:center}
.ui-tool a:hover
{
    color:#000;
}    
.superscript a{margin-top:-3px}

/* paging */
.pages
{
	float:right;
}
.pages span,
.pages strong
{
	float:left;
	width:1.2em;
	text-align:center;
	padding:1px;
	border:2px solid transparent;
}
.pages strong
{
	border-color:#f90;
}

/* grid */
.grid .header
{
	overflow:auto;
}
.grid .search
{
	float:left;
}
.grid .body table
{
	width:100%;
}
.grid .body thead th
{
	text-align:left;
	border-bottom:.2em solid #258;
}

/* popup */
#Popup
{
	border-collapse:collapse;
}
#Popup .m
{
	overflow:hidden;
	width:500px;
	background-color:#fff
}
#Popup th
{
	background-image:url(4.0/Graphics/Popup.png);
}
#Popup .t
{
	height:30px;
	background-position:-30px top;
}
#Popup .tr
{
	width:30px;
	background-position:right top;
}
#Popup .l
{
	width:30px;
	background-position:left -30px;
}
#Popup .r
{
	background-position:right -30px;
}
#Popup .bl
{
	height:30px;
	background-position:left bottom;
}
#Popup .b
{
	background-position:-30px bottom;
}
#Popup .br
{
	background-position:right bottom;
}

/* Calendar */
.calendar
{
	position:relative;
	width:100%;height:197px;
	overflow:hidden;
}
.calendar button
{
	border:0 none;
	background-color:transparent;
}
.calendar table
{
	float:left;
	table-layout:fixed;
	width:100%;
}
.calendar table a
{
	display:block;height:100%;
	border-radius:2px;
	-moz-border-radius:2px;
}
.calendar tbody a
{
    color: #fff;
	background-color:#f60;
}
.calendar th,
.calendar td
{	
	padding:0;
	font-size:.85em;
	text-align:center;
}
.calendar td
{
	border:1px solid transparent;
	height:18px;
}
.calendar tfoot td
{	
	text-align:right;
}
.calendar tbody td.current,
.calendar tbody td.today
{
	border-radius:1px;
	-moz-border-radius:1px;
	background-image:url(/Content/Graphics/lighten-back.png);
	font-size:1em;
}
.calendar tbody td.today
{
	border:1px solid #f90;
}
.calendar .footer
{
	position:absolute;
	right:0;bottom:0;
}
time
{
	float:left;
	margin:.3em;
	color:#369;
	font-size:.9em;
	text-align:center;
}
time span{display:block;line-height:1.2em;}
time .day
{
	font-size:2em;
}
time .monthYear
{
	font-size:.6em;
	text-transform:uppercase;
}

/* Layout */
.page
{
	min-width:850px;
}
#Identity
{
	position:absolute;overflow:hidden;
	height:140px;
	margin:0 0 0 -177px;padding:25px 0 0 180px;
	background-image:url(4.0/Graphics/Identity-back.png);
	background-repeat:no-repeat;
    background-position: 50px 30px;
	font-size:1.6em;
	font-weight:100;
}
#Identity a
{
	color:#999;
	text-decoration:none;
	text-transform:lowercase;
}

#Menu
{
	float:right;
}
#Menu li
{
	float:left;
	list-style-type:none;
	height:45px;
	margin:20px 0 0;padding:0;
}
#Menu a
{
	display:block;
	padding:12px 20px;
	font-size:1.1em;
	text-decoration:none;
    text-transform: lowercase;
	color:#369;
}
#Menu .selected
{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topLeft:5px;
	-moz-border-radius-topRight:5px;
}

.mainContent
{
	position:relative;
	overflow:visible;
	padding:0 0 20px 210px;
	margin:0 auto;
	max-width:900px;
}

#Header{
	height:70px;
}
#Body
{
    padding-bottom: 1em;
	min-height:810px;
	border-bottom: solid 5px #def
}
#Main .section
{
	margin-right:210px;
}
#SiteFunctions,
#Feeds
{
	position:absolute;
	width:200px;
	font-size:.9em;
}
#Feeds
{
	top:95px;left:0;
}
#SiteFunctions
{
	top:26px;right:0;
}
#SiteFunctions form .control>label
{
	display:none;
}
#Footer
{
	color:#123;
	background-image:url(4.0/Graphics/Footer-back.png);
	background-repeat:repeat-x;
    border-top: solid 5px #369;
	font-size:.7em;text-transform:uppercase;
	text-align:right;
}

#Twitter
{
	font-size:.9em;
}
.tweet
{
	overflow:hidden;
    margin-bottom: 1em;
	padding:.1em .4em;
	font-size:.9em;
    line-height: 1.8;
}
.tweet img
{
	float:right;
	margin:-15px 0 3px 8px;
	border-radius:5px;
	-moz-border-radius:5px;
}

.input span
{
	margin:0 -.4em -.2em;
	padding:.1em .4em;
	color:#933;
}
.ui-toolbar
{
	border-bottom:1px solid #ddd;
}
.ui-toolbar span.ui-tool
{
	margin:0;
	background-image:none;
}
.ui-toolbar span.ui-state-hover
{
	background-image:url(/Content/Graphics/darken-back.png);
}

#SubPages .list
{
	column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
}

.author
{
	text-align:left;
    margin-left: 3em;
}
.author time
{
	margin:-.2em .3em 0 -3em;
}

#PageNoteForm #Post_NameControl .input,
#PageNoteForm #Post_EmailControl .input
{
	float:left;
	width:50%;
	margin-left:.4em;
}
#PageNoteForm #Post_NameControl p,
#PageNoteForm #Post_EmailControl p
{
	clear:none;
	padding-left:0;
}

#PageNoteForm textarea
{
	height:8em;
}
#SitePageEdit #Summary
{
	height:8em;
}
#SitePageEdit #Content
{
	height:30em;
}
#ContactForm textarea
{
	display: inherit;
	height:15em;
}

#TagsList
{
	max-height:500px;
	overflow:auto;x-overflow:hidden;
}



/* colours */
a,a:link,a:visited{color:#012}
a:hover,a:active,
.section h2 a,
.section h3 a,
.section h4 a,
#Menu .selected a{color:#369}
.section h2,.section h3,
.section h4,.section h5,.section h6
{
	color:#369;
}
.paper h2,.paper h3,
.paper h4,.paper h5,.paper h6
{
	color:#222;
}
.paper a{color:#258}
.paper a:hover,.paper a:active{color:#369}
#Body,
#Menu .selected{
	color:#246;
	/*background-color:#09121b;*/
	xbackground-color:rgba(0,32,64,.2);
}
#Feeds,
#TagCloud {
    text-transform: lowercase;
}
#TagCloud{
    text-align:justify;
    text-justify: inter-character;
}
.weight1 {
    font-size: .75em;
}
.weight2 {
    font-size: 1em;
}
.weight3 {
    font-size: 1.5em;
}
.weight4 {
    font-size: 2em;
}
.weight5,
.weight6,
.weight7 
{
    font-size: 1.8em;
}

#PagePost .item
{
	overflow: hidden;
}
	
/* clouds */
body {
    background-image: url(4.0/Graphics/Clouds-back.png);
    background-position:left top;
    background-repeat: repeat-x;
	background-color: #ecf0f4;
}

.page {
    background-image: url(4.0/Graphics/Clouds-fore.png);
    background-position:left 100px;
    background-repeat: repeat-x;
}

#Identity a 
{
    float: left;
    padding-top: 10px;
    font-size: 1.2em;
    color: #222;
}