/*   
Theme Name: T Squared Action Sports
Theme URI: 
Description: A custom theme for the T Squared Action Sports website
Author: Scott Riding, designed by Melanie Burk
Author URI: http://mmburk.com/
Template: thematic
Version: 1.0
Tags:
*/

/***** Global settings ******/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Accessibility */

div.skip-link {
    display: none;
}

/* Backgrounds */

body {
    background: #dbdbda;
}

div#wrapper {
    padding: 15px 0;
}

/* Typography */

div, h1, h2, h3, h4, p, li {
    font-family: Arial Narrow, Arial, sans-serif;
}

a {
    text-decoration: none;
}

/****** Header ******/

div#header-wrapper {
    height: 130px;
    background: black;
}

div#header {
    width: 815px;
    overflow: hidden;
    margin: 0 auto;
}

div#branding {
    width: 797px;
    height: 65px;
    padding-left: 18px;
    background: url(images/logoheader.jpg) no-repeat;
}

div#access {
    width: 797px;
    height: 65px;
    padding-left: 18px;
    background: url(images/menubg.jpg) no-repeat;
}

div#access div.menu li {
    width: 152px;
    padding-top: 26px;
    margin-left: 5px;
    float: left;
    text-align: center;
}

div#access div.menu li:first-child {
    margin-left: 0;
}

div#access div.menu li a {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: bold;
    color: white;
}

div#access div.menu li a:hover, div#access div.menu li.current_page_item a {
    color: #7ebe38;
}

/***** General content *****/

div#main-shadow {
    width: 814px;
    height: 20px;
    margin: 0 auto;
    background: url(images/contenttopbg.jpg) no-repeat;
}

div#main {
    width: 780px;
    margin: 0 auto;
    padding: 0 17px;
    background: url(images/contentbg.jpg) repeat-y;
}

/***** Home page template ******/

div#content {
    overflow: hidden;
}

div#banner {
    width: 610px;
    height: 290px;
    background: #363636;
    float: left;
}

div#banner img {
    position: absolute;
    z-index: 0;
}

div#banner h1, div#blog-description {
    font-size: 16px;
    font-weight: bold;
    width: 510px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    margin-top: 9px;
    padding: 0 50px;
    position: absolute;
    z-index: 1;
}

div#events {
    width: 170px;
    height: 290px;
    background: #a4cf6d;
    float: right;
}

div#events h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: white;
    padding: 15px 0 15px 20px;
    margin-bottom: 10px;
    background: #61833c;
}

div#events div.event-container {
    padding: 0 20px;
    margin-bottom: 10px;
}

div#events p.event-date a {
    font-size: 15px;
    text-transform: uppercase;
    color: black;
}

div#events p.event-date a:hover {
    color: #7ebe38;
}

div#events p.event-text {
    font-size: 14px;
    color: #555;
}

div#home-ads-top {
    height: 60px;
    padding: 10px 25px;
    clear: both;
}

div#home-posts {
    width: 433px;
    padding: 0 15px;
    margin: 0 158px;
    border-left: 1px solid #7ebe38;
    border-right: 1px solid #7ebe38;
    float: left;
}

div#home-posts div.post-container {
    border-bottom: 1px solid #7ebe38;
    padding: 20px 0 30px 0;
    overflow: hidden;
}

div#home-posts div.post-container:last-child {
    border-bottom: none;
}

div#home-posts p {
    margin-bottom: 10px;
}

div#home-posts h3 a {
    font-size: 22px;
    text-transform: uppercase;
    color: #7ebe38;
}

div#home-posts h3 a:hover {
    color: #666; /* Temporary -- choose a better color */
}

div#home-posts p.post-date {
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
}

div#home-posts div.post-text {
    font-size: 15px;
    line-height: 1.3em;
    margin-bottom: 10px;
}

div#home-posts a.read-more-link {
    font-size: 14px;
    text-transform: uppercase;
    color: #7ebe38;
    display: block;
    float: right;
}

div#home-posts a.read-more-link:hover {
    color: #666 /* Temporary */
}

div#home-posts a.comments-link {
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
    display: block;
    float: left;
}

div#home-posts a.comments-link:hover {
    color: #7ebe38;
}

div#home-ad-bottom {
    height: 70px;
    padding: 5px 171px;
    clear: both;
}

div#home-ad-bottom ul li {
    width: 438px;
    height: 60px;
}

/* Sidebars */

div#primary-sidebar {
    width: 136px;
    margin: 0 0 0 -780px;
    padding: 20px 10px;
    float: left;
}

div#secondary-sidebar {
    width: 136px;
    margin: 0 0 0 -157px;
    padding: 20px 10px;
    float: left;
}

li.widgetcontainer {
    margin-bottom: 25px;
}

h2.widgettitle {
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #7ebe38;
}

li.widgetcontainer, .textwidget a {
    font-size: 14px;
    color: #666;
}

li.widgetcontainer ul {
    padding-bottom: 10px;
}

li.widgetcontainer ul li {
    font-size: 14px;
    margin-bottom: 3px;
    color: #666;
}

li.widgetcontainer ul li a {
    color: #666;
}

li.widgetcontainer ul li a:hover {
    color: #7ebe38;
}

/***** Forum template styles *****/

div#forum-banner {
    width: 780px;
    height: 50px;
    background: #7ebe38;
    overflow: hidden;
    margin-bottom: 20px;
}
div#forum-banner h1 {
    font-size: 16px;
    font-weight: bold;
    width: 600px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    margin-top: 16px;
    padding: 0 90px;
    position: absolute;
    z-index: 1;
}

div#forum-ads-top {
    height: 60px;
    padding: 10px 25px;
    clear: both;
}

div#forum-posts {
    width: 592px;
    padding: 0 15px;
    margin: 0 158px 0 0;
    border-right: 1px solid #7ebe38;
    float: left;
}

div#forum-posts div.post-container {
    border-top: 1px solid #7ebe38;
    padding: 20px 0 30px 0;
    overflow: hidden;
}

div#forum-posts div.post-container:first-child {
    border-top: none;
}

div#forum-posts img.alignleft {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

div#forum-posts p {
    margin-bottom: 10px;
}

div#forum-posts h3 a {
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    color: white;
    background: #7ebe38 url(images/forumqbg.png) no-repeat 0 100%;
    padding: 10px 10px 20px 10px;
    display: block;
}

div#forum-posts h3 a:hover {
    color: #666; /* Temporary -- choose a better color */
}

div#forum-posts p.post-question-author {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
}

div#forum-posts div.post-text {
    background: #e1dfdf url(images/forumabg.png) no-repeat 0 100%;
    padding: 10px 10px 10px 10px;
}

div#forum-posts div.post-text p {
    font-size: 15px;
    line-height: 1.3em;
}

div#forum-posts p.post-answer-author {
    margin-top: 2px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
}

div#forum-posts a.comments-link {
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
    display: block;
    float: left;
}

div#forum-posts a.comments-link:hover, .textwidget a:hover {
    color: #7ebe38;
}

div#forum-primary-sidebar {
    width: 136px;
    margin: 0 0 0 -157px;
    padding: 20px 10px;
    float: left;
}

/***** Gear Review template styles *****/

div#gear-banner {
    width: 780px;
    height: 50px;
    background: #363636;
    overflow: hidden;
    margin-bottom: 20px;
}
div#gear-banner h1 {
    font-size: 16px;
    font-weight: bold;
    width: 600px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    margin-top: 16px;
    padding: 0 90px;
    position: absolute;
    z-index: 1;
}

div#gear-ads-top {
    height: 60px;
    padding: 10px 25px;
    clear: both;
}

div#gear-posts {
    width: 592px;
    padding: 0 15px;
    margin: 0 158px 0 0;
    border-right: 1px solid #7ebe38;
    float: left;
}

div#gear-posts div.post-container {
    border-top: 1px solid #7ebe38;
    padding: 20px 0 30px 0;
    overflow: hidden;
}

div#gear-posts div.post-container:first-child {
    border-top: none;
}

div#gear-posts img.alignleft {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

div#gear-posts p {
    margin-bottom: 10px;
}

div#gear-posts h3 a {
    font-size: 22px;
    text-transform: uppercase;
    color: #7ebe38;
}

div#gear-posts h3 a:hover {
    color: #666; /* Temporary -- choose a better color */
}

div#gear-posts p.post-rating {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
}

div#gear-posts p.post-text {
    font-size: 15px;
    line-height: 1.3em;
}

div#gear-posts a.read-more-link {
    font-size: 14px;
    text-transform: uppercase;
    color: #7ebe38;
    display: block;
    float: right;
}

div#gear-posts a.read-more-link:hover {
    color: #666 /* Temporary */
}

div#gear-posts a.comments-link {
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
    display: block;
    float: left;
}

div#gear-posts a.comments-link:hover {
    color: #7ebe38;
}

div#gear-primary-sidebar {
    width: 136px;
    margin: 0 0 0 -157px;
    padding: 20px 10px;
    float: left;
}

/***** Multimedia template styles *****/

div#multimedia-banner {
    width: 780px;
    height: 50px;
    background: #7ebe38;
    overflow: hidden;
    margin-bottom: 20px;
}
div#multimedia-banner h1 {
    font-size: 16px;
    font-weight: bold;
    width: 600px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    margin-top: 16px;
    padding: 0 90px;
    position: absolute;
    z-index: 1;
}

div#multimedia-ads-top {
    height: 60px;
    padding: 10px 25px;
    clear: both;
}

div#multimedia-posts {
    width: 592px;
    padding: 0 15px;
    margin: 0 0 0 158px;
    border-left: 1px solid #7ebe38;
    float: left;
}

div#multimedia-posts div.post-container {
    border-top: 1px solid #7ebe38;
    padding: 20px 0 30px 0;
    overflow: hidden;
}

div#multimedia-posts div.post-container:first-child {
    border-top: none;
}

div#multimedia-posts img.alignleft {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

div#multimedia-posts p {
    margin-bottom: 10px;
}

div#multimedia-posts h3 {
    font-size: 22px;
    text-transform: uppercase;
    color: #7ebe38;
}

div#multimedia-posts p.post-date {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #999;
}

div#multimedia-posts div.post-text {
    background: #e1dfdf url(images/multimediaabg.png) no-repeat 0 100%;
    padding: 10px 10px 10px 10px;
}

div#multimedia-posts div.post-text p {
    font-size: 15px;
    line-height: 1.3em;
}

div#multimedia-primary-sidebar {
    width: 136px;
    margin: 0 0 0 -780px;
    padding: 20px 10px;
    float: left;
}

/***** Show template styles *****/

div#show-banner {
    width: 780px;
    height: 50px;
    background: #4b7530;
    overflow: hidden;
    margin-bottom: 20px;
}
div#show-banner h1 {
    font-size: 16px;
    font-weight: bold;
    width: 600px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    margin-top: 16px;
    padding: 0 90px;
    position: absolute;
    z-index: 1;
}

div#show-posts {
    width: 433px;
    padding: 0 15px;
    margin: 0 158px;
    border-left: 1px solid #7ebe38;
    border-right: 1px solid #7ebe38;
    float: left;
}

div#show-posts div.post-container {
    border-bottom: 1px solid #7ebe38;
    padding: 20px 0 30px 0;
    overflow: hidden;
}

div#show-posts div.post-container:last-child {
    border-bottom: none;
}

div#show-posts p {
    margin-bottom: 10px;
}

div#show-posts h3 a {
    font-size: 22px;
    text-transform: uppercase;
    color: #7ebe38;
}

div#show-posts h3 a:hover {
    color: #666;
}

div#show-posts p.post-date {
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
}

div#show-posts div.post-text p {
    font-size: 15px;
    line-height: 1.3em;
}

div#show-posts p.post-download-link a {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #7ebe38;
}

div#show-posts p.post-download-link a:hover {
    color: #666;
}

div#show-posts a.read-more-link {
    font-size: 14px;
    text-transform: uppercase;
    color: #7ebe38;
    display: block;
    float: right;
}

div#show-posts a.read-more-link:hover {
    color: #666 /* Temporary */
}

div#show-posts a.comments-link {
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
    display: block;
    float: left;
}

div#show-posts a.comments-link:hover {
    color: #7ebe38;
}

/***** Archives page styles *****/

body.archive h1.page-title {
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    text-align: center;
    background: #7ebe38;
    padding: 15px 0;
    margin-bottom: 20px;
}

body.archive div.post {
    margin-bottom: 20px;
    padding: 0 20px;
}

body.archive div.post a {
    color: #7ebe38;
}

body.archive div.post a:hover {
    color: #666;
}

body.archive div.post h2.entry-title {
    padding: 5px 0;
}

body.archive h2.entry-title a {
    text-transform: uppercase;
    color: #7ebe38;
}

body.archive h2.entry-title a:hover {
    color: #666;
}

body.archive div.entry-meta {
    color: #CCC;
    margin-bottom: 10px;
}

body.archive div.entry-content {
    font-style: italic;
    margin-bottom: 10px;
}

body.archive div.entry-utility {
    color: #CCC;
    border-bottom: 1px solid #7ebe38;
    padding-bottom: 5px;
}

/***** Single post styles *****/

body.single div#content {
    padding: 20px;
}

body.single div.post h1.entry-title {
    font-size: 24px;
    font-weight: bold;
    color: #7ebe38;
    text-transform: uppercase;
    text-align: center;
}

body.single div.post div.entry-meta {
    text-align: center;
    color: #666;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #7ebe38;
}

body.single div.post div.entry-meta a {
    color: #666;
}

body.single div.post div.entry-meta a:hover {
    color: #7ebe38;
}

body.single div.post div.entry-content p {
    line-height: 1.2em;
    margin-bottom: 10px;
}

body.single div.post div.entry-content img.alignleft {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

body.single div.post div.entry-content img.alignright {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

body.single div.post div.entry-utility {
    font-size: 13px;
    text-align: center;
    color: #CCC;
    margin-bottom: 10px;
}

body.single div.post div.entry-utility a {
    color: #CCC;
}

body.single div.post div.entry-utility a:hover {
    color: #7ebe38;
}

body.single div#comments-list h3 {
    padding: 5px 0;
    text-align: center;
    color: white;
    background: #7ebe38;
}

body.single div#comments-list ol {
    padding: 20px 20px 10px 20px;
}

body.single div#comments-list ol li {
    margin-bottom: 10px;
}

body.single div#comments-list ol li div.comment-author {
    text-transform: uppercase;
    color: #7ebe38;
    float: left;
    margin-right: 15px;
}

body.single div#comments-list ol li div.comment-meta {
    font-size: 12px;
    color: #CCC;
    padding: 3px;
}

body.single div#comments-list ol li span.unapproved {
    font-size: 14px;
    color: red;
    font-style: italic;
}

body.single div#comments-list ol li div.comment-meta a {
    color: #CCC;
}

body.single div#comments-list ol li div.comment-meta a:hover {
    color: #7ebe38;
}

body.single div#comments-list ol li div.comment-content {
    padding: 10px 0;
    border-bottom: 1px dashed #CCC;
}

body.single div#respond h3 {
    padding: 5px 0;
    text-align: center;
    color: white;
    background: #7ebe38;
    margin-bottom: 20px;
}

body.single div#respond p#login {
    margin-bottom: 20px;
}

body.single div#respond p#login a {
    color: #7ebe38;
}

body.single div#respond p#login a:hover {
    color: #666;
}

body.single div#respond div.form-section {
    margin: 10px 0;
}

body.single div.form-label label {
    text-transform: uppercase;
    color: #7ebe38;
}

body.single div#respond div.form-textarea textarea#comment {
    width: 740px;
    border: 1px solid #7ebe38;
    margin: 0 0 10px 0;
}

body.single div#respond div#form-allowed-tags p {
    font-size: 12px;
    color: #CCC;
}

/***** Ads *****/

div#home-top-1 {
    width: 438px;
    height: 60px;
    float: left;
}

div#home-top-2 {
    width: 234px;
    height: 60px;
    float: right;
}

div#forum-top-1 {
    width: 438px;
    height: 60px;
    float: left;
}

div#forum-top-2 {
    width: 234px;
    height: 60px;
    float: right;
}

div#forum-ad-bottom {
    width: 438px;
    height: 60px;
    margin: 10px 70px;
    clear: both;
}

div#forum-ad-bottom ul li.widgetcontainer {
    width: 438px;
    height: 60px;
    border: 1px dashed #CCC;
}

div#gear-top-1 {
    width: 438px;
    height: 60px;
    float: left;
}

div#gear-top-2 {
    width: 234px;
    height: 60px;
    float: right;
}

div#gear-ad-bottom {
    width: 438px;
    height: 60px;
    margin: 10px 70px;
    clear: both;
}

div#gear-ad-bottom ul li.widgetcontainer {
    width: 438px;
    height: 60px;
    border: 1px dashed #CCC;
}

div#multimedia-top-1 {
    width: 438px;
    height: 60px;
    float: left;
}

div#multimedia-top-2 {
    width: 234px;
    height: 60px;
    float: right;
}

div#multimedia-ad-bottom {
    width: 438px;
    height: 60px;
    margin: 10px 70px;
    clear: both;
}

div#multimedia-ad-bottom ul li.widgetcontainer {
    width: 438px;
    height: 60px;
    border: 1px dashed #CCC;
}

li.ad {
    width: 120px;
    height: 90px;
    position: relative;
    left: 5px;
}

/***** Footer *****/

div#footer-wrapper {
    background: #1f1e1e;
}

div#footer {
    width: 795px;
    margin: 0 auto;
    padding: 0 10px;
    background: #1f1e1e;
    overflow: hidden;
}

div#footer div.footer-container {
    width: 185px;
    height: 100px;
    padding: 20px 40px;
    float: left;
}

div#footer div.footer-container h3 {
    color: white;
    text-transform: uppercase;
    margin-bottom: 5px;
}

div#footer div.footer-container p {
    font-size: 13px;
    line-height: 1.2em;
    color: white;
}

div#footer div.footer-container a {
    color: white;
}

div#footer div.footer-container a:hover {
    color: #7ebe38;
}