/*
THEME NAME: Other Side
THEME URI: 
DESCRIPTION: The Grass is Greener
VERSION: 1.0
AUTHOR: Gabe
*/

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#main {padding-bottom: 45px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -45px; /* negative value of footer height */
	height: 45px;
	clear:both;} 

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body{
background: #fff url(img/grass2.jpg) top left;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

h1{
margin:0;
}

.page h2{
font-size:16px;
margin:0 0 10px 0;
}

.page h3{
font-size:14px;
margin:0;
}

div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#header {
width:100%;
height:142px;
background:url(img/header.png);
}

div#footer {
width:100%;
padding:0;
background:url(img/opacity.png) fixed top left repeat;
text-align:center;
color:#ccc;
position: relative;
margin-top: -45px; /* negative value of footer height */
height: 45px;
clear:both;
display:block;
left:0;
}
div#menu {
position:relative;
height:20px;
padding-top:6px;
margin:0 auto;
margin-bottom:15px;
}
#categoryMenu{
position:absolute;
top:27px;
left:0;
width:180px;
background:#353535;
display:none;
z-index:100;
}
#categoryMenu li{
clear:left;
background:none;
}
#categoryMenu ul a{
font-weight:normal;
border:0;
}

div#blog-description{
float:right;
}

div#connect{
font-size:11px;
float:right;
margin-top:-12px;
color:#fff;
margin-right:8px;
}

div#connect a{
text-decoration:none;
color:#fff;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
float:left;
display:block;
}

div#menu ul a {
color:#222;
display:block;
margin-top:-6px;
padding:8px 10px;
text-decoration:none;
height:11px;
float:left;
width:auto;
border-right:1px dotted #999;
}

div#menu ul li.current_page_item a {
font-weight:bold;
color:#eee;
border:0;
background:url(img/activeBack.gif);
}
div#menu ul li #categoryMenu a{
background:none;
border:0;
font-size:11px;
font-weight:bold;
margin-top:10px;
color:#ddd;
display:block;
width:170px;
padding:0 0 0 10px;
}
div#menu ul li #categoryMenu a:hover{
color:#fff;
}
.advertInfoLink{
font-size:10px;
text-align:center;
margin:0 auto;
}
.advertInfoLink a{
text-decoration:none;
}
div#menu ul ul ul a {
font-style:italic;
}

a.cat-item{
float:left;
margin:10px 7px 0 0;
list-style-type:none;
background:#fff;
position:relative;
border:6px solid #fff;
width:225px;
height:132px;
overflow:hidden;
display:block;
text-decoration:none;
}

.catdesc{
width:205px;
height:122px;
padding:5px 10px;
background:transparent url(img/opacity.png) repeat;
color:#fff;
position:absolute;
top:104px;
left:0;
text-decoration:none;
font-size:12px;
}

.cattitle{
width:200px;
height:18px;
font-family:century gothic, lucida grande, lucida sans, sans serif;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

.bottom-line{
width:225px;
position:absolute;
bottom:0;
left:6px;
height:6px;
background:#fff;
z-index:100;
}

a.cat-item-305, .episodemenu-305{background:#fff url(img/catButtons/newEpisodes.png) no-repeat}
a.cat-item-220, .episodemenu-220{background:#fff url(img/catButtons/golfCommentary.png) no-repeat}
a.cat-item-218, .episodemenu-218{background:#fff url(img/catButtons/golfEquipment.png) no-repeat}
a.cat-item-43, .episodemenu-43{background:#fff url(img/catButtons/golfEtiquette.png) no-repeat}
a.cat-item-217, .episodemenu-217{background:#fff url(img/catButtons/golfStrategy.png) no-repeat}
a.cat-item-215, .episodemenu-215{background:#fff url(img/catButtons/golfSwing.png) no-repeat}
a.cat-item-237, .episodemenu-237{background:#fff url(img/catButtons/greatGolfBooks.png) no-repeat}
a.cat-item-222, .episodemenu-222{background:#fff url(img/catButtons/greatGolfHoles.png) no-repeat}
a.cat-item-219, .episodemenu-219{background:#fff url(img/catButtons/promosExtras.png) no-repeat}
a.cat-item-221, .episodemenu-221{background:#fff url(img/catButtons/PGA.png) no-repeat}
a.cat-item-214, .episodemenu-214{background:#fff url(img/catButtons/shortGamePutting.png) no-repeat}
a.cat-item-33, .episodemenu-33{background:#fff url(img/catButtons/theCaddyProject.png) no-repeat}


div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}


div#content{
margin:0 auto;
width:979px;
}

form#commentform .form-label {
margin:0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

a{
color:#666;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 7px 0;
padding:10px 0;
list-style:none;
float:left;
border-bottom:1px solid #f2f2f2;
}

div.comments ol {
margin:0;
padding:0;
}

div#comments {
clear:both;
width:598px;
float:left;
}

div.commentsContent{
display:none;
float:left;
clear:both;
background:#fff;
width:598px;
}
textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:568px;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}



div#nav-images {
height:150px;
margin:1em 0;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
width:auto;
display:block;
}

input#author,input#email,input#url {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}
.cattitle1{
width:214px;
height:18px;
font-family:century gothic, lucida grande, lucida sans, sans serif;
font-size:14px;
font-weight:bold;
top:94px;
position:relative;
background:url(img/opacity.png) repeat;
padding:5px;
color:#fff;
}

.navBut{
padding:2px;
border-width:0 0 1px 0;
font-size:11px;
height:13px;
overflow:hidden;
width:281px;
float:left;
white-space:nowrap;
}
.backBut{
background:url(img/backarrow.gif) 2px center no-repeat;
padding-left:14px;
padding-right:2px;
border-right:1px solid #ddd;
}
.forwardBut{
background:url(img/forwardarrow.gif) right center no-repeat;
padding-right:11px;
padding-left:4px;
float:right;
}
#craigEndorses{
float:left;
}
#craigEndorses img{
margin:6px 4px 0 4px;
border:0;
}
.navBut a{
display:block;
width:100%;
text-decoration:none;
}
.navBut a:hover{
color:#222;
}
ul.episodelist{
width:225px;
height:329px;
overflow:auto;
margin:0;
padding:0;
font-size:11px;
background:#fff;
}
.episodeMenu{
height:122px;
}
.categoryPanel{
float:left;
}
ul.episodelist li{
width:100%;
list-style:none;
height:auto;
margin-left:0;
border-bottom:1px dotted #ddd;
}
ul.episodelist li.current{
background:#eee;
}
ul.episodelist li a{
color:#444;
text-decoration:none;
display:block;
padding:5px;
font-weight:normal;
font-variant:small-caps;
}
ul.episodelist li.current a{
color:#222;
}
ul.episodelist li a:hover{
background:#f0f0f0;
}
.episodeCount{
width:213px;
padding:4px 6px 0 6px;
background:#222;
color:#ccc;
display:block;
height:20px;
}
.changeCategory{
float:right;
display:block;
font-size:10px;
}
.changeCategory a{
color:#fff;
}
.episode{
width:598px;
height:475px;
padding:0;
background:#fff;
float:left;
position:relative;
}
.episodewrap{
height:428px;
float:left;
}
.EpisodeTitle{
float:left;
font-size:16px;
padding:0 0 3px 8px;
width:465px;
color:#222;
font-weight:bold;
font-family:century gothic, lucida grande, lucida sans, sans serif;
}
.EpisodeDate{
float:right;
font-size:11px;
margin-top:4px;
padding:0 8px 2px 0;
color:#222;
}
.newsitem{
margin:0;
padding:15px;
}
.newsitem a{
font-size:12px;
font-weight:bold;
color:#5c9111;
}
*:focus { outline: none }
.windowbox{
float:left;
width:auto;
}
.commentsheader{
font-size:14px;
color:#222;
overflow:hidden;
padding-left:5px;
width:587px;
}
.commentBalloon {
background:transparent url(img/commentsBalloon.png) repeat scroll 0 -1px;
color:#ccc;
float:left;
font-size:15px;
font-weight:bold;
height:18px;
padding-left:14px;
text-align:center;
width:28px;
cursor:pointer;
margin-top:3px;
}
.newsbox{
float:left;
margin-bottom:5px;
background:#fff;
}
.newsbox #commentsbox{
float:left;
}

.newsbox #commentsbox .commentsheader{
float:left;
width:950px;
margin-bottom:10px;
}
.newsItem li{
margin:10px 20px;
}
.sponsorsheader{
font-weight:bold;
padding:5px 5px 0 5px;
font-size:15px;
color:#ddd;
width:133px;
}
.backerbox{
margin-top:10px;
float:left;
background:#fff;
border:5px solid #fff;
margin-bottom:50px;
}
.page .backerbox{
width:979px;
}
#cat{
font-size:10px;
height:19px;
width:140px;
}
.episode p{
margin:3px 8px;
font-size:11px;
line-height:1.3em;
color:#333;
}
.commentcounter{
font-size:10px;
color:#999;
}
#commentCount{
cursor:pointer;
}
.episode embed{
margin-bottom:4px;
}
#sponsors{
height:475px;
text-align:center;
float:left;
border-left:1px solid #ddd;
}
#sponsors img{
padding:10px 5px;
}
.adSpace{
margin:8px;
border:1px solid #ddd;
}
.comment-author{
width:294px;
float:left;
background: url(img/balloontail.gif) top right no-repeat;
}
.trackback-source{
width:300px;
float:left;
}
.craig .comment-author{
background: url(img/craigballoontail.gif) top right no-repeat;
}
.commentbody{
width:545px;
float:left;
background:#f2f2f2 url(img/commentbacker.gif) bottom left no-repeat;
padding:0 15px;
margin-top:0;
}
.craig .commentbody{
background:#eaefe9 url(img/craigcommentbacker.gif) bottom left no-repeat;
}
.commentbody p{
margin:0 0 10px 0;
}
.countHeader{
margin-bottom:10px;
font-size:16px;
color:#657b43;
}
.commenterName{
float:left;
font-size:14px;
font-weight:bold;
width:auto;
margin-top:4px;
}
.comment-topper{
width:575px;
height:26px;
float:left;
background:url(img/commenttopper.gif) top left no-repeat;
}
.craig .comment-topper{
background:url(img/craigcommenttopper.gif) top left no-repeat;
}
.comment-meta{
font-size:10px;
height:20px;
padding-bottom:5px;
color:#aaa;
}
#respond{
clear:both;
}
div#nav-below{
float:left;
clear:both;
display:block;
background:#f2f2f2;
border-top:1px solid #ddd;
width:100%;
}
.bumper{
height:60px;
float:left;
clear:both;
display:block;
}
.category-news .bumper{
height:1px;
}
.sociable_tagline{
float:left;
}

.sociable li{
float:left;
list-style-type:none;
}

.sociable ul{
float:right;
list-style-type:none;
margin:0;
}

.sociable a{
padding: 0 2px;
}

.sociable img{
border:none;
}