/*  
Theme Name: OpenID
Theme URI: http://www.openid.net
Version: 1.0
Author: OpenID Foundation

*/

/* WordPress styles */

.alignleft { float:left; margin-right:1em; margin-bottom:1em; }
.alignright { float:right; margin-left:1em; margin-bottom:1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ccc; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; font-style:italic; }
textarea#comment { height: 120px; }

/* universal selectors */
body { color:#333; font:400 small "Lucida Grande","Trebuchet MS", Verdana, sans-serif}
p, li {color:#333; font:400 small "Lucida Grande","Trebuchet MS", Verdana, sans-serif; line-height:1.5em}
p {margin-bottom:1.5em}
ul {margin-left:1.8em; margin-bottom:1.5em}
a {color:#2970cb; text-decoration: none;}
h1 {font:400 2.6em Palatino,Georgia,Times,"Times New Roman", serif; color:#222; margin-bottom:1em}
h2 {font:400 2em Palatino,Georgia,Times,"Times New Roman", serif; color:#222; margin-bottom:1.0em}
div.content h2 {
	margin-bottom:0.6em;
}
h3 {font:400 1.2em "Lucida Grande","Trebuchet MS", Verdana, sans-serif; color:#666; border-bottom:1px solid #ccc; margin-bottom:1.2em}
h4 {font:400 1em "Lucida Grande","Trebuchet MS", Verdana, sans-serif; color: #666; border-top: 1px dotted #999; }
blockquote { margin: 25px 35px; border-left: 5px solid #ccc; padding: 10px; }

/* site-wide structure */
/* Wordpress-Related classes */
div.entry, div.content { margin: 30px 0 0 0; }
div.content.page { margin: 50px 0 0 0 ; }
div.post { margin: 0 0 50px 0; }

div.post h1, h2 {margin-bottom: .2em; }
div.post h5, div.page h5 {font-style: italic; line-height: 1.6em; font-size: 1.2em; font-weight: 400; }

/* Other reused components */
div.subsections { padding: 0px 5px; }
div.sidebar {background: #f4f4f4; padding: 10px; }
div.sidebar h1, div.sidebar h2, div.sidebar h3, div.sidebar h4 { color: #666; }
div.page div.sidebar ul {list-style:none; margin-left:0}
div.page div.sidebar ul li {background:url(images/icons/arrow.png) 0 4px no-repeat; padding:0 0 0 16px; margin-bottom:0.5em; font-weight:800}
div.page div.sidebar ol li { margin: 15px 5px; }
div.exposition { margin-bottom:1.4em; }
div.exposition p {font:400 2em Palatino,Georgia,Times,"Times New Roman", serif; color:#222; margin-bottom: 1.2em; line-height: 1.4em;}
div.narrowcolumn { width: 720px; margin-left: 80px; }

div.presentation { margin-bottom: 30px; }
div.presentation p { color: #999; line-height: 1.3em; margin: 0 0 0 7px; font-size: 0.85em}
div.presentation p a { font-size: 1.1em; }
div.presentation img { border: 1px solid #333; padding: 3px; margin-bottom: 10px; }

div.example { border-bottom: 1px dotted #999;font-size: 0.9em; margin: 20px;}
div.example p { font-style: italic; margin: 5px; font-size: 0.9em; color: #666; }

div.content dl dt, div.content dl dd {
	margin-bottom: 1.2em;	
}
div.content dl dd {
	margin-left: 0;
}
body.slug-mailing-lists div.content dl dt, body.slug-dev-mailing-lists div.content dl dt {font-size: 1.2em;margin-bottom: 0;}
body.slug-mailing-lists div.content dl dt small a, body.slug-dev-mailing-lists div.content dl dt small a {color: #666; font-weight: normal; text-decoration: underline;}
body.slug-libraries div.content dl dt {
	margin-bottom: 0;
}
body.slug-libraries div.content dl dt {
	display: block;
	margin-top: 1.4em;
	font-size: 1.2em;
}
body.slug-libraries div.content dl dd {
	display: inline;
	font-size: 0.8em;
	color: #666;
	margin-bottom: 3px;	
}
body.slug-libraries div.content dl dd.notes {
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: 0;
	display: block;
}
body.slug-libraries div.content dl dd strong {
	font-size: 1.1em;
	margin-right: 1.8em;
	color: #414141;
}

div.see_more { background:#f7f7f7; padding:8px 24px; margin:0 0 24px 0; -moz-border-radius: 6px; -webkit-border-radius:6px; height:2.2em}
div.see_more p { margin: 5px 0px; }

.bios {margin: 0 0 1em; list-style: none;}
.bios h4 {margin: 0 0 .8em; padding: 0; border: none; color: #222; font-size: 13px;}
.bios p {font-size: 12px;}
.bios li {padding: 15px 0 6px; clear: both; border-top: 1px solid #EEE;}
.bios li:first-child {padding-top: 0; border: none;}
.bios img {margin: 0 0 15px 10px !important; display: block; float: right !important;}

p.fieldwrap label { margin-right: 20px; }
input.fmtext { float: right; width: 250px; }

#header { height:60px; text-align:right;}
#header #logo {padding: 10px 0 0 0; text-align:left}
#header #logo a {display:block; overflow:hidden; text-indent:-9999px; background:url(images/logo_openid.png) 0 0 no-repeat #fff;  height:38px}
#header #topnavigation ul {list-style:none; margin:0; padding:15px 0 0 0; height:35px; }
#header #topnavigation li {float:left; border-right:1px solid #ccc;}
#header #topnavigation li.active {background:url(images/nav_active.png) repeat; }
#header #topnavigation li.home a { width:25px; background: url('images/icons/home-icon.png') no-repeat 5px 4px; text-align: left; display: block; overflow: hidden; text-indent: -9999px; }
#header #topnavigation li.home a:hover { background: url('images/icons/home-icon.png') no-repeat 5px -28px; }
#header #topnavigation li.last {border:0}
#header #topnavigation a {display:block; padding:10px 12px; color:#666; text-decoration:none}
#header #topnavigation ul li.active a {color:#000;}
#header #topnavigation a:hover, #header #topnavigation a.on {color:#000; text-decoration:underline}

#header #subnavigation { background: #3c3e40; padding: 0 0 0 0; border: none; margin: 0px;}
#header #subnavigation ul {list-style:none; margin:0; padding:0 0 0 0; height:40px; }
#header #subnavigation li {float:left; margin: 0;}
#header #subnavigation li.active { background: #c9e8fe; }
#header #subnavigation ul li a {display:block; padding:11px 12px; color:#c9e8fe; text-decoration:none}
#header #subnavigation ul li.active a {color: #3c3e40; }
#header #subnavigation ul li a:hover, #header #subnavigation ul li a.on { color:#fff; }
#header #subnavigation #subpages {float: left;}
#header #subnavigation #navlinks { color: #fff; padding: 0 10px 0 0; margin: 0; float: right }
#header #subnavigation #navlinks p { margin: 0; }
#header #subnavigation #navlinks p.links {  padding: 12px 0px; font-size: .85em; color: #fff;}
#header #subnavigation #navlinks p.links a {color:#fff; }

#header #search {}
#header #search form {padding:20px 0 0 0}
#header #search input.txtbx {border:1px solid #ccc; background:url(images/searchbg.png) 0 0 no-repeat #fff; padding:5px 4px; width:150px; -moz-border-radius: 6px; -webkit-border-radius:6px;}
#header #search input.txtbx:focus {background:#ffc}
#header #search input.btn {background:#ccc; border-top:1px solid #d5d5d5; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #d5d5d5; padding:4px; -moz-border-radius: 6px; -webkit-border-radius:6px; text-transform:uppercase}

#footer { font-size:x-small; margin:24px auto; border-top:1px solid #ccc; padding:6px 0}
#footer div#help {text-align:right; }	  
#footer p {font-size:x-small; margin:0; color:#999}
#footer a {text-decoration:none; color:#999}
#footer a:hover {color:#666; text-decoration:underline}
#footer a#feedback {font-weight:800; color:#666;}

#upcoming { background:#fff; padding:24px 0}
#upcoming p {background:#ffc;}
.infobar {background:#f4f4f4; margin-bottom: 1.2em;}
.infobar a {color:#2970cb; text-decoration: underline;}
.infobar a:hover {color: #286fcb;}
.infobar a:visited{color: #3b5998;}
.infobar, #upcoming p {padding:6px 18px; -moz-border-radius: 6px; -webkit-border-radius:6px; margin:0}

div#joinbox {  text-align:center; border: 1px solid #000; padding: 4px;}
div#joinbox div.inner { background:#e8eefa; padding: 38px; }
div#joinbox div.inner p {margin: 5px 0 0 0; font-size: 0.92em; color: #666; line-height:1.4em;}
div#joinbox div.inner p a {color:#000;}
div#joinbox div.inner p.callout {margin: 0 0 1em; font-size: 1em; line-height: 1.5;}
div#joinbox div.inner p.callout a {color: #3976c7;}
div#joinbox div.inner p.divider {margin-top: 1.5em; padding-top: 1em; border-top: 1px solid #CCC;}

.slug-foundation div#joinbox div.inner {padding: 20px;}


/* site-wide content styling */
p.flaglink, p.invertflaglink {text-align:right; padding:0; margin-right:-24px;}
p.flaglink a {padding:4px; background:#90a975; color:#fff; text-decoration:none; text-transform:uppercase; font-size:x-small}
p.invertflaglink a {padding:4px; background:#ecb589; color:#fff; text-decoration:none; text-transform:uppercase; font-size:x-small}
p.flaglink a:hover {background:#ecb589}
p.invertflaglink a:hover {background:#90a975}

p.flaglink2, p.invertflaglink2 {text-align:right; padding:0;}
p.flaglink2 a {padding:4px; background:#90a975; color:#fff; text-decoration:none; text-transform:uppercase; font-size:x-small}
p.invertflaglink2 a {padding:4px; background:#ecb589; color:#fff; text-decoration:none; text-transform:uppercase; font-size:x-small}
p.flaglink2 a:hover {background:#ecb589}
p.invertflaglink2 a:hover {background:#90a975}

p.logoright { background: url(images/openid_small.png) top right no-repeat; padding-right: 42px; }
/* Buttons */
p.button, .button, p.invertbutton, .invertbutton {height:49px; padding:0 24px}
p.button a, a.button {white-space:nowrap; float:left; display:block; height:49px; line-height:39px; padding:0 24px 0 0; background:url(images/buttonend.gif) top right no-repeat; text-decoration:none; color:#343434; text-shadow:0 1px #fff; font-size:1.2em; overflow:hidden}
p.invertbutton a, a.invertbutton {white-space:nowrap; float:left; display:block; height:49px; line-height:39px; padding:0 24px 0 0; background:url(images/invert_buttonend.gif) top right no-repeat; text-decoration:none; color:#343434; text-shadow:0 1px #fff; font-size:1.2em; overflow:hidden}
p.button a span, a.button span {background:url(images/buttonbg.gif) 0 0 no-repeat; height:49px; display:block; padding:0 0 0 24px}
p.invertbutton a span, a.invertbutton span {background:url(images/invert_buttonbg.gif) 0 0 no-repeat; height:49px; display:block; padding:0 0 0 24px}
p.button a:active, a.button:active, p.invertbutton a:active, a.invertbutton:active {background-position:bottom right; line-height:40px}
p.button a:active span, a.button:active span, p.invertbutton a:active span, a.invertbutton:active span {background-position:bottom left}

/* Lists */
ul.arrows {list-style:none; margin-left:0}
ul.arrows li {background:url(images/icons/arrow.png) 0 4px no-repeat; padding:0 0 0 16px; margin-bottom:0.5em; font-weight:800}
.alignright {float:right; margin:0 0 10px 10px}
  
#news ul,
ul.media {list-style:none; margin-left:0}
#news li,
ul.media li {padding-left: 25px; margin-bottom: 0.75em;}
ul.media h4 {margin: 0 0 .5em; border-top: none;}
ul.media .time {font-size: 11px; color: #999;}
li.event {background:url(images/icons/event.png) 0 0 no-repeat}
li.pr  {background:url(images/icons/pr.png) 0 0 no-repeat}	
li.mtg {background:url(images/icons/mtg.png) 0 0 no-repeat}	 
li.doc  {background:url(images/icons/doc.png) 0 0 no-repeat}	 
li.person  {background:url(images/icons/person.png) 0 0 no-repeat} 

ul.posts { list-style: none; margin-left: 0; }
ul.posts li { padding-left: 25px; margin-bottom: 1em; background:url(images/icons/doc.png) 0 4px no-repeat } 
ul.posts li a { font-size: 1.1em; font-weight: bold; }
ul.posts li em { font-size: 0.85em; }
ul.posts li p { color: #999; line-height: 1.3em; margin: 0; font-size: 0.85em }

ul.logos {list-style: none; margin: 0 0 3em;}
ul.logos li {width: 150px; padding: 0 0 0 10px; float: left;}
ul.sustaining li {width: 230px;}
ul.logos li.first {padding-left: 0;}

/* Forms */
form.cform {}
form.cform input { margin: 0 5px; padding: 5px; }
form.cform ol { list-style:none; margin: 0; padding: 0;} 
form.cform ol li { margin: 10px 0; clear: left;}
form.cform ol li label { display: block; float: left; width: 80px; text-align:right; margin: 0px 15px;  padding: 5px 0; }
form.cform textarea { width: 300px; margin: 0 5px; }

form.cform fieldset { display: none; }
span.reqtxt, span.emailreqtxt { font-size: 0.85em; color: #999; font-style: italic;}
.linklove {display:none; }
form.cform input.sendbutton	{ margin-left: 400px; }

div.sidebar form.cform ol li label { margin: 0px 5px;}
div.sidebar form.cform textarea { width: 200px; }
div.sidebar form.cform input.sendbutton {margin-left: 170px; }
div.sidebar form.cform span.reqtxt,
div.sidebar form.cform span.emailreqtxt { font-size: 0.75em; }

div.failure {padding: 5px; border: 1px solid red; color: red;}

/* -- Page-specific styles */
p#foundation-button-joinnow { margin-left: 35px; }
p#foundation-button-joinnow a {padding: 0 40px 0 0; }
p#foundation-button-joinnow a span { padding: 0 0 0 40px; }

div#start-using-your-openid div.instruction p { font:1.4em Palatino,Georgia,Times,"Times New Roman", serif; color:#222; margin:0 0 1.0em 0; line-height: 1.5em;}
div#start-using-your-openid ol li { margin: 10px 0 30px 0; }
div#start-using-your-openid ol li p { font-size: 0.95em; margin: 1em 20px; }

/* Homepage */
#homesections {margin-bottom: 50px;}

/* Get an OpenID */
/* .pop-providers div {background:#e1e1e1;} */
.pop-providers div p {font-size:.8em;padding:5px;}
.pop-providers div div img {margin:0 auto;display:block;vertical-align:bottom;}
.pop-providers div div {height:50px;}
a img { border: 0; }
img.figure { border:2px solid #f7f7f7; }
img.figure-a,img.figure-c { margin-left:auto; margin-right:auto; display:block; }
img.figure-b { float:right; border:0; margin:0 0 6px 6px; }
img.figure-d { float:left; border:0; margin:0 6px 6px 0; }