/* Main css file for Pixie. Copyright STRd6 2010 */
@import url(icon.css);
body { background-color: white; color: #333333; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { color: #1084ce; font-family: "Josefin Sans Std Light", Arial, serif; font-weight: normal; letter-spacing: 0.1em; margin: 0 0 0.5em 0; }

h1 { font-size: 2.5em; }

h2 { font-size: 2em; }

h3 { font-size: 1.5em; }

p, label { font-family: Verdana, sans-serif; }

a { color: #db4b00; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

.border { border: 1px solid #bbbbbb; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.container { margin: 0; margin-left: 10px; padding-left: 160px; position: relative; width: auto; }

#sidebar { width: 150px; display: block; left: 0; margin-right: 10px; position: absolute; }
#sidebar #logo { height: 70px; position: relative; }
#sidebar #logo #logo_type { bottom: 0; color: #1084ce; font-size: 32px; height: 40px; letter-spacing: 0.25em; position: absolute; text-align: center; width: 100%; }
#sidebar #logo #logo_type a { font-weight: normal; text-decoration: none; }
#sidebar #logo #logo_type a:visited { color: inherit; }
#sidebar #description { color: #aaaaaa; font-size: 11px; font-style: italic; letter-spacing: 0.1em; margin-top: 20px; text-align: justify; }

#header { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 790px; border-bottom: 1px solid #303030; border-left: 1px solid #303030; display: inline-block; height: 70px; position: relative; }
#header a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #303030; display: inline-block; height: 100%; margin: 0; padding: 0; text-align: left; text-decoration: none; }
#header #nav { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 470px; bottom: 0; display: inline-block; padding-left: 40px; position: absolute; }
#header #nav span { width: 70px; color: #1084ce; display: inline-block; font-weight: bold; margin-right: 10px; text-align: left; text-decoration: none; }
#header #nav span a { border-bottom: 4px solid white; display: inline-block; width: 100%; }
#header #nav span a:hover { border-bottom: 4px solid #303030; }
#header #login_link { width: 310px; bottom: 0; color: #aaaaaa; display: inline-block; padding-bottom: 4px; position: absolute; right: 0; text-align: center; word-spacing: 0.1em; }
#header #login_link a { font-weight: normal; text-align: center; text-decoration: underline; }
#header #login_link a:hover { text-decoration: none; }
#header form.search { border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; background-color: #aaaaaa; padding: 0.5em 1em; position: absolute; right: 0px; top: 0px; }
#header form.search input { display: inline; margin: 0; }
#header form.search input[type="text"] { width: 160px; }
#header form.search input[type="submit"] { padding: 4px 6px; }

#content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 790px; border-right: 1px solid #303030; padding: 20px 30px 0 40px; position: relative; top: -5px; }
#content p { font-family: Verdana, sans-serif; letter-spacing: 0.5px; line-height: 1.8; }

.profile { display: inline-block; width: 350px; position: relative; vertical-align: top; margin-right: 10px; }

#footer { width: 790px; margin-top: 2em; }
#footer center { height: 3em; }

.notice { background-color: #fff6bf; border: 2px solid #ffd324; height: 25px; margin-bottom: 10px; padding: 5px 5px 0; }

#notice { color: #00aa00; border-color: #1084ce; background-color: #ffffcc; }

#error { color: #d62626; border-color: #d62626; background-color: #ffffcc; }

.chunk { width: 20em; float: left; margin-right: 2em; margin-bottom: 2em; padding: 0.5em; background-color: #8fbc8f; }

div.star { background-image: url(../images/icons/star.png); width: 16px; height: 16px; }

div.no-star { background-image: url(../images/icons/star_empty.png); width: 16px; height: 16px; }

.round { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.subnav a { margin-right: 1em; }

.no_border { border: none; }

#chatZone { margin-top: 1em; }

form label, form input, form textarea { font-family: Verdana, sans-serif; font-size: 12px; letter-spacing: 0.5px; }
form label { display: inline-block; font-size: 12px; font-weight: bold; width: 150px; margin-right: 10px; padding-top: 0.5em; text-align: right; vertical-align: top; }
form input[type=text], form input[type=password], form input[type=file], form textarea { width: 310px; margin: 0.5em; padding: 5px; }
form input[type=text]:focus, form input[type=password]:focus, form input[type=file]:focus, form textarea:focus { border-width: 2px; border-color: #1084ce; }
form input[type=text], form input[type=password], form textarea { border: 2px solid #aaaaaa; }
form textarea { height: 160px; }
form input[type=button], form input[type=submit] { display: block; margin-top: 1em; margin-left: 160px; }
form input[type=radio], form input[type=checkbox] { display: inline-block; width: 30px; margin: 0 10px 0 0; }
form input[disabled] { background-color: #efefef; }
form #errorExplanation { color: #d62626; margin-bottom: 1em; }
form #errorExplanation h2 { color: #d62626; }
form .field_with_errors { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; }
form .field_with_errors input { border-color: #d62626; }
form .field_with_errors label { color: #d62626; }

#user_session_password { width: 270px; }

#forgot_password_link { color: black; display: block; font-size: 0.8em; font-weight: normal; margin-left: 210px; text-decoration: underline; }
#forgot_password_link:hover { text-decoration: none; }

#simplemodal-container a.modalCloseImg { background: url(/images/x.png) no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -18px; cursor: pointer; }

#simplemodal-overlay { background-color: black; cursor: wait; }

#simplemodal-container { background-color: white; border: 4px solid #444444; color: black; height: 320px; padding: 12px; width: 600px; }

.modalElement { display: none; }

button, #content a.button { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; margin: 0.7em 0.5em 0.7em 0; border-width: 1px; border-style: solid; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; font-weight: bold; text-decoration: none; cursor: pointer; width: auto; overflow: visible; padding: 4px 10px 3px 7px; background-color: #f5f5f5; border-color: #eeeeee #dedede #dedede #eeeeee; color: #565656; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
button img, #content a.button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }
button[type], #content a.button[type] { padding: 4px 10px 4px 7px; line-height: 17px; }
*:first-child + html button[type], *:first-child + html #content a.button[type] { padding: 4px 10px 3px 7px; }
button:hover, #content a.button:hover { background-color: #dff4ff; border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff; color: #336699; }
button:active, #content a.button:active { background-color: #6299c5; border-color: #72a9d5 #6299c5 #6299c5 #72a9d5; color: white; }
button[disabled], #content a.button[disabled] { color: #aaaaaa; cursor: default; }
button[disabled]:hover, #content a.button[disabled]:hover { color: #aaaaaa; }

#content .comment { margin-bottom: 1.5em; }
#content .comment p.attribution { font-size: 0.8em; margin: 0px; }
#content .comment p.attribution .time { color: #999999; }
#content form.new_comment textarea { height: 80px; }

ul { list-style: none; margin: 0; padding: 0; }
ul.actions { margin-bottom: 1em; }
ul.actions > li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; }
ul.actions .menu .button { margin: 0 !important; }
ul.actions .menu ul { background-color: white; border: 1px solid #666666; margin-top: -1px; position: absolute; width: 200px; z-index: 1023; }
ul.actions .menu ul li { padding-left: 5px; }
ul.actions .menu ul li:hover { background-color: #666666; color: white; }
ul.actions .menu ul li label { font-weight: normal; }
ul.actions .menu ul li input[type="checkbox"] { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; color: #666666; margin: 0; padding: 0; position: relative; vertical-align: top; }

.oauth_providers, .openid_address { position: relative; width: auto; text-align: center; padding: 15px 0px 15px 0px; }

.oauth_providers ul { display: inline-block; list-style-type: none; margin: auto; text-align: center; }
.oauth_providers li { float: left; list-style: none; margin: 0; }

.oauth_provider { position: relative; width: 80px; margin: 0px 30px 0px 30px; text-align: center; }
.oauth_provider input { position: relative; font-size: 1em; margin-bottom: 16px; display: block; margin: auto; }
.oauth_provider img { position: relative; margin-top: -5px; }

.sprite { width: 150px; display: inline-block; height: auto; margin-right: 10px; margin-bottom: 20px; position: relative; vertical-align: top; word-wrap: break-word; }
.sprite img { border: 1px solid #aaaaaa; display: block; margin: 0.5em 0; }
.sprite .favorites { cursor: pointer; display: inline-block; }
.sprite .title a { vertical-align: top; }
.sprite .user { color: #666666; }
.sprite .user a { color: #303030; }

.tags form { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; }
.tags form input { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; }
.tags form input[type=text] { width: 110px; }
.tags form input[type=button], .tags form input[type=submit] { margin: 0; }

.tag { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: white; border: 1px solid #303030; font-weight: bold; margin-right: 5px; padding: 4px 8px; }
.tag:hover { background-color: #666666; color: white; }
.tag:hover a { color: white; }
.tag a { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; color: black; float: left; text-decoration: none; }
.tag .remove { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; cursor: pointer; float: left; font-size: 0.8em; margin-left: 8px; padding-top: 1px; }

.tasks { display: inline-block; width: 350px; position: relative; vertical-align: top; }
.tasks .task { font-size: 1.1em; margin-bottom: 0.5em; position: relative; }
.tasks .task img { vertical-align: top; }
.tasks .task .value { left: 160px; position: absolute; top: 0; }

.extra_info { font-weight: bold; }

.favorite_color .color { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; border: 1px solid #aaaaaa; height: 50px; width: 50px; }