html,body {
    background: #fff;
    height: 100%;
    font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif !important;
}
a { 
    text-decoration: underline;
    color: #000;
}
h2 { margin-bottom: 0px; }

a:hover { color: #e75131; }
input[type="submit"] {
    border: 2px solid #e75131;
    background: transparent;
    color: #333;
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
    /*width: 90px;*/
    height: 22px;
    cursor: pointer;
    padding-bottom: 2px;
}
.catchline {
    position: relative;
    top: 60px;
}
.realbig { font-size: 160%; margin-right: -5px; }
.light { color: #AAA; }
.pad { padding: 9px; }
.halfpad { padding: 5px; }
.tightpad { padding: 2px 5px 2px 5px; }
.even { background: #F3F3F3; }
.spaceleft { margin-left: 18px; }
.spaceright { margin-right: 18px; }
.halfsize { font-size: 50%;}
.smallish { font-size: 0.9em; }
.smaller { font-size: 0.7em; }
.doublespacetop { margin-top: 36px; }
.spacetop { margin-top: 18px !important; }
.spacebottom { margin-bottom: 18px; }
.bigtext {
    font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
    font-size: 150%;
    margin-top: 18px;
    color: #333;
}   
.tight { margin-bottom: 0px; margin-top: 0px;}
.orng { color: #e75131; }
.membername { margin-right: 5px; }

#id_message { height: auto; }
#pinpage {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -50px;
}
#recent {
    border-top: 1px dotted #333;
    padding: 9px 0px 9px 0px;
    width: 950px;
    margin: 0 auto;
}
#footer {
    border-top: 1px dotted #333;
    width: 950px;
    margin: 0 auto;
    height: 50px;
    color: #333;
    
}
#cfcol {
    margin-top: 18px;
}
#subnav {
    height: 18px;
    margin-bottom: 18px;
}
#subnav ul {
    float: right;
    margin: 0 20px;
    padding: 0;
}

#subnav ul li {
    display: inline;
    list-style-type: none;
}

#subnav ul a:link, #subnav ul a:visited {
    /*float: left; */
    font-weight: bold;
    text-decoration: none;
    color: #333;
    padding: 4px 20px;
}
#subnav span.subnavclean a { padding-left: 0px; padding-right: 0px; }
#subnav ul li a.tightright { padding-right: 0px; } 
#subnav ul a:hover {
    color: #e75131;
}
#tabhead {
    position: relative;
    background: #fff;
}
#tabhead .logo {
    height: 160px;
}
#tabhead .login {
    position: absolute;
    top: 6px;
    right: 15px;
}
#tabhead .login a, #tabhead .login a:visited {
    color: #000;
}
#tabhead .login a:hover {
    color: #e75131; 
    text-decoration: underline;
}
#tabhead .tabs {
    position: absolute;
    bottom: -1px;
    left: 210px; /* based on width and padding of logo */
}
#tabhead .tabs td {
    vertical-align: bottom;
    padding-right: 0; /* space between tabs */
    padding-bottom: 1px; /* must be same thickness as tab border */
}
#tabhead .tab a, #tabhead .tab a:visited {
    color: #000; /* unselected tab text colour */
    font-weight: bold;
    text-decoration: none;
}
#tabhead .tab a:hover {
    color: #e75131; /* unselected tab text hover colour */
}
#tabhead .tab div {
    padding: 0;
    padding-bottom: 4px;
    padding-top: 5px;
    margin: 0 1px; /* to compensate for border */
    border-bottom: 1px solid black;
}
#tabhead .tab div a {
    padding: 5px 12px;
}
#tabhead .right_tab {
    position: absolute;
    right: 15px;
    bottom: -1px; /* must be same thickness as tab border */
}
#tabhead .right_tab td {
    vertical-align: bottom;
    padding-right: 0; /* space between tabs */
    padding-bottom: 1px; /* must be same thickness as tab border */
}
#tabtable { margin-bottom: 0; }

/* orange tabs for submit button */
#tabhead .otab a, #tabhead .otab a:visited {
    color: #e75131; /* unselected tab text colour */
    font-weight: bold;
    text-decoration: none;
}


/* selected tabs */

#home_tab .tab_home,
#apps_tab .tab_apps,
#sites_tab .tab_sites,
#team_tab .tab_team,
#profile_tab .rtab_profile,
#blogs_tab .rtab_blogs,
#swaps_tab .rtab_swaps,
#photos_tab .rtab_photos,
#projects_tab .rtab_projects,
#discuss_tab .rtab_discuss,
#write_tab .rtab_write,
#edit_tab .rtab_edit,
#submit_tab .rtab_submit,
#read_tab .rtab_read,
#tribes_tab .rtab_tribes,
#tweets_tab .rtab_tweets,
#bookmarks_tab .rtab_bookmarks,
#wiki_tab .rtab_wiki,
#inbox_tab .rtab_inbox,
#locations_tab .rtab_locations
{
    bottom: -1px !important;
    padding-bottom: 0 !important;
}
#home_tab .tab_home a,
#apps_tab .tab_apps a,
#sites_tab .tab_sites a,
#team_tab .tab_team a,
#profile_tab .rtab_profile a,
#blogs_tab .rtab_blogs a,
#swaps_tab .rtab_swaps a,
#photos_tab .rtab_photos a,
#projects_tab .rtab_projects a,
#discuss_tab .rtab_discuss a,
#write_tab .rtab_write a,
#edit_tab .rtab_edit a,
#submit_tab .rtab_submit a,
#read_tab .rtab_read a,
#tribes_tab .rtab_tribes a,
#tweets_tab .rtab_tweets a,
#bookmarks_tab .rtab_bookmarks a,
#wiki_tab .rtab_wiki a,
#inbox_tab .rtab_inbox a,
#locations_tab .rtab_locations a
{
    color: #000 !important; /* selected tab text colour */
}
#home_tab .tab_home div,
#apps_tab .tab_apps div,
#sites_tab .tab_sites div,
#team_tab .tab_team div,
#profile_tab .rtab_profile div,
#blogs_tab .rtab_blogs div,
#swaps_tab .rtab_swaps div,
#photos_tab .rtab_photos div,
#projects_tab .rtab_projects div,
#discuss_tab .rtab_discuss div,
#write_tab .rtab_write div,
#edit_tab .rtab_edit div,
#submit_tab .rtab_submit div,
#read_tab .rtab_read div,
#tribes_tab .rtab_tribes div,
#tweets_tab .rtab_tweets div,
#bookmarks_tab .rtab_bookmarks div,
#wiki_tab .rtab_wiki div,
#inbox_tab .rtab_inbox div,
#locations_tab .rtab_locations div
{
    margin: 0;
    background-color: #FFF !important; /* selected tab colour */
    border-left: 1px solid #666 !important; /* tab border */
    border-top: 1px solid #666 !important; /* tab border */
    border-right: 1px solid #666 !important; /* tab border */
    border-bottom: 1px solid transparent;
    padding-bottom: 5px; /* 1px more than unselected padding-bottom */
}

#submit_tab .rtab_submit a { color: #e75131 !important; }

th {
    background: transparent;
}

/***************************** 
 *
 * topics 
 */
table.topic, table.topics {
    width: 100%;
}
table.topic td, table.topics td {
    vertical-align: top;
    padding: 5px 20px 5px 5px;
}
table.topic td h1, table.topics td h2 {
    margin: 0;
    padding: 0;
}
.responses .even, .topics .even {
    background-color: #F3F3F3;
}
.responses .odd, .topics .odd {
    background-color: #FFF;
}
ul.responses {
    margin: 0px;
    padding: 0px;
}
.responses li { list-style-type: none; }
.responses li p { line-height: 175%; }
td.meta {
    width: 100px;
    margin: 4px;
}
table.newtopic { width: auto;}
table.newtopic tr th { width: 20px; margin-right: 0px; padding-right: 0px;}
div.topic { margin-bottom: 18px; }
div.topiclistitem { margin-bottom: 5px; }
div.topicinfo { float: left; }
div.topictitle { font-size: 150%; }
div.comment_stats { font-size: 85%; }

ul.responses div.topiccreator, div.meta { 
    float: left;
}
ul.responses li {
    padding: 18px 0px 18px 18px;
}

.hidden { display: none; }
.thread-0 { margin-left: 0px; }
.thread-1 { margin-left: 20px; }
.thread-2 { margin-left: 40px; }
.thread-3 { margin-left: 60px; }
.thread-4 { margin-left: 80px; }
.thread-5 { margin-left: 100px; }
.thread-6 { margin-left: 120px; }
.thread-7 { margin-left: 140px; }
.thread-8 { margin-left: 160px; }

table.topics .created {
    color: #999;
    /*font-size: 90%; */
}
table.topics .comment_stats {
    color: #999;
    border-top: 1px solid #CCC;
    /*font-size: 90%; */
}

img.tagimg {
    margin: 3px 5px 0px 0px;
    border: 0;
    padding: 0;
}
/********************
* Profiles
*/
div.left_panel { margin-bottom: 18px; }
div.left_panel a { text-decoration: underline; }
div.friends { background: #FFF; }
div.profile { margin-bottom: 18px; }
a:hover { color: #e75131; }
div.form-toggle { margin-bottom: 18px;}
div.friends div.details a { text-align: center; }

/*************************
* Pieces
*/
.piece-list tr.odd {
    background-color: #f3f3f3;
}
.piece-list td {
    vertical-align: center;
    padding: 9px 3px 9px 9px;
}
.piece-list td p {
    padding: 0;
    margin: 0;
}
.piece-list-title {
    margin-left: 9px;
}
div.piece-text {
    margin-top: 18px;
}
div.works-piece { margin-bottom: 18px; }
div.piece-tags { margin-top: 27px; }
div.commentary-top { 
    margin-top: 18px;
    border-bottom: 1px dotted #666;
}
div.commentary-bottom { 
    margin-top: 18px;
    border-top: 1px dotted #666;
    padding-top: 9px;
}
div.members td { padding: 0px 0px 0px 0px; }
div.members td p { margin-bottom: 0px; }
div.friends td { padding: 0px 0px 0px 0px; }
div.friends td p { margin-bottom: 0px; }
div.tweet { width: auto; }
div.tribes { background: transparent; }

div.body ol li { list-style-type: decimal; }
div.responses ul ol li { list-style-type: decimal; }

textarea#id_final {
    width: 500px;
    height: 500px;
}

#basic-form input, #basic-form textarea, #basic-form select {
    float:left;
    margin:2px 0px 2px 0px;
}