/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.body{overflow:hidden; _overflow:visible; _zoom:1;}
.page{margin: 0 auto; width: 950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{extends:.page; width: auto;margin:0;}
/* ====== Columns ====== */
.main{overflow: hidden;_overflow:visible;_zoom:1;}
.leftCol{float:left; width:250px;_margin-right:-3px;}
.rightCol{float:right; width: 300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}body{font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color:#AE0345;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */
a { color: #036; font-weight:bold;text-decoration: none }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#005a9c; }
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top;border:1px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either 
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/html {background-color: #C87D4B; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C87D4B', endColorstr='#B85B1F'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#C87D4B), to(#B85B1F)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #C87D4B,  #B85B1F); /* for firefox 3.6+ */}
body {padding-top: 1em; padding-bottom: 2em;}

.clear {clear: both;}
.goog {width: 468px; height: 60px; float: right;}

#centered {margin-left: auto; margin-right: auto; width: 960px;}
#footer {margin-left: auto; margin-right: auto; width: 960px; text-align: center; margin-top: 2em;}

.content {padding-left: 0.5em;}
.alignright {float: right; margin: 0.4em;}
.content .head {margin-bottom: 2em;}

.content {font-family: "Droid Sans", "Bitstream Vera Sans", "Dejavu Sans", sans; font-size: 1.1em;}

.katimg {float: left;}

.header {padding-bottom: 2em; text-align: left; padding-left: 4em; padding-right: 4em; padding-top: 1em; margin-right: 0; color: #4A6395}
.header h1 {font-size: 2.5em; font-family: "Bigshot One", serif; color: #4A6395}
.logo {float: left; margin-right: 2em;}

.page {/* TODO PATH */ background: #FFF url('../img/rightgrad.png') repeat-y right top; color: black; border: 0.15em solid #C87D4B; border-radius: 10px 10px 10px 10px; -web-kit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius:10px; margin-left: 0em;}

.content {/* TODO PATH */ background: #FFF url('../img/topgrad.png') repeat-x top left; border-top-left-radius: 10px; border-bottom-left-radius: 10px; -web-kit-border-radius-topleft: 10px; -web-kit-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-radius-topleft:10px; -khtml-border-radius-bottomleft:10px; padding-bottom: 2em; padding-top: 2em; padding-left: 2em}

.screen-reader-text, .hide {display: none;}

#searchsubmit {background: url("../img/search.png") no-repeat scroll 0 0 #FFFFFF; border: medium none; cursor: pointer; display: block; position: relative; height: 20px; text-indent: -9999px; text-transform: capitalize; top: 22px; left: 130px; width: 20px;}

#q {background: none repeat scroll 0 0 #FFFFFF; width: 110px; border: 1px solid #9E9E9E; padding: 5px 25px 5px 5px; margin-left: 10px; margin-bottom: 10px;}

.content .superhead {margin-bottom: 4em;}
.content .head .date {float: left;}
.content .head .tags {float: right; padding-right: 1em}
.content .head .tags a {display: inline; padding: 0 0.5em 0 0;}

.content h5, .content h6 {color: #627CAF}
.content h3, .content h4 {color: #6B82AF}
.content h1, .content h2 {color: #4A6395}
.content h1 a { color: #4A6395; font-weight: normal; text-decoration: none; cursor: pointer;}
.content h1 a:hover { color: #6B82AF; text-decoration: underline;}


.nav li {margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0.5em; list-style: disc; list-style-position: inside;}
.nav .twitli {list-style: outside url("../img/twit_s.png"); margin-left: 1.9em}
.nav {font-size: 80%}
.nav h2 {color: #4A6395; font-weight: bold;}
.nav .item {border-bottom-style: groove; border-bottom-width: 1px}
.rightCol {width: 170px; border-top-right-radius: 10px; border-right-right-radius: 10px;}

.turners {margin-right: 2em; margin-top: 2em;}
.turners .left {float: left;}
.turners .right {float: right;}

a {font-weight: normal;}

.tag { background: url('../img/tag.png') #f1f18d no-repeat right; padding: 0 29px 0 0; height: 32px; float: right; margin: 0 10px 10px 0;}
.tag a {margin-left: 5px; line-height: 32px;}

.katimg {margin-right: 1.5em; margin-bottom: 1em; margin-left: 1em;}

/*style fixes*/
ul li, ol li {list-style-position: outside; padding-bottom: 0.5em }
ul li {list-style-type: circle}
ol li {list-style-type: decimal}
td, th {padding: 0.3em; border: 1px black solid}
td {background-color: #F8F8F8}
th {background-color: #EEE}

table tr:first-child td {border-top: 0; padding-top: 0.5em}
table tr:last-child td {border-bottom: 0; padding-bottom: 0.5em}
table tr td:first-child {border-left: 0; padding-left: 0.5em}
table tr td:last-child {border-right: 0; padding-right: 0.5em}
table {margin: 1em 5em 1em 5em}

.content {padding-left: 2em; padding-right: 2em;}

.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6, .markdown ul, .markdown ol, .markdown dl, .markdown p, .markdown blockquote {padding: 0}
.markdown .head h1 {padding: 0;}
.markdown p {padding-top: 0.5em; padding-bottom: 0.5em; text-align: justify; line-height: 1.2em;}
.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6 {padding-top: 1em; font-family: "Judson", serif;}
.markdown ul, ol {margin-left: 2em; padding-top: 0.5em; padding-bottom: 0.5em;}
a { color: #6D85B3; font-weight: normal; text-decoration: none; cursor: pointer;}
a:hover { color: #4A6395; text-decoration: underline;}

#disqus_thread {margin-right: 2em;}

.highlight {
    background: none #FFF;
    border: 1px solid #000;
}
.highlight .c {
    color: #886;
    font-style: italic;
}
.highlight .err {
    background-color: #DCC;
    color: #A22;
}
.highlight .k {
    font-weight: bold;
}
.highlight .o {
    font-weight: bold;
}
.highlight .cm {
    color: #886;
    font-style: italic;
}
.highlight .cp {
    color: #888;
    font-weight: bold;
}
.highlight .c1 {
    color: #886;
    font-style: italic;
}
.highlight .cs {
    color: #888;
    font-style: italic;
    font-weight: bold;
}
.highlight .gd {
    background-color: #FCC;
    color: #000;
}
.highlight .gd .x {
    background-color: #F99;
    color: #000;
}
.highlight .ge {
    font-style: italic;
}
.highlight .gr {
    color: #900;
}
.highlight .gh {
    color: #888;
}
.highlight .gi {
    background-color: #CFC;
    color: #000;
}
.highlight .gi .x {
    background-color: #9F9;
    color: #000;
}
.highlight .go {
    color: #888;
}
.highlight .gp {
    color: #666;
}
.highlight .gs {
    font-weight: bold;
}
.highlight .gu {
    color: #007;
    font-weight: bold;
}
.highlight .gt {
    color: #A00;
}
.highlight .kc {
    font-weight: bold;
}
.highlight .kd {
    font-weight: bold;
}
.highlight .kp {
    font-weight: bold;
}
.highlight .kr {
    font-weight: bold;
}
.highlight .kt {
    color: #567;
    font-weight: bold;
}
.highlight .m {
    color: #0AA;
}
.highlight .s {
    color: #D25;
}
.highlight .na {
    color: #077;
}
.highlight .nb {
    color: #07C;
}
.highlight .nc {
    color: #467;
    font-weight: bold;
}
.highlight .no {
    color: #077;
}
.highlight .ni {
    color: #707;
}
.highlight .ne {
    color: #A00;
    font-weight: bold;
}
.highlight .nf {
    color: #A00;
    font-weight: bold;
}
.highlight .nn {
    color: #666;
}
.highlight .nt {
    color: #007;
}
.highlight .nv {
    color: #077;
}
.highlight .ow {
    font-weight: bold;
}
.highlight .w {
    color: #CCC;
}
.highlight .mf {
    color: #0AA;
}
.highlight .mh {
    color: #0AA;
}
.highlight .mi {
    color: #0AA;
}
.highlight .mo {
    color: #0AA;
}
.highlight .sb {
    color: #C25;
}
.highlight .sc {
    color: #C25;
}
.highlight .sd {
    color: #C25;
}
.highlight .s2 {
    color: #C25;
}
.highlight .se {
    color: #C25;
}
.highlight .sh {
    color: #C25;
}
.highlight .si {
    color: #C25;
}
.highlight .sx {
    color: #C25;
}
.highlight .sr {
    color: #0A3;
}
.highlight .s1 {
    color: #C25;
}
.highlight .ss {
    color: #A07;
}
.highlight .bp {
    color: #AAA;
}
.highlight .vc {
    color: #077;
}
.highlight .vg {
    color: #077;
}
.highlight .vi {
    color: #077;
}
.highlight .il {
    color: #0AA;
}