/*
Theme Name: The Gratitude Challenge
Description: Custom Theme for TheGratitudeChallenge.com
Version: 1
Author: Citron Studio
Tags: fixed width, three columns, widgets


/*-----------Block Level Elements--------------*/

body{
	background: #FFFADA url(images/bgTop.gif) 0 0 repeat-x; 
	font:normal 13px/120% Arial, Arial, Helvetica, sans-serif;
	color: #666;
	margin:0;
	padding:0
}

#MainWrapper{
	width: 1044px;
	margin: -98px auto 0px auto;
	padding: 21px 0px 21px 0px;
	position:relative;
	z-index:1;
	overflow: hidden
}

/* header */
	#header {
		width: 100%;
		height: 197px;
		overflow: hidden;
		position:relative;
		z-index:0;
	}
	
	#header h1{
		margin: 0px 0px 0px 0px;
		position:absolute;
		top: 0px;
		left:0px;
		z-index:1;		
	}
	
	#header h1 a{
		display: block;
		width: 594px;
		height: 197px;
		text-indent: -9999px;
		background: url(images/TheGratitudeChallenge.png) 0 0 no-repeat;
	}
	
	#header .description {
		display: none;
	}
/* /header */

/* main content wrapper */
	#wrapper{
		width: 574px;
		float:left;
		position:relative;
		z-index:30;
		padding: 0px 0px 0px 0px;
		margin: 0px -13px 0px 0px;
		background: url(images/bgMainContent.png) 0 0 repeat-y;
	}
	
	#wrapper .boxTop{
		position: absolute;
		left: 0px;
		top: -21px;
		height:21px;
		width:574px;
		background: url(images/bgMainContentTop.png) 0 0 no-repeat;
	}
	
	#wrapper .boxBtm{
		position: absolute;
		left: 0px;
		bottom: -21px;
		height:21px;
		width:574px;
		background: url(images/bgMainContentBtm.png) 0 0 no-repeat;
	}
/* /main content wrapper */

/* main inner content */
	#content {
		width:510px;
		padding: 10px 20px 0px 20px;
		margin: 0px 12px 0px 12px;
		
	}
	
	.content a {
		#ffc0c0;
	}
	
	
/* /main inner content */

/* left sidebar */
	#sidebar-lt {
		float: left;
		width: 235px;
		margin: 3px -12px 0px 0px;
		position:relative;
		z-index:10
	}
	
	#sidebar-lt ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
	}
	
	/* challenge widget */
		.widget-challenge{
			width:207px;
			padding: 21px 0px 0px 19px;
			margin: 0px 0px 20px 10px;
			position: relative;
			background: url(images/bgChallengeBox.png) 0 0 no-repeat;
		}
		
		.widget-challenge ol{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			width:160px;
		}
		
		.widget-challenge ol li{
			padding: 0px 0px 11px 0px;
		}
		
		.widget-challenge ol li.last{
			padding: 8px 0px 0px 0px;
		}
		
		.widget-challenge ol li.oneTextLine a{
			line-height: 36px;
		}
		
		.widget-challenge ol li a{
			display: block;
			padding: 0px 0px 0px 38px;
			background-repeat: no-repeat;
			background-position: 0 0;
			font:bold 12px/140% Arial, Helvetica, sans-serif;
			color: #72A533;
			text-decoration: none;
			min-height:36px
		}
		
		.widget-challenge ol li a.resource{background-image: url(images/bltResource.png)}
		.widget-challenge ol li a.resourceCalendar{background-image: url(images/bltCalendarResource.png)}
		.widget-challenge ol li a.resourceWidget{background-image: url(images/bltShareResource.png); padding-top:2px;}
		
		.widget-challenge ol li a:hover{text-decoration: underline}
		
		.widget-challenge .boxTop{
			width: 226px;
			height: 23px;
			position:absolute;
			top: -23px;
			left:0px;
			z-index:1;
			background: url(images/bgChallengeBoxTop.png) 0 0 no-repeat;
		}
		
		
		.widget-challenge .boxBtm{
			width: 226px;
			height: 25px;
			position:absolute;
			bottom: -25px;
			left:0px;
			z-index:1;
			background: url(images/bgChallengeBoxBtm.png) 0 0 no-repeat;
		}
	/* /challenge widget */
	
	/* news widget */
		#sidebar-lt .widget_text{
			width:200px;
			padding: 21px 7px 0px 29px;
			min-height:425px;
			margin: 0px 0px 30px 0px;
			position: relative;
			background: url(images/bgNewsBox.png) 0 0 no-repeat;
			
			font:normal 12px/120% Arial, Helvetica, sans-serif;
			color: #666;
			z-index:5
		}
		
		#sidebar-lt .widget_text a{
			color: #73A533;
			font-size:13px;
			text-decoration: none
		}
		
		#sidebar-lt .widget_text a:hover{
			text-decoration: underline
		}
		
		#sidebar-lt .widget_text .boxBtm{
			width: 236px;
			height: 17px;
			position:absolute;
			bottom: -17px;
			left:0px;
			z-index:1;
			background: url(images/bgNewsBoxBtm.png) 0 0 no-repeat;
		}
		
		#sidebar-lt .widget_text_after{
			background: url(images/bgNewsBoxUnder.png) 0 100% no-repeat;
			z-index:3;
			position:relative;
			width: 243px;
			top: -205px;
			margin: 0px 0px -205px 7px;
			height:243px;
		}
	/* /news widget */
	
	/* blogroll widget */
		#sidebar-lt .widget_links{
			width:200px;
			padding: 21px 7px 0px 19px;
			margin: 0px 0px 30px 0px;
			position: relative;		
			font:normal 12px/120% Arial, Helvetica, sans-serif;
			color: #666
		}
		
		#sidebar-lt .widget_links ul.blogroll{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 10px;
			list-style-type: none;
		}
		
		#sidebar-lt .widget_links ul.blogroll li{
			background: url(images/bltLinksWidget.gif) 0px 4px no-repeat;
			padding: 0px 0px 5px 10px;
		}
		
		
		
		#sidebar-lt .widget_links a{
			color: #73A533;
			font-size:13px;
			text-decoration: none
		}
		
		#sidebar-lt .widget_links a:hover{
			text-decoration: underline
		}
	/* /blogroll widget */
/* /left sidebar */

/* right sidebar */
	#sidebar-rt {
		float: right;
		width: 259px;
		margin: -10px 0px 0px 0px;
		position:relative
	}
	
	#sidebar-rt ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
	}
	
	#sidebar-rt #socialprofilr{
		padding: 13px 30px 13px 30px;
		width: 168px
	}
	
	#sidebar-rt #socialprofilr p, #sidebar-rt #socialprofilr .widget-title{
		display: none
	}
	
	#sidebar-rt .widget_twitter{
		width:200px;
		padding: 21px 28px 0px 20px;
		min-height:371px;
		margin: -15px 0px 30px 0px;
		position: relative;
		background: url(images/bgTwitterFeedsBox.png) 0 0 no-repeat;
		
		font:normal 12px/140% Arial, Helvetica, sans-serif;
		color: #666;
		z-index:5
	}
	
	#sidebar-rt .widget_twitter .widget-title{
		font-size: 28px;
	}
	
	#sidebar-rt .widget_twitter .widget-title .cufon-canvas{
		margin: -6px 0px -3px -3px;
	}	
	
	#sidebar-rt .widget_twitter a{
		color: #72A533;
		text-decoration: none
	}
	
	#sidebar-rt .widget_twitter a:hover{
		color: #72A533;
		text-decoration: underline
	}
	
	#sidebar-rt .widget_twitter li{
		margin: 0px 0px 10px 0px;
	}
	
	#sidebar-rt span.entry-content{
		display: block;
		margin: 0px 0px 5px 0px;
	}	
	
	#sidebar-rt span.entry-meta{
		font-size: 10px;
		line-height:11px
	}
	
	#sidebar-rt .widget_twitter .boxBtm{
		width: 248px;
		height: 25px;
		position:absolute;
		bottom: -25px;
		left:0px;
		z-index:1;
		background: url(images/bgTwitterFeedsBoxBtm.png) 0 0 no-repeat;
	}
	
	#sidebar-rt .widget_text{
		width:248px;
		padding: 15px 1px 0px 9px;
		min-height:337px;
		margin: -30px 0px -25px 0px;
		position: relative;
		background: url(images/bgFlashBox.png) 0 0 no-repeat;
		z-index:6
	}
	
	#sidebar-rt .widget_text .widget-title{
		display: none;
	}
	
	#sidebar-rt .widget_tag_cloud{
		width:200px;
		padding: 20px 28px 0px 20px;
		min-height:240px;
		margin: -15px 0px 30px 0px;
		position: relative;
		background: url(images/bgTagCloud.png) 0 0 no-repeat;
		z-index:6
	}
	
	#sidebar-rt .widget_tag_cloud a{
		color: #666666;
		font-weight: bold;
		text-decoration: none;
		white-space: nowrap
	}
	
	#sidebar-rt .widget_tag_cloud a:hover{
		text-decoration: underline
	}	
	
	#sidebar-rt .widget_tag_cloud .boxBtm{
		width: 248px;
		height: 14px;
		position:absolute;
		bottom: -14px;
		left:0px;
		z-index:1;
		background: url(images/bgTagCloudBtm.png) 0 0 no-repeat;
	}
	
	#sidebar-rt .widget_tag_cloud_after{
		background: url(images/bgTagCloudUnder.png) 100% 100% no-repeat;
		z-index:3;
		position:relative;
		width: 244px;
		top: -88px;
		margin: 0px 0px -88px 0px;
		height:118px;
	}	
/* /right sidebar */

/* home content */
	#HomeContent{
		font-size: 14px;
		line-height:140%;
	}
	
	#HomeContent h2{
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 4px 0px;
		color: #3D8C86;
		background: url(images/sepHomeHeadings.gif) 0 100% repeat-x;
		font-size:20px;
		min-height: 53px;
		visibility: hidden
	}
	
	#HomeContent h3{
		margin: 0px 0px 10px 0px;
		font-size:12px;
		color: #72A533;
		min-height: 35px;
		visibility: hidden
	}
/*	#HomeContent h2.hTakeNoteGiveThanks{
		margin: 0px 0px 10px 0px;
		background: url(images/hTakeNoteGiveThanks.gif) 0 0 no-repeat;
		text-indent: -9999em;
		height:43px;
	}
	
	#HomeContent h2.hAnnouncements{
		margin: 0px 0px 30px 0px;
		background: url(images/hAnnouncements.gif) 0 0 no-repeat;
		text-indent: -9999em;
		height:38px;
	}
	
	#HomeContent h3.hTheGratitudeVideo{
		margin: 0px 0px 3px 0px;
		background: url(images/hTheGratitudeVideo.gif) 0 0 no-repeat;
		text-indent: -9999em;
		height:30px;
	}*/
	
	#share-video {
		margin:20px auto 20px auto;
		overflow:hidden;
		width: 400px;
	}
	
	#share-video p.postTitle{
		float: left;
		margin: 20px 10px 0px 45px;
	}
	
	#share-video ul{
		margin: 18px 0px 0px 0px;
	}
	
	#share-video ul, #share-video li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		padding:0;
	}
	
	#share-video li {
		float:left;
		margin-right:10px;
		overflow:hidden;
		text-indent:-999px;
		width:29px;
		height:29px
	}
	#share-video li a {
		display:block;
		height:100%;
		width:100%;
	}
	
	#share-video li.last {
		margin-right:0;
	}
	
	#share-video li.fb a{background: url(images/fb_29.png) 0 0 no-repeat;}
	#share-video li.tw a{background: url(images/tw_29.png) 0 0 no-repeat;}
	#share-video li.de a{background: url(images/de_29.png) 0 0 no-repeat;}
	#share-video li.di a{background: url(images/di_29.png) 0 0 no-repeat;}
	#share-video li.su a{background: url(images/su_29.png) 0 0 no-repeat;}
/* /home content */

#footer {
	clear: both;
	width: 100%;
	text-align: center;
	border-top: 1px solid #CFCA8B;
	position:relative;
	z-index:100;
	margin: -5px 0px 0px 0px;
	background: #F5EEA5;
	padding: 17px 0px 17px 0px;
	font:normal 11px/120% Arial, Helvetica, sans-serif;
	color: #666
}

#footer a{
	color: #72A533;
	text-decoration: none
}

#footer a:hover{
	text-decoration: underline
}

#footer .sep{
	color: #72A533;
}

/*-------------Headings-------------*/

h1 {
	
}

h1 a {
	
}

h2 {
	margin: 0px 0px 0px 0px;
}

h3 {
	
}

h4 {
	
}

h5 {
	
}

p{
	margin: 0px 0px 1.5em 0px;
}

/*-------------The Post-------------*/

.post {
	position:relative;
	width: 510px;
	margin: 30px 0px 30px 0px;
}

.post a.lnkTweetThis{
	display: block;
	width:119px;
	height: 68px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(images/btnTweetThis.gif) 0 0 no-repeat;
	
	position:absolute;
	top: -26px;
	right: 10px;
	z-index:1;
}

.post p {
	
}

.post h2 {
	font-size: 22px;
	font-weight: bold;
	color: #72A533;
	margin: 0px 0px 5px 0px;
}

.post h2 a{
	text-decoration: none;
	color: #72A533;
}

.post h2 a:hover{
	text-decoration: underline;
}

.post small.postDate{
	display: block;
	font-size:12px;
	color: #999894;
	margin: 0px 0px 5px 0px;
}

.post small em.postAuthor{
	font-style: normal;
	color: #72A533
}

.post .entry{
	background: url(images/sepBlogContent.gif) 0 0 repeat-x;
	width:510px;
	padding: 20px 20px 0px 20px;
	margin: 0px -20px 0px -20px;
}

.post .entrytext{
	background: url(images/sepBlogContent.gif) 0 0 repeat-x;
	width:510px;
	padding: 20px 20px 0px 20px;
	margin: 0px -20px 0px -20px;
}


.post .TweetLeftButtonCount{
	display: none;
}

.post .TweetLeftButtonTweet{
	position: absolute;
	top:0px;
	right:0px;
	z-index:1;
}

.post a {
	color: #72A533;
}

.post ul {
	margin: 7px;
	padding: 0px;
}

.post li {
	
}

.post ol {
	
}

.entry {

}

.entrytext .postmetadata {
	font-size: small;
}

.postmetadata alt {
	font-size: small;
}

.postmetadata a {
	text-decoration: none;
}

.navigation {

}

.alignleft {
	float: left;
}

.alignright {
	float: right;	
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.pagetitle {
	font-size: medium;
}

blockquote {
	background: #404040;
	padding: 2px;
}

cite {

}

a img {
	border: 0;
}

acronym, abbr {

}

/*--------------Sidebar------------*/

#sidebar-lt .widget-title {
	background: url(images/sepBoxHeading.png) 0 100% repeat-x;
	margin: 0px 0px 10px 0px;
	font-size:12px;
	color: #72A533;
	min-height: 27px;
	visibility: hidden
}

#sidebar-lt .widget-title .cufon-canvas{
	margin: -9px 0px -6px 0px;
}

#sidebar-lt .widget-title span{
	display: block;
	padding: 0px 0px 0px 30px;
	min-height:27px;
	white-space:nowrap;
	background: url(images/bgBoxHeading.png) 0 0 no-repeat;
	position:relative;
	left:-5px
}

#sidebar-rt .widget-title {
	background: url(images/sepBoxHeading.png) 0 100% repeat-x;
	margin: 0px 0px 10px 0px;
	font-size:12px;
	color: #72A533;
	min-height: 27px;
	visibility: hidden
}

#sidebar-rt .widget-title .cufon-canvas{
	margin: -9px 0px -8px 0px;
}

#sidebar-rt .widget-title a{
	text-decoration: none
}

#sidebar-rt .widget-title a:hover{
	text-decoration: none
}

#sidebar-rt .widget-title span{
	display: block;
	padding: 0px 0px 0px 30px;
	min-height:27px;
	white-space:nowrap;
	background: url(images/bgBoxHeading.png) 0 0 no-repeat;
	position:relative;
	left:-5px
}

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

a{
	color: #72A533;
}

ol.commentlist, .replytext, small {
	
}

ol.commentlist li {
	padding: 5px;
}


ol.commentlist li.alt {
	
	background: #EFEFEF;
}

ol.commentlist a, .replytext a {
	


}

small.commentmetadata {
	color: #ff0000;
}

.avatar {
	float: right;
	margin-right: 5px;
	padding: 2px;
}

/*--------------Search Form-------------*/

#searchform {
	padding: 5px;
}

#searchform input {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

#searchform #s {

}


/*-------------Calendar-----------------*/

#wp-calendar {
	width: 100%;
}

#wp-calendar th {

}

#wp-calendar a {

}

#prev a, #next a {

}

#wp-calendar caption {

}

/*-------------Images------------------*/




/*-------------Other------------------*/

hr {
	display: none;
}

img#wpstats {
	display:none
}

#socialprofilr{
	background: #FFF;
}

/* ------------------------------------------------------------------------------------------------ */
/* jquery video photo gallery
/* ------------------------------------------------------------------------------------------------ */
/* the overlayed element */
	.VideoGalleryOverlay {
		/* must be initially hidden */
		display:none;
		
		/* place overlay on top of other elements */
		z-index:10000;
		
		/* styling */
		background-color:#333;
		
		/*width:675px;*/	
		min-height:200px;
		border:1px solid #666;
		
		/* CSS3 styling for latest browsers */
		-moz-box-shadow:0 0 90px 5px #000;
		-webkit-box-shadow: 0 0 90px #000;	
	}
	
	/* close button positioned on upper right corner */
	.VideoGalleryOverlay .close{
		background-image:url(images/close.gif);
		position:absolute;
		right:-15px;
		top:-15px;
		cursor:pointer;
		height:35px;
		width:35px;		
	}
	.VideoGalleryOverlay .close[class]{
		background-image:url(images/close.png);
	}
	
	.VideoGalleryOverlay .contentWrap{
		width: 400px;
		height:320px;
	}
	
	/* "next" and "prev" links */
	.VideoGalleryOverlay .next, .VideoGalleryOverlay .prev {
		
		/* absolute positioning relative to the overlay */
		position:absolute;
		top:40%;	
		border:1px solid #666;	
		cursor:pointer;
		display:block;
		padding:10px 20px;
		color:#fff;
		font-size:11px;
		
		/* upcoming CSS3 features */
		-moz-border-radius:5px;
		-webkit-border-radius:5px;	
	}
	
	.VideoGalleryOverlay .prev {
		left:0;
		border-left:0;
		-moz-border-radius-topleft:0;
		-moz-border-radius-bottomleft:0;
		-webkit-border-bottom-left-radius:0;
		-webkit-border-top-left-radius:0;
	}
	
	.VideoGalleryOverlay .next {
		right:0;
		border-right:0;
		-moz-border-radius-topright:0;
		-moz-border-radius-bottomright:0;
		-webkit-border-bottom-right-radius:0;
		-webkit-border-top-right-radius:0;	
	}
	
	.VideoGalleryOverlay .next:hover, .VideoGalleryOverlay .prev:hover {
		text-decoration:underline;
		background-color:#000;
	}
	
	/* when there is no next or previous link available this class is added */
	.VideoGalleryOverlay .disabled {
		visibility:hidden;		
	}
	
	/* the "information box" */
	.VideoGalleryOverlay .info {
		position:absolute;
		bottom:0;
		left:0;	
		padding:10px 15px;
		color:#fff;
		font-size:11px;
		border-top:1px solid #666;
	}
	
	.VideoGalleryOverlay .info strong {
		display:block;	
	}
	
	/* progress indicator (animated gif). should be initially hidden */
	.VideoGalleryOverlay .progress {
		position:absolute;
		top:45%;
		left:50%;
		display:none;
	}
	
	/* everybody should know about RGBA colors. */
	.VideoGalleryOverlay .next, .VideoGalleryOverlay .prev, .VideoGalleryOverlay .info {
		background:#333 !important;
		background:rgba(0, 0, 0, 0.6) url(images/h80.png) repeat-x;		
	}		
/* /the overlayed element */
/* ------------------------------------------------------------------------------------------------ */
div#widget {
	border:3px double #f5f09d;
	color:#6b6b6b;
	width:484px;
	padding:10px;
	background-color:#f7f7f7;
	overflow:scroll;
}
.error {
	background: #f5f09d;
	padding:23px;
	width:464px;
	margin-bottom:10px;
}
.error p {
	margin:0;
}