/*
Theme Name: THATgolf Theme
Theme URI: http://www.thatagency.com/THATthemes/
Tags: three column, green, golf
Description: Plug-in ready golf theme from THAT Agency.
Version: 1.4
Author: THAT Agency
Author URI: http://www.thatagency.com/

*/

html {
        overflow-x:hidden;
        }

body,h1,h2,h3,h4,h5,h6,blockquote,p,form {
        margin:0;
        padding:0;
        }

body {
        background:url("images/body_bg.jpg") top center fixed;
        color:#333;
        font-family:Arial, Verdana, Sans-Serif;
        font-size:13px;
        margin:0;
        text-align:center;
        }

#wrapper {
        margin:0 auto;
        text-align:left;
        width:900px;
        }

h1 {
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size:34px;
        padding:15px 0 10px 15px;
        }

h3 {
        padding:15px 0;
        }

h4 {
        padding:0 0 0 15px;
        }

a {
        outline:none;
        }

a:hover {
        color:#333;
        text-decoration:underline;
        }

a img {
        border:none;
        }

a:link,a:visited {
        color:#2361a1;
        text-decoration:none;
        }

/* -------------------- Custom Styles -------------------- */


blockquote {
        background:#FFF;
        border-bottom:2px solid #336120;
        border-top:2px solid #336120;
        color:#333;
        font-family:Helvetica, Arial, Sans-serif;
        font-size:90%;
        font-style:italic;
        margin:23px 30px;
        padding:4px 4px 4px 10px;
        }

code {
        color:#9A2EFE;
        font-family:Courier, monospace;
        }
.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.alignleft {
        float: left;
}

.alignright {
        float: right;
}

img.alignleft {
        float:left;
        padding:0 10px 10px 0;
        }

img.alignright {
        float:right;
        padding:0 0 10px 10px;
        }

.entry p {
        margin:0 0 15px;
        }

.entry blockquote.right {
        background:#f1f0ed;
        border-bottom:2px solid #336120;
        border-left:none;
        border-right:none;
        border-top:2px solid #336120;
        color:#777;
        float:right;
        font-size:14px;
        font-style:normal!important;
        margin:5px 0 5px 15px !important;
        padding:5px;
        text-align:center;
        width:150px;
        }

.entry blockquote.left {
        background:#f1f0ed;
        border-bottom:2px solid #336120;
        border-left:none;
        border-right:none;
        border-top:2px solid #336120;
        color:#777;
        float:left;
        font-size:14px;
        font-style:normal!important;
        margin:5px 15px 5px 0 !important;
        padding:5px;
        text-align:center;
        width:150px;
        }

.entry blockquote.right p,.entry blockquote.left p {
        line-height:1.4em!important;
        margin:0;
        }

.entry img.left {
        border:none;
        clear:left;
        float:left;
        margin:8px 15px 8px 0;
        padding:6px;
        }

.entry img.right {
        border:none;
        clear:right;
        float:right;
        margin:8px 0 8px 15px;
        padding:6px;
        }

.entry img.center {
        border:none;
        clear:both;
        display:block;
        float:none;
        margin:0 auto 23px;
        padding:8px;
        }

.entry img.frame {
        background:#EEE;
        border:1px solid #CCC;
        clear:right;
        float:right;
        margin:8px 0 8px 15px;
        padding:6px;
        }

.entry img.stack {
        clear:none!important;
        }

.archive_head {
        border-bottom:1px dotted #CCC;
        border-top:1px dotted #CCC;
        color:#336120;
        font-family:Helvetica, Arial, Sans-serif;
        font-size:13px;
        font-style:normal;
        margin:25px auto 10px 30px;
        text-align:center;
        }


/* -------------------- Header -------------------- */


#header {
        background:url("images/header_image.jpg") repeat-x top center;
        border-bottom:6px solid #FFF;
        clear:both;
        color:#fff;
        float:left;
        height:120px;
        margin:0;
        padding:0;
        width:100%;
        }

.title {
        color:#FFF;
        margin:0 auto;
        padding:20px 20px 20px 40px;
        text-align:left;
        width:900px;
        }

.title a:hover {
        color:#CCC;
        text-decoration:underline;
        }

.title a:link,.title a:visited {
        color:#FFF;
        text-decoration:none;
        }

/* -------------------- Upper Navigation -------------------- */


#main_navigation {
        background:url("images/nav_back.jpg") repeat-x top center #000;
        border:none;
        clear:both;
        float:left;
        font-family:Georgia, "Arial", Times, serif;
        height:37px;
        text-align:left;
        width:100%;
        }

#main_navigation a {
        color:#FFF;
        font-family:Georgia, "Arial", Times, serif;
        font-size:10pt;
        line-height:16px;
        padding:5px 10px 7px;
        text-decoration:none;
        }

#main_navigation a:hover {
        background:#A1C181;
        color:#FFF;
        text-decoration:none;
        }

#main_navigation ul {
        margin:0 auto;
        padding:5px 0;
        text-align:left;
        width:850px;
        }

#main_navigation ul li {
        display:inline;
        font-size:10pt;
        padding:0;
        }


/* -------------------- Post -------------------- */


#container {
        float:left;
        padding:0;
        width:500px;
        }

.post {
        padding:20px 20px 40px 30px;
        }

.post h2 {
        font-family:Georgia, Sans-serif;
        font-size:22px;
        font-weight:400;
        padding:20px 0 0;
        text-transform:uppercase;
        }

.entry {
        line-height:22px;
        }

.postinfo {
        color:#aaa;
        font-size:11px;
        padding:2px 0 20px;
        }

p.postmetadata a {
        color:#666;
        }

p.postmetadata {
        border-top:1px dotted #CCC;
        color:#BFB8A1;
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size:12px;
        margin:20px 0 0;
        padding:5px 0 0;
        }

p.postmetadata strong {
        color:#666;
        float:right;
        }

.postinfo a,.postdate {
        color:#aaa;
        }

/* -------------------- Next or previous post -------------------- */

.postnav {
        font-size:14px;
        font-weight:700;
        line-height:18px;
        padding:10px 20px 20px 10px;
        }

h2.archive_head {
        background:none;
        border-bottom:1px dotted #CCC;
        font-size:14px!important;
        font-weight:700!important;
        letter-spacing:normal!important;
        margin:0 0 1.8em 10px !important;
        padding:.4em 5px!important;
        text-transform:normal!important;
        }

.navigation {
        text-align:center;
        }

.navigation a {
        margin:0;
        padding:0 10px;
        }

/* -------------------- All Sidebar Styles -------------------- */

.right_sidebar {
        background:url("images/r_sidebar_back.jpg") repeat-x bottom center;
        border-left:1px dotted #CCC;
        display:inline;
        float:left;
        margin:0;
        overflow:hidden;
        padding-bottom:15px;
        padding-top:30px;
        width:180px;
        }

.right_sidebar ul {
        list-style:none;
        margin:0;
        padding:0 10px;
        }

.right_sidebar ul li {
        padding:10px 0 10px 5px;
        }

.right_sidebar ul li h2 {
        border-bottom:1px solid #000;
        color:#000;
        font-family:Georgia, Sans-serif;
        font-size:16px;
        font-weight:400;
        margin:0 10px 10px 0;
        padding:5px 5px 5px 20px;
        text-transform:none;
        }

.right_sidebar ul ul li {
        font-size:12px;
        line-height:24px;
        list-style:url("images/balls.png");
        margin:0 0 0 13px;
        padding:0;
        }

.right_sidebar .syndication .rss {
        height:33px;
        padding-top:12px;
        position:relative;
        width:179px;
        }

.right_sidebar a:link,a:visited {
        color:#336120;
        text-decoration:none;
        }

.right_sidebar a:hover {
        color:#222;
        text-decoration:underline;
        }

table#wp-calendar {
        font-size:10px;
        width:100%;
        }

table#wp-calendar caption {
        font-family:Georgia, Sans-serif;
        font-size:14px;
        text-align:center;
        }

table#wp-calendar a {
        text-decoration:underline;
        }

/* -------------------- Left Column Sidebar -------------------- */

.left_sidebar {
        background:url("images/l_sidebar_back.jpg") repeat-x bottom center;
        display:inline;
        float:left;
        margin:0;
        overflow:hidden;
        padding-bottom:15px;
        padding-top:30px;
        width:190px;
        }

.left_sidebar ul {
        list-style:none;
        margin:0;
        padding:0 5px 0 10px;
        }

.left_sidebar ul li {
        padding:10px 0 10px 5px;
        }

.left_sidebar ul li h2 {
        border-bottom:1px solid #000;
        color:#000;
        font-family:Georgia, Sans-serif;
        font-size:16px;
        font-weight:400;
        margin:0 10px 10px 0;
        padding:5px 5px 5px 20px;
        text-transform:none;
        }

.left_sidebar ul ul li {
        border-bottom:1px dotted #333;
        font-size:11px;
        line-height:18px;
        list-style:url("images/balls.png");
        margin:0 6px 0 10px;
        padding:2px 0;
        }

.left_sidebar a:link,a:visited {
        color:#336120;
        text-decoration:none;
        }

.left_sidebar a:hover {
        color:#222;
        text-decoration:underline;
        }

/* -------------------- Comment Form -------------------- */
#comment-form {
        background:#D0DDC1;
        margin:10px 0 0;
        padding:5px 5px 15px 15px;
        width:425px;
        }

.comments-template a {
        color:#336120;
        text-decoration:underline;
        }

.comments-template a:hover {
        color:#333;
        text-decoration:underline;
        }

.comments-template ol {
        list-style:none;
        margin:0;
        padding:0 0 15px;
        }

.comments-template ol li {
        background:#FFF;
        line-height:18px;
        margin:10px 0;
        padding:10px 0 5px 15px;
        }

.comments-template h2,.comments-template h3 {
        color:#333;
        font-family:Georgia, Sans-serif;
        font-size:16px;
        font-weight:400;
        padding:10px 0 30px;
        }

.commentmetadata {
        color:#CCC;
        font-size:12px;
        padding:20px 0;
        }

.commentmetadata strong {
        font-size:14px;
        }

.comments-template p.nocomments {
        padding:0;
        }

.comments-template input {
        border:1px solid #CCC;
        }

.comments-template textarea {
        border:1px solid #CCC;
        color:#000;
        font-family:Helvetica, Arial, Sans-serif;
        font-size:12px;
        margin:30px 15px 15px 0;
        }

.even {
        background:#f1f0ed;
        border:none;
        }

.alt {
        border:2px solid #f1f0ed;
        }

/* -------------------- Footer Styles -------------------- */

#footer {
        background:url("images/footer_back.png") repeat-x 0 0;
        clear:both;
        color:#FFF;
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size:11px;
        line-height:18px;
        margin:0;
        padding:91px 0 0;
        width:100%;
        }

#footer a:link {
        color:#FFF;
        text-decoration:none;
        }

#footer a:hover {
        color:#CCC;
        text-decoration:underline;
        }

#footer a:visited {
        color:#CCC;
        text-decoration:none;
        }