/*
Theme Name: 2 Golf Guys
Theme URI: http://prop-14.com
Description: Custom template
Version: 2 (WP2.6.2)
Author: Randy Federighi
Author URI: http://prop-14.com
Tags: grassy
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	background: #293513 url(style/bg_images/main_bg.jpg) repeat scroll;
	color: #fff;
	margin: 0;
	padding: 0;
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	text-align: center;/*this is in place to center in older browsers*/
	letter-spacing:1px;
}

a img,:link img,:visited img { border:none }

a {outline:none;}

.hidden { display:none; }

a.button:link, a.button:visited  {
	background:#937E21;
	padding:6px;
	color:#FFF;
	font-size:10px;
	height: 15px;
	line-height: 15px;
	text-decoration:none;
	text-align: center;
}

a.button:hover {
	background:#AD9630;
}


/* ---------------------------------------------------- typography */

p {
	color:#fff;
	padding:5px 20px 5px 0px;
	line-height:1.5em;
	font-size:12px;
	text-align:left;
}

h3,h4,h5,h6 {
	margin:10px 0px;
}

/* permalinks to titles */
h2 {   
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}

h2 a:link, h2 a:visited {
	color:#fff;
	text-decoration:none;
}

h2 a:hover {
	color:#fff;
	text-decoration:underline;
}

/* home page "featured webisode" title static */
h3 {    
	text-align:left;
	color:#DCAE29; /* yellow sand color */
	font-size:25px;
	font-weight:normal;
	padding-bottom:10px;
}

/* all basic links */
a:link, a:visited {
	color:#DCAE29;
	text-decoration:none;
}

a:hover {
	color:#DCAE29;
	text-decoration:underline;
}



/* ----------------------------------------------------------------------------- start layout */

#wrapper {
	width:960px;
	margin:0 auto;
}

#header {
	width:960px;
	height:90px;
	position:relative;
}

#header h1 {
	width:239px;
	height:71px;
	text-indent: -9999px;
}

#header h1 a {
	position:absolute;
	top:20px;
	left:20px;
	background:url(style/bg_images/logo.png) no-repeat;
	width: 239px;
	height: 71px;
	display: block;
}

#header img#flag {
	width:73px;
	height:163px;
	position:absolute;
	top:7px;
	left:-30px;
}

#header p#slogan {
	position:absolute;
	top:40px;
	left:355px;
	display:block;
	background:url(style/bg_images/slogan_underline.jpg) no-repeat bottom left;
	width:268px;
	height:33px;
	text-align:center;
	font-size:18px;
	font-style:italic;
}

/* search area */

#header #search {
	position:absolute;
	top:5px;
	right:0px;
	width:200px;
	height:24px;
}

#header #search input#s {
	width:150px;
	height:18px;
	padding:1px;
}

#header #search #searchsubmit {
	position:relative;
	top:8px;
	width:27px;
	height:24px;
}

#header #rss-feed {
	width:145px;
	height:38px;
	position:absolute;
	bottom:0px;
	right:0px;
}

#header #rss-feed a {
	width:145px;
	height:38px;
	display:block;
	background:url(style/bg_images/rss.png) no-repeat;
	text-indent:-9999px;
}


/* ------------------------------------------------------- navigation */

#navigation {
	width:960px;
	background:url(style/bg_images/nav_bg.png) no-repeat;
	width:960px;
	height:99px;
}

#navigation ul {
	width:960px;
	padding-top:30px;
}

#navigation ul li {
	display:inline;
	padding:0px 30px;
}

#navigation ul li a:link, #navigation ul li a:visited {
	color:#FFF;
	font-size:12px;
	line-height:25px;
	text-decoration:none;
}

#navigation ul li a:hover {
	border-bottom:3px solid #927E21;
}



/* -------------------------------------------------------------- posts */

.post-item, .post {
	overflow: hidden;
	text-align:left;
	padding:20px 0px;
}

.post-item a.more-link:link, .post-item a.more-link:visited {
	background:#2A200F;
	border:1px solid #B8956A;
	padding:6px;
	color:#EEE0B9;
	font-size:10px;
	height: 15px;
	line-height: 15px;
	text-decoration:none;
	width: 70px;
	min-width: 70px;
	text-align: center;
}

.post-item a.more-link:hover {
	background:#713400;
	border:1px solid #B8956A;
}

    /* style for a picture inserted into post */
.wp-caption {     
	background:transparent;
	border:none;
}
    /* more and prev buttons */
#morePrev {
	height:20px;
}	

#morePrev a:link, #morePrev a:visited  {
	background:#2A200F;
	border:1px solid #B8956A;
	padding:6px;
	color:#EEE0B9;
	font-size:10px;
	height: 15px;
	line-height: 15px;
	text-decoration:none;
	text-align: center;
}

#morePrev a:hover {
	background:#713400;
	border:1px solid #B8956A;
}



/* ---------------------------------------------------------- home page */

#featured-content {
	position:relative;
	width:932px;
	height:295px;
	margin:0 auto;
	background:url(style/bg_images/featured_bg.jpg) no-repeat;
}

#featured-content #preview-text {
	width:520px;
	height:187px;
	position:absolute;
	top:17px;
	left:50px;
	float:left;
	overflow:hidden;
}

#featured-content #video-screenshot {
	width:314px;
	height:228px;
	position:absolute;
	top:23px;
	left:587px;
}

#featured-content #left-tape-piece {
	position:absolute;
	width:46px;
	height:29px;
	top:7px;
	left:563px;
	z-index:10;
}

#featured-content #right-tape-piece {
	position:absolute;
	width:42px;
	height:36px;
	top:5px;
	right:10px;
	z-index:10;
}

#featured-content #watch-video {
	width:125px;
	height:25px;
	position:absolute;
	top:240px;
	left:455px;
}

#featured-read-more {
	width:125px;
	height:25px;
	position:absolute;
	top:240px;
	left:40px;
}



/* spacing for more link for two blog posts */
p.more-link {
	margin:10px 0px 20px 0px;
	font-size:12px;
}




/* lower section */
#lower-section {
	width:960px;
	overflow:auto;
	padding:20px 0px 20px 0px;
}

#latest-blog-posts {
	width:575px;
	float:left;
}

#latest-blog-posts h2 {
	padding-top:15px;
}

/* ad area right column AND sidebar*/
ul#ad-section {
	width:350px;
	float:right;
}

ul#ad-section img {
	margin:0px 0px 20px 0px;
	padding:3px;
	border:1px solid #DCAE29;
}

ul#ad-section li img:link, ul#ad-section li img:visited {
	border:1px solid #DCAE29;
}

ul#ad-section li img:hover {
	border:1px solid #FFF;
}



/* ------------------------------------------------------------------ single post and pages */

#content {
	width:960px;
	clear: both;
	overflow: hidden;
	margin:0 auto;
}

#content #primary {
	float: left;
	width: 600px;
}


/* ---------------------------------------------------------------------- sidebar */

#sidebar {
	width:360px;
	float:right;
}

#sidebar-top {
	width:340px;
	height:22px;
	margin:0 auto;
	background:url(style/bg_images/sidebar_top.jpg) no-repeat;
}

#sidebar-body {
	width:340px;
	margin:0 auto;
	background:url(style/bg_images/sidebar_body.jpg) repeat-y;
}

#sidebar-bottom {
	width:340px;
	height:17px;
	margin:0 auto;
	background:url(style/bg_images/sidebar_bottom.jpg) no-repeat;
}

#sidebar h2 {
	color:#DCAE29;
	text-align:center;
}

#sidebar ul {
	padding:10px 20px 10px 30px;
}

#sidebar ul li {
	padding:4px 0px;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
	color:#fff;
	font-size:12px;
	text-decoration:none;
}

#sidebar ul li a:hover {
	text-decoration:underline;
}

ul#sidebar-ads {
	padding:30px 0px 10px 0px;
}

ul#sidebar-ads li img {
	margin:0px 0px 10px 0px;
	padding:3px;
	border:1px solid #DCAE29;
}

ul#sidebar-ads li img:link, ul#sidebar-ads li img:visited {
	border:1px solid #DCAE29;
}

ul#sidebar-ads li img:hover {
	border:1px solid #FFF;
}



/* --------------------------------------------------------------------- footer */

#footer {
	width:960px;
	height:207px;
	margin:40px 0px 0px 0px;
	background:url(style/bg_images/footer_bg.png);
	text-align:left;
	position:relative;
}

/* footer titles */
h4 {
	color:#DCAE29;
	font-size:16px;
	margin:0;
	padding-bottom:5px;
	text-align:left;
}

/* holds the links */
#footer #site-map {
	width:400px;
	margin:0px 0px 0px 50px;
	padding-top:10px;
	float:left;
}

#footer #site-map ul {
	width:200px;
	float:left;
}

#footer #site-map ul li {
	color:#FFF;
	font-size:11px;
	line-height:25px;
}

#footer #site-map ul li a:link, #footer #site-map ul li a:visited {
	color:#FFF;
	text-decoration:none;
}

#footer #site-map ul li a:hover {
	text-decoration:underline;
}

#footer #twitter {
	width:400px;
	margin:0px 0px 0px 50px;
	padding-top:10px;
	float:left;
}

#footer #twitter-bird {
	width:144px;
	height:75px;
	position:absolute;
	top:-28px;
	right:30px;
	z-index:10;
}

#site-meta {
	margin:0px 0px 30px 0px;
	padding-bottom:25px;
}

p#web-design {
	font-size:10px;
	float:left;
}

p#copyright {
	font-size:10px;
	float:right;
}



/* --------------------------------------------------- Twitter API */

#twitter_div {
	width:400px;
}

#twitter_div ul {
	font-size:11px;
}

#twitter_div ul li {
	border-bottom:1px solid #927E21;
	padding:10px 0px;
}




/* --------------------------------------------------- Comments Template */

/* div that holds comment area */
#comments_template {
	width:500px;
	text-align:left;
	float:left;
	background-color:#293513;
	border:1px solid #4E6B26;	
	overflow: hidden;
}

/* leave reply text */
#comments_template h3 {
	padding:5px 20px;
}

#comments_template input {
	background:#FFF;
	padding:2px;
}

/* field input text */
#comments_template label {
	margin:5px 10px 5px 0px;
	font-size:12px;
	padding:5px;
}

#comments_template p#comment-spacer {
	margin-top:10px;
}

button {
	font-size:12px;
	padding:3px 5px;
}

/* the form area */
form#commentform {
	margin:20px 0px;
	padding:0px 0px 10px 20px;
}

/* comment text area */
#comment {
	margin:10px 0px 0px 0px;	
}

/* each comment box */
#comments_template li {
	background:#314319;
	border:1px solid #4E6B26;
	margin:8px 20px;
	padding:10px;
	overflow: hidden; 
}

#comments_template .avatar {
	float: left;
	padding: 4px;
}

/* comment name and text left by user */
.main_comment {
	margin-left:100px;
	padding:0px 25px 20px 0px;
}