/*  
Theme Name: Digital Farm
Theme URI: http://www.woothemes.com/
Description: Digital Farm by Mark Forrester of WooThemes
Version: 1.0.3
Author: WooThemes
Author URI: http://www.woothemes.com/
*/

/* Default styles */

@import "css/reset.css";

/*-------------------------------------------------------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Featured Slider
-2.8 About Module

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form

6. PAGE TEMPLATES

-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body { font-family: "Trebuchet Ms", Helvetica, Arial, Verdana, sans-serif; font-size: 13px; line-height: 20px; }

h1 { font-size:24px; line-height: 26px; font-weight: normal; margin-top:6px !important }

h2 { font-size:18px; }

h3 { font-size:14px; font-weight: bold; }

h4 { font-size:12px; font-weight: bold; }

h1,
h2,
h3,
h4,
h5 { color:#333333; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; margin-bottom: 20px; }

/* 1.2 Hyperlinks */

a { color:#333; text-decoration:none; }

a:hover {; text-decoration:underline; }

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */

#wrapper { margin: 20px auto; padding:20px; text-align:left; width:940px; background: #fff url(images/bgr-box.png) repeat-x top left; }

#columns { padding-top: 20px; }

#mainCol { float:left; width:480px; margin-right: 20px; }

#mainCol_full_width { float:left; margin:0px; width:940px; }

#twoCol {float:left; width:660px}

/* 2.1b Side-by-Side Columns : Floats */
#mainCol_full_width .twothirds { width:60%; padding-right:2.5%; float:left; }

#mainCol_full_width .onethird { margin-left:64.5%; padding-right:.35em; padding-left:.35em }

/* 2.2 Navigation */

#page_nav { position: relative; z-index: 200; margin:0 auto; padding: 0; text-align:left; width:938px; border-bottom: none; }

#page_nav ul { padding: 0; margin: 0; float: left; list-style: none; width: 720px; line-height: 1; }

#page_nav a { display: block; line-height: 12px; padding: 0 20px; font-size: 11px; text-transform: uppercase; padding: 10px 20px; color: #ffffff; text-shadow:1px 1px 1px #111111; }

#page_nav li:hover,
#page_nav li.sfhover1 { background: url(images/bg_cat_navi_hover.gif) repeat-x; cursor: pointer; }

#page_nav li:hover span,
#page_nav li.sfhover1 span { color: #fff; }

#page_nav li { float: left; border-right: 1px solid #111; }

#cat_nav { position: relative; z-index: 100; list-style:none; height:60px; width:938px; }

#footer #cat_nav { margin: 0; }

#cat_nav li { float:left; height:60px; }

#cat_nav li a { font-size:14px; text-decoration:none; display:block; padding: 5px 15px; height:50px; line-height: 24px; }

#cat_nav li a span { font-size:11px; clear: both; text-transform:lowercase; font-family: Verdana, Arial, Helvetica, sans-serif; }

#cat_nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; z-index: 100; }

#cat_nav a { display: block; line-height: 27px; padding: 0 10px; z-index: 100; }

#cat_nav li { background: url(images/bg_separator.gif) no-repeat right 10px; }

/* 2.2.1 Drop-down menus */

#page_nav li ul { position: absolute; width: 1em; width: 168px; left: -999em; z-index: 999; border: 1px solid #111; border-width:0px 1px 1px; }

#page_nav li li { font-weight: normal; border-top: 1px solid #111; }

#page_nav li:hover ul,
#page_nav li.sfhover ul { left: auto; }

#page_nav li ul li a { line-height: 34px; font-size: 11px; width: 128px; padding: 0 20px; text-shadow: none; }

#page_nav li ul li a { }

#page_nav li ul ul { margin: -35px 0 0 168px; border-width:1px; }

#page_nav li:hover ul ul,
#page_nav li.sfhover1 ul ul { left: -999em; }

#page_nav li:hover ul,
#page_nav li li:hover ul,
#page_nav li.sfhover1 ul,
#page_nav li li.sfhover1 ul { left: auto; }

/* IE7 Fix */

#page_nav li:hover,
#page_nav li.hover { position: static; }

/* Style drop down list */

#cat_nav li ul { position: absolute; width: 170px; left: -999em; }

#cat_nav li:hover ul,
#cat_nav li.sfhover1 ul { left: auto; }

#cat_nav li ul li { height: auto; background-image: none; border-right: none; }

#cat_nav li ul li a { line-height: 25px; height: auto; padding: 5px; font-size: 12px; width: 158px; }

#cat_nav li ul ul { margin: -26px 0 0 168px; }

#cat_nav li ul ul li a { line-height: 25px; }

#cat_nav li:hover ul ul,
#cat_nav li.sfhover ul ul { left: -999em; }

#cat_nav li:hover ul,
#cat_nav li li:hover ul,
#cat_nav li.sfhover ul,
#cat_nav li li.sfhover ul { left: auto; }

/* IE7 Fix */

#cat_nav li:hover,
#nav li.hover { position: static; }

/* 2.3 Header */

.logo { font-family: trebuchet ms; color: #fff; margin: 10px 0 0 20px; float: left; }

.logo h1 { display: block; color: #fff; font-size: 48px; text-indent: -9999px; display: none; }

#header { color:#000000; float:left; width:940px }

#header img { border: none; }

/* 2.4 Content */

#archivebox { margin-bottom:20px; padding:10px; }

#archivebox h3 em { font-style: normal; }

#archivebox h3 { font-size:11px; font-weight: normal; font-family: "Trebuchet Ms", Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; }

/* 2.5 Sidebar */

#sidebar { float: left; width: 440px; }

#sidebar-alt {margin-left: 640px; /*border:1px solid #fff;*/}

#midCol { float:left; width:210px; list-style-type: none; padding: 0px; }

#tertCol { float:left; width:210px; margin-left: 20px; }

/* 2.6 Footer */

#footer { width:940px; clear:both; float:left; }

#footer p { padding: 8px; line-height:25px; text-align: left; font-size: 12px; }

#footer p a { font-weight:bold; }

#footer img { vertical-align: middle; padding: 10px 8px 8px 8px; }

/* 2.7 Featured Slider (Front Page)  */

#featured { width: 402px; padding: 19px 19px 0 19px; float: left; }

#featured_btm { height: 20px; width: 440px; float: left; margin-bottom: 20px; }

#featured h2 { margin-bottom: 20px; float:left }

#featured .slider-container { float: left; position: relative; height: 267px; width: 400px; overflow: hidden; color: #111; background: #fff; border:1px solid #cdc9ca; margin-bottom:0px }

#featured .slider-container .slide { position: absolute; top:0px; z-index: 0; height: 267px; width: 400px; overflow: hidden; background: #fff; }

#featured .slider-container .slide-1 { display : block; left:0px; top:0px; z-index: 1; }

#featured .slider-container .slide a { display: block; color: #fff; }

#featured .slider-container .slide img { display: block; position: absolute; top:0px; left: 0px; border: none; }

#featured .slider-container .slide-content { position: absolute; top: 267px; left: 0; height: 700px; width: 380px; background: #2a2a2a; padding: 10px; z-index: 999; text-align:center }

#featured .slider-container .slide-content h3 { color: #fff; font-weight: normal; font-style: italic; }

#featured .slider-container .slider-left,
#featured .slider-container .slider-right { position: absolute; cursor: pointer; height: 30px; width: 30px; z-index: 999; display: block; color: white; }

#featured .slider-container .slider-left { left: 5px; bottom: 10px; top:auto; background: url('images/arrow_prev.gif') no-repeat center bottom; }

* html #featured .slider-container .slider-left { background: url('images/arrow_prev.gif') no-repeat center left; }

#featured .slider-container .slider-right { right: 5px; bottom: 10px; top:auto; background: url('images/arrow_next.gif') no-repeat center bottom; }

* html #featured .slider-container .slider-right { background: url('images/arrow_next.gif') no-repeat center right; }

#featured .slider-pag { float: right; position: relative; }

#featured .slider-pag span { float: left; display: block; background: red; height: 20px; width: 20px; margin: 0; background: url(images/dot.gif) center center no-repeat; position: relative; cursor: pointer; }

#featured .slider-pag .thumbnail { display: none; border:1px solid #ccc; padding: 5px; background: #fff; position: absolute; top:-45px; left: -90px; z-index: 999; }

/* 2.8 About Module (Front Page)  */

.about { width: 400px; padding: 20px 20px 0 20px; }

.about h2 { margin-bottom: 10px; }

.about p { line-height: 22px; }

.about .about_image { float: right; width: 60px; margin: 0 0 20px 20px; padding:5px; }

.about_btm { height: 20px; width: 440px; margin-bottom: 20px; }

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.post { margin-bottom: 20px; float: left; width: 480px; }
#twoCol .post {width:98%}

#mainCol_full_width .post { width: 940px; }

.postMeta { font-size:12px; text-align:left; color:#333333; margin: -15px 0 20px 0; }

.post .intro { font-size: 16px; line-height: 24px; margin-bottom: 20px; font-family: Helvetica, Arial, sans-serif; color: #555; }

.video { margin-bottom: 20px; }

.post .thumbnail { border: 1px solid #ddd; padding: 4px; background-color: #fff; }

p.post_meta { font-size:11px; text-transform:uppercase; text-align:right; margin:0 7px 0 0; }

.entry_footer { padding: 10px 5px; background-color: #f7f7f7; background-image: url(images/entry_footer_bg.png); background-repeat: repeat-x; background-position: left center; line-height: 20px; width:470px; float:left; }

.read_more { color:#333333; float:left; }

/* 3.1 Typographic Elements */

.post ul,
.post ol { margin: 0 20px 20px 20px; }

.post ul { list-style: none; }

.post ol li { margin: 0 0 10px 15px; }

.post ul li { padding-left:25px; background-image: url(images/li.gif); background-repeat: no-repeat; margin-bottom: 10px; }

.post li h3,
.post li h4 { margin-bottom: 0px; }

.post p { margin-bottom:20px; }

.entry_footer span.comments a { font-family: Verdana, Arial, Helvetica, sans-serif; color:#333333; background-image: url(images/chat_grey.gif); background-repeat: no-repeat; background-position: right center; padding-right: 18px; font-weight: normal; border:none; }

.post a { border:none; }

p.post_category,
p.date { margin: 0; padding: 0px; }

.post h2 a { width:100%; display:block; outline:none; }

.post blockquote { font-size:14px; line-height:20px; color:#444444; text-align: left; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; font-style: italic; }

/* 3.2 Images */

.post img,
.post a img { border:none; }

.post img.left { padding: 5px; margin: 0.5em 15px 0.5em 0; border: 1px solid #cccccc; float: left; clear: left; }

.post img.right { padding: 5px; margin: 0.5em 0 0.5em 15px; border: 1px solid #cccccc; float: right; clear: right; }

.post img.center { display: block; padding: 5px; margin: 0px auto 15px; border: 1px solid #cccccc; float: none; clear: both; }

.post img.off { padding: 0 !important; border: none !important; }

.post img.stack { clear: none !important; }

.post a:hover img { border-color:#DFDFDF; }

.post .alignright { float:right; margin:0 0 10px 15px; }

.post .alignleft { float:left; margin:0 15px 10px 0; }

.wp-caption { -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#F3F3F3; border:1px solid #DDDDDD; margin:5px; margin-top:20px; margin-bottom:20px; padding: 9px 0 5px 9px; }

.wp-caption-text { text-align:center !important; font-size:11px !important; line-height:17px; margin:5px 0 0 0; padding:0; }

/* 3.3 Pagination / WP-Pagenavi */

.more_entries { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: right; padding-bottom:20px }

.more_entries a { display: block; margin: 15px 0 0 0; }

.more_entries .wp-pagenavi { margin: 15px 0 0 0; text-align: right; }

.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none !important; background: #EEEEEE; color: #666; padding: 4px 6px!important; border:1px solid #DDDDDD; }

.more_entries .wp-pagenavi .current,
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover { padding: 4px 7px; background: #ccc !important; border-color: #999; }

.more_entries .wp-pagenavi .extend { background:none; border:none; }

.wp-pagenavi span.pages { border: none !important; color: #666 !important; }

/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */

#sidebar ul, #sidebar-alt ul { list-style:none; background: #f7f7f7 url(images/nav_main_tr.png) repeat-x left top; padding-top:2px }

#sidebar ul ul, #sidebar-alt ul ul { list-style:none; background-image: url(images/nav_main_tr.png); background-repeat: repeat-x; background-position: left top; }

#sidebar ul li, #sidebar-alt ul li { padding:7px 5px 9px; background: #f7f7f7 url(images/nav_main_tr.png) repeat-x left bottom; }

#sidebar ul li:hover, #sidebar-alt ul li:hover { background-color: #E6E6E6; }

#sidebar ul li, #sidebar-alt ul li { padding:10px; background-image: url(images/mid_col_bdr.gif); background-repeat: repeat-x; background-position: left bottom; }

.widget { margin-bottom:20px; width:210px; float:left; }

.widget h3 { margin-bottom: 20px; }

.widget_text .email { font-size:13px; border:1px solid #999; width:118px; padding:5px; margin-right:5px; }

.widget_text p { margin-bottom:15px; }

.widget_text .submit { font-size: 13px; color: #FFFFFF; background-color: #333333; border:1px solid #222222; padding-top: 4px; padding-right: 5px; padding-bottom: 4px; padding-left: 5px; width:65px; }

#sidebar img, #sidebar-alt img { border: none; }

#sidebar ul li a, #sidebar-alt ul li a { color:#333333; font-weight:normal; display:block; }

#sidebar ul li a, #sidebar-alt ul li a { color:#333333; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* SEARCH BOX */

#searchWrap { width: 208px; float: right; margin: 4px 4px 0 0; }

#searchWrap #s { font-size:11px; border:1px solid #111; padding:3px; width:200px; }

.postform { font-size:13px; border:1px solid #999; width:208px; }

/* 4.2 Specific Widgets */

/* ADS */

#ads { margin-bottom: 0; }

#ads img { border:1px solid #C9C9C9 !important; margin:0 0 20px 40px; padding:4px; }

.ad_banner { width:468px; height:60px; border:1px solid #dddddd; padding:5px; background-color:#FFFFFF; margin-bottom:20px; float:left; }

.ad_banner img { border: none; }

/* TWITTER */

#woo-twitter { font-size: 12px; }

#woo-twitter li { padding: 20px 15px !important; }

#woo-twitter h3 { padding: 5px 0px 5px 42px; background: transparent url(images/twitter_32.png) no-repeat left center; }

#woo-twitter a { display: inline !important; }

.follow { background-color: #333; font-size: 11px; text-align: center; padding: 5px 0; margin-top: -2px; }

.follow a { color: #fff; font-size: 11px !important; }

/* FLICKR */

#flickr h3 { padding: 5px 0px 5px 42px; background: transparent url(images/camera_32.png) no-repeat left center; }

.flickr_badge_image { border: 1px solid #c9c9c9; padding: 4px; float:left; margin: 0 0 13px 13px; }

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */

#comments { width:480px; }

#comments h3 { margin-bottom: 20px; }

#comment { width:450px; overflow:auto; background:#ffffff }

ol.commentlist { list-style:none; margin-bottom: 20px; }

ol.commentlist .children { list-style:none; margin-top: 20px; }

.commentlist li { color:#333333; background-color:#A1CCEF; border:1px solid #7da8ca; margin-bottom:10px; padding:10px; font-size:11px }

.commentlist li.alt { background:#D0E5F8; border:1px solid #92b8d7; }

.commentlist p { font-size: 14px; overflow: hidden; line-height: 22px; margin-bottom: 15px; }

.commentlist .avatar { float: right; margin: 0 0 10px 10px; padding: 4px; background-color: #fff; border: 1px solid #7DA8CA; }

.commentlist li.alt .avatar,
.commentlist li.alt .reply a { border-color: #A1CCEF; }

.commentlist .comment-author { color: #415b70; margin-bottom: 5px; }

.commentlist .reply a { padding: 2px 5px; border: 1px solid #A1CCEF; background-color: #fff; text-transform: uppercase; }

.commentlist li.alt .comment-author { color: #3e6f9a; }

.commentlist .comment-meta { margin-bottom: 10px; }

.comment-meta a { color: #434343; }

.commentlist .comment-author cite { font-size: 14px; font-weight: bold; font-style: normal; }

#comments_closed { background:#333; color:#ccc; padding:7px 0; margin-top:12px; line-height: 1.5em; }

p.nocomments { margin:0 12px 0 7px; }

p.nocomments a { color:#ddd; font-weight:bold; }

p.nocomments a:hover { color:#FFF; }

ol.pingslist { margin-top: 5px; margin-bottom: 20px; }

.pingslist li { color:#7F7F7F; background-color: #f7f7f7; padding: 5px; margin-top: 0; margin-right: 0; margin-bottom: 5px; margin-left: 0; border: 1px solid #CCCCCC; }

.pingslist li a { color: #333333; text-decoration: none; }

/* 5.2 Comments Form */

#commentform p { margin:1em 0; }

#commentform p a { font-weight:bold; }

#author,
#email,
#url,
#comment { font-size:11px; width:200px; border:1px solid #cccccc; padding:4px; }

#commentform p small { font-size:11px; color:#333; }

/*-------------------------------------------------------------------------------------------*/
/* 6. PAGE TEMPLATES */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Portfolio Page */

.portfolio { padding:0px; font-size: 11px; width: 300px; margin-right: 20px; float: left; margin-bottom: 20px; }

.portfolio_btm { height: 3px; width: 300px; float: left; }

.last { margin-right: 0; }

.portfolio h2 { margin: 20px 20px 5px 20px; font-size:16px; color: #333; }

.portfolio p { margin-bottom:0px; color: #666; padding: 0 20px 20px 20px; }

.portfolio-img { max-width:260px; background-color: #fff; padding: 5px; margin: 20px; border: 1px solid #ccc; }

.portfolio-img img { vertical-align: middle; margin-right: 5px; }

.portfolio-img a { color: #666; }

.portfolio-img img.thumbnail { margin-bottom: 5px; margin-right: 0; }

/* Google Checkout Form; MB/PACE Creative Media Co. */
#checkoutform { margin:.65em 0; clear:both; }

/* Home is on the Horizon Fundraiser Graphic; MB + KP, 2011-07-19 */
#thermometer{background:url("/wp-content/themes/digitalfarm-hollandproject/images/horizon/holland-color-base.png") no-repeat;width:257px;height:800px;position:relative;left:40px}
#thermometer .wrap{background:url("/wp-content/themes/digitalfarm-hollandproject/images/horizon/holland-bw-text.png") no-repeat;}
#thermometer .overlay{position:absolute;background:url("/wp-content/themes/digitalfarm-hollandproject/images/horizon/holland-bw-overlay.png") no-repeat;width:257px; }
#thermometermeterpin {position:absolute;margin:-275px 0 0 0;width:150px; text-align: center; font-size:140%; color:#339900}
#thermometermeterpin strong {color:#cc3300}

/* Facebook Connect */
/*#sfc {width:500px}*/
#sfc {margin-bottom:1em !important}
.fb-like {padding-left:5.5em; margin:0 !important}
.FB_share_button {position:absolute; margin:-65px 0 0 0}

/* Announcements */
.important { background: #feeacd url(images/nav_main_tr.png) repeat-x left bottom; }
.important a {padding:7px 5px 9px; display:block}