/*
Theme Name: Getting Things Done
Theme URI: http://www.vectordefector.com
Description: A custom theme developed exclusively for David Allen Co / GettingThingsDone.com
Version: 1.0
Author: Tom Benway
Author URI: http://www.vectordefector.com
*/

/* Begin Typography & Colors */

@font-face {
    font-family: 'Chalet Comprime Cologne Sixty';
    src: url('/wp-content/themes/getting-things-done/inc/fonts/chalet_comprime_cologne_sixty.eot');
    src: url('/wp-content/themes/getting-things-done/inc/fonts/chalet_comprime_cologne_sixty.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/getting-things-done/inc/fonts/chalet_comprime_cologne_sixty.svg#Chalet Comprime Cologne Sixty') format('svg'),
    url('/wp-content/themes/getting-things-done/inc/fonts/chalet_comprime_cologne_sixty.woff') format('woff'),
    url('/wp-content/themes/getting-things-done/inc/fonts/chalet_comprime_cologne_sixty.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html { overflow-y: inherit;}

body {
	font-size: 14px;
	line-height: 20px;
	font-family: 'Arimo',Verdana, Geneva, sans-serif;
	color: #2B2B2B;
	background-color: #FFFFFF;
	overflow-x: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	width: 100%; 
	height: auto;
	overflow-x: hidden;
	}
	
a {
	outline: none;	
	color: #e75300;	
	text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #2B2B2B;
}

.searchInput {
	font-family: 'Arimo',Verdana, Geneva, sans-serif;
	border: 1px solid #474747;
	background-color: #474747;
	padding: 5px;
	color:#e55300;
}


.formInput {
	width: 96%;
	font-family: 'Arimo',Verdana, Geneva, sans-serif;
	border: 1px solid #cbc8c7;
	background-color: #e6e6e6;
	padding: 2%;
	margin: 5px 0 5px 0;
	color:#382e2b;
}

textarea { 
	resize:none;
	max-width: 95.5%;
}

.inputBtn {
	font-family: 'Arimo',Verdana, Geneva, sans-serif;
	color: #fff;
	font-size: 14px;
	background-color: #e75300;
	border: 1px solid #e75300;
	padding: 8px 12px 8px 12px;
	cursor: pointer;	
}


.btn {
	-webkit-transition: all 0.30s ease-in-out;
  	-moz-transition: all 0.30s ease-in-out;
  	-ms-transition: all 0.30s ease-in-out;
  	-o-transition: all 0.30s ease-in-out; 
	cursor: pointer;
}

.btn:hover {
	opacity:.50;
    filter:alpha(opacity=50);
}

.orange {
	color: #e55300 !important;	
}

.brown {
	color: #2B2B2B !important;	
}

.pageDiv, hr {
	float: left;
	width: 90%;
	margin: 0 5% 0 5%;
	border-top: 1px solid #cbc8c7;	
}

#page {
	width: 100%;
	max-width: 1150px;
	min-height: 800px;
	margin: 0 auto 0 auto;
}

#header {
	width: 98%;
	padding: 1%;
	height: 75px;
	min-width: 320px;
	background-color: #2B2B2B;
	color: #fff;
	border-top: 1px solid #bbb9b8;
}

#headerFrame {
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;	
}

#headerimg {
	float:left;
	width: 55px;
	height: 70px;
	margin: 10px 0 0 5px;
}

#headerimg img {
	width: 100%;	
}

#headerSub {
	float: left;
	font-size: 50px;
	color: #cac8c8;	
	margin: 33px 0 0 5px;
	display: none;
}


#searchBox {
	float:right;
	width: 100%;
	max-width: 250px;	
	margin: 2px 5px 0 0;
	text-align: right;
}

#searchBox ul {
	margin: 0;
	padding: 0;	
	vertical-align: top;
}

#searchBox li {
	display: inline-block;	
	vertical-align: top;
}

.searchLinks {
	margin: 3px 0 5px 0;
	display: none;
	vertical-align: top;	
}

.searchLinks a {
	font-size: 15px;	
}

#searchBox a {
	color: #cac8c8;
	text-decoration: none;
	text-transform: uppercase;	
	font-size: 16px;
	margin: 0 15px 0 0;
}

#searchForm {
	display: none;	
}

#searchform #s {
	float: left;
	width: 100%;	
	max-width: 200px;
}

#searchform #searchsubmit {
	float:left;
	margin: 5px 0 0 4px;
}



/* navigation elements */
#navigation {
	float: right;
	width: 100%;
	max-width: 100px;
	text-align: center;
	margin: 18px 5px 0 0;	
}

#navigation .menu-main-navigation-container {
	display: none;
}

#navigation ul {
	margin: 0;
	padding: 0;
}	

#navigation li { 
	display: inline-block;	
	margin: 0 0 0 10px;
	padding: 0 0 15px 0;
}

#navigation li:hover {
	background-image: url(images/nav-bg.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#navigation li a {
	color: #fff;
	text-decoration: none;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 1px;	
	font-weight: normal;
}

#navigation .current-menu-item{
	background-image: url(images/nav-bg.png);
	background-repeat: no-repeat;
	background-position: bottom center;	
}

/* sub nav items */

#navigation li ul {
	margin: 0px;
	padding: 0 0 0;
	list-style: none;
	}

#navigation li ul { 
	position: absolute;
	margin: 12px 0 0 0;
	padding: 18px 0 0 0;
	width: 180px;
	z-index: 5000;
	-webkit-transition: all 0.30s ease-in-out;
  	-moz-transition: all 0.30s ease-in-out;
  	-ms-transition: all 0.30s ease-in-out;
  	-o-transition: all 0.30s ease-in-out; 
	opacity:0 !important;
    filter:alpha(opacity=0) !important;
	overflow: hidden;
	z-index: 5000;
	height: 0;
}

#navigation li:hover ul {
	opacity:1 !important;
    filter:alpha(opacity=100) !important;
	height: auto;
}

#navigation li ul li:last-child { 
	border: none !important;
}
	
#navigation li ul li { 
	display: block;
	width: 150px;
	height: 24px !important;
    padding: 12px 15px 7px 15px !important;
	background-color:#212121;
    text-align: left !important;
	margin: 0 !important;
	list-style: none !important;
	border-bottom: 1px solid #2f2b24 !important;
	background-image: none !important;
}

#navigation li ul li a {
	color: #fff !important;	
	font-size: 18px;
}

#navigation li ul .current_page_item a {
	color: #e55300 !important;
}

#navigation li ul .current_page_item:before {
   content: "» ";
}


/* end nav */

/* home elements */
#homeSlideshow {
	width: 100%;
	height: auto;
	/* max-width: 1280px; */
    max-width: 1920px;
	min-height: 500px;
	margin: 0 auto 0 auto;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-color: black;
}

#homeFeature {
	float:left;
	display: block;
	width: 96%;
	padding:  0 2% 2% 2%;
	max-width: 1150px;
	min-height: 220px;
	margin: 45px auto 0 auto;
	font-size: 18px;	
	line-height: 24px;
	text-align: center;
}


#homeContent {
	float:left;
	width: 100%;
	text-align: center;
	margin: 0 0 25px 0;
	padding: 35px 0 0 0;
}	

.homeColumn {
	width: 100%;
	min-width: 300px;
	display: inline-block;
	text-align: center; 
	margin: 0 auto 45px auto;
}

.homeColumn h1 {
	font-size: 31px;	
}

.homeColumnImage {
	width: 98%;
	max-width: 310px;
	height: auto;
	margin: 0 auto 10px auto;
	background-color: #cbc8c7; 
	text-align: center;
	overflow: hidden;
}

.homeColumnImage img {
	width: 100%;
	max-height: 160px;
}

.homeColumn a {
	color:#2B2B2B;	
}

.homeColumnCaption {
	position: absolute;
	max-width: 280px;
	width:100%;
	height: 130px;
	padding: 15px;
	border-bottom: 15px solid #e75204;
	background-color: rgba(0,0,0,.5);	
	color:#fff;
	font-size: 1.3em;
	line-height: 1.4em;
	text-align: center;
	vertical-align: middle;
	opacity:0;
    filter:alpha(opacity=0);
	cursor: pointer;
}

.homeColumnCaption table, .homeColumnCaption td{
	height: 100%;	
}

#homeGTDConnect {
	width: 100%;
	max-width: 320px;
	height: 140px;
	margin: 40px auto 35px auto;
	background-image: url(images/gtd-connect-sm.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
}

#homeGTDConnectFrame {
	float:right;
	width: 100%;
	max-width: 300px;
	margin: 90px 10px 0 0;
	text-align: left;
	color: #fff;
}

#homeGTDConnectFrame li {
	list-style: inside;
}

#homeGTDConnectFrame .input {
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #cbc8c7;
	padding: 3px 5px 7px 5px;
	text-align:center;	
	max-width: 160px;
}

#homeGTDConnectFrame .input a {
	color:#fff;	
}


#homeGTDConnectTop {
	display: none;	
}
/* end home */

/* 5 steps header */

.fiveStepsHeader {
	width: 100%;
	max-width:185px;
	height:180px;
	margin: 0 auto 0 auto;
	background-image: url(images/gtd-icons.png);
	background-repeat: no-repeat;
	background-position: 0 -200px;
}

.fiveStepsH1 {
	float:left;
	margin: 10px 0 10px 0;
    line-height: 35px;
}

.fiveStepsIcons {
	float: right;
	width: 100%;
	height: 75px;
	background-image: url(images/5-steps-icons.png);
	background-repeat: no-repeat;
	background-position: 0 10px;
	background-size: 100% auto;
}

.fiveStepsCaption {
	float: left;
	width: 100%;
	text-align: justify;
	margin: 10px 0 10px 0;	
	font-size: 16px;
	line-height: 24px;
}



 


/* end 5 steps */


/* blog / gtd times specific items */
#blogSort {
	float:left;
	width: 100%;
	color: #cbc8c7;
	font-size: 12px;
	margin: 20px 0 30px 0;	
}

#blogSort a {
	color: #382e2b;
	text-decoration: none;
	margin: 0 5px 0 0;
}

#blogSort .categoryCap {
	display: inline-block;
	color:#fff;
	width: 21px;
	height: 20px;
	background-color: #e75204;
	-moz-border-radius: 100em;
	-khtml-border-radius: 100em;
	-webkit-border-radius: 100em;
	border-radius: 100em;
	padding: 2px 0 0 0;
	margin: 0 2px 0 4px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.blogMainColumn {
	display: inline-block;
	width: 98%;
	margin: 0 auto 0 auto;	
	text-align: center;
	overflow: hidden;
	vertical-align: top;
}

.blogMainColumn img {
	width: 100%;
	min-width: 320px;
	vertical-align: top;	
}

.blogMainCaption {
	width: 96%;
	height: 32px;
	margin: 2px 0 5px;
	padding: 8px 2% 0 2%;
	background-color: #cbc8c7;	
	text-align: left;
	font-weight: bold;
	font-size: 16px;
}

.blogMainCaption p {
	float: left;
	margin: 0;
	padding: 4px 0 0 8px;
}

.blogMainCaption .categoryCap {
	float:left;
	color:#fff;
	width: 21px;
	height: 20px;
	background-color: #e75204;
	-moz-border-radius: 100em;
	-khtml-border-radius: 100em;
	-webkit-border-radius: 100em;
	border-radius: 100em;	
	padding: 2px 0 0 0;
	margin: 0 2px 0 4px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.blogMainCaption .socials{
	float:right;	
	width: 100%;
	max-width: 50px;
	text-align: right;
	margin: 3px 5px 0 0;
}

.sharedaddy ul {
	margin: 0;
	padding: 0;	
}

.sharedaddy li {
	list-style: none !important;
	display: inline-block;	
}

span.sharing-screen-reader-text {
    display: none;
}

.socials .share-twitter {
	display: inline-block;
	width: 25px;
	height: 20px;
	background-image: url(images/gtd-icons.png);
	background-position: -278px -5px;
	margin: 0 5px 0 0;
}



.socials .share-facebook {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(images/gtd-icons.png);
	background-position: -314px -5px;
}

.blogMainContent {
	float: left;
	width: 100%;	
	text-align: left;
	margin: 5px 0 20px 0;
}

.blogMainContent h2{ 
	font-size: 28px;
	margin: 10px 0 5px 0;
}

.blogColumn {
	display: inline-block;
	width: 95%;
	height: 420px;
	margin: 0 auto 0 auto;	
	text-align: center;
	overflow: hidden;
}

.blogColumn img {
	width: 100%;
	min-width: 320px;	
}

.blogCaption {
	width: 96%;
	height: 30px;
	margin: 2px 0 5px;
	padding: 4px 2% 0 2%;
	background-color: #cbc8c7;	
	text-align: left;
	font-weight: bold;
}

.blogCaption p {
	float: left;
	margin: 0;
	padding: 4px 0 0 8px;
}

.blogCaption .categoryCap {
	float:left;
	color:#fff;
	width: 21px;
	height: 20px;
	background-color: #e75204;
	-moz-border-radius: 100em;
	-khtml-border-radius: 100em;
	-webkit-border-radius: 100em;
	border-radius: 100em;	
	padding: 2px 0 0 0;
	margin: 0 2px 0 4px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.blogCaption .socials {
	float:right;	
	width: 100%;
	max-width: 50px;
	text-align: right;
	margin: 3px 0 0 0;
}


.blogContent {
	float: left;
	width: 100%;	
	text-align: left;
	margin: 5px 0 5px 0;
}

.blogContent h2{ 
	font-size: 21px;
}



/* end blog */


/* contact */
#contactLeft {
	float:left;
	width: 100%;
	max-width: 450px;	
	margin: 0 0 0 0;
}

#contactLeftContent {
	float:left;
	width: 100%;
	margin: 40px 0 0 0;
}


#contactRight {
	float:left;
	width: 98%;	
	margin: 0 0 0 0;
}

/* end contact */


/* events overrides */
.timely * {
	font-size: 14px;
	line-height: 18px;
	font-family: 'Arimo',Verdana, Geneva, sans-serif !important;
	color: #2B2B2B;	
}

.ai1ec-allday-badge {
    background: linear-gradient(#e75204, #a33a03) no-repeat scroll 0 0 #e75204 !important;
}

.fadeBtn {
	-webkit-transition: all 0.30s ease-in-out;
  	-moz-transition: all 0.30s ease-in-out;
  	-ms-transition: all 0.30s ease-in-out;
  	-o-transition: all 0.30s ease-in-out; 
	cursor: pointer;
}

.fadeBtn:hover {
	opacity:.50;
    filter:alpha(opacity=50);
}

.timely .btn {
	background-image: none !important;
    background-color: #e75204 !important;
    border-image: none !important;
    color: #fff !important;
    text-shadow: none !important;
	box-shadow: none !important;
	border-radius: none !important;
	padding: 5px 10px 5px 10px !important;
}

.timely .icon-chevron-left:before, .timely .icon-arrow-left:before {
    content: "<" !important;
}

.timely .icon-chevron-right:before, .timely .icon-arrow-right:before {
    content: ">" !important;
}

.timely .icon-google-plus:before, .timely .icon-plus:before {
	content: "+" !important;
}

.ai1ec-agenda-widget-view .ai1ec-date, .ai1ec-agenda-view .ai1ec-date {
	background: none !important;	
}

.ai1ec-category img {
	max-width: 21px !important;	
}

.ai1ec-category_avatar {
	box-shadow: none !important;
}	

#ai1ec-calendar-view-container {
	margin: 10px 0 25px 0 !important;
}	

.ai1ec-label {
	color:#e75300 !important;
}	

.ai1ec-time .ai1ec-field-value {
	margin: 0 !important;	
}

.ai1ec-allday-badge {
	display: none !important;	
}


.timely h1 {
	margin: 15px 0 15px 0 !important;
	text-transform: uppercase;
	font-size: 35px !important;
}

.timely h2 {
	margin: 15px 0 15px 0 !important;
    font-size: 24px;
    line-height: 32px;
}

.ai1ec-event-header {
	float: left;
	width: 100%;
	margin: 0 0 40px 0;	
}

.event-header-left {
	float: left;
	width: 100%;
	max-width: 600px;
}

.event-header-right {
	float: left;
	width: 100%;
}

.event-header-right td {
	padding: 0  !important;	
}

.ai1ec-tickets {
	width: 100%;
	height: 50px;
	background-image: url(images/gtd-icons.png);
	background-position: 0 -140px; 
	background-repeat: no-repeat;
}



.ai1ec-map {
	width: 100% !important;	
}

.pull-right {
	min-width: 300px;
}

.venueLabel, .locationLabel, .eventDate  {
	display: none;
}

/* events additions */

#eventsNav {
	margin: 10px 0 25px 0;
	font-size: 18px;
	color: #382e2b;
	text-align: left;
}

#eventsNav div {
	display: inline-block;
	clear: both;
}

#eventsNav div.all {
	border-right: 1px solid #cbc8c7;
	margin: 0 10px 0 0;
}

#eventsNav .ai1ec-category {
	border: none !important;	
	box-shadow: none !important;
	text-shadow:  none;
	text-transform: none !important;	
}

#eventsNav a {
	color: #382e2b;
	font-size: 18px;
	text-transform:none !important;	
}

.eventsHeader {
	color: #382e2b;
	background-color: #cbc8c7;	
	text-transform: uppercase; 
	font-size: 20px !important;
}

.eventsHeader td {
	padding: 10px 10px 15px 10px !important;	
	font-size: 20px !important;
	background-color: #cbc8c7 !important;	
}

.eventsRow td {
	padding: 20px 15px 15px 5px !important;	
	border-bottom: none !important;
}

.eventsRow td a {
	color: #e75204 !important;
}

.eventsRow td b {
	font-size: 18px !important;
	line-height: 22px;	
}

.eventsRow .catIcon {
	float:left;
	width: 21px;
	margin: 7px 10px 10px 0 !important;	
}

.detailsArrow {
	float: right;
	display: inline-block;
	width: 15px;
	height: 17px;
	margin: 2px 0 0 5px;
	background-image: url(images/gtd-icons.png);
	background-position: -61px -26px;	
}




/* end events */


/* podcasting */
.podcastEntry {
	float:left;
	width: 100%;	
	margin: 10px 0 40px 0;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #cbc8c7;
}

.podcastEntry img {
	float:right;
	margin: 0 0 10px 5%;
}	

.podcastEntry h2 {
	margin: 12px 0 5px 0;
	text-transform: uppercase;
    font-size: 32px;
}
.podcastEntry h3 {
    margin-top: 8px;
    font-size: 24px;
    text-transform: none;
}

.wp-audio-shortcode {
	max-width: 300px;	
}

.soundcloudCategory {
	float: left;
	width: 100%;
	height: 100px;
	max-width: 500px;	
}


/* end podcasting */


/* video */


#videoFrame {
	float:left;
	width: 100%;
	margin: 25px 0 40px 0;
	font-size: 16px;
}

#videoFrame iframe, #videoFrame embed {
	width: 100%;
	min-height: 300px;	
	border: 1px solid #545050;
}

#videoFrame h2 {
	margin: 20px 0 10px 0;	
}

#videoFrame .socials {
	float: right;	
	margin: 20px 0 0 0;
}

#videoNav {
	float:left;
	width: 100%;
	margin: 35px 0 0 0;	
	text-align: center;
}

.videoItem {
	display: inline-block;
	width: 98%;
	margin: 0 0 25px 0;
	min-width: 300px;
	border-radius: 2px;	
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	vertical-align: top;
}

.videoItemImage {
	overflow:hidden;
	height: 150px;
}

.videoItemImage img {
	width: 100%;
	margin: -33px 0 0 0; 
}	

.videoItem .socials {
	float: right;	
	margin: 10px 0 0 10px;
}

.videoItem.middle {
	margin: 0 1% 0 1%;	
}

.videoItem img {
	width: 100%;
}

.videoItem a {
	color: #382e2b;
	text-decoration: none;
	font-size: 16px;
}



/* end video */


#pageHeader {
	width: 100%;	
}

#pageHeader img {
	width: 100%;	
}

#content {
	float:left;
	width: 93%;
	min-height: 500px;
	margin: 40px 2% 25px 4%;
}

.entry {
	float:left;
	width: 100%;	 
}

.singleEntry {
	float:left;
	width: 100%;	 
}

/*
.entry td img {
	width: 100%;	
	height: auto;
}*/

.globalPartners {
	min-height: 600px;
	background-image: url(images/global-partners-bg.jpg);
	background-repeat: no-repeat;	
	background-position: top center;
	background-size: 100% auto;
	font-size: 16px;
}

.globalPartners .partnerColumn {
	float: left;
	margin: 0 0 75px 10px;
	padding: 0 15px 0 0;
}

.globalPartners .alignleft {
	margin: 0 75px 0 0;	
	padding: 0;
}

.globalPartners ul {
	margin: 0;
	padding: 0;	
}

.globalPartners li {
	list-style: none;
	display: block;	
	margin: 0 0 10px 0;
	font-size: 18px;
}

.globalPartners li a {
	text-decoration: none;	
	font-size: 18px;
}

.partnerBox {
	float: left; 
	position: relative; 
	margin: 0 0 0 0;
	width: 96%;
	padding: 2%;
	border: 1px solid #d2d2d2;
}

.meetDavidLeft {
	width: 100%;
}

.meetDavidRight {
	width: 100%;
}

.meetDavidRight #davidtwitter {
	display: inline-block;
	width: 26px;
	height: 26px;
	 background-position: -102px -29px; 
	/*background-position: -102px 0;*/	
}
 
.meetDavidRight #davidfacebook {
	display: inline-block;
	width: 26px;
	height: 26px;
	 background-position: -136px -29px;
	/*background-position: -136px 0; */	
}

.meetDavidRight #davidinstagram {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-position: -168px -29px;
	/* background-position: -168px 0; */	
}

.meetDavidRight #davidlinkedin {
	display: inline-block;
	width: 26px;
	height: 26px;
	 background-position: -201px -29px;	
	/*background-position: -201px 0; 	 */
}

#footer {
	float:left;
	width: 100%;
	min-height: 175px;
	background-color: #2B2B2B;
	color: #fff;
	padding: 25px 0 0 0;
	margin: 40px 0 0 0;
}

#footerFrame {
	width: 100%;
	max-width: 950px;
	margin: 0 auto 0 auto;	
	text-align: center;
}

#footerFrame a {
	color: #a7a2a0;
	text-decoration: none;
	-webkit-transition: all 0.30s ease-in-out;
  	-moz-transition: all 0.30s ease-in-out;
  	-ms-transition: all 0.30s ease-in-out;
  	-o-transition: all 0.30s ease-in-out; 
}

#footerFrame a:hover {
	color: #fff;	
}


#footerSocials {
	display: inline-block;
	width: 100%;	
	vertical-align: top;
	margin: 25px 0 25px 0;
}

#footerSocials #twitter{
	display: inline-block;
	width: 26px;
	height: 26px;
	background-position: -102px 0;	
}

#footerSocials #facebook{
	display: inline-block;
	width: 26px;
	height: 26px;
	background-position: -136px 0;	
}

#footerSocials #instagram{
	display: inline-block;
	width: 26px;
	height: 26px;
	background-position: -168px 0;	
}

#footerSocials #linkedin{
	display: inline-block;
	width: 26px;
	height: 26px;
	background-position: -201px 0;	
}

#footerNav {
	display: inline-block;
	width: 100%;		
	text-align: center;
	vertical-align: top;
}

#footerNav ul {
	margin: 0;
	padding: 0;	
}

#footerNav li {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 3px 0 3px 0;
	padding: 0;
	list-style: none;
	vertical-align: top;
}

#footerNav .menu-item-has-children {
	display: inline-block;
	width: 100%;
	margin: 15px auto 15px 0;
}

.footerItem {
	display: inline-block;
	width: 100%;
	margin: 15px auto 15px 0;
	vertical-align: bottom;	
}

.footerLogo {
	width: 70px;
	height: 95px;
	background-image: url(images/gtd-icons.png);
	background-position: -235px -200px;
}

#footerNav .menu-item-has-children .cufon {
	margin: 0 0 10px 0;
}

#footerNav .menu-item-has-children a {
	margin: 5px 0 15px 0;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 20px;
	color: #fff;
	text-transform: lowercase;
	
}

#footerNav .menu-item-has-children li a {
	font-size: 14px;
	color: #A7A2A0;
	text-transform: none;
}
<form id="sou_article_form" name="sou_article_form" action="index.php" method="post" style="margin: 0pt; padding: 0pt; background: transparent url(images/joinnewsletter.gif) repeat scroll 0% 0%; width: 276px; height: 57px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><div style="float: left;"><input id="refer" name="refer" value="article" type="hidden"><input id="id" name="id" value="gtdiq" type="hidden"><input name="email" size="16" value="name@email.com" id="email" onfocus="if (this.value == 'name@email.com') {this.value=''; this.style.color='#000'; }" onblur="if (this.value=='') { this.style.color='#cecece'; this.value='name@email.com'; }" style="margin: 25px 5px 0pt 10px; padding: 0pt; color: rgb(206, 206, 206);" type="text"><input src="images/rarrow.gif" alt="Join" name="image" value="Subscribe" style="margin: 25px 0pt 0pt; padding: 0pt;" border="0" height="16" type="image" width="11">
<div style="position:relative;left:202px;top:-35px;font-size:10px;font-weight:bold"><a href="http://gettingthingsdone.com/?newsletter_on=1">(learn more)</a></div>

                                                                                                                                                              {/literal}</div>
                                                                                                                                                                          <div style="font-size: small; padding: 1em; text-align: right; color: #fff; font-weight: bold;">{$subscribe_status}</div></form>
                                                                                                                                                                                                                                                                                                     <BR style="clear: both;" />


.footerDiv {
	width: 100%;
	height: 1px;
	margin: 25px 0 15px 0;
	border-bottom: 1px solid #cbc8c7;	
}

.footerCopyright {
	width: 96%;
	padding: 2%;
	color: #a7a2a0;
	font-size: 12px;
	min-height: 35px;
	text-align: center;
}


/* End Structure */


/* Begin Sidebar */
#sidebar {
	float: right;
	width: 100%;
	margin: 0 0 0 25px;	
}




/* End Sidebar */


/*	Begin Headers */
h1 {
	margin: 0;
	text-transform: uppercase;
	font-size: 43px;
	font-weight: bold;

}

h2 {
	margin: 5px 0 15px 0;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 29px;
}

.pageTitle {
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #cbc8c7;	
	line-height: 100%;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	margin: 5px 0 15px 0;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 29px;
	text-transform: uppercase;
	color: #e75300;
}



/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 4px 14px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 14px 4px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */




/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}


a img {
	border: none;
	}
	
.navigation {
	float: left;
	width: 100%;
	margin: 0 0 15px 0;	
}

/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.fiveSteps .wp-caption {
	width: 100% !important;
	max-width: 300px !important;
	background-color: transparent;
	border: none !important;
	display: table; 
}

.fiveSteps .wp-caption img {
	width: 100%;	
	max-width: 285px !important;
}

.fiveSteps .wp-caption p.wp-caption-text {
	vertical-align: middle !important;
}

.fiveSteps .wp-caption .wp-caption-text {	
	position: absolute;	
	display: table-cell;
	color: #fff;
	width: 100%;
	margin: -150px 0 0 0px;
	max-width: 260px;
	min-height: 100px;
	padding: 15px;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	vertical-align: middle;	
}


/* responsive add-ons */


/* content add ons */

.entry table td, .fiveSteps table td {
	float: left;
	width: 96% !important;
}	

.entry table td img{
	width: 100%;
	height: auto;
}	

.entry img {
	width: 100%;
	height: auto;
}	


.podcast_wrap {
	max-width: 750px;
	display: inline-block;
	padding-right:114px
}


/* end responsive content */




#navigation li a {font-family: "Chalet Comprime Cologne Sixty"; font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#footerNav li.menu-item-has-children {font-family: "Chalet Comprime Cologne Sixty"; font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
h1, h2, h3, .replace, .eventsHeader  {font-family: "Chalet Comprime Cologne Sixty"; font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}



#cscf .form-control {width: 400px; font-size:16px}
#cscf .control-group label {font-sze:15px; font-weight: bold}
#cscf .control-group {padding-bottom:12px}
#cscf .btn {font-size:15px; height:20px}

#mobile-nav { 
	position: absolute; 
	width: 100%; 
	left: 0; 
	display: none; 
	margin: 75px 0 20px 0; 
	padding: 0; 
	background-color:#251e1d; 
	z-index: 5000;
	box-shadow: 0 0 5px #000;
}


#mobile-nav .menu-item .menu-item {
	background-color: #ccc;	
}

/*
#mobile-nav li .sub-menu {
	display: none;	
	-webkit-transition: all 0.30s ease-in-out;
  	-moz-transition: all 0.30s ease-in-out;
  	-ms-transition: all 0.30s ease-in-out;
  	-o-transition: all 0.30s ease-in-out; 
}

#mobile-nav li:hover .sub-menu {
	display: block;	 
}
*/

#mobile-nav ul { list-style: none; margin: 0px; padding: 0px; }
#mobile-nav ul li { list-style: none; text-align: center; }
#mobile-nav ul li a { display: block; padding: 20px 10px; border-bottom: 1px solid #2B2B2B; text-decoration: none; color: #fff; font-size: 14px;}
/* #mobile-nav ul li a:hover { background-color: #2B2B2B; color: #e55300; } */

#navMobileMenu {
	float: left; 
	width: 35px;
	height: 35px;
	margin: 0 10px 15px 0;
	text-align: center; 
	background-image: url(images/gtd-icons.png);
	background-position: -235px 0;
} 

#navMobileSearch {
	float: left; 
	width: 35px;
	height: 35px;
	margin: 0 10px 15px 0;
	text-align: center; 
	background-image: url(images/gtd-icons.png);
	background-position: -337px 0;
} 


#video-container {
	width: 100%%;
/* 	float: left; */
	padding: 0% 2.5%;
}


#video-container iframe {
	height: 360px;
	width: 100%;
	padding-top: 5px;
	border: none;
}


/* All Mobile Sizes (devices and browser) */
/*
@media only screen and (max-width: 769px) {
    .singleEntry .video-container {
        width: 55%;
        padding: 0% 2.5%;
    }
}
*/
 
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/*
@media only screen and (max-width: 479px) {
    .singleEntry .video-container {
      width: 90%;
      padding: 0% 5%;
    }
}
*/





@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
	#footerSocials #twitter, #footerSocials #facebook, #footerSocials #instagram, #footerSocials #linkedin, #navMobileMenu, .socials .share-twitter, .socials .share-facebook, .ai1ec-tickets, .detailsArrow, .fiveStepsHeader , .footerLogo, .meetDavidRight #davidtwitter, .meetDavidRight #davidfacebook, .meetDavidRight #davidinstagram, .meetDavidRight #davidlinkedin, #navMobileSearch, #navMobileMenu  { 
		background-image: url(images/gtd-icons2x.png); 
		background-size: 500px 500px; 
	}
	
	.fiveStepsIcons {
		background-size: 310px 55px !important; 
		background-image: url(images/5-steps-icons2x.png);
	}

     #homeSlideshow { min-height: 170px; }
	.podcast_wrap {
		max-width: 100%;
		display: inline-block;
		padding: 0px 2px 0px 2px;
	}
	
	#sidebar_podcast {float: none}
                    
}

@media all and (min-width:768px){
		
	html { overflow: inherit;}
	body { max-width:100%; }
	#header { height: 85px; }
	#headerimg { width: 75px; height: 80px; margin: 4px 0 0 0;}
	#headerimg img { max-width:74px;}
	#navigation {  float:right;max-width:600px; margin: 15px 5px 15px 0;}
	#navigation .menu-main-navigation-container { display: block;}
	#navigation li a { font-size: 22px; }
	#searchBox { max-width: 490px; }
	#searchForm { display: inline-block;}
	#searchForm #s { max-width: 115px; }
	.searchLinks { display: inline-block; }
	#headerSub { display:block; font-size: 72px;}
	#homeFeature { text-align: justify;}
	#homeFeature .alignleft { float: left;}
	#homeFeature img.alignleft { float: left; margin: 0 14px 4px 0;}
	.homeColumn { max-width: 560px;margin: 0 6px 45px 6px;}
	.homeColumnCaption { max-width: 520px; height: 235px; }
	.homeColumnImage { max-width: 560px; height: 280px;}
	.homeColumnImage img { max-height: 280px; }
	#navMobileMenu, #navMobileSearch { display: none; }
	#content { width: 96%; margin: 40px 2% 25px 2%; }
	/*#homeSlideshow { min-height: 560px; }*/
	#homeSlideshow { min-height: 350px; }
	#homeGTDConnectTop { display: block;}
	#homeGTDConnect {background-image: url(images/gtd-connect.jpg);	max-width: 750px; height: 250px;}
	#homeGTDConnectFrame {max-width: 380px;margin: 5% 0 1% 0; font-size: 100%;}
	.blogMainColumn { width: 47%; margin: 0 1.5% 35px 1%;}
	.blogMainColumn img { height: 200px;}	
	.blogColumn { width: 30%; margin: 0 1% 0 1%;}
	.blogColumn img { max-height: 180px !important;}
	.blogMainContent.journey { height:180px; }
	#blogSort { font-size: 16px;}
	#videoFrame iframe, #videoFrame embed {min-height: 500px;}
	.videoItem {width: 48%;}
	.videoItemImage { height: 220px !important; }
	.videoItemImage img { width: 100% !important; }
	#footerNav { max-width: 500px;}
	#footerNav li { text-align: left; margin: 0 auto 0 auto;}
	#footerNav .menu-item-has-children, .footerItem { width: 100%; max-width: 115px; margin: 0;}
	#footerNav .menu-item-has-children:nth-child(1) { max-width: 135px; margin: 0;}
	#footerSocials { max-width: 135px; margin: 0;}
	#footerSocials #twitter, #footerSocials #facebook, #footerSocials #instagram, #footerSocials #linkedin { background-image: url(images/gtd-icons.png); }
	.meetDavidRight #davidtwitter, .meetDavidRight #davidfacebook, .meetDavidRight #davidinstagram, .meetDavidRight #davidlinkedin { background-image: url(images/gtd-icons.png); }
	.venueLabel, .locationLabel, .eventDate {display: table-cell;}
	#contactRight { float: right; max-width: 235px;}
	.podcastEntry iframe { max-width: 385px; }
	.entry table td { float: none;width: auto !important; display: table-cell; padding: 15px;}
	.entry table td img{ width: 100%; }	
	.entry img{ width: auto; height: auto;}
	.partnerBox { float: left; position: relative; max-width: 700px; margin: 0 0 0 0; }
	.meetDavidLeft, .meetDavidRight { max-width: 49%;}
	.meetDavidRight { float: right;}
	/*.meetDavidLeft img { width: 92% !important; }*/
	.fiveStepsH1 { margin: 0 0 0 30px; max-width: 400px; }
	.fiveStepsHeader { float:left;max-width:185px; height:180px;}
	.fiveStepsIcons { float:left; max-width:420px; margin: 0 0 0 30px;background-position: 0 0;}
	.fiveSteps .wp-caption {max-width: 500px !important;}
	.fiveSteps .wp-caption img { max-width: none !important;}
	.fiveSteps .wp-caption-text {max-width: 310px !important; font-size: 14px !important; margin: -180px 0 0 0 !important;padding: 15px;}
	.vdcal-archive .entryRow td { border-bottom: 1px solid #d2d0cf !important; }

	.podcast_wrap {
		max-width: 100%;
		display: inline-block;
		padding: 0px 2px 0px 2px;
	}
	#sidebar_podcast {float: none}

	
} 

@media all and (min-width:980px){ 
	#homeSlideshow { min-height: 487px; }
	#navigation { display: block; max-width: 750px; text-align: right;}
	#homeFeature .alignleft { max-width: 850px; }
	.homeColumn { max-width: 425px; margin: 0 6px 45px 6px;}
	.homeColumnCaption { max-width: 388px; height: 168px; }
	.homeColumnImage {height: 212px;}
	#homeGTDConnect {background-image: url(images/gtd-connect.jpg);	max-width: 950px; height: 318px;}
	#navigation li {margin: 0 0 0 20px;}
	#homeGTDConnectFrame {max-width: 450px;margin: 11% 0 10% 0;	font-size: 120%;}
	.videoItem {width: 32%;}
	.videoItemImage { height: 160px !important; } 
	.videoItem img {width: 100% !important;}
	#footerNav { max-width: 625px;}
	#footerNav .menu-item-has-children, .footerItem  { margin: 0 15px 0 15px;}
	.event-header-right { float: right; max-width: 300px; min-height: 400px; margin-left: 100px }
	.podcastEntry iframe { max-width: 550px;height: 100px; }
	.blogMainColumn img { width:100%;max-height: 285px !important;}
	.blogMainContent.journey { height:160px; }
	.singleEntry { max-width: 700px; }	
	#sidebar { max-width: 200px;}
	.entry table td { width: auto;}	
	.entry table td img { width: auto;}	
	.partnerBox { float: left; position: relative; max-width: 600px; margin: 0 0 0 0; }
	.fiveStepsH1 { margin: 0 0 0 30px; max-width: 600px; }
	.fiveStepsCaption { max-width: 670px; margin: 10px 0 10px 30px;}
	.fiveSteps .wp-caption-text {max-width: 370px !important; font-size: 16px !important; line-height: 22px !important; margin: -180px 0 0 0 !important; padding: 25px !important;}
	#sidebar_podcast {float: none}
}



@media all and (min-width:1280px){
	#homeSlideshow { min-height: 538px; }
	.homeColumn { max-width: 560px;margin: 0 6px 45px 6px;}
	.homeColumnCaption { max-width: 520px; height: 235px; }
	.homeColumnImage { max-width: 550px; height: 280px;}
	.homeColumnImage img { max-height: 280px; }
	#homeGTDConnect {background-image: url(images/gtd-connect.jpg);	max-width: 1150px; height: 385px;}
	#homeGTDConnectFrame {max-width: 550px;margin: 11% 0 10% 0;	font-size: 120%;}

	/*.blogMainContent.journey { height:140px; } */
	.blogMainColumn:nth-child(3) .journey, .blogMainColumn:nth-child(2) .journey  {
		height: 135px;
	}
	.blogMainContent.journey { height:230px; }



	.singleEntry { max-width: 825px; }
	/*.partnerBox { position: absolute;max-width: 300px; margin: 0 0 0 65%; }*/
    .partnerBox { float: left; position: relative; max-width: 600px; margin: 0 0 0 0; }

	#partnerAnchor {position: absolute; width: 100%;max-width: 300px; margin: 0 0 0 55%; top: 0;}
	.entry table td { float: none;width: auto !important; display: table-cell;}
	.videoItemImage { height: 200px !important; } 
	.fiveStepsIcons { float:right; }
	.fiveStepsH1 { margin: 0 0 0 30px; max-width: 420px; }
	.fiveStepsCaption { max-width: 870px; margin: 10px 0 10px 30px;}
	.fiveSteps .wp-caption-text {max-width: 450px !important; font-size: 16px !important; margin: -220px 0 0 0 !important;}

	.podcast_wrap {
		max-width: 750px;
		display: inline-block;
		padding: 0 114px 0 0;
	}
	#sidebar_podcast {float: right}

}


@media all and (min-width:1600px){
	/*.partnerBox { position: absolute; max-width: 300px; margin: 0 0 0 60%; }*/
    .partnerBox { float: left; position: relative; max-width: 600px; margin: 0 0 0 0; }
}

@media all and (min-width:1800px){
    .partnerBox { float: left; position: relative; max-width: 600px; margin: 0 0 0 0; }
}




@media all and (min-width:1901px){
	#homeSlideshow { min-height: 565px; max-width: 2524px; }
	.partnerBox { position: absolute; max-width: 300px; margin: 0 0 0 60%; }
}






