/* Global overrides */

* {
    margin: 0;
    padding: 0;
}

body {
    line-height: 150%;
    font-family: sans-serif;
    /*font-size: 12px;*/
}

p {
    font-size: 13px;
    line-height: 140%;
    margin-bottom: 1em;
}

textarea {
    font-size: 13px;
}

a {
    color: #07c;
    cursor: pointer;
    text-decoration: none;
}

img {
    border: 0;
}

li {
    display: list-item;
}

label {
    display: block;
    font-weight: bold;
}

h1 {
    line-height: 1.4;
    padding-bottom: 10px;
    font-size: 130%;
}

pre {
    overflow: auto;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 100%;
}

#wmd-preview pre {
    background: #feffcc;
    border: 1px solid #ccc;
}

/* Main layout */

#container {
/*
    width: 940px;
    margin: 0 auto;
*/
}

#header {
    /*background: #eee;*/
}

#nav {
    
}

#content {
    float: left;
    width: 710px;
    margin-right: 10px;
}

#sidebar {
    float: left;
    width: 220px;
}

#content .inner,
#sidebar .inner {
    padding: 10px 0;
}

.clear {
    clear: both;
}

.inner {
    padding: 10px;
}

.title-desc {
    font-size: 12px;
    font-style: italic;
}

/* Sort tabs */

.sort-tabs {
    float: right;
}

.sort-tabs a {
    color: #888;
    background: #eee;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 6px;
}

.sort-tabs a:hover {
    color: #fff;
    background: #356FCB;
}

.sort-tabs a.on {
    color: #A40000;
    background: #fff;
}

/* Input forms */

#question_name {
    width: 680px;
    padding: 5px;
}

#question_tags {
    width: 680px;
    padding: 5px;
}

/* Sidebar */

.stickynote {
    background: #ffefc6;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    padding: 10px;
    color: #735005;
}

.stickynote h1 {
    color: #AE0000;
}

/* The listitems */

.short-summary {
    border-top: 1px dotted #CCCCCE;
    float: left;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    width: 710px;
}

.short-summary h2 a {
    color: #2A5594;
    font-family: "Trebuchet MS","segoe ui",arial,sans-serif;
    font-size: 15px;
}

.short-summary .userinfo {
    color: #666;
    float: right;
    margin-top: 8px;
}

.userinfo a,a.userinfo { color: #3060A8; }

.short-summary .counts .item-count {
    font-size: 15px;
    font-weight: bold;
}

.short-summary .votes,.short-summary .status,.short-summary .views {
    -moz-border-radius: 5px 5px 5px 5px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: left;
    font-size: 11px;
    height: 42px;
    margin: 0 6px 0 0px;
    padding: 8px 2px 0;
    text-align: center;
    width: 46px;
}

.short-summary .votes,.short-summary .views { color: #666; }

.short-summary .favorites {
    width: 24px;
    float: left;
    text-align: center;
}

/* Tag listing */

.tagsList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tagsList li {
    float: left;
    width: 235px;
    line-height: 200%;
}

.tags {
    display: block;
    font-family: sans-serif;
    line-height: 200%;
    margin-top: 5px;
}

.tags a,span.tag {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #777;
    font-size: 11px;
    font-weight: normal;
    padding: 0 6px;
    text-decoration: none;
    white-space: nowrap;
}

.tags a:hover {
    background-color: #356FCB;
    color: #FFFFFF;
}

.tag-number {
    font-family: sans-serif;
    font-weight: 700;
}

.answered-by-owner { background: none repeat scroll 0 0 #E9E9FF; }

.accepted-answer {
    background-color: #EBFFE6;
    border-bottom-color: #9BD59B;
}

.answered {
    background: #E5EBF8;
    color: #314362;
}

.answered-accepted,.answer-votes.answered-accepted {
    background: #E6F8DD;
    color: #3A6231;
}

.unanswered {
    background: #F3E3E1;
    color: #6B2B28;
}

.score {
    color: #333;
    font-size: 110%;
    font-weight: bold;
    margin-left: 3px;
}

.user {
    line-height: 140%;
    padding: 5px;
    width: 220px;
}

.user ul {
    list-style-type: none;
    margin: 0;
}

.user .thumb {
    clear: both;
    display: inline;
    float: left;
    margin-right: 4px;
}

/* WMD Editor */

#wmd-button-bar 
{
    width: 680px;
    padding: 10px 0 5px 0;
}

#wmd-input 
{ 
    width: 680px;
    border: 1px solid #d1dbbd;
    color: #666;
    padding: 5px;
    height: 200px;
}

#wmd-preview 
{ 
    overflow: auto;
    background: #f5f5f5;
    width: 682px;
    margin: 5px 0;
    padding: 5px;
}

#wmd-button-row 
{
    position: relative; 
    padding: 0px;  
    height: 20px;
}

.wmd-spacer
{
    width: 1px; 
    height: 20px; 
    margin-left: 14px;
    position: absolute;
    background: #fff;
    display: inline-block; 
    list-style: none;
}

.wmd-button
{
    width: 20px; 
    height: 20px; 
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    background-image: url(images/wmd-buttons.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-block; 
    list-style: none;
}

.wmd-button > a
{
    width: 20px; 
    height: 20px; 
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    display: inline-block; 
}

/* sprite button slicing style information */
#wmd-button-bar #wmd-bold-button    {left: 0px;   background-position: 0px 0;}
#wmd-button-bar #wmd-italic-button  {left: 25px;  background-position: -20px 0;}
#wmd-button-bar #wmd-spacer1        {left: 50px;}
#wmd-button-bar #wmd-link-button    {left: 75px;  background-position: -40px 0;}
#wmd-button-bar #wmd-quote-button   {left: 100px;  background-position: -60px 0;}
#wmd-button-bar #wmd-code-button    {left: 125px;  background-position: -80px 0;}
#wmd-button-bar #wmd-image-button   {left: 150px;  background-position: -100px 0;}
#wmd-button-bar #wmd-spacer2        {left: 175px;}
#wmd-button-bar #wmd-olist-button   {left: 200px;  background-position: -120px 0;}
#wmd-button-bar #wmd-ulist-button   {left: 225px; background-position: -140px 0;}
#wmd-button-bar #wmd-heading-button {left: 250px; background-position: -160px 0;}
#wmd-button-bar #wmd-hr-button      {left: 275px; background-position: -180px 0;}
#wmd-button-bar #wmd-spacer3        {left: 300px;}
#wmd-button-bar #wmd-undo-button    {left: 325px; background-position: -200px 0;}
#wmd-button-bar #wmd-redo-button    {left: 350px; background-position: -220px 0;}
#wmd-button-bar #wmd-help-button    {display: none;}

.wmd-prompt-background
{
    background: #000;
}

.wmd-prompt-dialog
{
    border: 1px solid #999;
    background: #F5F5F5;
}

.wmd-prompt-dialog > form > input[type="text"] {
    border: 1px solid #999;
    color: #000;
}

.wmd-prompt-dialog > form > input[type="button"]{
    border: 1px solid #888;
    font-weight: bold;
}

/* Comment form */
.comment-form {
    display: none;
}

.comment-body {
    width: 500px;
    height: 50px;
}

/* Vote buttons */
.question-meta .meta,
.answer-meta .meta {
    display: block;
    cursor: pointer;
    margin-bottom: 4px;
    width: 24px;
    height: 24px;
}

.total-votes {
    margin-bottom: 4px;
}

.meta.vote-up {
    background: url(images/vote-arrow-up.png) no-repeat;
}

.meta.vote-up:hover,
.meta.vote-up.active {
    background: url(images/vote-arrow-up-on.png) no-repeat;
}

.meta.vote-down {
    background: url(images/vote-arrow-down.png) no-repeat;
}

.meta.vote-down:hover,
.meta.vote-down.active {
    background: url(images/vote-arrow-down-on.png) no-repeat;
}

.meta.fave {
    background: url(images/vote-favorite.png) no-repeat;
}

.meta.fave:hover,
.meta.fave.active {
    background: url(images/vote-favorite-on.png) no-repeat;
}

.meta.accepted {
    background: url(images/vote-accepted.png) no-repeat;
}

.meta.accepted:hover,
.meta.accepted.active {
    background: url(images/vote-accepted-on.png) no-repeat;
}

/* Question and answer author info */

.post-update-info {
    display: inline-block;
    float: right;
    margin-bottom: 5px;
    width: 190px;
}

.post-update-info p {
    font-size: 11px;
    margin: 0 0 4px;
    padding: 0;
}

.post-update-info img {
    float: left;
    margin: 4px 8px 0 0;
    width: 32px;
}

/* Vote boxes */

.answer-meta,
.question-meta {
    float: left;
    width: 40px;
    color: #777;
    font-size: 18px;
    font-weight: bold;
}

.answer-content,
.question-content {
    margin-left: 40px;
    margin-bottom: 20px;
}

.comments {
    padding: 5px 0;
}

.comment-item {
    margin-left: 40px;
    border-top: 1px dotted #ccc;
    padding: 5px;
}

.comment-item:hover {
    background: #f5f5f5;
}

/* Pagination */

.pager {
    padding: 20px 0;
    text-align: center;
}