body {
    margin: 0;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #555;
    font-size: 16px;
    background-image: url(images/slant2.png);
}

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #0a4a80;
    margin: 0;
}

h2 {
    margin-bottom: 12px;
}

a {
    color: #417311;
}

a:hover {
    color: #417311;
    text-decoration: none;
}

input {
    border: 1px solid #ccc;
    color: #555;
}

input.button {
    color: #fff;
    font-weight: bold;
    background-color: #acacac;
    border: 1px solid #555;
}

textarea {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.error_text {
    color: #ff0000;
    font-size: 14px;
}

fieldset {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

legend {
    color: #555;
    font-weight: bold;
}

input.text {
    width: 200px;
    height: 18px;
    font-size: 16px;
}

blockquote {
    font-style: italic;
    border-left: 1px dotted #ccc;
    padding: 0 0 0 5px;
}

/* Top Nav */

#top_nav {
    width: 770px;
    margin: 0px auto;
    padding: 4px 0px;
    text-align: right;
    font-size: 12px;
}

#top_nav a {
    color: #555;
    text-decoration: none;
    font-size: 12px;
}

/* Header */

#header {
    width: 770px;
    margin: 0px auto;
    padding: 10px 0px;
}

#header h1 {
    margin: 0px;
    padding: 0px 0px 0px 34px;
    font-size: 24px;
    /*color: #f47511;*/
}

#header h2 {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    /*color: #f47511;*/
}

#header a {
    text-decoration: none;
}

#header a:hover {
    text-decoration: none;
    /*color: #f47511;*/
}


/* Menu */

#menu {
    width: 770px;
    margin: -30px auto 20px auto;
    padding: 1px 0px 0px 0px;
    border-bottom: 1px solid #ccc;
}

#menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: right;
}

#menu li {
    display: inline;
}

#menu a {
    padding: 0px 9px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    text-decoration: none;
    font-weight: bold;
}

#menu a:hover {
    background-color: #0a4a80;
    color: #fff;
}


/* Search */
#search {
    width: 770px;
    height: 22px;
    margin: 0px auto;
    text-align: center;
    border: 1px solid #ccc; 
    padding: 4px 0px 4px 0px;
    background-color: #e1e1e1;
}

#search input.text {
    width: 300px;
    height: 15px;
    font-size: 12px;
}

#search select {
    border: 1px solid #ccc;
    color: #555;
}


/* Content */

#content {
    width: 770px;
    margin: 0px auto;
}

#content h2 {
    font-style: normal;
    font-size: 1.2em;
    border-bottom: 2px dotted #ccc;
}

#left {
    float: left;
    width: 770px;
    margin-top: 5px;
}

#left h2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding-left: 10px;
}

#left h2 a {
    /*color: #446ec0;*/
    text-decoration: none;
}


/* Browse Nav */

#browse_nav {
    width: 100%;
    text-align: center;
    margin-bottom: 7px;
}

#browse_nav a {
    color: #0a4a80;
}

#browse_nav a:hover {
    /*color: #f47511;*/
    text-decoration: underline;
}


/* Left Nav */

#left_nav {
    width: 165px;
}

#left_nav a {
    /*color: #446ec0;*/
}

#left_nav a.remove {
    /*color: #446ec0;*/
    font-size: 11px;
    text-decoration: none;
}

#left_nav a:hover {
    text-decoration: underline;
    /*color: #f47511;*/
}

#left_nav h2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: .8em;
    /*color: #f47511;*/
    border: 0;
    text-align: left;
}

#left_nav ul {
    padding-left: 10px;
    margin: 5px 0 0 0;
    list-style-type: none;
}

#left_nav span {
    clear: left;
    float: left;
    margin-right: 8px;
    text-align: right;
    width: 25px;
}


/* Right content */

#right_content {
    float: right;
    width: 590px;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}

#right_content h2 {
    margin: 0px;
    padding: 0px;
    font-size: .8em;
    /*color: #f47511;*/
    border: 0;
    text-align: left;
}

#right_content a {
    /*color: #446ec0;*/
}

#right_content a:hover {
    text-decoration: underline;
    /*color: #f47511;*/
}


/* Tag Cloud */

#tag_cloud {}

#tag_cloud a {
    text-decoration: none;
    /*color: #446ec0;*/
}

#tag_cloud_sort {
    text-align: center;
    font-size: 12px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#tag_cloud_sort a {
    color: #555;
    text-decoration: underline;
}

#tag_cloud_sort h2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 6px 0 -14px 0;
    padding: 0px;
    font-size: .8em;
    /*color: #f47511;*/
    border: 0;
    text-align: left;
    font-size: 14px;
}


/* Tip formatting */

#tip_list {}

#tip_list a {
    color: #555;
    text-decoration: none;
}

#tip_list a:hover {
    color: #555;
    text-decoration: none;
}

#tip_list .single_tip {
    padding: 2px 0 2px 0;
}

#tip_list fieldset:hover { 
    border: 1px solid #8c8c8c;
    cursor: pointer;
}

#tip_list legend a {
    font-size: 16px; 
    color: #5d8a18;
    font-weight: normal;
}

#tip_list .private {
    font-size: 16px; 
    color: #777;
    font-weight: bold;
}

#tip_list p {
    font-size: 16px;
    margin: 0px;
}

#tip_list .tip_data {
    color: #777;
    font-size: 12px;
    margin: 4px 0 0 0;
}


/* Leader list */

#leader_list {}

#leader_list a {
    /*color: #446ec0;*/
    text-decoration: underline;
}

#leader_list p {
    margin: 0;
}

#leader_list legend {
    font-size: 16px; 
    /*color: #f47511;*/
    font-weight: normal;
}

#leader_list legend a {
    /*color: #f47511;*/
    text-decoration: underline;
}


/* Tip Detail */

#tip_detail {
}

#tip_detail p {
    margin: 8px 0 8px 0; 
}

#tip_detail #tags {
    color: #5d8a18;
}

#tip_detail #related_url {
    font-size: 13px;
    margin-bottom: 12px;
    width: 630px;
}

#tip_detail #related_url a {
    /*color: #446ec0;*/
}

#tip_detail #tip_data {
    color: #777;
    font-size: 12px;
    margin: 0 0 10px 0;
}

#tip_detail_menu {
}

#comment_textarea {
    width: 600px;
    height: 60px;
    color: #555;
    font-size: 16px;
}

#tip_edit_buttons {
    text-align: right;
    width:630px;
}

#flag_tip {
    font-size: 11px;
}

#flag_tip a {
    /*color: #446ec0;*/
    text-decoration: none;
}


/* Detail tabs */
#detail_tabs {
    text-align: center;
    padding-top: 15px;
    width: 634px;
}

#detail_tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}

#detail_tabs li {
    display: inline;
    border: 1px solid #ccc;
    padding: 0px 10px 0px 10px;
    margin-right: 2px;
}

#detail_tabs li:hover {
    cursor: pointer;
}

#detail_tabs a {
    text-decoration: none;
}

#detail_tab_content {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 620px;
    padding: 6px;
}

#detail_tab_content .button_container {
    text-align: center;
    padding: 10px;
}

.detail_tab_item {
    display: none;
}


/* Add tip */

#share_text {
    font-size: 12px;
}

#share_text input {
    border: 0;
}


/* Comment formatting */

#comment_list {}

#comment_list .single_comment {
    padding: 12px 0 12px 0;
}

#comment_list p {
    font-size: 18px;
    margin: 0px;
}

#comment_list .comment_data {
    color: #999;
    font-size: 12px;
    border-top: 1px solid #ccc;
    margin: 4px 0 0 0;
}


/* Page numbers */

#page_numbers {
    text-align: center;
}

#page_numbers a {
    text-decoration: none;
    /*color: #446ec0;*/
}

#page_numbers a:hover {
    text-decoration: none;
    /*color: #f47511;*/
}

/* Footer */

#footer {
    clear: both;
    width: 770px;
    margin: 0px auto;
    padding: 20px 0px;
}

#footer p {
    margin: 0px;
    border-top: 1px solid #ccc;
    text-align: center;
    font-size: small;
    color: #ccc;
}

/* Adding a tip */

#tip_textarea {
    width: 600px;
    height: 100px;
    color: #555;
    font-size: 16px;
}

#related_url {
    width: 720px;
    color: #555;
    font-size: 16px;
}

.tip_tags {
    width: 160px;
    color: #555;
    font-size: 16px;
}

/* Random Tips */

#random_tip_container {
    float: right;
}

#random_tip_container h2 {
    margin: 0px;
    padding: 0px;
    font-size: .8em;
    color: #5d8a18;
    border: 0;
    text-align: center;
}

#random_tip_box {
    width: 250px;
    border: 1px solid #ccc;
    margin: 5px; padding: 2px;
    padding: 5px;
    /*background:url("images/slant2.png");*/
}

#random_tip_container a {
    color: #555;
    font-size: 12px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#random_tip_container .tag {
    color: #5d8a18;
}

#random_tip_box a {
    font-size: 14px;
    text-decoration: none;
}

#random_tip_container .attribution {
    text-align: right;
    font-style: italic;
}


/* Leader table */

#outer_leader_table {
    margin: 0 2px 0 0;
    width: 100%;
}

#leader_table {
    width: 100%;
    border: 1px solid #ccc;
}

#leader_table th {
    background-color: #e1e1e1;
}

#leader_table td {
    padding: 2px;
}

#leader_table .leader_table_row_a {
    background: #fff;
}

#leader_table .leader_table_row_b {
    background: #ebebeb;
}


/* FAQ */

#faq {
}

#faq .question {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    font-style: italic;
}

#faq .answer {
    margin-left: 30px;
    margin-bottom: 20px;
}


/* XML icon */
.xml_icon {
    float: right;
    padding: 0px 3px 1px 3px;
    margin-right: 2px;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background-color: #ff6600;
    border: 1px solid; 
    border-color: #ffc8a4 #3f1a01 #3f1a01 #ffc8a4;
    cursor: pointer;
}

.xml_icon_link {
    text-decoration: none;
}

/* Ads */

.banner_ad {
    width: 460px;
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    margin-bottom: 2px;
}

.leaderboard_ad {
    width: 728px;
    height: 90px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    margin-bottom: 2px;
}

.skyscraper_ad {
    width: 120px;
    height: 600px;
    float: right;
    margin-left: 6px;
}

.vertical_banner_ad {
    width: 120px;
    height: 240px;
    float: right;
    margin-left: 6px;
}


/* Misc */

.character_counter {
    text-align: right;
    font-size: 12px;
}

#show_all_link {
    width: 100%;
    text-align: right;
    font-size: 13px;
}

.disabled {
    color: #ccc;
}