/* 
	Theme Name: DFG
	Description: DFG is a 3-column Widget-ready theme created for use with Don't Fear the Grape Websites.
	Author: Tad Runkle
	Author URI: http://www.tadrunkle.com
	Version: 1.0
	Tags: three columns, fixed width, sidebar widgets
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


/* ########## MASTER ########## */

body {
	background: #e1e7ec url(images/bkgd.gif) repeat-x top;
	color: #000000;
	font-size: 12px;
	font-family: "Trebuchet ms", Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px auto 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	}
	
#wrap {
	margin: 0px auto 0px auto;
	width: 1000px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	}
	
form {
	margin: 0px;
	}
	
p, blockquote, h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	}

h1 {
	color: #FFFFFF;
	}
	
h2 {
	clear: both;
	}
	
h3 {
	font-size: 12px;
	font-weight: bold;
	clear: both;
	}
	
h4 {
	font-size: 12px;
	font-weight: bold;
	}
	
h5 {
	font-size: 12px;
	margin-bottom: 0px;
	}

h6 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	}
	
	
ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 10px;
	}

dt {
	font-weight: bold;
	}

img {
	border: none;
	}

.clear {
	clear: both;
	}
	
.inset {
	margin: 0px 10px 10px 10px;
	background: #e1e7ec;
	padding: 10px 10px 1px 10px;
	}


/* ########## HYPERLINKS ########## */

a, a:visited {
	color: #c02227;
	text-decoration: none;
	outline: none;
	}
a:hover {
	text-decoration: underline;
	}
a img {
	border: none;
	}

	
/* ########## HEADER ########## */

#header {
	position: relative;
	height: 150px;
	}
	
#header #logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 228px;
	height: 150px;
	background: no-repeat url(images/bkgd_logo.png);
	z-index: 10;
	cursor: pointer;
	}

#header h1 {
	position: absolute;
	left: 260px;
	top: 40px;
	background: no-repeat url(images/bkgd_headline.png);
	width: 700px;
	height: 72px;
	z-index: 20;
	cursor: pointer;
	}

#header h1 span {
	display: none;
	}
	
#header h2 {
	position: absolute;
	left: 450px;
	top: 114px;
	background: no-repeat url(images/bkgd_bbm.png);
	width: 321px;
	height: 18px;
	z-index: 20;
	cursor: pointer;
	}
	
#header h2 span {
	display: none;
	}

.header-L {
	float: left;
	width: 600px;
	height: 90px;
	}

#paypal {
	margin-top: 5px;
	display: block;
	}


/* ##### SEARCH ##### */
#search {
	margin: 5px 0px 0px 0px;
	width: 230px;
	float: right;
	text-align: right;
	}
	
#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	}
	
#s {
	background: #FFFFFF;
	width: 190px;
	color: #333333;
	font-size: 10px;
	font-family: "Trebuchet ms", Tahoma, Arial, Helvetica, sans-serif;
	padding: 2px 2px 1px 2px;
	margin: 0px;
	border: 1px solid #666666;
	}

#sbutt {
	background: #c02227;
	color: #ffffff;
	font-weight: bold;
	padding: 1px;
	margin: 0px;
	border: none;
	}
	
/* ########## SUBSCRIBE ########## */
#subscribe {
	position: fixed;
	right: 0px;
	top: 160px;
	width: 36px;
	z-index: 50;
	}
#subscribe ul, #subscribe li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
#subscribe img.icon {
	margin: 0px 0px 3px 0px;
	}
#subscribe h2 { 
	float: right;
	display: block; 
	position: absolute;
	left: 5px;
	right: 8px;
	bottom: -153px;
	color: #666666;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	}


/* ########## NAVBAR ########## */

#navbar {
	clear: both;
	height: 30px;
	background: #c02227;
	color: #FFFFFF;
	font-size: 14px;
	}
	
.menu {height: 30px; position: relative; z-index: 100;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding: 0px; margin: 0px;list-style-type: none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float: left; position: relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display: block; color: #FFFFFF; margin: 0px; padding: 6px 15px 0px 10px; height: 24px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:30px; left:0; wid th:149px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#e1e7ec; font-size: 12px; color:#000000; height:auto; line-hei ght:1em; padding: 5px 10px 5px 10px; width: 125px; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000000; background:#91b1dd; text-decoration: none;}
.menu :hover > a, .menu ul ul :hover > a {color:#000000; background:#91b1dd; text-decoration: none;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }


/* ########## BODY ########## */

#body {
	background: #FFFFFF repeat-y 600px 0px url(images/bkgd_sidebar.jpg);
	}

#body img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#body img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

/* ##### CONTENT ##### */

#content {
	float: left;
	width: 575px;
	margin-bottom: 10px;
	}

#content dd p {
	margin: 0px;
	}
	
/* ##### POSTS ##### */

.post, #page-author .bio {
	margin-left: 10px;
	margin-right: 10px;
	}

.post h2, #page-author .bio h2 {
	margin: 10px 0px 10px -10px;
	padding: 2px 10px 2px 10px;
	background: #91b1dd;
	color: #000000;
	font-size: 16px;
	}
	
.post h2 a, #page-author .bio h2 a {
	color: #000000;
	}
	
.post h3 {
	margin: 10px 0px 10px 0px;
	padding: 2px 10px 2px 10px;
	background: #91b1dd;
	color: #000000;
	}

.postinfo {
	font-size: 11px;
	margin: 0px 0px 15px -10px;
	padding: 0px 0px 10px 0px;
	line-height: 20px;
	}

.postinfo ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	}

.postinfo ul li {
	float: left;
	margin: 0px 10px 0px 0px;
	display: inline;
	}

.postinfo ul li.author {
	padding: 0px 0px 0px 20px;
	background: url(images/smicon_user.gif) no-repeat 0 3px;
	}

.postinfo ul li.date {
	padding: 0px 0px 0px 20px;
	background: url(images/smicon_calendar.png) no-repeat 0 3px;
	}

.postinfo ul li.category-info {
	padding: 0px 0px 0px 20px;
	background: url(images/smicon_tag.png) no-repeat 0 3px;
	}

.postinfo ul li.comment-number {
	padding: 0px 0px 0px 19px;
	background: url(images/smicon_comment.png) no-repeat 0 3px;
	}

.postinfo ul li.sm_twitter {
	padding: 0px 0px 0px 20px;
	background: url(images/smicon_twitter.png) no-repeat 0 3px;
	}
	
.postinfo ul li.edit-info {
	padding: 0px 0px 0px 20px;
	background: url(images/smicon_pencil.png) no-repeat 0 3px;
	}

.postdate {
	}

.entry img {
	border: none;
	}

.entry img.wp-smiley {
	padding: 0;
	border: 0;
	}

.en try img.left {
	float: left;
	margin: 0px 10px 0px 0px;
	}

.en try img.right {
	float: right;
	margin: 0px 0 0 10px;
	}

.en try p.images {
	text-align: center;
	}

.en try p.images img {
	margin: 0px 5px 0px 5px;
	}

.entry .editentry {
	clear: both;
	}

.entry .editentry p {
	margin: 0px;
	}

.entry ul.plain {
	list-style: none;
	margin-bottom: 10px;
	}

.entry .plain li {
	}
	
.postmeta {
	clear: both;
	margin-bottom: 10px;
	font-size: 10px;
	}

/* ##### BIO ##### --- See icon section for bio icon styles */

.bio {
	}
.bio_links {
	float: right;
	text-align: right;
	padding-left: 5px;
	padding-bottom: 5px;
	}
.bio_posts p {
	text-align: right;
	}

	
/* ##### IMAGES ##### */

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}

img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}
	
img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.wp-caption {
	margin: 0px;
	padding: 0px;
	}

.wp-caption img {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	line-height: 12px;
	}
	
	
/* ##### Comments ##### */
	
#commentblock {
	padding: 0px 10px 0px 10px;
	}

#comment {
	}
	
#commentblock ol {
	margin: 0px 5px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#commentblock ol li {
	margin: 0px;
	padding: 0px;
	}
	
#commentblock hr {
	margin-left: -20px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo {
	clear: both;
	}
	
#name, #email, #url, #subject {
	background: #EAEAEA !important;
	color: #222222;
	font-size: 12px;
	margin: 0px;
	padding: 4px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#words {
	background: #EAEAEA !important;
	width: 460px;
	color: #222222;
	font-size: 12px;
	padding: 4px;
	margin: 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}

#submit {
	background: #c02227;
	color: #FFFFFF;
	font-size: 11px;
	padding: 1px;
	margin: 0px;
	border: 1px solid #000000;
	text-transform: uppercase;
	}


/* ##### LEFT SIDEBAR ##### */

#sidebar-L {
	float: left;
	width: 160px;
	margin-top: 10px;
	}

#sidebar-L h2 {
	margin: 10px 0px 0px 0px;
	padding-left: 10px;
	color: #222222;
	}
	
#sidebar-L p {
	margin: 0px 10px 10px 10px;
	}
	
#sidebar-L a {
	color: #000000;
	}

#sidebar-L ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#sidebar-L li {
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

	
/* ##### RIGHT SIDEBAR ##### */
	
#sidebar-R {
	float: right;
	width: 255px;
	}

#sidebar-R h2 {
	margin: 10px 0px 3px 0px;
	padding: 2px 10px 2px 10px;
	background: #91b1dd;
	font-size: 16px;
	}
	
#sidebar-R a {
	color: #222222;
	}

#sidebar-R h2 a {
	color: #FFFFFF;
	}
	
#sidebar-R ul {
	list-style-type: none;
	margin: 0px0px;
	padding: 0px;
	}

#sidebar-R li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar-R ul ul {
	list-style-type: none;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	}

#sidebar-R ul ul li {
	list-style-type: square;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	}
	
.widget_tag_cloud div {
	margin: 0px 10px 0px 10px;
	}

.intro {
	margin-top: 10px;
	}
.note {
	font-style: italic;
	font-size: 10px;
	}
	
/* ########## FOOTER ########## */

#footer {
	border-top: 4px solid #91b1dd;
	background: #c9d7e7;
	color: #000000;
	padding: 5px 10px 5px 10px;
	font-size: 10px;
	}
#footer h2 {
	margin-bottom: 0px;
	}
#footer a {
	color: #000000;
	}
.footClm1 {
	float: left;
	width: 380px;
	margin-right: 20px;
	}
.footClm2 {
	float: left;
	width: 100px;
	margin-right: 20px;
	}
.footClm3 {
	float: left;
	width: 220px;
	margin-right: 20px;
	}
.footClm4 {
	float: left;
	width: 220px;
	}
	
#footer ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

#footer ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
	
#footer ul ul {
	list-style-type: none;
	margin: 0px 10px 0px 15px;
	padding: 0px;
	}

#footer ul li li {
	list-style-type: square;
	padding: 0px;
	margin: 0px 0px 0px -20px;
	}

#footer ul li ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}


/* ########## WIDGETS ########## */
	
#side bar-R div {
	margin: 0px 10px 0px 10px;
	}

/* ##### RSS ##### */

.widget_rss h2 {
	display: none;
	}

/* ##### TAG CLOUD ##### */

.widget_tag_cloud div {
	text-align: justify;
	}
	
.widget_tag_cloud div a {
	}

/* ##### WP-CALENDAR ##### */

#calendar_wrap {
	text-align: center;
	}

table#wp-calendar {
	color: #000000;
	width: 100%;
	text-transform: none;
	}
table#wp-calendar a {
	font-weight: bold;
	color: #c02227;
	}
table#wp-calendar caption {
	color: #000000;
	padding: 0px;
	}
table#wp-calendar th {
	font-weight: normal;
	vertical-align: top;
	background-color: #c9d7e7;
	text-align: center;
	}
table#wp-calendar td {
	padding: 0px;
	padding-right: 3px;
	background-color: #fe9238;
	text-align: right;
	}
table#wp-calendar tfoot td {
	text-align: center;
	background: none;
	padding: 0px;
	}

/* ##### AUTHOR IMAGE ##### */

.author_image {
	font-size: 11px;
	}
.author_image img {
	float: left;
	margin-right: 10px;
	width: 50px;
	height: 50px;
	}

/* ########## PAGE STYLES ######### */

#page-home #pagehead, #page-whoweare #pagehead, #page-contactus #pagehead, #page-members #pagehead {
	display: none;
	}

/* ########## PODPRESS ######### */

.podPress_content div {
	margin-bottom: 5px;
}
.podPress_content {
	margin-bottom: 10px;
}


/* ########## ICONS ######### */

/* ##### BIO ICONS ##### */

.bio_links ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
.bio_links li {
	float: left;
	margin: 0px;
	padding: 0px;
	}	
.bio img.icon {
	padding: 0px;
	margin-left: 2px;
	}

/* ##### SHARE ICONS ##### */

.share {
	margin-bottom: 10px;
	height: 32px;
	b order: 1px solid #cccccc;
	p adding: 5px;
	}
.share ul {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
.share li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
li.share_txt {
	padding-right: 5px;
	}
.share img.icon {
	margin: 0px 1px 0px 1px;
	}


/* ########## PAGE NUMBERS ########## */

.page_navi {
	margin: 0px 0px 10px 10px;
	padding: 10px 0px 0px 0px;
	}
.page_navi ul {
	padding: 0px;
	margin: 0px;
	}
.page_navi li {
	line-height: 0%;
	display: inline;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	}
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current, .page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots {
	color: #999999;
	width: 30px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	display: block;
	float: left;
	text-align: center;
	line-height: 30px;
	background: url(images/bkgd_pager1.gif) no-repeat left top;
	}
.page_navi a:hover {
	color: #999999;
	background: url(images/bkgd_pager1.gif) no-repeat left bottom;
	text-decoration:none;
	}
.page_navi span.current {
	background: url(images/bkgd_pager2.gif) no-repeat left top;
	color: #000000;
	}


/* ---------- clearfix hack ---------- */

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clearfix { display: inline-block; }


/* ############# */

.car-container ul, .car-container ll {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	}
	
.car-container ul ul {
	list-style-type: none;
	margin-left: 40px;
	padding: 0px;
	font-weight: normal;
	}
	
.car-toggler {
	float: right;
	}


li#wp-cumulus {
	padding: 0px 10px 0px 10px;
	text-align: justify;
	}
li#wp-cumulus  h2 {
	margin-right: -10px;
	margin-left: -10px;
	}

#wpstats {
	display: none;
	}
