/*
Theme Name: JOtS4
Theme URI: http://www.jennyonthespot.com/
Description: Designed by Paul Ingram (based on Vidley)
Author: IngramLabs.com
Author URI: http://www.ingramlabs.com/
Template: vidley
Version: 1
*/

@import url("../vidley/style.css");

@font-face {  
  font-family: titlefont ;  
  src: url( BUDMO.TTF ) format("truetype");  
}  
@font-face {  
  font-family: titlefontbox ;  
  src: url( BUDMO.TTF ) format("truetype");  
}  
 
/*
#topad {
	position: absolute;
	top: -90px;
	left: 0;
	right: 0;
	background: hsl(0, 0%, 20%);
	height: 90px;
	overflow: hidden;
}
*/
#header-right #topad img {
	margin: 0px 0 0 0;
}

#bhafindtop728a {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left:-364px;
}

body {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif !important;
	color: #777;
	font-size: 15px;
	line-height: 26px;
	font-weight: normal;
/*
	margin-top: 90px!important;
*/
}

body.single {
	width: auto;
	float: none;
	margin: 0;
}
a:link, a:visited {
	color: hsl(10, 97%, 44%);
	font-weight: bold;
}
a:hover {
	color: #333;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

.entry-single h2 {
	margin: 0 0 8px 0;
	font-size: 20px;
	line-height: 22px;
	color: hsl(0, 100%, 35%);
	font-weight: bold;
}
.entry-multiple h2 {
	font-size: 32px;
	line-height: 35px;
}
.entry-single h2 a, .entry-multiple h2 a {
	text-decoration: none;
	color: #333;
}

h2.pageTitle {
	margin: 0 0 8px 0;
	font-size: 40px;
	line-height: 45px;
	font-family: 'helvetica neue',helvetica,arial;
	font-weight: 200;
	-moz-text-shadow: 0 1px 1px #ddd;
	-webkit-text-shadow: 0 1px 1px #ddd;
	text-shadow: 0 1px 1px #ddd;
	border-bottom: 1px dotted #999;
	padding-bottom: 10px;
	color: #333;
}
body.home h2 {
	border-bottom: none;
}

body.category {
	margin-left: 0!important;
	padding-left: 0!important;
}
#header {
	border-bottom: 1px solid #DDD;
	height: 179px;
	position: absolute;
	background: url(images/jots-header-back.jpg) repeat-x 0 -255px;
	width: auto;
	left: 0;
	right: 0;
}
body.home #header {
	height: 392px;
	background: url(images/jots-header-back.jpg) repeat-x 0 -42px;
}

#jots-jenny {
	background: url(images/jots-jenny.png) no-repeat 0 -9px;
	width: 222px;
	height: 129px;
	position: absolute;
	left: 50%;
	margin: 50px 0 0 -403px;
	background-size: cover;
	z-index: 210;
}
body.home #jots-jenny {
	background: url(images/jots-jenny.png) no-repeat 0 53px;
	width: 345px;
	height: 390px;
	position: absolute;
	left: 50%;
	margin: 2px 0 0 -376px;
	background-size: auto;
	z-index: 210;
}

#jots-sticker {
	background: url(images/jots-sticker.png) no-repeat;
	width: 160px;
	height: 160px;
	position: absolute;
	left: 50%;
	top: 50px;
	z-index: 300;
	margin-left: 380px;
}
body.home #jots-sticker {
	bottom: -35px;
	margin-left: -500px;
	top: auto;
}

#jots-clouds {display: none;}
body.home #jots-clouds {display: block;}
	#jots-clouds .cloud {
		background: url(images/jots-cloud.png) no-repeat;
		width: 265px;
		height: 450px;
		position: absolute;
		top: -220px;
		left: 25%;
	}
		#jots-clouds .cloud.cloud1 { left: 2%; }
		#jots-clouds .cloud.cloud2 { left: 28%; top: -234px; }
		#jots-clouds .cloud.cloud3 { left: 74%; top: -240px; }

#header-left {
	width: 330px;
	position: absolute;
	margin-left: -35px;
}
	#header-left img {
		margin: 30px 0 0 30px;
		width: 185px;
		height: auto;
	}
	body.home #header-left img {
		margin: 0;
		width: auto;
	}
#header-right {
	background: url(images/jots-nav-back.png) repeat-x;
	position: absolute;
	left: 0;
	right: 0;
	height: 65px;
	width: auto;
	z-index: 1000;
}
#header-right .menu li a {
	font-family: titlefont , "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
	font-size: 17px;
	text-shadow: 1px 1px 2px white;
	color: #b28d08;
}
#header-right .menu li a:hover {
	color: hsl(10, 97%, 44%);
}
#header-right .menu li.current-menu-item a {
	font-family: titlefontbox , "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
	color: hsl(10, 97%, 44%);
	font-size: 17px;
	margin-top: 1px;
}
.menu {
	background: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	padding: 0 20px 1px 0;
	width: 1000px;
	margin: 7px auto;
	float: none;
}

#social {
	margin: -11px 0 0;
	display: block;
	padding: 0;
	width: 270px;
	position: absolute;
	left: 50%;
	margin-left: 350px;
}
	#social li a {
		background: url(images/jots-social.png) no-repeat 0 0;
		float: left;
		width: 37px;
		height: 37px;
	}
	#social li.facebook a { background-position: -35px 0; }
	#social li.instagram a { background-position: -214px 0; }
	#social li.twitter a { background-position: 1px 0; }
	#social li.youtube a { background-position: -70px 0; }
	#social li.linkedin a { background-position: -105px 0; }
	#social li.pintrest a { background-position: -177px 0; }
	#social li.rss a { background-position: -140px 0; }
	
	#social li a:hover {margin-top: 3px;}

div.pin-it-btn-wrapper {clear:none!important;}


body.home #header-left {
	width: 207px;
	padding: 0;
	position: absolute;
	left: 50%;
	margin: 100px 0 0 -490px;
	z-index: 200;
}

.coda-nav-left {
	position: absolute;
	left: -27px;
}
.coda-nav-right {
	position: absolute;
	left: 34px;
}
.coda-nav-left a {
	background: url(images/jots-box-arrow.png) no-repeat 0 0!important;
	top: 120px!important;
	left: -5px!important;
	width: 40px!important;
	height: 80px!important;
	z-index: 0!important;
}
.coda-nav-right a {
	background: url(images/jots-box-arrow.png) no-repeat 0 0!important;
	top: 120px!important;
	left: 400px!important;
	width: 40px!important;
	height: 80px!important;
	z-index: 0!important;
	background-position: -80px 0!important;
}
.coda-nav-left a:hover {
	background-position: 0 -91px!important;
}
.coda-nav-right a:hover {
	background-position: -80px -91px!important;
}

#video-top,
#video,
#video-single,
#video-bottom {background: none;}

#video { 
  	z-index: 2;
	position: absolute;
	padding: 40px 0 0 490px;
	width: 430px;
	height: 350px;
}

#video .featuredContent {
	float: left;
	width: 400px;
	height: 270px;
	background: #fff;
	padding: 0;
	-moz-box-shadow: 0px 2px 6px #999;
	-webkit-box-shadow: 0px 2px 6px #999;
	box-shadow: 0px 2px 6px #999;
	margin: 0 4px 30px;
	overflow: hidden;
	border: 15px solid #fff;
	cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#video .featuredContent .video-embed {
	float: left;
	padding: 0;
}
#video .featuredContent img {
	width: 400px;
	height: auto;
}
#video .featuredContent iframe.youtube-player {
	width: 400px!important;
	height: 270px!important;
}

.coda-nav-right a {
	right: auto;
	left: 440px;
}
#coda-nav {
	width: 440px!important;
	position: relative;
}
.coda-slider, .coda-slider .panel {
	width: 440px!important;
}



#content {
	margin-top: 170px;
	background-color: white;
	padding-top: 40px;
}
body.home #content {
	margin-top: 30px;
	padding-top: 0;
}


.widget { 
	background: #F7F7F7; 
	width: 290px;
}

#sidebar-left {
	width: 305px;
	margin: 0 10px 0 5px;
}


.menu li ul, #breadcrumbs, #pagination, a.continue-reading, #channels-wrapper, .post-image, .widget, #comments-meta, .avatar, #comment, #author, #email, #url, .cancel-comment-reply a, input#submit, #leave-reply, .wp-caption {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.menu li ul {
	background: url(images/jots-menububble.png) no-repeat center 0;
	font-size: 12px;
	margin: 0;
	padding: 20px 14px 0 0;
	box-shadow: 0 3px 2px #333;
}
.menu li li {
	background: none!important;
	padding: 0 0 5px 0;
	margin: 0 0 5px!important;
}
.menu li li a {
	font-family: titlefont , "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif!important;
	color: #333!important;
	font-size: 18px!important;
	margin-top: 1px;
	text-align: center;
}
.menu li li a:hover {
	color: hsl(10, 97%, 44%)!important;
	font-size: 18px!important;
	margin-top: 1px;
}

.breadcrumbs {display: none;}

body.archive .breadcrumbs,
body.category .breadcrumbs,
body.page .breadcrumbs {
	display: block;
	font-family: titlefont;
	background: none;
	color: hsl(10, 97%, 44%);
	width: auto;
	float: none;
	margin: -73px 0 0 395px;
	padding: 12px;
	position: absolute;
	font-size: 50px;
	-moz-text-shadow: 0px -2px 2px #888;
	-webkit-text-shadow: 0px -2px 2px #888;
	text-shadow: 0px -2px 2px #888;
}
body.category .breadcrumbs {margin-left: 320px;}
.breadcrumbs a {display: none;}

#channels {margin-top: 343px;}

#channels-wrapper { 
	width: 630px;
	background: #FAFAFA;
	margin: 30px 0 0 0;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border-radius: 3px!important;
	padding: 0 0 9px 0;
}

#channel-head {
	font-family: titlefont;
	margin: 20px 0 0;
	color: #900;
	text-shadow: 0px 1px 1px #777;
	letter-spacing: 1px;
	font-size: 30px;
}

#channels h3, #channels h4 {
	font-family: titlefont;
	text-shadow: none!important;
	color: hsl(189, 29%, 35%)!important;
}
#channels h3:hover, #channels h4:hover {
	color: #333!important;
}
#channels h4 {
	position: absolute;
	margin: -6px 0 0;
	font-size: 17px;
	padding: 0;
	width: 280px;
	text-align: left;
	line-height: 30px;
	height: 16px;
}
	#channels h4 span.catMore {
		color: #999;
		font-size: 14px;
		position: absolute;
		right: 0;
		font-weight: bold;
		-moz-text-shadow: none!important;
		-webkit-text-shadow: none!important;
		text-shadow: none!important;
		font-family: titlefont;
		line-height: 28px;
	}
	#channels h4 span.catMore:hover {
		color: #900;
	}
#channels .post-image-home {
	width: 280px;
	float: left;
	margin: 7px 0 0 7px;
	height: 170px;
	line-height: 18px;
	font-size: 14px;
	box-shadow: -1px 1px 5px #ddd;
	padding: 12px;
	background: white;
	border-radius: 3px;
}
#channels .post-frame-channel {
	background: none;
	width: 280px;
	height: auto;
	position: absolute;
}
#channels .post-latest-home h2 {
	font-size: 14px;
	line-height: 17px;
	margin: 6px 0 0;
	color: #333;
	height: 35px;
}
#channels a.post-title-home {
	font-weight: bold;
	color: #333;
}
/*
	#cat_8635 .catTitle {color: green !important;}
	#cat_8841 .catTitle {color: orange !important;}
	#cat_9025 .catTitle {color: purple !important;}
	#cat_7849 .catTitle {color: teal !important;}
	#cat_9015 .catTitle {color: #4596DE !important;}
	#cat_7824 .catTitle {color: maroon !important;}
	#cat_8758 .catTitle {color: olive !important;}
	#cat_8892 .catTitle {color: gold !important;}
*/

#channels a.post-button-home {
	white-space: nowrap;
	float: left;
	display: block;
	clear: both;
	text-align: right;
	width: 280px;
}
#channels a.post-thumblink-home {
	margin: 26px -1px -2px;
	display: block;
	height: 80px;
	background: #EEE;
	border: 1px solid #ddd;
}
#channels img {
	width: 280px;
	height: 80px;
}

#channels .widget {
	width: 300px;
	margin: 0 0 30px 30px;
	float: left;
	padding: 0;
	background: none;
}
#channels .widget img {
	width: auto;
	height: auto;
}

#channels .widget.p75_sidebar_ads {
	width: 300px;
	margin: 30px 0 0 30px;
	float: left;
	padding: 0;
	background: none;
	overflow: hidden;
}
	#channels .p75_sidebar_ads img {
		width: 140px!important;
		height: auto!important;
	}
	
#channels #sidebar-main {
	float: left;
	width: 300px;
}


input#search-submit,
ol.commentlist li div.reply,
input#submit,
input[type="submit"] {
	background: #333;
	border: 1px solid #333;
	font-size: 10px;
	border: none;
	position: relative;
	margin: 5px 0 0 90px;
	padding: 6px;
	float: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: white;
	font-size: 14px;
}

input#s {
	background: white;
	border: none;
	float: left;
	font-size: 14px;
	height: 24px;
	margin: 0 10px 0 0;
	padding: 3px 0 3px 10px;
}
input[type="text"], 
input[type="password"],
textarea {
	border: 1px solid #DDD!important;
	font-size: 14px;
	padding: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	color: #555;
	margin-bottom: 8px;
}
#mc_signup_form .mc_input {
	background: white;
	border: none;
	float: left;
	font-size: 14px;
	width: 97%;
	height: 24px;
	margin: 0 10px 5px 0;
	padding: 3px 0 3px 10px;
	border-radius: 3px;
}
#mc_unsub_link {clear: both;}

#search {
	float: none;
	margin: 0;
}

#comment {
	background: white;
	border: 1px solid #B2D071;
	font-size: 14px;
	width: 598px;
	height: 170px;
	padding: 15px;
}

.sidebar-ad {
	margin: 5px;
	width: 125px;
}

#content-inside {
	width: 950px;
	margin: 0px auto;
}

.coda-slider {
	padding: 0 0 10px 0;
	height: 300px!important;
	z-index: 100;
}

.video-desc {
	width: 430px;
	padding: 6px 0;
	position: absolute;
	top: 240px;
	background: #fff;
	z-index: 10;
	margin: 0 4px;
}
.video-desc p { display: none; }
#video h2 {
	margin: 0;
	padding: 0 0 0 15px;
	width: 400px;
	float: left;
	color: #333;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	height: 40px;
	letter-spacing: normal;
}
.video-desc h2 a {
	text-decoration: none!important;
	color: #333!important;
	display: inline!important;
	height: 48px!important;
	font-weight: normal;
}
.video-desc .continue-reading,
.video-desc .continue-reading:hover {
	font-family: titlefontbox;
	color: hsl(10, 97%, 44%);
	display: inline-block!important;
	font-weight: normal;
	letter-spacing: 0;
	font-size: 17px;
	margin: 0;
	line-height: 4px;
	position: absolute;
	right: 13px;
	bottom: 3px;
}
.video-desc:hover,
.video-desc:hover a {
	text-decoration: none!important;
	cursor: pointer;
	color: hsl(10, 97%, 44%)!important;
}

#mc_signup_form {
	padding: 0!important;
	border-width: 0!important;
	border-style: solid;
	border-color: none!important;
	color: #555;
	background: none!important;
}

.entry-single img.size-full,
.entry-single img.size-medium {
	width: 560px!important;
	height: auto;
}


.single .post-meta,
body.page .post-meta {
	padding: 0 100px 0 0;
}
body.pagename-latest .post-meta {
	padding: 0 30px 0 0!important;
}
body.pagename-latest .breadcrumbs {
	margin-left: 320px;
}

#sidebar-left .widget {
	padding: 0;
	background: none;
}
body.home #sidebar-left .widget {
	background: #F7F7F7;
	padding: 15px;
}
.entry, 
.entry-single {
	float: left;
	width: 560px;
}

/* editorial image sizing */
.entry-single p img,
.entry-single img {
/*
	width: 450px;
	height: auto;
	clear: both;
	display: block;
	margin: 20px auto;
*/
}

div.blogher_content {
	margin: 20px 0;
}
.entry-single div.blogher_content p img, .entry-single div.blogher_content img{
	width: auto;
	height: auto;
	clear: none;
	margin: auto;
}
/* editorial image sizing overrides */



p img.uploadedimage {width: auto;}

p img.wp-smiley {width: auto;}

.comment-author {
	position: relative;
	width: 700px;
}
.widget, .post-meta a{font-weight: normal;color: #333;text-decoration: underline;}

#mti_wfs_colophon {display: none!important;}


#main-multiple .post-image {
	background: #EEE;
	width: auto;
	float: none;
	padding: 10px;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	border-radius: 3px!important;
}
#main-multiple .post-frame-post {
	background: none!important;
	width: 280px;
	height: 80px;
	position: absolute;
}
.post-meta .details li {
	border-bottom: 1px solid #DFDDD8;
	width: 300px;
	float: left;
	padding: 2px 0 2px 0;
}
.post-meta .details li span {
	padding: 0 0 0 24px!important;
}

/*// comments //*/


#comments ol, #comments ul {float: left;}
#comments ul.children {margin-left: 90px;}
#comments ul.children .comment-meta {
	margin: -26px 90px 0 0;
}
#comments ol li {
	list-style: decimal;
}
#comments ol li li {
	list-style: none;
}
.comment-meta {
	width: 300px;
	position: relative;
	margin: -26px 0 0 0;
	padding: 0;
	float: right;
	text-align: right;
}
ol.commentlist li p {
	width: 80%;
	float: left;
	margin: 0 0 15px 90px;
}
#comment {
	border: 1px solid #ccc;
	height: 175px;
}
input#submit {
	margin: 0 0 0 330px;
}

#respond {
	float: left;
	width: 100%;
}
#respond .comment-details {
	width: 330px;
	position: absolute;
}
#respond .comment-text {
	margin-left: 330px;
}
li.comment #respond .comment-text {
	margin-left: 240px;
}


/* social */
.interactive_bottom iframe {height: 30px!important;}
.shareinpost {
	padding: 8px 18px 0 0!important;
	float: left!important;
}

/* home */

#latestBlog {
	margin: 10px 20px 15px;
}
	#latestBlog h2 {
		font-size: 32px;
		line-height: 35px;
		margin: 0;
		padding: 0;
		letter-spacing: -1px;
	}
	#latestBlog small {
		text-align: right;
		display: block;
		color: #CCC;
	}
	#latestBlog h2 a {
		color: #333;
	}
	#latestBlog h2 a:hover {
		color: hsl(10, 97%, 44%);
	}
	#latestBlog .entry, #latestBlog .entry-single {
		float: left;
		width: 590px;
	}
	#latestBlog .continue-reading {
		font-family: titlefontbox;
		color: hsl(10, 97%, 44%);
		font-weight: normal;
		letter-spacing: 0;
		font-size: 27px;
		margin: 0 0 20px;
		line-height: 33px;
		background: none;
		text-align: center;
		display: block;
		width: 590px;
		padding: 0;
	}

.p75_sidebar_ads img { visibility:hidden; }
.p75_sidebar_ads a img { visibility:visible; }

/* Misc */

.entry-single ul {
	display: block;
	-webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
.entry-single ul li {
	display: list-item;
    list-style: circle;
    margin: 1em 0 0 0;
    background: none;
    padding: 0;
}