/*
Theme Name: Smashing MultiMedia Brown
Theme URI: http://www.toddsantoro.com
Description: A child theme of with green tones.
Template: smashingMultiMedia
Author: Todd Santoro
Author URI: http://www.toddsantoro.com
Version: 1.0
*/

@import url(../smashingMultiMedia/style.css);

/* make sticky footer */

html, body { height:100%;}
body {
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	color:#333333;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#pg_wrap {min-height:100%;height:auto;}
.container {width:960px;margin:0 auto;}
/*For the Big Footer */
.bigftfl {padding-bottom:299px;}/*to keep content from hiding behind the footer. Value= footer's height +36px */
/*For the Small Footer */
.smallftfl {padding-bottom:71px;}/*to keep content from hiding behind the footer. Value= footer's height  +36px*/

/*** 

FOOTER 

***/
#footer {
	position:relative;
	z-index:10;
	height:300px;
	padding-top:20px;
	background-image: url(images/footer2.png);
	background-repeat: repeat-x;
	background-position: center top;
}
.smallft {margin-top:-35px;}
.smallft .container {height:33px;/*minus the footer's border and it's own border*/}
#footer .footer_notes {font-size:0.8em;overflow:hidden;margin:0;}
#footer .footer_notes span {float:right;padding-top:9px;}
#footer .footer_notes .copyright {float:left; width:49%;}

/*** 

HEADER 

***/

/* MAIN NAVIGATION */
.main_navi {padding-bottom:18px;}
.main_navi ul {float:right;}
.main_navi ul li {display:inline;float:left;margin-left:4px;}
.main_navi ul li:first-child {margin-left:0;}
.main_navi ul li a { display:block;padding:18px 9px;float:left;letter-spacing:1px;color:#ffffff;border:1px solid #778C26;border-top:0 none;}
.main_navi a:focus, .main_navi a:hover, .main_navi .current-cat a, .main_navi .current-cat-parent a, 
.main_navi .current_page_item a, .main_navi .current_page_parent a {
	text-decoration:none;
	background:#778C26;
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
	color:#C6D935;
	border:1px solid #778C26;
	border-top:0 none;
	}

/* LOGO */
#header h1 {float:left;width:373px;height:100px;background:url(images/logo-trans.png) no-repeat top left;text-indent:-9999em;position:relative;top:-70px;left:0;margin-bottom:0;}
#header h1 a { cursor:pointer;display:block;width:373px;height:100px;}
#header h1 a:hover {
	cursor:pointer;
	display:block;
	width:373px;
	height:100px;
	background-image: url(images/logo-trans-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* SEARCH*/
#searchform {float:right; width:300px; height:32px;}
#searchform label, #searchform input {float:right;}
#searchform label{color:#ffffff;width:400px;}
#searchform input[type='text'], #searchform .text {
	width:226px;
	height: 32px;
	border:1px solid #778C26;
	margin-right:12px;
	color:#778C26;
	background:url(images/search_scribble2.png) no-repeat center center;
	border:none;
	text-align:center;
	padding-top:16px;
	padding-bottom:8px;
	font-weight:bold;
	/*background-color: #778C26;
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;*/
}
#searchform input[type='text']:focus, #searchform input[type='text']:hover {
background:url(images/search_scribble.png) no-repeat center center;
}
#searchsubmit {width:25px;}
/*when on a 404 page*/
#main_col .main_col_searchform #searchform {float:right;}

/*** 

THE CONTENT

***/
#floatswrap, .seperator, #main_col, .sidebar  {padding-top:10px;}
.seperator {clear:both;}
#main_col {float:left;width:628px;display:inline;}
.sidebar {float:right;width:296px;display:inline;}
.sidebar2 {width:100%;}


/* FEATURED CONTENT */
 
/*the tabs*/
#imageTabs {width:130px;}
#imageTabs li, #imageTabs li a {float:left;width:100%;}
#imageTabs li {margin-top:18px;}
#imageTabs li:first-child {margin-top:0;}
#imageTabs li span {
	display:block;
	width:80px;
	height:70px;
	overflow:hidden;/*if no image is used then a number*/
	font-size:5em;
	text-align:center;
	}
#imageTabs li img {margin-bottom:0;}
#imageTabs li a:focus, #imageTabs li a:hover {background:url(images/arrow.png) no-repeat 98px 0px;text-decoration:none;cursor:pointer; width:160px; height:70px;}
#imageTabs li a.current {background:url(images/arrow.png) no-repeat 98px -60px;width:160px;height:70px;}
/*the panels*/
#featuredPostPanes {
	width:753px;
	color:#FFFFFF;
	padding-top:35px;
	padding-left:75px;
	background-image: url(images/feature_box2.png);
	background-repeat: no-repeat;
	background-position: center -8px;
	height:329px;
}

/* the panels content */
#featuredPostPanes .teaser {width:188px;margin-right:5px;}
#featuredPostPanes .teaserFull {width:261px;margin-right:500px;}
#featuredPostPanes .post{display:none;}
#featuredPostPanes .post:first-child {display:block;}
#featuredPostPanes .mediaPanesWrap {width:550px;display:inline;}
#featuredPostPanes .mediaPanesWrapFull {width:420px;display:inline;}
/* the media pane */
.mediaPanes {/*border:1px solid #C6D935;*/}
.mediaWrap {
	padding:10px;
	background:url(images/post_bkgrd.png) no-repeat center center;
}
.mediaWrapAlt {border:1px solid #fefdf9;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.mediaWrap a {display:block;overflow:hidden;cursor:pointer;}
#featuredPostPanes .mediaWrap a {width:380px;}/*466 - (1px border x 4 + 10px padding x 2)*/
/* when video - border anyone? adjust this if you want your featured video posts to have a different border */
.videoMediaPanes {border:1px solid #778C26;}
.videoMediaWrap {border:1px solid #778C26;background:#778C26;}
/* when image - border anyone?  adjust this if you want your featured image posts to have a different border*/
.imageMediaPanes {border:1px solid #778C26;}
.imageMediaWrap {border:1px solid #778C26;background:#778C26;}

/* share icons  */
.mediaPanesWrap .shareTabs {width:55px;background:url(images/shareTabs.png) no-repeat top left;position:relative;margin:0;height:289px;}
.mediaPanesWrap .shareTabs, .mediaPanesWrap .shareTabs li {list-style-type:none;}
.mediaPanesWrap .shareTabs li , .mediaPanesWrap .shareTabs a {display:block;text-indent:-9999em;width:55px;cursor:pointer;}
.mediaPanesWrap .shareTabs li {position:absolute;top:0;left:0;margin:0;}
.mediaPanesWrap .shareTabs .rss, .mediaPanesWrap .shareTabs .rss a {height:49px;}
.mediaPanesWrap .shareTabs .email, .mediaPanesWrap .shareTabs .email a {height:62px;}
.mediaPanesWrap .shareTabs .email {top:49px;}
.mediaPanesWrap .shareTabs .twitter, .mediaPanesWrap .shareTabs .twitter a {height:64px;}
.mediaPanesWrap .shareTabs .twitter {top:111px;}
.mediaPanesWrap .shareTabs .read, .mediaPanesWrap .shareTabs .read a {height:64px;}
.mediaPanesWrap .shareTabs .read {top:175px;}
.mediaPanesWrap .shareTabs .comment, .mediaPanesWrap .shareTabs .comment a {height:50px;}
.mediaPanesWrap .shareTabs .comment {top:240px;}

.mediaPanesWrap .shareTabs .rss a:focus, .mediaPanesWrap .shareTabs .rss a:hover {background:url(images/shareTabs.png) no-repeat -55px 0px;}
.mediaPanesWrap .shareTabs .email a:focus, .mediaPanesWrap .shareTabs .email a:hover {background:url(images/shareTabs.png) no-repeat -55px -49px;}
.mediaPanesWrap .shareTabs .twitter a:focus, .mediaPanesWrap .shareTabs .twitter a:hover {background:url(images/shareTabs.png) no-repeat -55px -111px;}
.mediaPanesWrap .shareTabs .read a:focus, .mediaPanesWrap .shareTabs .read a:hover {background:url(images/shareTabs.png) no-repeat -55px -175px;}
.mediaPanesWrap .shareTabs .comment a:focus, .mediaPanesWrap .shareTabs .comment a:hover {background:url(images/shareTabs.png) no-repeat -55px -240px;}

.mediaPanesWrap .shareTabs .rss a:active, .mediaPanesWrap .shareTabs .rss a.current {background:url(images/shareTabs.png) no-repeat -109px 0px;}
.mediaPanesWrap .shareTabs .email a:active, .mediaPanesWrap .shareTabs .email a.current {background:url(images/shareTabs.png) no-repeat -109px -49px;}
.mediaPanesWrap .shareTabs .twitter a:active, .mediaPanesWrap .shareTabs .twitter a.current {background:url(images/shareTabs.png) no-repeat -109px -111px;}
.mediaPanesWrap .shareTabs .read a:active, .mediaPanesWrap .shareTabs .read a.current {background:url(images/shareTabs.png) no-repeat -109px -175px;}
.mediaPanesWrap .shareTabs .comment a:active, .mediaPanesWrap .shareTabs .comment a.current {background:url(images/shareTabs.png) no-repeat -109px -240px;}

/* THE SEPERATOR CONTENT*/
.seperator p, .seperator h1, .seperator h2, .seperator h3, 
.seperator h4, .seperator h5, .seperator h6, .seperator span {
	display:block;
	margin-bottom:0;
	text-align:center;
	padding:18px 0;
	background-color: #C7DA36;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #778C26;
}

/*  GENERAL POST STYLING*/
.media3, .media2 {float:left;display:inline;margin:0 0 36px 18px;}
.media3 {width:195px; min-height: 336px;}/*197 - (1px border x 2) [193]*/
.media2 {width:303px;}/*305 - (1px border x 2) [300]*/
.first-post {margin-left:0;}
.blogPost, .search_post, .archive_post, .sidebar_blogPost {
	margin-bottom:36px;
}

/* headings/titles */
.cat-title {position:relative;}
.cat-title span {
	position:absolute;
	top:0;
	right:0;
	font-size:0.675em;
	color:#C7DA36;
	margin-bottom:0;
	padding:6px;
	background-color: #778C26;
}
/*the date*/
.blog-entry-title span, .search-entry-title span {display:block;margin-right:18px;padding:9px 0;color:#FFFFFF;width:60px;text-align:center;font-size:0.8em;}
.search-entry-title span {margin-right:0;width:auto;text-align:right;}
.blog-entry-title a, .search-entry-title a, .archive-entry-title {padding-top:9px;}
.archive-entry-title {
	background-image: url(images/hand_drawn_line.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 80%;
}

/*for the hover effect on the main_col posts*/
#main_col .mediaWrap {overflow:hidden;padding:5px;}
#main_col .mediaWrap .hover_link {position:absolute;top:0;left:0;}
#main_col .mediaWrap .teaser {
	overflow:hidden;
	padding:11px;
	position:relative;
	background:transparent;
	width: 147px;
	top: 18px;
	left: 8px;
}
#main_col .media2 .teaser {height:196px;}
#main_col .media3 .teaser {height:222px;}
#main_col .mediaPanesAlt .teaser {height:auto;padding:0px;margin-top:18px;}

/*option 2 - static image*/
.mediaLinkAlt {overflow:hidden;}
.media3 .mediaLinkAlt {height:122px;}
.media2 .mediaLinkAlt {height:194px;}

/*if title wraps 2 lines use min height for nice and even rows*/
.media3  h4 {min-height:35px;}

/*the blog post teaser*/
.teaser_landscape {margin-left:190px;} /*160 + 2x5px(img padding) + 2x1px(img border) + 18px(margin)*/
.teaser_portrait {margin-left:119px;}/*89 + 2x5px(img padding) + 2x1px(img border) + 18px(margin)*/
.teaser_square{margin-left:150px;}/*120 + 2x5px(img padding) + 2x1px(img border) + 18px(margin)*/

/*read more button and footnotes (rating and comments)*/
.readMore {display:block;text-indent:-9999em;width:102px;height:27px;cursor:pointer;background:url(images/readMore.png) no-repeat top left;margin-bottom:18px;}
.readMore:hover, .readMore:focus {background-position: 0 -27px;}
.readMore:active {background-position: 0 -54px;}
.readMoreLink a {display:inline;}
.sidebar_blogPost .readMore {background:none;text-indent:0;} 
.footnotesAlt {margin-top:5px;color:#261903;}
.post-ratings {float:left;width:108px!important;padding-top:5px;}
.footnotesAlt .post-ratings {width:120px;}
.comments-link {display:block;float:right;width:60px;}
.comments-link2 {display:block;float:left;width:60px; padding-left:40px;}
.comments-link a {
	color:#333333;
	display:block;
	text-align:right;
	float:right;
	height:44px;
	width:30px;
	font-size:20px;
	font-weight:bold;
	background:url(images/commentsWhite.png) no-repeat right;
	padding-top: 19px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0;
}
.comments-link a:hover {
	color:#333333;
	display:block;
	text-align:right;
	float:right;
	height:44px;
	width:30px;
	font-size:20px;
	font-weight:bold;
	background:url(images/commentsBrown.png) no-repeat right;
	padding-top: 19px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0;
	text-decoration:none;
}
.comments-link2 a {
	color:#333333;
	display:block;
	text-align:right;
	float:right;
	height:44px;
	width:30px;
	font-size:20px;
	font-weight:bold;
	background:url(images/commentsWhite.png) no-repeat right;
	padding-top: 19px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0;
	text-decoration:none;
}
.comments-link2 a:hover {
	color:#333333;
	display:block;
	text-align:right;
	float:right;
	height:44px;
	width:30px;
	font-size:20px;
	font-weight:bold;
	background:url(images/commentsBrown.png) no-repeat right;
	padding-top: 19px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0;
}
.blogPost .comments-link a  {padding-top:0;}
.footnotesAlt .comments-link a {background:url(images/commentsWhite.png) no-repeat right;color:#333333;}
.comments-link a:focus, .comments-link a:hover {cursor:pointer;text-decoration:none;color:#778C26;}
.footnotesAlt .comments-link a:focus, .footnotesAlt .comments-link a:hover {color:#647520;background:url(images/commentsBrown.png) no-repeat right;
}

/* the post meta info */
.metaInfo {display:block;background:url(images/info.png) no-repeat bottom left;height:30px;width:45px;text-indent:-9999em;}
.single_post .metaInfo {margin-bottom:9px;}
.metaInfo:focus, .metaInfo:hover, .metaInfo-active {background:url(images/info.png) no-repeat top left;}
.tooltip {
	display:none;
	background-image: url(images/info_panel.png);
	height: 137px;
	width: 180px;
	background-repeat: no-repeat;
	background-position: left center;
}
.tooltip2 {
	display:none;
	background-image: url(images/info2.png);
	height: 266px;
	width: 350px;
	background-repeat: no-repeat;
	background-position: center center;
}
.tooltip a {display:inline;}
.blogPost .meta  {text-align:right;}

/* the post image/s */
.content_box img, .thumb_img img, .single_post img, .page_post img, .gallery img   {
	padding:5px!important;
	background-color: #778C27;
}
.thumb_img {margin-bottom:18px;}
.sidebar_blogPost .thumb_img, .archive_post .thumb_img {margin:0 18px 18px 0;}

/* SINGLE POST */

/*the media fefdf9*/
.single_post object, .single_post .gallery {margin-bottom:18px;}
.flashvideo {display:block;text-align:center;}
div.attachment .attachment {text-align:center;}
/*extras*/
.tiny_tweet {padding-top:10px;}
.tiny_tweet a {margin:0 auto;display:block;background:url(images/socialIcons/hand_drawn/Twitter.png) no-repeat center;width:50px;height:47px;text-indent:-9999em;}
#social {
padding: 5px;
}
#socialtabs {display:table;width:100%;}
#social .position {float:left;display:table-cell;width:120px; height:70px;}
#social .position2 {float:left;display:table-cell;width:220px; height:70px;}
#socialtabs .position {float:left;display:table-cell;width:120px; height:70px;}
#socialtabs a {display:block;text-align:left;vertical-align:middle;font-size:0.9em;}
#socialtabs a:focus, #socialtabs a:hover {text-decoration:none;color:#778C26}
#socialtabs img {vertical-align: middle;}


/* the overlayed element */
.overlay {background-image:url(images/offwhite-trans.png); width:600px;height:470px;display:none;padding:55px;position:relative;color:#261903;}
.overlay .close {background-image:url(images/close-trans.png);position:absolute;right:10px;top:10px;cursor:pointer;height:28px;width:28px;}
.mediumoverlay {background:url(images/offwhitemedium-trans.png);width:300px;height:245px;}
.largeoverlay {background:url(images/offwhitelarge-trans.png);width:700px;height:550px;}
.largeoverlay .close {right:15px;top:15px;}
.mediumoverlay .close {right:0;top:0;}

/* overlay content */
.overlay .emailform-col {float:left;width:45%;}
.overlay .formbutton {clear:both;background:#809c41;color:#36431a;padding:4px;border:1px solid #485c1b;}
.overlay .formbutton:focus, .overlay .formbutton:hover {
	background-color: #778C26;
}
.overlay .formbutton:active {background:#4f651e;}
.ico a {display:block;float:left;width:33.33%;font-size:1.3em;margin-top:18px;}
.share_ico a {color:#261903;}
.subscribe_ico a {text-align:center;}
.share_ico img {margin-right:10px;float:left;}

/***  COMMENTS ***/
.comments_title, .respond_title, .trackbacks {
	clear:both;
	background-image: url(images/comments_header.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 70px;
	width: 543px;
	padding:10px;
	padding-left:35px;
}
.comments_title span, .respond_title span, #tweetbacks span {display:block;padding:9px;}
#comments {clear:both;}
#comments {margin-bottom:18px;}
.trackbacks_padding {position:relative;padding:9px;}
.trackback_title {float:left;width:50%;margin-bottom:0;}
.show_trackbacks {position:absolute;top:9px;right:9px;font-size:1.275em;}
.trackback {display:none;list-style-type: decimal;list-style-position:inside;}
.commentlist, .commentlist li {list-style-type:none;}
.commentlist li {
	list-style-position:outside;
	overflow:hidden;
	margin-bottom:36px;
	padding:18px;
	padding-top:40px;
	background-image: url(images/blog_spacer.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 616px;
	min-height:300px;
}
.commentlist .comment-author-admin {background:#1b1100;}
.commentlist li .children {padding:18px 0 0 36px;}
.commentlist .children li {}
.who_when {float:left;width:88px;}
.what {margin-left:106px;}
.avatar {padding:5px;background:#1b1100;margin-bottom:9px;}
.fn {display:block;margin-bottom:9px;}
.comment-meta {margin-bottom:18px;}
.comment_navigation  {padding:9px 0;}
#pings {margin:18px 0 0 0;}
#pings li {margin:9px 0;}
#commentform label {width:200px;text-align:left;margin:0 0 6px 0;}
#commentform input.text, #commentform input[type='text'], #commentform textarea, #commentform select {width:285px; background:transparent;}
#commentform textarea { width:616px; background:transparent; height:200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; border: none;}
#commentform #submit {float:left;margin:0;padding:6px;}

#commentform .subscribe-to-comments {overflow:hidden;padding-top:18px;}
#commentform .subscribe-to-comments #subscribe {float:left;}
#commentform .subscribe-to-comments label {width:400px;}

/* WP-PAGENAVI */
.wp-pagenavi {clear:both;margin-bottom:24px;}
.wp-pagenavi a, .wp-pagenavi a:link {padding:4px 6px;margin:4px;}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {padding:4px 6px;margin:4px;}
.wp-pagenavi span.pages {margin-left:0;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.pages, 
.wp-pagenavi span.extend {background:#FFFFFF;border:1px solid #778C26;color:#C7DA36;}
.wp-pagenavi a:focus, .wp-pagenavi a:hover, 
.wp-pagenavi a:active, .wp-pagenavi span.current {text-decoration:none;background:#C7DA36;border:1px solid #778C26;color:#333333;}
.wp-pagenavi span.current {font-weight:bold;}

/* THE SIDEBAR */
/*widget boxes*/
.sidebar .widget {
	color:#333333;
	margin-bottom:36px;
	background: transparent;
}
.sidebar .widgetPadding {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 18px;
	padding-left: 20px;
}
.sidebar .widget a {color:#778C26;}
.sidebar .widget a:focus, .sidebar .widget a:hover, .widget .current-cat a,  .sidebar .widget .current_page_item a {color:#778C26;}

/*related posts on single post view*/
.sidebar .widget li, .related li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #778C26;
color:#333333;
}
.sidebar .widget li:first-child, .related li:first-child {border-top:0 none;}
.sidebar .widget li a, .related li a {display:block;padding:9px 0;}


.sidebar2 .widget {
	color:#333333;
	margin-bottom:36px;
	background: transparent;
}
.sidebar2 .widgetPadding {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.sidebar2 .widget a {color:#778C26;}
.sidebar2 .widget a:focus, .sidebar2 .widget a:hover, .widget .current-cat a,  .sidebar2 .widget .current_page_item a {color:#778C26;}

/*related posts on single post view*/
.sidebar2 .widget li, .related li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #778C26;
color:#333333;
}
.sidebar2 .widget li:first-child, .related li:first-child {border-top:0 none;}
.sidebar2 .widget li a, .related li a {display:block;padding:9px 0;}

/* tabs */
.sidebarTabs {overflow:hidden;}
.sidebarTabs li {display:inline;float:left;}
.sidebarTabs li a, .sidebarTabs li a span {display:block;text-align:center;float:left;color:#778C26;}
.sidebarTabs li a {}
.sidebarTabs li a span {padding:1px;width:100%;font-size:1.375em;font-weight:normal;}
.sidebarTabs li a:focus, .sidebarTabs li a:hover, .sidebarTabs li a.current {
	cursor:pointer;
	color:#ffb421;
	text-decoration:none;
}
.sidebarTabs li a:focus span, .sidebarTabs li a:hover span,.sidebarTabs li a.current span{border-color:#778C26;color:#EBBD00;}
/*the content*/
.sidebarPanes {position:relative;margin-bottom:36px;}
.sidebar .widget_categories, .sidebar .widget_tags {border-top:0 none;margin-bottom:0;}
.sidebar .widget_tags {display:none;}
.sidebar2 .widget_categories, .sidebar2 .widget_tags {border-top:0 none;margin-bottom:0;}
.sidebar2 .widget_tags {display:none;}
.widget_categories ul, .widget_tags span {padding:18px; padding-top:0px; padding-left:10px;display:block;}
.widget_categories li {}
.widget_categories li:first-child {border-top:0 none;}
.sidebar .sidebarPanes a {color:#333333;padding:18px 0;display:block;font-size:1.125em;}
.sidebar .tags a {display:inline-block;padding:0 5px; cursor:pointer;}
.sidebar .sidebarPanes a:focus, .sidebar .sidebarPanes a:hover, .sidebar .sidebarPanes .current-cat a {text-decoration:none;color:#778C26;}
.sidebar2 .sidebarPanes a {color:#333333;padding:18px 0;display:block;font-size:1.125em;}
.sidebar2 .tags a {display:inline-block;padding:0 5px;}
.sidebar2 .sidebarPanes a:focus, .sidebar2 .sidebarPanes a:hover, .sidebar2 .sidebarPanes .current-cat a {text-decoration:none;color:#C7DA36;}
/*Latest Tweet*/
.latestTweet {color:#333333;}
.latestTweet_widget {position: relative;}
.latestTweet_widget .widgetPadding {margin:0;}
.latestTweet_widget .arrow {
	width:0;
	line-height:0;
	position:absolute;
	top:-21px;
	right:110px;
	/*border-top-width: 21px;
	border-left-width: 50px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-left-color: #778C26;*/
}
.latestTweet_widget .arrow1 {}
.latestTweet_widget .arrow2 {right:109px;}
.latestTweet_widget .arrow3 {right:108px;top:-20px;}
/* CONTACT PAGE CONTACT FORM */

.cform input, .cform textarea {width: 266px;}
.cform textarea {width:98%;margin-top:6px;height:75px;}
.cform .reqtxt, .cform .emailreqtxt {color:#576817;position:absolute;top:0;left:1px;}
.cform .cf-ol {list-style-type:none;margin:0;}
.cform .cf-ol li {position:relative;}
.cform .backbutton, .cform .resetbutton, .cform .sendbutton {width:100px;background:#657e2e;border-top-color:#85a245!important;border-left-color:#85a245!important;color:#222d0a;padding:5px;}
.cform .backbutton:hover, .cform .resetbutton:hover, .cform .sendbutton:hover, 
.cform .backbutton:focus, .cform .resetbutton:focus, .cform .sendbutton:focus {background:#A8D00F;text-decoration:none;border:1px solid #85a245;border-top-color:#394b10;border-left-color:#394b10;}
.cform .backbutton:active, .cform .resetbutton:active, .cform .sendbutton:active {background:#4b601b;}
div.waiting {background:transparent !important;color:#cc9900 !important;}
div.failure  {padding:3px;margin-bottom:6px;color:#ff3333;background:#f7e6e3;border:1px solid #fecfc7;}
div.success {padding:3px;margin-bottom:6px;color:#6A712C!important;background:#e3edcb!important;border:1px solid #ebfebc;}

/* category rss feed */
.catRssFeed li {display:block;overflow:hidden;}
.catRssFeed li a {float:left;display:block;padding:6px 9px 6px 0;}

/* TAS additions */

/*.top-fold {
	background-image: url(images/top_fold.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
*/
.shine {
	background-image: url(images/shine.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.twitter-cardboard {
	/*background-image: url(images/latest_tweet.png);
	background-repeat: no-repeat;
	background-position: top center;
	height:290px;*/
	width:292px;
	padding-top: 85px;
	float:left;
}
.sidebar-cardboard1 {
	/*background-image: url(images/sub_navigation1.png);
	background-repeat: no-repeat;
	background-position: top center;
	height:290px;*/
	width:292px;
	float:left;

}
.tag-cloud {
	/*background-image: url(images/tag_cloud.png);
	background-repeat: no-repeat;
	background-position: top center;
	min-height:222px;*/
	width:292px;
	padding-top: 15px;
}
.side-bar-box {
	padding-left:20px;
	padding-right:20px;
}
.welcome-messag {
	padding-top: 30px;
}
#free_quote {
	padding:25px;
	padding-top:0;
	width:250px;
	}
#footer-shine {
	background-attachment: fixed;
	background-image: url(images/footer_shine.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	width:100%;
}
.dashed-border {
	border:dashed 1px #778C26;
	padding:10px;
}

.dashed-border h1{
	font-size:18px;
	color:#778C26;
	line-height: 1.2em;
	text-align:justify;
}

.dashed-border h1 span, h1 span a{
	font-size:20px;
	color:#ffffff;
	background-color:#778C26;
	padding-right: 5px;
	padding-left: 5px;
}
.dashed-border h1 strong{
	font-size:18px;
	color: #C6D935;
	text-align:center;
	font-size: 25px;
}
.paper {
	background-image: url(images/paper2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 371px;
	width: 100%;
}
.follow-us:hover {
	height:70px;
	background-image: url(images/follow_us.png);
	background-repeat: no-repeat;
	background-position: 55px top;
	}
.comments-paper {
	background-image: url(images/comments_paper.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:382px;
	padding-top:60px;	
}
.sidebar-spacer {
	background-image: url(images/sidebar_spacer.png);
	background-repeat: no-repeat;
	background-position: top 20px;

	padding-bottom:20px;
}
.horz-divider {
background:url(images/horz_divider.png);
background-position:center 590px;
background-repeat:repeat-x;
}









/* TAS Addition of gallery CSS */

.panel_tooltip {
	position: absolute;
	background-color: rgb(255, 255, 234);
	border: 1px solid black;
	padding: 20px;
	display: none;
}

.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 */ 


.gallery {
	text-align: center;
}

.gallery .gcontent {

}

.gallery .glist {
	/*margin: 5px 0 0 0;*/
}

.gallery .glist_before {
	margin: 0 0 5px 0;
}
.gallery .glist_after {
	margin: 5px 0 0 0;
}


.gallery .glist .gleft,
.gallery .glist .gright {
	width: 43px;
	height: 100%;
}

.gallery .glist .gleft a,
.gallery .glist .gright a {
	background-repeat: no-repeat;
	background-position: left center;
	height: 70px;
	cursor: pointer;
	outline-style: none;
}

.gallery .glist .gleft {
	float:left;
	left: 0px;
}
.gallery .glist .gleft a {
	display: block;
	height: 70px;
	background-image: url(img/left.png);
}
.gallery .glist .gleft a:hover {

	background-image: url(img/left_hover.png);
}
.gallery .glist .gright {
	float: right;
	clear: right;
	right: 0px;
}
.gallery .glist .gright a {
	display: block;
	height: 70px;
	background-image:url(img/right.png);
}
.gallery .glist .gright a:hover {
	background-image: url(img/right_hover.png);
}
.gallery .glist .gthumbs {
	float:left;
	height: 70px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	white-space: nowrap !important;
	text-align: left;
}

/* the height here should be .thumbs height - (margin top + margin bottom) */
.gallery .glist .gthumbs div {
	overflow: hidden;
	width: 70px;
	height: 40px;
	text-align: center;
	padding:5px;

}
.gallery .glist .gthumbs div.hover {
	cursor: pointer;
}
.gallery .glist .gthumbs div.viewing {
	border: 5px solid #A6C810;
}
.gallery .glist .gthumbs img {

}
.big_image_loading {
	background-image: url(img/indicator.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.content_box .none img, .thumb_img .none img, .single_post .none img, .page_post .none img, .gallery .none img, .none img   {
	padding:0px!important;
	background-color: Transparent;
}


/*Date Sprite */

.postdate {
  position: relative;
  width: 66px;
  height: 60px;
  float: left;
}
.month, .day, .year {
  position: absolute;
  text-indent: -1000em;
  background-image: url(images/date_img.png);
  background-repeat: no-repeat;
}
.month { top: 10px; left: 0; width: 33px; height: 30px;}
.day { top: 30px; left: 0; width: 33px; height: 30px;}
.year { bottom: 0; right: 13px; width: 20px; height: 60px;}





.m-01 { background-position: 0 0px;}
.m-02 { background-position: 0 -30px;}
.m-03 { background-position: 0 -62px;}

.m-04 { background-position: 0 -94px;}
.m-05 { background-position: 0 -125px;}
.m-06 { background-position: 0 -155px;}

.m-07 { background-position: 0 -185px;}
.m-08 { background-position: 0 -217px;}
.m-09 { background-position: 0 -248px;}

.m-10 { background-position: 0 -279px;}
.m-11 { background-position: 0 -310px;}
.m-12 { background-position: 0 -341px;}





.d-01 { background-position: -51px 0;}
.d-02 { background-position: -51px -27px;}
.d-03 { background-position: -51px -57px;}

.d-04 { background-position: -51px -91px;}
.d-05 { background-position: -51px -122px;}
.d-06 { background-position: -51px -151px;}

.d-07 { background-position: -51px -185px;}
.d-08 { background-position: -51px -214px;}
.d-09 { background-position: -51px -249px;}

.d-10 { background-position: -51px -275px;}
.d-11 { background-position: -51px -309px;}
.d-12 { background-position: -51px -338px;}

.d-13 { background-position: -51px -373px;}
.d-14 { background-position: -51px -404px;}
.d-15 { background-position: -51px -436px;}

.d-16 { background-position: -51px -462px;}
.d-17 { background-position: -100px -0px;}
.d-18 { background-position: -100px -27px;}

.d-19 { background-position: -100px -57px;}
.d-20 { background-position: -100px -91px;}
.d-21 { background-position: -100px -122px;}

.d-22 { background-position: -100px -151px;}
.d-23 { background-position: -100px -185px;}
.d-24 { background-position: -100px -214px;}

.d-25 { background-position: -100px -249px;}
.d-26 { background-position: -100px -275px;}
.d-27 { background-position: -100px -309px;}

.d-28 { background-position: -100px -338px;}
.d-29 { background-position: -100px -373px;}
.d-30 { background-position: -100px -404px;}

.d-31 { background-position: -100px -436;}





.y-2008 { background-position: -150px 0;}
.y-2009 { background-position: -150px 0;}
.y-2010 { background-position: -150px -60px;}
.y-2011 { background-position: -150px -120px;}
.y-2012 { background-position: -150px -180;}
.y-2013 { background-position: -150px -240px;}
.y-2014 { background-position: -150px -300px;}
.entry a {
	text-decoration: underline;
}
.entry a:hover {
	background-color: #ABCC12;
}


::selection {
	background: #A2CA0D; /* Safari */
	}
::-moz-selection {
	background: #A2CA0D; /* Firefox */
}
.blog-spacer {
	background-image: url(images/blog_spacer.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#search-position {
	padding-top:100px;
	width:100%;
}
.arrow2 {
	background-image: url(images/arrow2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.right-column-tas {
	float:right;
	width:50%;
}
.left-column-tas {
	float:left;
	width:50%;
}
.monkey {
	background-image:url(images/monkey_cut_out_small.png);
	background-position:top center;
	background-repeat:no-repeat;
	min-height:350px;
}
 .side-bar-box ul li {
	background-image:url(images/hand_drawn_line_sidebar.png);
	background-position:center 26px;
	background-repeat:no-repeat;
	border:none;
}
/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	overflow: hidden;
	width:90%;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab {
	margin: 0px;
	padding: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-image:url(images/arrow_2.png);
	padding-left:25px;
	background-repeat:no-repeat;
	background-position:left center;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	padding-bottom:25px;
	padding-top:10px;
	height: auto;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */

.AccordionPanelOpen .AccordionPanelTab {
	background-image:url(images/comments_green_shadow.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left: 75px;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}*/

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 
.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}*/

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}*/







/* SpryTooltip.css - version 0.2 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* HACK FOR IE: to make sure the tooltips show above form controls, we underlay each tooltip with an iframe */
.iframeTooltip
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

.tooltipContent
{
	background-color: #FFFFCC;
}