@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0 0 0 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	text-align: center;
	color: #383d44;
	background-color: #f1f1f1;
}

/* links */
/*////////////////////////////////////////////////////////*/

a:link, a:visited {
padding-bottom: 0;
color: #326ea1;
text-decoration: none;
border-bottom: 1px solid #d9d9d9;
}

a:hover {
padding-bottom: 0;
color: #383d44;
border-bottom: 2px solid #d9d9d9;
}

/* page structure */
/*////////////////////////////////////////////////////////*/

#main-body {
	width: 900px;
	padding: 0;
	font-size: 95%;
	line-height: 1.6em;
	text-align: left;
	background-color: #f1f1f1;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	clear: right;
}

#content-wrapper {
	background-color: #f1f1f1;
}

#content {
	width: 600px;
	float: left;
	border-right:1px solid #d9d9d9;
	padding-right:25px;
	margin-bottom: 30px;
}

#sidebar {
width: 245px;
float: right;
margin-left: 2em;
font-size: 90%;
line-height: 1.5em;
color: #666b75;
margin-bottom: 30px;
}

/* header */
/*////////////////////////////////////////////////////////*/

#header {
padding: 0;
font-size: 95%;
border-top: 1px solid #464a52;
background-color: #000; /*31353D*/
}

/* logo */
/*////////////////////////////////////////////////////////*/

#logo {
width: 900px;
margin: 0 auto;
padding: 17px 0 0 0;
text-align: left;
}

#logo span, #logo a {
display: block;
width: 191px;
height: 65px;
padding: 0;
border-style: none;
/*background: url(SimpleBits_files/logo-whitney.gif) no-repeat;*/
}

#logo img  {
display: block;
}

#logo a:hover {
/*background-image: url(SimpleBits_files/logo-hov.gif);*/
}

/* navigation */
/*////////////////////////////////////////////////////////*/

#nav {
width: 900px;
margin: 17px auto 15px auto;
padding: 0;
background-color: #383D44;
border-top: 1px solid #434b57;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;


}

#nav li {
float: left;
margin: 0;
padding: 0;
font-size: 80%;
letter-spacing: 1px;
background-color: #383D44;
text-transform: uppercase;
border-right:1px solid #2d3239;
}

#nav li a {
float: left;
padding: 10px 12px;
text-decoration: none;
color: #eaeaea;
border: none;
background: url(/images/nav-bg.gif) no-repeat bottom right;
}

#nav li a:hover {
color: #fff;
background: #464a52;
}

#nav li a.active {
font-weight: normal;
color: #fff;
background-color:#262a30;
}

/* content */
/*////////////////////////////////////////////////////////*/

blockquote {
font-family: Georgia, serif;
font-size: 107%;
line-height: 1.5em;
color: #666b75;
padding-left: 23px;
}

code {
color: #963;
font-family: Monaco, monospace;
font-size: 120%;
text-align: left;
}

code strong {
color: #630;
}

abbr, acronym, .popup {
font-size: 90%;
letter-spacing: 1px;
font-style: normal;
border-bottom: 1px dotted #dbd5c5;
cursor: help;
}

a abbr {
border: none;
}

em {
font-style: italic;
}

strong {
font-weight: bold;
}

del {
text-decoration: line-through;
color: #666b75;
}

ins {
text-decoration: none;
font-style: normal;
}

address {
margin: 0;
padding: 0;
font-style: normal;
}

/* content styles */
/*////////////////////////////////////////////////////////*/

#content h3 a {
border: none;
}

#content p {
margin: 0 0 20px 0;
}

/* entries */
/*////////////////////////////////////////////////////////*/

#content .entrybody {
margin: 0 0 15px 0;
border-bottom: 1px solid #d9d9d9;
}

#content .entrytitle {
margin: 0 0 5px 0;
background-color:#D9D9D9;
padding:6px;
border-top:1px solid #BFBFBF;
}

#content .entrytitle h3 {
margin: 0;
padding: 0;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 100%;
}

#content .entrytitle p {
margin: 0 0 0 0;
}

#content .entrytitle a {
font-size:14px;
margin-right: 5px;
font-weight: bold;
color: #3d3d3d;
}

#content .entrytitle a:hover {
padding-bottom: 0;	
color: #880b15;
border-bottom: 2px solid #d9d9d9;
}

#content .entrymeta {	
font-size: 95%;
padding: 0px 0 15px 20px;
background: url(images/calendar.gif) no-repeat 0 3px;
}

#content .styled {
text-align:center;
margin-bottom:20px;
}

#content .styled img{
background-color:white;
padding:10px;
border:1px solid #717171;
}

#content .styled embed{
background-color:white;
padding:10px;
border:1px solid #717171;
}

/* lists */
/*////////////////////////////////////////////////////////*/

#content ul, #content ol, #content dl {
margin: 0 0 1.5em 0;
padding: 0;
}

#content ul, #content ol {
margin-left: 20px;
}

#content ol {
padding-left: 20px;
}

#content ul {
list-style: none;
}

#content ul li {
	padding: 0 0 4px 14px;
	line-height: 1.4em;
	list-style-type: square;/*background: url(SimpleBits_files/icon-bullet.gif) no-repeat 0 4px;*/
}

#content dl dt {
font-weight: bold;
}

#content dl dd {
margin: 0 0 15px 0;
padding: 0;
}

#content dl.listing dd em {
display: block;
color: #666b75;
}

/* comments */
/*////////////////////////////////////////////////////////*/

#comments {
font-size: 90%;
}

#content .comments_link {
margin: 0 0 20px 0;
padding: 0 0 0 20px;
/*background:url(images/comments.gif) no-repeat 0 3px;*/
}

#comments textarea {
width: 350px;
}

#comments h3 {
margin: 30px 0 20px 0;
padding: 0 0 3px 0;
border-bottom: 2px solid #dbd5c5;
}

#comments h3#add-com {
margin-bottom: 0;
border-bottom: none;
}

#comments h3#chead a {
float: right;
margin-left: 10px;
padding: 0 0 0 16px;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 70%;
font-weight: normal;
text-transform: none;
letter-spacing: 0;
border: none;
color: #666b75;
background: url(../img/1206/icon-com.gif) no-repeat 0 50%;
}

#comments h3#chead a:hover {
padding-bottom: 0;
color: #383d44;
}

#comments code {
font-size: 118%;
}

#comments span {
color: #999;
}

#comments dl {
margin-top: 0;
}

#commentlist li {
border-bottom: 1px solid #d9d9d9;
padding-top:10px;
}

#content #comments dl dt {
font-weight: normal;
color: #383d44;
padding: 10px 0 8px 54px;
margin: 0;
font-size: 110%;
line-height: 1em;
background: url(../img/1206/comment-dt.gif) no-repeat 20px 100%;
}

#comments dl dt a {
font-weight: bold;
text-decoration: none;
border: none;
}

#comments dl dt a em {
font-weight: normal;
font-style: normal;
font-size: 90%;
color: #EBF4D9;
}

#comments dl dt a:hover {
text-decoration: none;
}

#comments dl dt a:hover em {
color: #666b75;
}

#comments dl dt a.comment-number {
margin-right: 3px;
font-size: 110%;
font-weight: bold;
color: #383d44;
}

#comments dl dt a.comment-number:hover {
color: #929C87;
}

#comments dl dt img {
vertical-align: middle;
}

#comments dl dd {
padding: 20px 20px 8px 20px;
margin: 0 0 20px 0;
font-size: 100%;
color: #383d44;
background: #e6e3d7;
}

#comments dl dd p {
margin: 0;
padding: 0 0 12px 0; 
}

#comments input {
vertical-align: middle;
}

#comments input#author,
#comments input#email,
#comments input#url {
width: 250px;
font-size: 130%;
color: #444;
border: 1px solid #ccc;
}

#comments textarea {
width: 400px;
font-size: 130%;
color: #444;
border: 1px solid #ccc;
}

#comments .note {
font-size: 100%;
}

.commentdate {
padding: 5px 0 5px 20px;
margin-top:3px;
font-size:90%;
background: url(images/calendar.gif) no-repeat 0 5px;
}

.commenttext {
margin: 5px 0 0 0;
}

/* sidebar */
/*////////////////////////////////////////////////////////*/

#sidebar h3 {
margin: 25px 0 12px 0;
padding: 0 0 5px 0;
font-weight: bold;
font-size: 93%;
line-height: 1em;
letter-spacing: 1px;
text-transform: uppercase;
color: #880B15;
border-bottom: 1px solid #d9d9d9;
}

#sidebar h2 {
margin: 25px 0 12px 0;
padding: 0 0 5px 0;
font-weight: bold;
font-size: 93%;
line-height: 1em;
letter-spacing: 1px;
text-transform: uppercase;
color: #880B15;
border-bottom: 1px solid #d9d9d9;
}


#sidebar h3.first {
margin-top: 0;
}

#sidebar h3.featured {
margin-bottom: 0;
border-bottom: 0;
}

#sidebar p {
margin: 0;
padding: 0;
}

#sidebar p.cc {
margin-top: 1em;
}

#sidebar span.dtstart {
padding: 5px 0 5px 20px;
margin-top:3px;
background: url(images/calendar.gif) no-repeat 0 5px;
}

#sidebar ul, #sidebar dl {
margin: 0;
padding: 0;
line-height: 1.5em;
list-style: none;
}

#sidebar #cats li {
margin: 0 0 .5em 0;
padding: 0 0 0 20px;
background: url(images/folder.gif) no-repeat 0 3px;
}

#sidebar #cmembers li {
height:16px;
margin: 0 0 5px 0;
padding: 0 0 0 20px;
background: url(images/people.gif) no-repeat 0 1px;
}

#sidebar .linkcat li {
height:16px;
margin: 0 0 5px 0;
padding: 0 0 0 20px;
background: url(images/people.gif) no-repeat 0 1px;
}

#sidebar #conf li {
height:18px;
margin: 0 0 5px 0;
padding: 0 0 0 20px;
background: url(images/group.gif) no-repeat 0 1px;
}

#sidebar #api li {
height:16px;
margin: 0 0 .5em 0;
padding: 0 0 0 20px;
background: url(images/code.gif) no-repeat 0 0px;
}

#sidebar ul.articles li {
padding-left: 16px;
/*background-image: url(SimpleBits_files/icon-doc.gif);
background-position: 0 2px;*/
}

#sidebar ul li.last {
margin-bottom: 0;
}

#sidebar .summary {
margin-bottom: 2px;
}

#sidebar #meta li{
height:16px;
margin: 0 0 5px 0;
padding: 0px 0 0px 20px;
list-style:none;
/*background: url(/images/page.gif) no-repeat 0 0px;*/
}

#sidebar .appearance {
margin:0 0 10px 0;
}

/* extra styles */
/*////////////////////////////////////////////////////////*/

#search-form input {
vertical-align:middle;
}

#search-form  {
margin:0 0 15px 0;
}



#extra #meta{
margin: 0;
padding: 0 0 0 0;
}

#extra .flickr_badge_image {
float:left;
}

#extra .teaser img {
float:left;
margin-right:7px;
}

#extra .teaser {
margin:0 0 5px 0;
}

#extra {
padding: 25px 0 20px 0;
font-size: 95%;
border-bottom: 1px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
background: #e2e2e2 url(/images/extratile.gif) repeat-x top left;
}

#extra-inner {
width: 990px;
margin: 0 auto;
padding: 0;
text-align: left;
}

#extra h3 {
margin: 0 0 15px 0;
padding: 0;
font-weight: bold;
font-size: 90%;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
color: #383d44;
}

#extra a {

}

#extra h3 span.by {
font-weight: normal;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}

#extra div.extra {
float: left;
width: 300px;
padding:0 15px 15px 0;
}

#extra div.one h3, #extra div.one p {
margin-right: 29px;
}

#extra ul.articles {
margin: 0 29px 0 0;
padding: 0;
font-size: 90%;
line-height: 1.4em;
list-style: none;
}

#extra ul.articles li {
margin: 0 0 6px 0;
padding: 0 0 0 16px;
background: url(icon-doc.gif) no-repeat 0 1px;
}

#extra ul.articles li.last a {
border-bottom: none;
}

#extra dl.teaser dd {
font-size: 90%;
display:block;
}

#extra dl{
display:block;
}

/* footer */
/*////////////////////////////////////////////////////////*/

#footer {
background:#31363e;
margin: 0 auto;
padding: 15px 0 30px 0;
font-size: 95%;
line-height: 1.5em;
text-align: center;
color:#FFF;
}

#footer #f2 {
width:990px;
text-align:center;
margin:auto;
}

#footer .rss{
margin: 0 0 4px 0;
padding: 0 0 0 20px;
background: url(/images/rss.gif) no-repeat 0 0px;
}

#footer-inner {
text-align:center;
padding-left: 43px;
}

#footer p {
margin: 0;
padding: 0;
font-size: 90%;
}

#footer a {
color:#FFF;
}

#footer a.rss {
padding-left: 16px;
background: url(/images/rss.gif) no-repeat 0 0;
}

/* misc. */
/*////////////////////////////////////////////////////////*/

hr, .hide {
display: none;
}

a img {
border: none;
}

#nav ul:after, #main-body:after, #flickr:after, #extra:after, #footer:after, #port:after, #work-simple:after, .prod-feature:after, dl.teaser:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}

/* flickr stream */

#flickr {
	margin: 0;
	}

#flickr img {
	float: left;
	margin: 0 12px 0px 0;
	width: 50px;
	height: 50px;
	padding: 2px;
	border: 3px solid #c9c9c9;
	background: #fffefa;
	}
#flickr a:hover img {
	border-color: #fffefa;
	background: #fffefa;
	}
.picthumb {
	padding: 2px;
	border: 1px solid #666666;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}