/* Links */

body {margin:0;background-image:url('/images/clouds.jpg');background-repeat:no-repeat;color:#3D4447;}
#hd img {float:right;margin-top:10px;}


openid
{
    background-image: url("/images/openid_icon.png");
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

a{
    color:#00ADEE;
    padding:1px;
    text-decoration:none;
}
a:hover {
    background-color:#EB008B;
    color:#fff;
}
a.no_hover {padding:0;}
a.no_hover:hover{background-color:transparent;}

#navigation ul {
    padding:0;
    margin:0;
}

#navigation ul li {
    list-style-type:none;
    margin:0;
    padding:0;
    font-size:123.1%

}

#main_nav li a {display:block;width:100%;padding: 3px;}
#main_nav li a:hover {text-decoration:none;padding: 3px;background-color:#A9E60B;color:#fff;}

.meta ul {
    margin-left:0;
    font-size:85%;
    color:#999;
}

#ft {border-top:1px solid #AAAAAA; padding:2em 0;font-size:123.1%;}

div.post {margin-bottom:30px;}
.meta ul li {list-style-type:none;}

#navigation label {margin-left: 0;}

#navigation h2 {
    background-color:#F8F8F8;
    border:1px solid #AAAAAA;
    color:#4D4D4D;
    padding:0.5em;
    font-weight:normal;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

h1, h2, h3 {color:#000000;}

h1{font-size: 182%;font-weight:normal;}
p, ul.normal li {
    color:#3D4447;
    font-size:123.1%;
}


#q {
    margin:1em 0;
    padding:0.5em 0;
    font-size:123.1%;
    background: #FFFFFF url('/images/zoom_16.png') no-repeat scroll 98% 50%;
    border:1px solid #AAAAAA;
    color:#4D4D4D;
    width:100%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#stackoverflow_badge, #twitter_badge,#facebook_badge {margin-bottom:1em;width:100%;}

.clear {clear:both;}
#about_me_pic {float:left; margin:0 20px 5px 0; border:1px solid #000000;}

div.rss_icon {
    height: 41px;
    width: 40px;
    margin:-10px 10px 0 0;
    padding:0;
    float:right;
    background-image:url("/images/green_rss_icon.png");
}

div.rss_icon a, div.rss_icon a:link, div.rss_icon a:visited {display:block;padding:0;}
div.rss_icon img {
    width:40px;
    height:41px;
    border:0;
}
div.rss_icon a:hover {background-color:transparent;}
div.rss_icon a:hover img {visibility:hidden;}

#flash {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-color:#F8F8F8;
    border:1px solid #AAAAAA;
    color:#4D4D4D;
    font-weight:bold;
    padding:0.5em;
}

/* Forms */
label
{
    margin-left: 1em;
    font-size:123.1%;
}

textarea, input[type="select"],input[type="text"]
{
    font: normal 12px verdana, arial, helvetica, sans-serif;
    border:1px solid #777777;
    padding:8px 2px;
}
textarea:focus, input[type="select"]:focus,input[type="text"]:focus
{
    border-color:#00ADEE;
}

textarea
{
    width: 500px;
}
.error {color:#E90A89;}

#project_summary
{
    height: 150px;
}

#new_comment textarea, #edit_comment textarea
{
    height: 150px;
}
ol.commentlist{margin:0;border-bottom:1px dotted #aaaaaa;}

ol.commentlist li {
    padding:1em;
    list-style-type:none;
    border-top:1px dotted #aaaaaa;
}
ol.commentlist li p {margin:0;}

ol.commentlist li p.comment_sign_off {font-size:85%; color:#aaa;margin-top:1em;}

ol.commentlist li p.comment_sign_off cite {font-weight:bold;}

.alt, .container_alt
{

    background-color: #fafafa;
}


div.comments div.body
{
    padding: 5px;
}
div.comments div.meta
{
    min-height: 0px;
    padding: 0px
}

div.comments div.separator
{
    height: 10px;
}

div.errors
{
    border: solid 1px red;
    background-color: #ffcccc;
    padding: 5px;
    padding-left: 10px;
    width: 485px;
}

div.errors h3
{
    font-size: 1.0em;
}

.fieldWithErrors
{
    display: inline;
}

span.error
{
    font-weight: bold;
}

hr
{
    border-top: dotted 1px black;
    border-bottom: none;
    height: 1px;
}

#preview
{
    height: 200px;
    overflow: auto;
}

.related {
    background-color: #f8f8f8;
    border: 1px solid silver;
    padding: 10px;
}

/* Syntax */


/* TOC */
fieldset.toc
{
    float: right;
    border: dotted 1px black;
    background-color: #fafafa;
    padding: 10px;
    margin-left: 5px;
}

.toc legend
{
    font-weight: bold;
}

.toc ol
{
    margin: 0px;
    padding-left: 0px;
    list-style-position: inside;
}

.toc ol ol
{
    list-style-type: lower-alpha;
    padding-left: 15px;
}

pre.ruby .keyword { color: #c41f1f; }
pre.ruby .constant { color: #961818; }
pre.ruby .comment { color: #f37e00; }
pre.ruby .string { color: #b77c0a; }

/* CODERAY */
.CodeRay {
    background-color: #f8f8f8;
    border: 1px solid silver;
    font-family: 'Courier New', 'Terminal', monospace;
    color: #100;
    margin-bottom: 1em;
}
.CodeRay pre { margin: 0px; font-size: 12px }

div.CodeRay { }

span.CodeRay { white-space: pre; border: 0px; padding: 2px }

table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
table.CodeRay td { padding: 2px 4px; vertical-align: top }

th, td {border:1px solid #AAAAAA;}

.CodeRay .line_numbers, .CodeRay .no {
    background-color: #eaeaea;
    color: gray;
    text-align: right;
}
.CodeRay .line_numbers tt { font-weight: bold }
.CodeRay .no { padding: 0px 4px }
.CodeRay .code { width: 100% }

ol.CodeRay { font-size: 10pt }
ol.CodeRay li { white-space: pre }

.CodeRay .code pre { overflow: auto }
.af { color:#00C }
.an { color:#007 }
.av { color:#700 }
.aw { color:#C00 }
.bi { color:#509; font-weight:bold }
.c  { color:#888 }

.ch { color:#04D }
.ch .k { color:#04D }
.ch .dl { color:#039 }

.cl { color:#B06; font-weight:bold }
.co { color:#036; font-weight:bold }
.cr { color:#0A0 }
.cv { color:#369 }
.df { color:#099; font-weight:bold }
.di { color:#088; font-weight:bold }
.dl { color:black }
.do { color:#970 }
.ds { color:#D42; font-weight:bold }
.e  { color:#666; font-weight:bold }
.en { color:#800; font-weight:bold }
.er { color:#F00; background-color:#FAA }
.ex { color:#F00; font-weight:bold }
.fl { color:#60E; font-weight:bold }
.fu { color:#06B; font-weight:bold }
.gv { color:#d70; font-weight:bold }
.hx { color:#058; font-weight:bold }
.i  { color:#00D; font-weight:bold }
.ic { color:#B44; font-weight:bold }

.il { background: #eee }
.il .il { background: #ddd }
.il .il .il { background: #ccc }
.il .dl { font-weight: bold ! important; color: #888 ! important }

.in { color:#B2B; font-weight:bold }
.iv { color:#33B }
.la { color:#970; font-weight:bold }
.lv { color:#963 }
.oc { color:#40E; font-weight:bold }
.on { color:#000; font-weight:bold }
.op { }
.pc { color:#038; font-weight:bold }
.pd { color:#369; font-weight:bold }
.pp { color:#579 }
.pt { color:#339; font-weight:bold }
.r  { color:#080; font-weight:bold }

.rx { background-color:#fff0ff }
.rx .k { color:#808 }
.rx .dl { color:#404 }
.rx .mod { color:#C2C }
.rx .fu  { color:#404; font-weight: bold }

.s  { background-color:#fff0f0 }
.s  .s { background-color:#ffe0e0 }
.s  .s  .s { background-color:#ffd0d0 }
.s  .k { color:#D20 }
.s  .dl { color:#710 }

.sh { background-color:#f0fff0 }
.sh .k { color:#2B2 }
.sh .dl { color:#161 }

.sy { color:#A60 }
.sy .k { color:#A60 }
.sy .dl { color:#630 }

.ta { color:#070 }
.tf { color:#070; font-weight:bold }
.ts { color:#D70; font-weight:bold }
.ty { color:#339; font-weight:bold }
.v  { color:#036 }
.xt { color:#444 }


.valuable-flair
{
    border:1px solid #AAAAAA;
    background-color: #f8f8f8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 50px;
    padding: 10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.valuable-flair .gravatar
{
    float: left;
}
.valuable-flair .gravatar img
{
    width: 50px;
    -ms-interpolation-mode: bicubic;
    border:1px solid #666;

}
.valuable-flair .gravatar a:hover{background-color:transparent;}
.valuable-flair .userInfo
{
    float: right;
    text-align: right;
}

.valuable-flair .userInfo .username
{
    line-height: 12px;
}
.valuable-flair .userInfo .username a
{
    /*color: #0077CC;*/
    padding:2px;
    font-size:123.1%;
}
.valuable-flair .badge1
{
    color: #ffcc00;
    font-size: 120%;
    margin-left: 3px;
}
.valuable-flair .badge2
{
    color: #c0c0c0;
    font-size: 120%;
    margin-left: 3px;
}
.valuable-flair .badge3
{
    color: #CC9966;
    font-size: 120%;
    margin-left: 3px;
}
.valuable-flair .reputation-score
{
    color: #aaaaaa;
    font-size: 120%;
    font-weight: bold;
    margin-right: 2px;
}
.valuable-flair .badgecount
{
    color: #aaaaaa;
    padding-left: 1px;
}

form.cmxform fieldset {
    margin-bottom: 10px;
}
form.cmxform legend {
    padding: 0 2px;
    font-weight: bold;
}
form.cmxform label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
    margin-left:0;
}
form.cmxform fieldset ol {
    margin: 0;
    padding: 0;
}
form.cmxform fieldset li {
    list-style: none;
    padding: 5px 0;
    margin: 0;
}
form.cmxform fieldset fieldset {
    border: none;
    margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
    padding: 0 0 5px;
    font-weight: normal;
}
form.cmxform fieldset fieldset label {
    display: block;
    width: auto;
}
form.cmxform em {
    font-weight: bold;
    font-style: normal;
    color: #E90A89;
}
form.cmxform label {
    width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
    margin-left: 123px; /* Width plus 3 (html space) */
}