/* @group reset.css */
	
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-style:inherit;vertical-align:baseline;font:inherit 100% inherit}
html {overflow-y: scroll}
body{line-height:1;color:#333;background:white}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
	
/* @end */
	
/* @group grid.css */
	
body{text-align:center;margin:0}
.container{text-align:left;position:relative;padding:0;margin:0 auto;width:800px}
.column{float:left;margin:0 5px 0 0;padding:0}
* html .column{overflow-x:hidden}
.border{padding-right:2px;margin-right:2px;border-right:1px solid #ddd}
.span-1{width:35px}
.span-2{width:75px}
.span-3{width:115px}
.span-4{width:155px}
.span-5{width:195px}
.span-6{width:235px}
.span-7{width:275px}
.span-8{width:315px}
.span-9{width:355px}
.span-10{width:395px}
.span-11{width:435px}
.span-12{width:475px}
.span-13{width:515px}
.span-14{width:555px}
.span-15{width:595px}
.span-16{width:635px}
.span-17{width:675px}
.span-18{width:715px}
.span-19{width:755px}
.span-20{width:795px}
.span-21{width:835px}
.span-22{width:875px}
.span-23{width:915px}
.span-24{width:955px;margin:0}
.last{margin-right:0}
.append-1{padding-right:40px}
.append-2{padding-right:80px}
.append-3{padding-right:120px}
.append-4{padding-right:160px}
.append-5{padding-right:200px}
.prepend-1{padding-left:40px}
.prepend-2{padding-left:80px}
.prepend-3{padding-left:120px}
.prepend-4{padding-left:160px}
.prepend-5{padding-left:200px}
.clear{display:inline-block}
.clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .clear{height:1%}
.clear{display:block}
h1,h2,h3,h4,h5,h6, p,ul,ol,dl,pre,form{padding-left:5px;padding-right:5px}
table{margin-left:5px;margin-right:5px}
img{margin:0 0 18px 0}
.pull-1{margin-left:-70px}
.pull-2{margin-left:-140px}
.pull-3{margin-left:-210px}
.push-0{margin:0 0 0 18px;float:right}
.push-1{margin:0 -70px 0 18px;float:right}
.push-2{margin:0 -140px 0 18px;float:right}
.push-3{margin:0 -210px 0 18px;float:right}
	
/* @end */
	
/* @group typography.css */
	
body { 
  font-size: 12px;
  line-height: 18px; /* Do a complete find/replace on "18px" to change this */
}
 
 
/* Default fonts */
h1,h2,h3,
h4,h5,h6  { font-family: "Helvetica Neue", Helvetica, sans-serif; }
body      { font-family: "Lucida Grande", Calibri, Arial, sans-serif; } 
pre       { font-family: Monaco, "Courier New", monospace; } 
code      { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 
 
 
/* Headings
-------------------------------------------------------------- */
 
h1,h2,h3,h4,h5,h6 { 
  color:#111; 
  clear:both; 
}
 
h1 { font-size: 30px; line-height:36px; padding:0 0 18px 0; }
h2 { font-size: 20px; line-height:36px; }
h3 { font-size: 16px; line-height:36px; }
h4 { font-size: 14px; font-weight:bold; }
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 12px; }
 
 
/* Text elements
-------------------------------------------------------------- */
 
p           { margin: 0 0 18px 0; text-align:justify; }
p.last      { margin-bottom:0; }
p img       { float: left; margin:18px 18px 18px 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */
 
ul, ol      { margin: 0 0 18px 0; }
ul          { list-style-type:circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }
 
a           { color: #4475be; text-decoration: underline; outline: none; }
a:hover     { color: #000; }
 
blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }
 
/* Use this to create a horizontal ruler across a column. */
hr {
  background: #B2CCFF; 
  color: #B2CCFF;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 2px;
  margin: 0 0 16px 0;
  border: none; 
}
 
 
/* Tables
-------------------------------------------------------------- */
 
table   { margin-bottom: 16px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height: 13px; padding:2px 4px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }
 
 
/* Some default classes
-------------------------------------------------------------- */
 
p.small   { font-size: 10px; margin-bottom: 18px; }
p.large   { font-size: 14px; line-height:36px; }
p.quiet   { color: #666; }
.hide     { display: none; }
 
 
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
}
	
/* @end */
	
/* @group styles */
	
/* @group Header */
 
#header {
	padding-top: 1.8em;
	margin-bottom: 1.8em;
}
#site-name a {
	text-indent: -1000em;
	background: url(../images/oauth-logo.png) no-repeat 0 0;
	width: 200px;
	height: 60px;
	display: block;
}
#site-description {
	padding-top: 1.4em;
	padding-bottom: 1.4em;
}
#site-description h3 {
	font-size: 2em;
	margin: 0;
	font-weight: normal;
}
#site-description p#read-more {
	text-align: right;
	margin: 6px 0 0;
}
#site-description p#read-more a, #site-description p#read-more a:visited {
	font-size: 1.4em;
	color: #515151;
}
#site-description p#read-more a:hover {
	color: #919191;
}
#site-description {
	background-color: #C8F417;
	border-top: 2px solid #fff;
	color: #444;
}
/* @end */
 
/* @group Navigation */
	
ul.navigation, ul.navigation li {
  list-style: none;
}
ul.navigation li {
  display: inline;
  margin-right: 1.3em;
}
	
#primary {
	line-height: 72px;
	margin-bottom: -24px;
	text-align: right;
}
#primary li {
	padding-bottom: 5px;
}
#primary a {
	color: #444;
	text-decoration: none;
	font-size: 1.2em;
}
#primary li:hover {
	border-bottom: 6px solid #b9d7ff;
}
#secondary {
	padding-top: 7px;
	background-color: #f8fbfd;
}
#secondary ul.navigation {
	margin-bottom: 7px;
}
#secondary ul.navigation li {
	margin-right: 0;
}
#secondary ul.navigation li a {
	color: #515151;
	text-decoration: none;
	padding: 8px 24px 8px 24px;
	margin-left: -4px;
}
#secondary ul.navigation li a.selected {
	background-color: #515151;
	color: #fff;
}
#secondary ul.navigation a:hover {
	background: #e5f1ff;
}
body.advisories #nav-advisories,body.community #nav-community,body.blog #nav-blog,body.code #nav-code,body.about #nav-about,body.documentation #nav-documentation{border-bottom: 6px solid #e5f0ff;}
/* @end */
 
/* @group Main */
 
#main {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #1E250D;
}
#main h2 {
	font-size: 1.8em;
	font-weight: normal;
	padding-left: 0;
	padding-right: 0;	
	margin-bottom: 6px;
}
#main h3 {
	font-size: 1.4em;
	font-weight: normal;
	border-bottom: 4px solid #f7f7f7;
	padding: 0 0 1px;
	margin-bottom: 0.4em;
}
#main h3 .caps {
	font-size: 1.3em;
}
#main .hfeed .hentry {
	list-style: none;
	list-style-type: none;
	margin-bottom: 2em;
	border-bottom: 4px solid #eee;
	padding-bottom: 1em;
	clear: both;
}
#main .hfeed .hentry:last-child {
	border-bottom: none;
}#main .hfeed .hentry .entry-title {
	border-bottom: none;
}
#main hr {
	color: #c4c4c4;
	background-color: #c4c4c4;
	border-color: #c4c4c4;
}
#main p {
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}
#main img {
	max-width: 740px;
}
#main ol {
	margin-left: 1.5em;
}
#main ul {
	margin-left: 1.2em;
	list-style: disc;
}
#main .intro {
	font-size: 1.2em;
	color: #515151;
	border-bottom: 3px solid #f8fbfd;
}
#main .get-started a {
	text-align: center;
	background-color: #0075ff;
	color: #fff;
	display: block;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding: 8px 6px;
	width: 10em;
	font-size: 1.4em;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
}
#main .get-started a:hover {
	background-color: #67acff;
}
#main pre {
	overflow: auto;
}
 
/* @end */
/* @group Footer */
 
#footer {
	color: #666;
	font-size: 11px;
	border-top: 4px double #e7e7e7;
	margin-top: 2em;
	padding-top: 1.2em;
	text-align: center;
}
/*#footer a {
	color: #787878;
	text-decoration: none;
	border-bottom: 1px dotted #787878;
}
#footer a:hover {
	border-bottom: 1px solid #787878;
}*/
 
/* @end */
 
.update, .note, .notice, alert {
margin: 10px 0px 20px;
padding: 5px 20px;
clear: both;
}
.note {
	background: #e6ecf2;
	border-top: 2px solid #8996ad;
	border-bottom: 2px solid #8996ad;
}
.update, .notice {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;	
}
.alert {
	background: #ffbfbf;
	border-top: 2px solid #f33;
	border-bottom: 2px solid #f33;
}
.alert a {
	color:#f00;
}
.alert a:visited {
	color: #f33;
}
	
/* @end */
	
.article-author-box {
	padding: 6px;
	border: 2px solid #e6ecf2;
}