body { font: normal 16px/140% Lucida Grande, Verdana, sans-serif; color:#222; background-color:#fff; background-image:url(/assets/images/tptopbg.jpg); background-repeat:repeat-x;  }
a { color: #023399; background-color: transparent; }
h1 { color: #444; background-color: transparent; border-bottom: 1px solid #D0D0D0; font-size: 16px; font-weight: bold; margin:0 0 5px 0; padding:0; font-size:20px; }
h2 { font-size:20px; margin-bottom:5px; color: #000; font-weight:bold; }
h3 { font-size:18px; color:#222; }
table th, table td { padding-right:2em; }
p { margin-bottom:15px; }

#memberbar { color:#222; font-size:16px; background-color:#f8f8f8; border:1px solid #e1e1e1; font-size:12px; width:100%; margin-bottom:15px; }
#memberbar a { }
#memberbar p { padding:8px 0; }
#memberbar img, #member-bar p {  }
#memberbar img { }
#memberbar ul { display:inline;  }
#memberbar li { display:inline-block; padding:7px 5px; line-height:0; }
#memberbar ul li a { font-size:18px; }

#columnleft { float:left; width:300px; }
#columnright { float:right; width:160px; }
#columnmid { float:right; width:880px; }

#registration_form label { width:180px; }

#user-vehicles th { text-align:left; }
#user-vehicles td { padding-right:2em; text-align:left; }

#site { margin:0 auto; width:1200px; /*background-image:url(/assets/images/tpsitebg.png); background-repeat:repeat-y;*/ }

/*#page { margin:0 auto; width:1024px;  background-color:#fff;  background-image:url(/assets/images/tppagebg.jpg); background-repeat:no-repeat; }*/

/* ///////////// FORMS */
.basic_form fieldset { border:0; }
.basic_form legend { display:none; }
.basic_form div { padding:.3em 0; }
.basic_form label { display:block; float:left; width:100px; }

.error { background-color:#f00; color:#fff; padding:.2em .5em; font-size:80%; margin:.5em 0; display:table; }
.message { background-color:#cf8900; color:#fff; padding:.2em .5em; font-size:80%; margin:.5em 0; display:table; }
.corners { -moz-border-radius:5px; -webkit-border-radius:5px; }
.no_avatar { background-color:#ccc; width:35px; height:35px; }
.tableish { overflow:hidden; margin-bottom:1em; }
.tableish .label { float:left; width:150px; clear:left; font-weight:bold; }
.tableish .data { float:left; }

.vehicle { border-bottom:1px dashed #888; padding:1em; }
.vehicle h2 { font-size:140%; }
.vehicle ul.types li { list-style-type:disc; margin-left:1.1em; }

div.ui-datepicker { font-size:80%; }

#topbar {/* position:relative;*/ height:100px;   }

/* BottomBar */
#bottombar { padding:5px; margin-bottom:15px; margin-top:20px; /*background-image:url(/assets/images/subnavbg.jpg); background-repeat:repeat-x; background-color:#f8f8f8;*/ }

#header { position:relative; margin:0 auto; height:140px; /*background-image:url(/assets/images/tpheader-bg.jpg); background-repeat:repeat-x;*/ }
#header img.logo { padding:12px 0 0 0; }

#login { float:right; width:325px; position:relative; margin-top:30px; padding-right:20px; }
#login label { color:#fff; font-weight:bold; }
#login p { font-size:12px;  }
#login .lost_password { font-size:80%; position:absolute; left:0; top:45px; color:#f8f8f8; }
#login .lost_password a { color:#f8f8f8; }
#login .homesubmit { position:absolute; right:20px; top:45px; }

#loggedin { float:right; width:380px; }

.graphic-header { text-indent:-9999px; height:30px; background-repeat:no-repeat; }
.graphic-header2 { text-indent:-9999px; height:39px; background-repeat:no-repeat; }

/* ///////////// NAVIGATION */
#navigation { /*background-color:#b6b9b1;*/ }
#navigation ul { margin:0 auto; width:980px; }
#navigation ul li { display:inline; }
#navigation ul li a { display:inline-block; padding:5px; margin-right:20px; color:#222; font-weight:bold; text-decoration:underline; font-size:14px; }
#navigation ul li a:hover { }

/* Nav */

#nav { margin-bottom:20px; }
#nav ul { }
#nav ul li { display:inline; }
#nav ul li a { display:inline-block; color:#fff; text-decoration:none; padding:5px 6px; font-weight:bold; background-color:#222; }
#nav ul li a:hover { background-color:#333; }
#nav ul li.loggedin a { background-color:#023399; }
#nav ul li.navav a { padding:0; margin:0; line-height:100%; }

/* SubNav */
#subnav { margin:0 auto; width:980px; }
#subnav p { padding:7px; margin:0; }

/* NavCurrentTabs */
#welcome-page #nav .home a { background-color:#333; }
#blog-page #nav .blog a { background-color:#333; }
#manufacturers-page #nav .manufacturers a { background-color:#333; }
#members-page #nav .members a { background-color:#333; }
#accessories-page #nav .accessories a { background-color:#333; }
#faq-page #nav .faq a { background-color:#333; }
#supporters-page #nav .supporters a { background-color:#333; }
#friends-page #nav .friends a { background-color:#333; }
#register-page #nav .register a { background-color:#333; }

#nav .register a { background-color:#a1b112; }
#nav .register a:hover { background-color:#87950f; }


#footer { clear:both; background-color:#333; }
#footer p { text-align:center; margin:0; color:#fff; padding:10px; }

#tpbottom { margin:0 auto; height:20px; width:1044px; background-image:url(/assets/images/tpbottom.png); background-repeat:no-repeat; }

#model_year_view { float:left; width:860px; }
/*#model_year_view .item { float:left; margin-right:1em; height:200px; }*/
.section { margin-bottom:1em; }

#recent_members .usernames { font-size:70%; }

/* ///////////// THUMBS */

.thumbs { overflow: auto; }
.thumbs .item { padding:2px; border:1px solid #bbb; margin:0 3px 3px 0; float:left; -moz-border-radius:3px; height:100px; }
.thumbs .item:hover { border:1px solid #999; }
.thumbs .item .thumb { display:block; height:75px; font-size:8px; }
.thumbs .item .title { font-size:8px; text-align:center; }
.thumbs .item .title a { overflow:hidden; /*text-decoration:none;*/ width:99px; height:15px; line-height:15px; display:block; font-size:11px; }

/* ///////////// COMMENTS */
.comments { margin-bottom:1em;  }
.comments .comment-box { border:1px solid #aaa; padding:1em; overflow:auto; margin-bottom:.5em; /*-moz-border-radius:6px; -webkit-border-radius:6px;*/ font-size:90%; background-color:#eee; }
.comments .user-info { float:left; width:100px; text-align:center; border-right:dashed 1px #aaa; margin-right:1em; }
.comments .  { margin-bottom:1em; }
.comments .avatar {}
.comments .post-info {}
.comments .datetime { font-size:80%; }
.comments .comment {}

.comment_form { margin-left:50px; }
.comment_form label { display:block; }
.comment_form textarea { width:400px; }

.recent_comments .comment-box { margin-bottom:.5em; background-color:#eee; border:solid 1px #ddd; padding:.2em .5em; /*-moz-border-radius:6px;*/ font-size:90%; color:#3a3c40; }
.recent_comments a { text-decoration:none; }
.recent_comments a:hover { text-decoration:underline; }
.recent_comments .poster { }
.recent_comments .postee { font-size:80%; }

/* ///////////// PAGINATION */
.pagination { overflow:auto; margin:.5em 0; } 
.pagination a { text-decoration:none; }
.pagination a:hover { text-decoration:underline; border:1px solid #bbb; }
.pagination a, .pagination .current { display:block; float:left; padding:.2em .5em; border:1px solid #ccc; margin-right:2px; text-align:center; } 
.pagination .current { border:1px solid #bbb; font-weight:bold; }

/* ///////////// HOME PAGE */
#recent-trucks { background-image: url(/assets/images/headers/mostrecenttrucks.jpg); }
#liked-pics { background-image: url(/assets/images/headers/mostlikedpics.jpg); }
#tp-stats { background-image: url(/assets/images/headers/sitestats.jpg); }
#newest-members { background-image: url(/assets/images/headers/newestmembers.jpg); }
#featured-companies { background-image: url(/assets/images/headers/featuredcompanies.jpg); }
#having-problems { background-image: url(/assets/images/headers/havingproblems.jpg); }
#email-newsletter { background-image: url(/assets/images/headers/emailnewsletter.jpg); }
#recent-blogs { background-image: url(/assets/images/headers/recentblogposts.jpg); }
#recent-posts { position:relative; }
#recent-posts .rss-icon { position:absolute; top:0; right:0; }

/* ///////////// PAGE HEADERS */
#blogheader { background-image: url(/assets/images/headers/blogheader.jpg); }

/* ///////////// PICTURE PAGE */
#picleft { float:left; width:295px; border-right:1px solid #e1e1e1; padding-right:10px; }
#picright { float:right; width:495px; }

/* ///////////// BLOG */
#blog {  }
#blog .post { margin-bottom:20px; }
#blog .posttop { border-top:1px dashed #888; padding-top:1em; overflow:hidden; }
#blog .body {}
#blog .post-image { float:right; }
#blog .post-info { font-size:90%; font-style:italic; }
#blog .read-more { font-size:80%; }
#blog .comment_count { font-size:80%; }
#blog .postindex .comment_count { display:inline; }

/* ///////////// BLOG COMMENTS */
#blog-comments {}

/* ///////////// RECENT BLOG POSTS */
#recent-posts {  }
#recent-posts .post { margin-bottom:1em; overflow:hidden; }
#recent-posts .post-image { float:left; margin-right:.5em; }
#recent-posts .body { font-size:90%; line-height:110%; }
#recent-posts .post-info { font-size:90%; font-style:italic; }
#recent-posts .read-more { font-size:80%; }

/* //////// CPANEL */
#cpanel ul { margin:0 0 1em 1.2em; list-style-type:disc; }

/* //////// ACCESSORIES */
#accessories-page .wrapper { position:relative; }
#accessories-page .parts_menu { font-size:90%; float:right; width:160px; background-color:#f2f8fd; padding:10px; margin-left:10px; }
#accessories-page .parts_menu h2 { font-size:120%; line-height:100%; margin-bottom:.2em; }
#accessories-page .parts_menu ul { margin-bottom:1em; }
#accessories-page .parts_list { float:left; width:650px;  }
#accessories-page .parts_list .item .thumb { text-align:center; height:40px; }
#accessories-page .parts_list .item .title { font-size:90%; }

#accessories-page .description { margin-bottom:15px; font-size:12px; }
#accessories-page .description img { float:right; margin:0 0 1em 1em; }
#accessories-page #vehicles_w_parts {}
#accessories-page #part_reviews { }  
#accessories-page #part_reviews form { margin-left:0; }
#accessories-page #part_reviews form textarea { width:100%; }
#accessories-page #add_to_truck { margin-bottom:15px; }
#accessories-page #vehicles_w_parts { margin-bottom:15px; }

.affiliate p { font-size:16px; }

/* ///////////// Andy's additions */

.fblike { margin-bottom:5px; padding:3px; }

#adsenseleft { float:left; width:120px; }

#welcome { clear:both; padding:10px; background-color:#f8f8f8; border:1px solid #e1e1e1; }

#hi { float:left; width:580px; }

.clear { clear:both; }

.ffirst { float:left; }
.ffirst label { margin:0; font-size:11px; }
.flast { float:right; }
.flast label { margin:0; font-size:11px; }

#hello { float:right; width:400px; background-color:#333; color:#fff; }

#blog, #twocolumn { float:right; width:880px; }
#threecolumn { float:left; width:700px; }

#homecomments { float:right; width:450px; }

#models { background-color:#f2f8fd; padding:10px; }
#models ul li { display:block; font-size:16px; }
#models ul li a { text-decoration:underline;  }

#pic_comments { float:right; width:220px; }
#vehicle_comments { float:left; width:220px; }

#featured_man { font-size:11px; }
#featured_man img { }

.whatsthis { background-color:#feee99; }
.whatsthis p { padding:10px; line-height:140%; border:1px dashed #333; }
.whatsthis p strong { text-decoration:underline; }

/* profile pages */

#profileleft { float:left; width:440px; }
#profileleft .profilepic img { padding:4px; border:1px solid #aaa; }
#profileleft .ppics { }
#profileleft .ppics img { margin:1.5px; padding:1.5px; }
#profileright { float:right; width:420px; }
#profileright .data { float:none; margin:0; }
#profileright .label { float:none; margin:0; }
#profileright .parts_list .image { height:40px; text-align:center; }

#threecolumn {  }


/* supporters page */
#supporters-page { }
#supporters img { float:left; padding:10px; border:1px solid #e1e1e1; margin:10px; }

/* ad code */
#ad120 { float:right; width:120px; }
#ad160 { float:right; width:160px; height:600px; }
#ad728 { margin:0 auto; width:728px; height:90px; }


