/* list item styling */

ol.connectionsListItems li {
	list-style:decimal;
	list-style-position:inside;
	padding-left:15px;
	font-size:14px;
}

ul.connectionsListItems li {
	list-style:disc;
	list-style-position:inside;
	padding-left:15px;
	font-size:14px;
}

ul.connectionsBulletPoints li {
	list-style:disc;
	list-style-position:outside;
	padding-left:15px;
	font-size:14px;
}

/*
.connectionsContainer article H1 {
	font-size:0px;
	line-height:0px;
}
*/

.connectionsImageLeftWithCaption img,
.connectionsImageRightWithCaption img,
.connectionsImageFullWithCaption img {
	width:100%;
	height:auto;
}

.connectionsImageLeftWithCaption,
.connectionsPullquoteLeft {
	display:block;
	float:left;
	width:50%;
	margin-right:15px;
	margin-bottom:15px;
}

.connectionsImageRightWithCaption,
.connectionsPullquoteRight {
	display:block;
	float:right;
	width:50%;
	margin-left:15px;
	margin-bottom:15px;
}

.connectionsImageFullWithCaption,
.connectionsPullquoteFull {
	display:block;
	float:left;
	width:100%;
	margin-bottom:15px;
}

.connectionsImageLeft {
	float:left;
	max-width:50%;
	height:auto;
	margin-right:15px;
	margin-bottom:15px;
}

.connectionsImageRight {
	float:right;
	max-width:50%;
	height:auto;
	margin-left:15px;
	margin-bottom:15px;
}

.connectionsImageFull {
	float:left;
	width:100%;
	height:auto;
	padding-bottom:15px;
}

.connectionsExtra {
	display:block;
	float:left;
	width:100%;
	padding:0;
	background:#000;
	color:#fff;
	margin:0;
	padding:0;
	margin-bottom:15px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;		
}

.connectionsExtraInset {
	padding:15px;
}

.connectionsExtraInset img {
	width:48%;
	height:auto;
	padding:.5%;
	}

div.connectionsExtra .connectionsExtraInset h1 {
	font-size:36px;
	line-height:42px;
	color:#fff;
}

div.connectionsExtra .connectionsExtraInset h2 {
	font-size:28px;
	line-height:32px;
	color:#fff;
}

div.connectionsExtra .connectionsExtraInset h3 {
	font-size:24px;
	line-height:28px;
	color:#fff;
}

.connectionsPeopleImageName {
	display:block;
	float:left;
	width:25%;
	margin-right:6px;
}

/* Specific Connections Article CSS Add-ins */

.tftHeading {
	display:block;
	float:left;
	width:100%;
	padding:8px;
	margin-top:36px;
	margin-bottom:12px;
	background:url('../../../assets/Uploads/twitterConnectionsHeadingsBackground.png') no-repeat;
	color:#fff;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	text-shadow: 1px 1px 1px #000;
}

.tftAnswer {
	display:block;
	float:left;
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	border-top:1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.tftImg {
	display:block;
	float:left;
	width:10%;
	padding-top:8px;
	padding-right:12px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.tftResponse {
	display:block;
	float:left;
	width:90%;
	font-size:14px;
}

.tftResponse p {
	font-size:14px;

}

.tftTerms {
	display:block;
	float:left;
	width:100%;
	border:1px solid #ccf;
	border-right:1px solid #5ea9dd;
	border-bottom:1px solid #5ea9dd;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:#d1e9f2;
}

.tftTerm {
	display:block;
	float:left;
	width:auto;
	margin:12px 12px 0 12px;
	padding:10px 12px 8px 12px;
	font-size:14px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:4px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
}

.tftTerm H3 {
	padding-bottom: 6px;
}

/* Blogging article */

.blogBox,
.blogQuestion,
.blogResponse,
.blogger,
.blogAnswer,
.blogBkgd,
.blogProTip,
.blogProTipText,
.blogPullquote,
.blogTakeaway {
	display:block;
	float:left;
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;	
}

.blogBox {
	display:block;
	float:left;
	width:100%;
	border:1px solid #ccc;
	border-radius:6px;
	padding:6px;
	margin-bottom:25px;
	box-shadow: 5px 5px 2px #888888;
}

.blogQuestion {
	width:100%;
	margin-bottom:12px;
	background:#fafaa8;
	padding:8px;
	border-radius: 6px;
}

.blogResponse {
	width:100%;
}

.blogger,
.blogProTip {
	width:9%;
	margin-right:3%;
	font-weight:bold;
}

.blogAnswer,
.blogProTipText {
	width:88%;
}

.blogBkgd {
	padding:2%;
	border: 1px solid #ccf;
	background: #d1e9f2;
	margin-bottom:40px;
}

.blogProTipText {
	background:linear-gradient(to right, #fff, #cdf);
	border:1px solid #ccc;
	padding: 25px;
}

.blogProTipText p {
	font-size:1.1em;
	line-height:1em;
	font-weight:bold;	
	margin:0;
}

.blogPullquote {
	width:88%;
	margin:20px 0 20px 0;
	padding-left:15px;
	border:none;
	border-left: 6px solid #6493cc;
	font-size:1.3em;
	line-height:1.2em;
	font-weight:bold;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;		
}

.connectionsExtra ol li {
	margin-bottom:12px;
}


/* Custom Fonts */
@font-face {
    font-family: 'whatever It Takes';
    src: url('../webfonts/whateverItTakes.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Class for font application */
.typography .whateverFont {
    font-family: 'Whatever It Takes';
    font-size: 36px;
	line-height:40px;
}

@font-face {
    font-family: 'Bottle Depot';
    src: url('../webfonts/BottleDepot.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Class for font application */
.typography .bottleDepot {
    font-family: 'Bottle Depot';
    font-size: 36px;
	line-height:40px;
}

@font-face {
    font-family: 'Permanent Marker';
    src: url('../webfonts/PermanentMarker.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Class for font application */
.typography .permanentMarker {
    font-family: 'Permanent Marker';
    font-size: 36px;
	line-height:40px;
}

@font-face {
    font-family: 'Daniel Bold';
    src: url('../webfonts/danielbd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Class for font application */
.typography .danielBold {
    font-family: 'Daniel Bold';
    font-size: 36px;
	line-height:40px;
}

@font-face {
    font-family: 'Bobcat';
    src: url('../webfonts/bobcat.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Class for font application */
.typography .bobcat {
    font-family: 'Bobcat';
    font-size: 36px;
	line-height:40px;
}

@font-face {
    font-family: 'Rock Salt';
    src: url('../webfonts/RockSalt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Class for font application */
.typography .rocksalt {
    font-family: 'Rock Salt';
    font-size: 30px;
	line-height:42px;
}