body {
	background: #E5E5E5;
}

#header {
	width: 850px;
}
#header h1 a {
	background-image: url(/images/logo_clickpass-large-gray.gif);
}

#container {
	width: 850px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#navigation {
	background: #fff url(/images/bg_navigation-interior.gif) repeat-x bottom;
	margin-top: 35px;
	height: 30px;
	border: 1px solid #ccc;
	position: relative;
}
#navigation li {
	display: inline;
	float: left;
	border-right: 1px solid #ccc;
}
#navigation li a {
	display: block;
	line-height: 20px;
	padding: 4px 10px;
	border: 1px solid #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, Calibri, sans-serif;
	color: #666;
}
#navigation li a:hover {
	background: #e3e3e3;
	border-color: #e3e3e3;
}
#navigation li.on a {
	background: #ff9a42 url(/images/bg_navigation-interior-hover.gif) repeat-x top;
	border-color: #F19654;
	color: #fff;
}
#navigation li a img {
	vertical-align: middle;
	margin-right: 3px;
	#margin: 1px 0;
}
#navigation #aboutus {
	float: right;
	border-right: 0;
	border-left: 1px solid #ccc;
}
#navigation-left {
	width: 3px;
	height: 3px;
	background: url(/images/bg_navigation-interior-left.gif) no-repeat top left;
	position: absolute;
	top: -1px;
	left: -1px;
}
#navigation-right {
	width: 3px;
	height: 3px;
	background: url(/images/bg_navigation-interior-right.gif) no-repeat top right;
	position: absolute;
	top: -1px;
	right: -1px;
}
#banner {
	background: #757575;
	clear: both;
}
#banner.short {
	background: none;
}
#banner.short img {
	border-left: 1px solid #d9d9d9;
}
#banner.short img {
	#margin: 0 -3px;
}

#content {
	background: #f2f2f2;
	clear: both;
	position:relative;
	height: 1%;
}

#content #banner {
	clear: none;
}

#sub-nav {
	width: 173px;
	float: left;
}
#sub-nav h2 {
	padding: 10px 10px 10px 15px;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: bold;
	color: #555;
	line-height: 1.1;
	background: #D8D8D8 url(/images/bg_subheader.gif) repeat-x bottom;
	font-family: Arial, Helvetica, Calibri, sans-serif;
}
#sub-nav ul {
	border-top: 1px solid #fff;
}
#sub-nav ul ul {
	border-top: 0;
}
#sub-nav li {
	border-bottom: 1px solid #fff;
}
#sub-nav li.hover,
#sub-nav li:hover {
	background: #f0f0f0 url(/images/bg_subnav-hover.gif) repeat-x bottom;
}
#sub-nav li li {
	border-bottom: 0;
}
#sub-nav li li.hover,
#sub-nav li li:hover {
	background: none;
}
#sub-nav li.on {
	background: #f8f8f8;
	border-bottom: 1px solid #fff;
}
#sub-nav li.on li.on {
	border-bottom: 0;
}
#sub-nav li a {
	display: block;
	padding: 9px 10px 12px 20px;
	text-decoration: none;
}
#sub-nav li a:hover {
	background: url(/images/icon_current-off.gif) no-repeat top left;
}
#sub-nav li li a {
	border-bottom: 0;
}
#sub-nav li.on li.on li.on a,
#sub-nav li.on li.on a,
#sub-nav li.on a {
	color: #f60;
}
#sub-nav li.on li.on li a,
#sub-nav li.on li a {
	color: #222;
	background: none;
}
#sub-nav li.on a {
	background: #f8f8f8 url(/images/icon_current-on.gif) no-repeat top left;
}
#sub-nav li.open a {
	background-image: url(/images/icon_open.gif);
}
#sub-nav li.on li.on li.on a:hover,
#sub-nav li.on li.on li.on a,
#sub-nav li.on li.on a {
	background: #f8f8f8 url(/images/icon_current-sub-on.gif) no-repeat top left;
}
#sub-nav li.open li.open a {
	background-image: url(/images/icon_open-sub.gif);
}
#sub-nav li.on li.on li a:hover,
#sub-nav li li a:hover {
	background: #f8f8f8 url(/images/icon_current-sub-off.gif) no-repeat top left;
}

#sub-nav li ul {
	margin-left: 20px;
	margin-top: -5px;
	padding-bottom: 10px;
	font-size: .917em;
	font-weight: normal;
}
#sub-nav li ul ul {
	margin-top: 0;
	padding-bottom: 0;
}
#container #sub-nav li ul a {
	padding: 5px 10px 5px 12px;
}
#sub-nav a.bloglink {
	display: block;
	position: relative;
	padding: 115px 0 0 0;
	overflow: hidden;
	background: transparent url(/images/graphic/blogsticker.gif) no-repeat top center;
	height: 0px !important;
	height /**/: 115px;
	margin: 10px auto 0;
	width: 166px;
}



#body {
	border-left: 1px solid #d9d9d9;
	width: 391px;
	padding: 25px 25px 35px 45px;
	float: left;
	position: relative;
}
#body-sub {
	width: 391px;
	float: left;
	padding-right: 35px;
	padding-top: 15px;
}
#container .medium {
	width: 420px;
	padding: 25px 25px 35px 65px;
}
#container .full {
	width: 606px;
}
#container .chunked {
	padding: 22px;
	width: 632px;
}
#body h3 {
	font-size: 2em;
	color: #f60;
	margin-bottom: 1em;
	clear: both;
	font-weight: normal;
}
#body h4 {
	font-size: 1.5em;
	margin: .75em 0;
	color: #111;
}
#body h5 {
	font-weight: bold;
	margin: 1.5em 0;
	font-size: 1.083em;
}
#body h3,
#body h4,
#body h5 {
	position: relative;
	left: -15px;
}
#body ol {
	list-style-type: decimal;
	margin: 1.5em 0 1.5em 2em;
}
#body ol ol {
	list-style-type: lower-alpha;
}
#body ol.roman {
	list-style-type: lower-roman;
}
#body ul {
	list-style-type: circle;
	margin: 1.5em 0 1.5em 2em;
}
#body li {
	margin: 1em 0;
	line-height: 1.5;
}
#body p {
	line-height: 1.5;
	margin: 1em 0;
}
#body .alt {
	background: #eaeaea;
	margin: 8px -10px;
	padding: 10px;
}
#body div.alt {
	margin: 2em -10px;
}
#body .alt h4 {
	margin: 0 0 .5em 0;
}
#body .block {
	position: relative;
}
#body blockquote {
	padding: 1em 1.5em;
}
#body blockquote {
	color: #666;
	font-style: italic;
	text-align: center;
	font-size: .833em;
}
#body code {
	margin: 1em;
	padding: 10px;
	line-height: 1.5;
	display: block;
	white-space: pre;
	background: #fff;
	overflow: auto;
	font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, Consolas, monospace;
	width: 700px;
}
/* ------------------ peter's hacks */
#body code {
	width:650px;
	margin-left:-65px;
}
* html #body code {
	width: 650px;
	margin-right: -50px;
}
.comment{
	color:green;
}
#body code .openidfunction {
	color:red !important;
}
.returnBehaviour{
	padding-left:30px;
}
.legend span{
	margin-left:20px;
	margin-top:10px;
}
#disqus_thread h3{
	display:none;
}
#dsq-options-toggle{
	float:right;
	position:relative;
	top:-20px;
}
#user_notes{
	background-color:#D9D9D9;
	margin:40px -191px 0 -65px;
	padding:20px 101px 0 55px;
	background-image: url(/images/documentation/powered-by-disqus-logo.png);
	background-position: 580px 30px;
	background-repeat: no-repeat;
}
.chunked #user_notes{
	margin:50px -22px 0 -22px;
	padding:20px 120px 0 52px;
}
#disqus_thread{
	padding-top:30px;
}
.dsq-by{
	display:none;
}
#documentationRightHandAdverts{
	position:absolute;
	right:20px;
	top:10em;
	width: 158px;
}
#documentationRightHandAdverts .promotion{
	display: block;
	text-decoration: none;
	text-align:right;
	margin:3px 0;
	font-size: 1.1em;
	font-family:arial;
	padding-right:15px;
	margin-right:14px;
	height:20px;
	background-image: url(/images/documentation/small-right-arrow.png);
	background-repeat: no-repeat;
	background-position: right 0;
}
#documentationRightHandAdverts .promotion:hover{
	text-decoration:underline;
}
/* ----------------- end peter's hacks */
#body code .dbquery, .legend .dbquery {
	color: #60f;
}
#body code .openidfunction, .legend  .openidfunction {
	color: #060;
}
#body code .localfunction, .legend .localfunction {
	color: #600;
}
#body .tryit,
#body .learnmore {
	text-align: right;
	line-height: 24px;
	background: url(/images/icon_arrow.gif) no-repeat right center;
	margin-right: 5px;
}
#body .tryit {
	width: 150px;
	position: absolute;
	top: -5px;
	right: -5px;
}
#body .second {
	top: 18px;
}
* html #body .tryit {
	right: 20px;
}
#body .alt .tryit {
	top: 5px;
	right: 5px;
}
#body .alt .second {
	top: 27px;
}
* html #body .alt .tryit {
	top: 8px;
	right: 20px;
}
#body .tryit a,
#body .learnmore a {
	padding-right: 18px;
	text-decoration: none;
	letter-spacing: .1em;
}
#body .tryit a:hover,
#body .learnmore a:hover {
	text-decoration: underline;
}

#body .learnmore-large a {
	background: url(/images/bg_continue.gif) no-repeat top right;
	display: block;
	line-height: 48px;
	float: right;
	color: #eee;
	text-decoration: none;
	padding: 0 30px 0 10px;
}
#body .learnmore-large a:hover {
	background-position: right -48px;
	color: #fff;
}

#body .sidebar {
	width: 180px;
	position: absolute;
	right: -180px;
	font-size: .833em;
	line-height: 1.5;
}
#body .sidebar h3 {
	left: 0;
	margin-bottom: .25em;
	line-height: 1.2;
}
#body table {
	width: 548px;
	margin: 1em 0;	
	border-collapse: collapse;
	line-height: 1.2;
}
#body th,
#body td {
	vertical-align: top;
	padding: 6px 8px 8px;
	border: 1px solid #ccc;
	background: #f5f5f5;
}
#body tr:hover td {
	background: #eaeaea;
}
#body th {
	background: #e5e5e5;
	color: #444;
	font-weight: bold;
}

#body table.clean th,
#body table.clean td {
	border: 0;
	background: transparent;
}
#body table.clean tr:hover td {
	background: transparent;
}
#body table.clean h4,
#body table.clean h5 {
	left: 0;
	margin-top: 0;
}

#body table ul {
	margin: 0;
	list-style-type: none;
}
#container .triple {
	padding: 25px 35px;
}
#body.triple .col {
	width: 178px;
	float: left;
	display: inline;
	margin-right: 36px;
}
#body.triple .last {
	margin-right: 0;
}
#body.triple .highlight {
	width: 176px;
	padding: 10px;
	margin: -11px;
	border: 1px solid #ccc;
}
#body.triple h3 {
	font-size: 1.5em;
	margin-bottom: .5em;
}
#body.triple h3,
#body.triple h4 {
	left: 0;
}

#body .chunk {
	background: url(/images/bg/installblock.gif) no-repeat top left;
	width: 632px;
	height: 144px;
	overflow: hidden;
	margin-bottom: 22px;
}
#body .chunk h3 {
	left: 0;
	margin: 0;
	color: #666;
}
#body .chunk p {
	margin: 1em 0;
	line-height: 1.4;
}
#body .chunk div {
	width: 472px;
	float: left;
	padding: 15px;
}
#body .chunk ol {
	margin-left: 502px;
	padding: 0 15px 15px;
}
#body .chunk li {
	margin: 0 0 1.25em;
	list-style-type: none;
	line-height: 1.2;
}
#body .chunk ol a {
	color: #eee;
	text-decoration: none;
}
#body .chunk ol a:hover {
	text-decoration: underline;
}

#body .wide {
	clear: both;
	background: #f7f7f7;
	margin: 15px -35px;
	position: relative;
	padding: 15px 35px;
	border: 1px solid #d6d6d6;
	border-left: 0;
	border-right: 0;
}


#body .wide h4 {
	margin-top: 0;
}

#body #site-list h4 {
	margin-bottom: .5em;	
}
#body #language-list {
	text-align: center;
}
#body #language-list h4 {
	text-align: left;
}
#body #language-list img {
	margin: 0 3px;
}

#body .learn {
	position: relative;
	margin: 1.5em 0;
}
#body .learn .learnmore-large {
	position: absolute;
	width: 120px;
	left: 450px;
	top: 40%;
}
#body .minilearn {
	width: 375px;
}
#body .minilearn li {
	position: relative;
}
#body .minilearn .learnmore {
	position: absolute;
	top: -2px;
	right: 0;
}

#body .crumbs {
	margin: 0 0 20px;
	padding: 2px 8px;
	height: 20px;
	position: relative;
	left: -42px;
	top: -13px;
	color: #333;
}
#body .crumbs li {
	list-style-type: none;
	float: left;
	margin: 0 .9em 0 0;
	font-size: .917em;
}
#body .crumbs li a {
	color: #666;
	margin-right: .5em;
}
#body .crumbs li a:hover {
	color: #000;
}

#sidebar {
	padding: 30px 35px 0 0;
	width: 180px;
	float: left;
	font-size: .917em;
}
#sidebar form {
	margin-bottom: 2em;
	text-align: right;
}
#sidebar .field {
	width: 174px;
	padding: 2px;
	display: block;
	margin-bottom: 3px;
}
* html #sidebar .field {
	width: 160px;
}
#sidebar h4 {
	margin: 0 0 .5em 0;
}
#sidebar ol {
	list-style-type: none;
	margin: 0 0 2em;
}
#sidebar li {
	margin: 1em 0;
}
#sidebar li a {
	display: block;
	line-height: 1.2em;
}
#sidebar #blog-subscribe {
	text-decoration: none;
}
#sidebar #blog-subscribe img {
	vertical-align: middle;
}
#sidebar #blog-subscribe:hover span {
	text-decoration: underline;
}
#sidebar-sub {
	width: 180px;
	float: left;
	font-size: .917em;
	padding-top: 19px;
}
#sidebar-sub #checklist {
	line-height: 2em;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 -5px;
}
* html #sidebar-sub #checklist {
	border: 0;
}

#sidebar #signup {
	text-align: left;
	width: 160px;
	margin: 45px 0 0 20px;
}
#sidebar #signup label {
	display: block;
	padding-bottom: 3px;
	color: #555;
}
#sidebar #signup .field {
	width: 155px;
}
#sidebar #signup #termsCheckbox * {
	display: inline;
	vertical-align: middle;
}
#sidebar #signup li a {
	display: inline;
}

#body.blog {
	width: 375px;
	padding-right: 40px;
	float: left;
}
#body.blog h3 {
	margin-bottom: .5em;
}
#body.blog h4 {
	font-weight: normal;
	margin: 0 0 1.5em;
	color: #666;
}
html body #body.blog h3,
html body #body.blog h4 {
	left: 0;
}
#body.blog h3 a {
	text-decoration: none;
	color: #f60;
}
#body.blog h3 a:hover {
	text-decoration: underline;
}
#body.blog .metadata {
	font-size: .833em;
	color: #777;
}
#body.blog p.postfooter {
	font-size: .917em;
	color: #555;
}
#body.blog p.postfooter a {
	color: #666;
}
#body.blog .post {
	padding-bottom: 1.5em;
	border-bottom: 1px solid #ddd;
	margin-bottom: 2em;
}
#body.blog .single {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
#body.blog #respond {
	margin-top: 1.5em;
}
#body.blog #comments {
	border-top: 1px solid #d9d9d9;
	padding-top: 20px;
	margin-top: 20px;
}
#body.blog .commentlist {
	list-style: none;
	margin-left: 0;
}
#body.blog .commentlist li {
	width: 375px;
	overflow: auto;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
#body.blog .commentlist li.alt {
	background: #EBEBEB;
	padding: 8px;
	margin: 1.5em -8px;
}
#body.blog .commentlist p {
	margin-top: 0;
}
#body.blog .commentlist small {
	font-size: .917em;
	display: block;
	text-align: right;
}
#body.blog .commentlist small a {
	text-decoration: none;
}
#body.blog .commentlist small a:hover {
	text-decoration: underline;
}
#body.blog #comment {
	width: 363px;
}
#body.blog #sidebar h4 {
	font-weight: bold;
}

#contact ol {
	margin: 0;
}
#contact li {
	list-style-type: none;
	margin: 1em 0;
}
#contact label {
	display: block;
}
#contact textarea {
	width: 379px;
	height: 125px;
	margin-bottom: 5px;
}
#contact #sent {
	display: none;
}
#contact .sent * {
	display: none;
}
#contact .sent #sent {
	display: block;
}

#message {
	width: 600px;
	margin: 0 auto;
	padding: 100px 0;
	text-align: center;
	font-size: 1.25em;
}
#message h3 {
	font-size: 1.5em;
	margin-bottom: .5em;
}

#footer {
	background: #565656 url(/images/bg_footer.gif) no-repeat bottom left;
	padding: 5px 14px;
	position: relative;
}
#footer li {
	display: inline;
	line-height: 2;
	margin-right: 1em;
	font-size: .917em;
}
#footer li a {
	color: #f6f6f6;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}
#footer #footer-openid {
	display: block;
	position: relative;
	padding: 32px 0 0 0;
	overflow: hidden;
	background: transparent url(/images/text_poweredbyopenid-small.gif) no-repeat top left;
	height: 0px !important;
	height /**/: 32px;
	width: 124px;
	position: absolute;
	top: 0;
	right: 10px;
}

.tumblr_title {color: #f60; font-size: 1.25em;}
.tumblr_body  {font-size: 1em; line-height: 1.62em;}
.tumblr_posts, .tumblr_posts li {list-style: none;}