/*
Theme Name: On a Brighter Note
Theme URI: http://www.onabrighternote.ca
Description: A wordpress theme designed for simple display of columns and news articles. 
Version: 1.0
Author: Chris Satterthwaite
Author URI: http://www.navigatormm.com
Tags: two columns, cartoon, news articles

	This theme was designed and built by Navigator Multimedia Inc,
	whose website you will find at http://www.navigatormm.com/

*/
/* RESET
--------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus { outline: 0 }

a, a:hover { text-decoration:none; }

/* GLOBAL
--------------------------------------------------------------------------------------- */
/*Used to fix Fire Fox float error.*/
.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 */
.clear { clear:both; }

.alignright { float:right; }

.alignleft { float:left; }

.bold { font-weight:bold; }

.redText { color:#F00; }

/* Images */
img[align=right] {
	margin-left:10px;
	margin-bottom:10px;
}

img[align=left] {
	margin-right:10px;
	margin-bottom:10px;
}

/* TYPOGRAPHY
--------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0.1em;
	margin: 0 0 0 0;
	padding: 0;
}

h1 {
	font:26px Helvetica, Arial, sans-serif;
	font-weight:normal;
}

p {
	margin-top: 0.35em;
	margin-left: 0;
	padding-left: 0;
	line-height: 1.2em;
}

ul {
	margin-top: 0.35em;
	margin-left: 1em;
	padding-left: 0;
}

li { line-height: 1.5em; }

dl { margin-top: 0.35em; }

dt {
	text-indent: -0.5em;
	color: #339;
	margin-top: 1em;
}

dd {
	margin-top: 0.35em;
	margin-left: 0;
	padding-left: 0;
	line-height: 1.5em;
}

p, dd {
	margin-top: 0.35em;
	margin-left: 0;
	padding-left: 0;
	line-height: 1.5em;
}

a:link {color:#7b47be} /* unvisited link */
a:visited {color:#7b47be} /* visited link */
a:hover {color:#7b47be} /* mouse over link */
a:active {color:#7b47be} /* selected link */

a#facebook_small {
	background: url(images/interface/facebook_small.png) no-repeat;
	width: 40px;
	height: 38px;
	display: block;
	margin-top: -9px;
}

/* HTML and BODY
--------------------------------------------------------------------------------------- */
html, body {
	font:12px Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
}

/* WRAPPER
--------------------------------------------------------------------------------------- */
#wrapper {
	width:940px;
	margin:0 auto;
	padding:0 0 0 0;
	position:relative;
	z-index:10;
}

/* PAGE LOCATION
---------------------------------------------------------------------------------------
#page-location {
	width:940px;
	height:86px;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	position:relative;
	z-index:10;
}

.page-title {
	position:			absolute;
	top: 50px;
	left: 285px;
	z-index: 20;
}

/* HEADER
--------------------------------------------------------------------------------------- */
#header {
	width:940px;
	height:207px;
	background: url(images/interface/header.jpg) no-repeat top left #fff;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	z-index:100;
}
a#tv {
	display: block;
	position: absolute;
	top: 6px;
	right: -19px;
	background: url(images/interface/tv.png) no-repeat top left;
	text-indent: -9999px;
	width: 381px;
	height: 200px;
}
a#sam {
	display: block;
	position: absolute;
	top: 6px;
	right: 0px;
	background: url(images/interface/sam.png) no-repeat top left;
	text-indent: -9999px;
	width: 592px;
	height: 200px;
}
#logo { display:none; }

#twitter {
	width:90px;
	height:64px;
	position:absolute;
	top:0px;
	right:87px;
	z-index:40;
	background:url(images/interface/twitter.png);
	display: block;
	cursor: pointer;
}
#facebook {
	width:68px;
	height:64px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:30;
	background:url(images/interface/facebook.png);
	display: block;
	cursor: pointer;
}
	
	#coffee_time {
	width:166px;
	height:108px;
	position:absolute;
	top:-93px;
	right:247px;
	z-index:20;
	background:url(images/interface/coffee_time.png) no-repeat;
	display: block;
	cursor: pointer;
	}
	
	#video_clips {
	width: 275px;
	height: 108px;
	position:absolute;
	top:-92px;
	right:380px;
	z-index:10;
	background:url(images/interface/video_clips.png) no-repeat;
	display: block;
	cursor: pointer;
	}

/* CONTENT WRAPPER
--------------------------------------------------------------------------------------- */

#content-wrapper {
	width:940px;
	min-height:630px;
	height:auto!important;
	height:860px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	z-index:10;
}

/* SIDE BAR
--------------------------------------------------------------------------------------- */
#side-bar {
	width:198px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

.side_btns {
	position: absolute;
	width: 129px;
	top: 376px;
	right: -6px;
	list-style: none;
}
.side_btns li {
	float: left;
	display: block;
}
.side_btns li a {
	float: left;
	width: 129px;
	height: 49px;
	margin-bottom: 12px;
	text-indent: -9999px;
}
.side_btns li.more-videos a {
	background: url(images/interface/side_btns.png) no-repeat 0px 0px;
}
.side_btns li.more-videos a:hover {
	background: url(images/interface/side_btns.png) no-repeat 0px -49px;
}
.side_btns li.more-columns a {
	background: url(images/interface/side_btns.png) no-repeat -129px 0px;
}
.side_btns li.more-columns a:hover {
	background: url(images/interface/side_btns.png) no-repeat -129px -49px;
}
.side_btns li.leave-feedback a {
	background: url(images/interface/side_btns.png) no-repeat -258px 0px;
}
.side_btns li.leave-feedback a:hover {
	background: url(images/interface/side_btns.png) no-repeat -258px -49px;
}


/* SIDE NAVIGATION
--------------------- */
#side-navigation {
	width:198px;
	height:300px;
	margin:0 0 22px 0;
	padding:0 0 0 0;
	background:url(images/interface/side-navigation.gif) no-repeat;
	position:relative;
	z-index:10;
}

#side-navigation li {
	position:absolute;
	left:0px;
	z-index:10;
}

#side-navigation li span { display:none; }

#side-navigation li a {
	width:198px;
	height:30px;
	display:block;
}

/* SIDE NAVIGATION BUTTONS
--------------------- */
.subscribe {
	top:0px;
	height:30px;
}

.publish {
	top:30px;
	height:30px;
}

.home {
	top:60px;
	height:30px;
}

.columns {
	top:150px;
	height:30px;
}
.brighternote {
	top:90px;
	height:30px;
}
.coffeetime {
	top:120px;
	height:30px;
}

.random {
	top:180px;
	height:30px;
}

.aboutus {
	top:210px;
	height:30px;
}

.contactus {
	top:240px;
	height:30px;
}

.coloring {
	top:270px;
	height:30px;
}

.links {
	top:270px;
	height:30px;
}

.mediavault {
	top: 300px;
	height: 30px;
}

.feedback {
	top: 330px;
	height: 30px;
}

.subscribe a:hover, .subscribe .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px 0px no-repeat;
}

.publish a:hover, .publish .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px -30px no-repeat;
}

.home a:hover, .home .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px -60px no-repeat;
}

.brighternote a:hover, .brighternote .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px -90px no-repeat;
}

.columns a:hover, .columns .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px -150px no-repeat;
}

.coffeetime a:hover, .coffeetime .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px -120px no-repeat;
}

.random a:hover, .random .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px -180px no-repeat;
}

.aboutus a:hover, .aboutus .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px -210px no-repeat;
}

.contactus a:hover, .contactus .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px -240px no-repeat;
}

.coloring a:hover, .coloring .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px -270px no-repeat;
}

.links a:hover, .links .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px -270px no-repeat;
}

.mediavault a:hover, .mediavault .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px -300px no-repeat;
}

.feedback a:hover, .feedback .selected {
	color:#F60;
	background:transparent url(images/interface/side-navigation.gif) -198px -330px no-repeat;
}

/* FEATURED COLUMNS
--------------------- */

.featured-col-wrap {
	position: relative;
	left: 5px;
}
.column-title-sidebar {
	margin: 0 0 15px 6px;	
}
.more-cols-btn {
	background:url(images/interface/more-columns-btn.gif) no-repeat left top;	
	display: block;
	width: 185px;
	height: 38px;
	margin: 0 0 0 4px;
}
.more-cols-btn span,
.more-vids-btn span {
	display: none;
}
.feedback-btn span {
	display: none;
}
.more-vids-btn {
	background:url(images/interface/more-vids-btn.gif) no-repeat left top;	
	display: block;
	width: 137px;
	height: 46px;
	position: absolute;
	right: -14px;
	bottom: 20px;
}
.feedback-btn {
	background:url(images/interface/feedback-btn.gif) no-repeat left top;	
	display: block;
	width: 137px;
	height: 46px;
	position: absolute;
	right: -14px;
	bottom: -29px;
}
.featured-columns {
	text-align:center;
	width:145px;
	height:246px;
	margin:0 auto 0 auto;
	padding:10px 30px 0 15px;
	background:url(images/interface/bg-featured-column.gif) no-repeat;
	position:relative;
	z-index:10;
}

.featured-columns h3 {
	font-size:19px;
	font-weight:bold;
	letter-spacing:0;
	margin:0 0 0 0;
	padding: 0px 0px 18px 0px;
}

.featured-columns img { margin:5px 0px; }

.featured-columns a {
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}
.featured-columns span.read-morez a {
	font-size: 14px;
	margin-top: 16px;
	float: right;
	position: absolute;
	bottom: 30px;
	right: 22px;
	display: block;
}

/* TOP NAVIGATION
--------------------------------------------------------------------------------------- */
#top-navigation {
	width:742px;
	height:30px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(images/interface/top-navigation.gif) no-repeat;
	float:right;
	position:relative;
	z-index:10;
}

#top-navigation li {
	position:absolute;
	top:0px;
	z-index:10;
}

#top-navigation li span { display:none; }

#top-navigation li a {
	width:148px;
	height:30px;
	display:block;
}

/* TOP NAVIGATION BUTTONS
--------------------- */
.thome {
	left:0px;
	width:148px;
}

.tcolumns {
	left:148px;
	width:148px;
}

.tpublish {
	left:298px;
	width:148px;
}

.taboutus {
	left:446px;
	width:148px;
}

.tcontactus {
	left:594px;
	width:148px;
}

.thome a:hover, .thome .selected {
	color:#F60;
	background:transparent url(images/interface/top-navigation.gif) -0px -30px no-repeat;
}

.tcolumns a:hover, .tcolumns .selected {
	color:#F60;
	background:transparent url(images/interface/top-navigation.gif) -148px -30px no-repeat;
}

.tpublish a:hover, .tpublish .selected {
	color:#F60;
	background:transparent url(images/interface/top-navigation.gif) -298px -30px no-repeat;
}

.taboutus a:hover, .taboutus .selected {
	color:#F60;
	background:transparent url(images/interface/top-navigation.gif) -446px -30px no-repeat;
}

.tcontactus a:hover, .tcontactus .selected {
	color:#F60;
	background:transparent url(images/interface/top-navigation.gif) -594px -30px no-repeat;
}

/* CONTENT
--------------------------------------------------------------------------------------- */
#content {
	width:742px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	clear: both;
	position:relative;
	z-index:10;
	min-height: 600px;
}
#home-header {
	position: absolute;
	top: 433px;
	left: 24px;
	z-index: 5;	
}
.facebook-img {
	position: absolute;
	top: 470px;
	right: 180px;
	background: url(images/interface/facebook_img.png) no-repeat top left;
	width: 106px;
	height: 65px;
	display: block;
	text-indent: -9999px;
}

/* HOMEPAGE
--------------------- */
#home-text {
	width:377px;
	height:273px;
	margin:60px 0 0 0;
	padding:0 0 0 27px;
	float:left;
	position:relative;
	z-index:10;
}

#home-head {
	width:434px;
	height:334px;
	position:absolute;
	top:0px;
	right:0px;
	z-index: 5;
}

#facebook-preview {
	width: auto;
	height: auto;
	position:absolute;
	top:-999px;
	z-index: 1;
}

#facebook-generic {
	width: auto;
	height: auto;
	position:absolute;
	top:-999px;
	z-index: 1;
}

#facebook-special {
	width: auto;
	height: auto;
	position:absolute;
	top:-999px;
	z-index: 1;
}

#facebook-cloudnine {
	width: auto;
	height: auto;
	position:absolute;
	top:-999px;
	z-index: 1;
}
/* PAGE
--------------------- */

#page-text {
	width:688px;
	margin:0 0 0 0;
	padding:60px 27px 0 27px;
	float:right;
	position:relative;
	z-index:10;
}
.hdr {
	position: absolute;
	left: 222px;
	top: 40px;
	width: 362px;
	text-indent: -9999px;
	height: 50px;
}
.hdr span {
	float: left;
	width: 362px;
	height: 50px;
}
.hdr span.Columns {
	background: url(images/titles/columns.gif) no-repeat 0 0;
}
.hdr span.Books {
	background: url(images/titles/books.gif) no-repeat 0 0;
}
.hdr span.Publish {
	background: url(images/titles/publish.gif) no-repeat 0 0;
}
.hdr span.Subscribe {
	background: url(images/titles/subscribe.gif) no-repeat 0 0;
}
.hdr span.MediaVault {
	background: url(images/titles/mediavault.gif) no-repeat 0 0;
}
.hdr span.Links {
	background: url(images/titles/links.gif) no-repeat 0 0;
}
.hdr span.CHARITY {
	background: url(images/titles/charity.gif) no-repeat 0 0;
}
.hdr span.VideoClips {
	background: url(images/titles/random.gif) no-repeat 0 0;
}
.hdr span.ABOUTUS {
	background: url(images/titles/aboutus.gif) no-repeat 0 0;
}
.hdr span.ContactUs {
	background: url(images/titles/contactus.gif) no-repeat 0 0;
}
.hdr span.FeedBack {
	background: url(images/titles/feedback.gif) no-repeat 0 0;
}
.hdr span.Coloring {
	background: url(images/titles/coloring.gif) no-repeat 0 0;
}
.hdr span.LolaandLiza {
	background: url(images/titles/lola-and-liza-videos.gif) no-repeat 0 0;
}
.hdr span.KidTalkWithSam {
	background: url(images/titles/kid-talk-with-sam.gif) no-repeat 0 0;
}
.hdr span.OnABrighterNoteVideos {
	background: url(images/titles/oabn.gif) no-repeat 0 0;
}

/* CATEGORY
--------------------- */
#category-text {
	width:688px;
	margin: 0 0 0 0;
	padding:60px 27px 0 27px;
	float:right;
	position:relative;
	z-index:10;
}
.entry-content {
		min-height:800px;
}
.entry-title{display:none;}
.view-archives {
	text-align:right;
	font-weight:bold;
	height:20px;
	width:688px;
	margin-bottom:20px;
	position:absolute;
	top:20px;
	left:54px;
}

.video_sub_menu {
	text-align:					right;
	font-weight:				bold;
	margin-bottom:				20px;
	position:					absolute;
	top:						45px;
	right:						0;
	width: 						auto;
	z-index: 					100;
}

.video_sub_menu ul li {
	float: 						left;
	margin-left: 				20px;
}

.single_sub_menu {
	text-align:					right;
	font-weight:				bold;
	margin-bottom:				20px;
	position:					absolute;
	top:						10px;
	right:						0;
	width: 						auto;
	z-index: 					100;
}

.single_sub_menu ul li {
	float: 						left;
	margin-left: 				20px;
}
.category-post {
	width:663px;
	margin:0 0 10px 0;
	padding:10px 15px 10px 10px;
	z-index:10;
	border:1px solid #BBBBBB;
}

.category-img {
	width:129px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	z-index:10;
}

.category-text {
	width:534px;
	min-height:154px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	z-index:10;
	position:relative;
}

.category-text h1 {
	font:16px Helvetica, Arial, sans-serif;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
	z-index:10;
}

.category-text h1 a {
	text-decoration:none;
	color:#000;
}

.category-links {
	text-align:right;
	width:665px;
	height:25px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	clear:both;
	z-index:10;
}

.category-links a {
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	margin:0 0 0 10px;
	padding:0 0 0 0;
}

/* COLUMN
--------------------- */
#column-text {
	width:688px;
	margin: 0 0 0 0;
	padding:60px 27px 0 27px;
	float:right;
	position:relative;
	z-index:10;
}

#column-title {
	font:26px Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:absolute;
	top:40px;
	right:0px;
	z-index:10;
}

#column-content {
	width:688px;
	margin:20px 0 15px 0;
	padding:0 0 0 0;
	z-index:10;
	display:block;
}

#the-content {
	margin-bottom:20px;
}

#column-tags {
	text-align:center;
	width:668px;
	margin:0 0 15px 0;
	padding:10px;
	border:1px solid #BBBBBB; 
	z-index:10;
}
#column-links {
	width:688px;
	height:30px;
	margin:0 0 30px 0;
	padding:0 0 0 0;
	z-index:10;
	display:block;
}

#column-links a {
	color:#aa85da;
	font-size:15px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
	z-index:10;
}

/* TRACKBACKS & COMMENTS
--------------------------------------------------------------------------------------- */
/* COMMENT STYLES
--------------------- */
#comments > li {
	min-height:80px;
	margin:0 0 20px 0;
	padding:5px;
	border-bottom:1px solid #BBBBBB;
}

.comment-meta { }

.comment-author a, .comment-author {
	color:#2ac4f4;
	font-weight:bold;
}

.comment-date { color:#666666; }

.comment-text { min-height:150px;
	height:auto!important;
	height:150px; }

.odd { }

.even { }

.comment-text img {float:left; margin-right:10px;}
/* COMMENT AREA STYLES
--------------------- */

.comments-header {
	font-size:13px;
	font-weight:bold;
	line-height:1.25;
	width:688px;
	margin-bottom:1.16em;
	padding:0 0 0 0;
	border-bottom:1px solid #BBBBBB;
}

#respond { display:none; }

#trackbacks, #comments {
	width:688px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#trackbacks > li, #comments > li {
	list-style-type:none;
	margin-bottom:1.5em;
}

/* FORM STYLES
--------------------- */


#author { border: 1px solid #BBBBBB; }

#email { border: 1px solid #BBBBBB; }

#url { border: 1px solid #BBBBBB; }

#comment {
	width:665px;
	height:100px;
	border: 1px solid #BBBBBB;
}

#sub{
	color:#FFF;
	background:#2ac4f4;
	border:none;
	font:12px Helvetica, Arial, sans-serif;
	font-weight:bold;
	float:right;
	cursor:pointer;
}

#subscribeform input[type="submit"] { 
	color:#FFF;
	background:#0086b0;
	border:none;
	font:12px Helvetica, Arial, sans-serif;
	font-weight:bold;
	float:left;
	cursor:pointer;
	margin-right:10px;
}
#subscribeform input[name="subscribe"] { 
	margin-left: 202px;
}
#subscribeform input[name="unsubscribe"] { 
	margin-right: 0;
}
#subscribeform input[type="text"] { width:370px; border: 1px solid #BBBBBB;}

#subscribeform{ margin-top:15px; padding:0px;}




form input[type="submit"] { 
	color:#FFF;
	background:#2ac4f4;
	border:none;
	font:12px Helvetica, Arial, sans-serif;
	font-weight:bold;
	float:right;
	cursor:pointer;}
form input[type="text"] { width:400px; border: 1px solid #BBBBBB; margin-bottom:10px;}
form input[type="password"] { width:400px; border: 1px solid #BBBBBB; margin-bottom:10px;}

form{ margin-top:15px; padding:10px;	border:1px solid #BBBBBB;}
/* CALLOUTS
--------------------------------------------------------------------------------------- */
#callouts {
	width:742px;
	height:212px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(images/interface/callouts.jpg) no-repeat;
	float:right;
	position:relative;
	z-index:10;
}

#callouts li {
	width:185px;
	height:212px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

#callouts li span { display:none; }

#callouts li a {
	width:185px;
	height:212px;
	display:block;
}

/* QUOTE OF WEEK
--------------------------------------------------------------------------------------- */
#quoteofweek {
	font-size:18px;
	text-align:center;
	width:742px;
	min-height:177px;
	height:auto!important;
	height:177px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(images/interface/bg-quoteofweek.gif) no-repeat;
	float:right;
	position:relative;
	z-index:10;
}

#quoteofweek h2 {
	font-size:20px;
	font-weight:bold;
	letter-spacing:3px;
	margin:0 0 0 0;
	padding:0 0 5px 0;
}

/* FOOTER
--------------------------------------------------------------------------------------- */
#footer {
	width:940px;
	height:33px;
	margin:0 auto;
	padding:0px 0 0 0;
	position:relative;
	z-index:10;
}

#footer a {
	font-size:9px;
	text-decoration:none;
	color:#797878;
	padding:10px 0px;
	display:block;
}

/* Gallery Styles
--------------------------------------------------------------------------------------- */
.gallery-caption { display:none;}

/* Media Vault
--------------------------------------------------------------------------------------- */
#media-wrapper {height: 310px; display:block;}
#media-text { width:230px; float:left; display:block;}
#media-photo { width:449px; float:right; display:block; position:relative;}
#media-photo img { position:absolute; top:-60px; left:0px;}
/* Light Box 
--------------------------------------------------------------------------------------- */
#jquery-overlay {
	position:			 	absolute;
	top: 					0;
	left: 					0;
	z-index: 				99;
	width: 					100%;
	height: 				500px;
}
#jquery-lightbox {
	position: 				absolute;
	top: 					0;
	left: 					0;
	width: 					100%;
	z-index: 				100;
	text-align: 			center;
	line-height: 			0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: 				absolute;
	top: 					40%;
	left: 					0%;
	height: 				25%;
	width: 					100%;
	text-align: 				center;
	line-height: 				0;
}
#lightbox-nav {
	position: 				absolute;
	top: 					0;
	left: 					0;
	height: 				100%;
	width: 					100%;
	z-index: 				10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 					49%;
	height: 				100%;
/*	zoom: 					1;*/
	display: 				block;
}
#lightbox-nav-btnPrev { 
	left: 					0; 
	float: 					left;
}

#lightbox-nav-btnNext { 
	right: 					0; 
	float: 					right;
}
#lightbox-container-image-data-box {
	font: 					10px Verdana, Helvetica, sans-serif;
	background-color: 			#fff;
	margin: 				0 auto;
	line-height: 				1.4em;
	overflow:				auto;
	width: 					100%;
	padding: 	                        0 10px 0;
}
#lightbox-container-image-data {
	padding:                                0 10px; 
	color: 					#666; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width:					70%; 
	float: 					left; 
	text-align: 				left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: 				block; 
	clear: 					left; 
	padding-bottom: 			1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 					66px; 
	float: 					right;
	padding-bottom: 			0.7em;	
}	


.post-1103 form p, .post-1103 form { width:300px; display:block;}

.post-1103 #pwd,.post-1103 #log { width:100%;}

.nextprev_div {
	margin-top: 			15px;
	margin-bottom:			15px

}
.leftLink a, .rightLink a {
	float: 					left;
	display:				block;
/*	background:				url(images/interface/btn_prev.png) no-repeat;*/
	height:					26px;
	padding:				5px 8px 0px 8px;
	
	color:#FFF;
	background:#2ac4f4;
	border:none;
	font:18px Helvetica, Arial, sans-serif;
	font-weight:bold;
	cursor:pointer;
}
.rightLink a {
	float:					right;
	text-align:				right;
/*	background:				url(images/interface/btn_next.png) no-repeat;*/
}
.leftLink a:hover, div.rightLink a:hover {
	background:#F6C;
}
div.share {
	margin-bottom: 			25px;
	border: 				1px solid #c8e9ef;
	background: 			#e6f6f9;
	
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius:			4px;
	padding: 15px;
}
h3.share {
	margin-bottom: 			15px;
	margin-top: 0;
}
h3#vote {
	margin-bottom: 			7px;
	margin-top: 0;
}

a.share_facebook, a.share_twitter,
a.share_digg, a.share_stumble,
a.share_delicious, a.share_reddit,
a.share_linkedin {
	width:					32px;
	height:					32px;
	display:				block;
	text-indent:            -999999px;
	float: 					left;
	margin-right: 			4px;
}
a.share_facebook { background: url(images/icons/facebook_32.png) no-repeat; }
a.share_twitter { background: url(images/icons/twitter_32.png) no-repeat; }
a.share_digg { background: url(images/icons/digg_32.png) no-repeat; }
a.share_stumble { background: url(images/icons/stumbleupon_32.png) no-repeat; }
a.share_delicious { background: url(images/icons/delicious_32.png) no-repeat; }
a.share_reddit { background: url(images/icons/reddit_32.png) no-repeat; }
a.share_linkedin { background: url(images/icons/linkedin_32.png) no-repeat; }


/*------------- Youtube Video ------------- */

.post_single .wordtube {
	text-align: center;	
}
#content .tubepress_normal_embedded_wrapper {
	width: 564px !important;	
	margin: 0 0 0 25px;
}
#content .tubepress_meta_title,
#content .tubepress_meta_runtime,
#content .tubepress_meta_views {
	display: none;	
}
.empty-video {
	font-size: 11px;
	color: #fff;
	margin: 0 auto;
	display: block;
	text-align: center;
	padding-top: 25px;	
}
#youtube {
	width: auto;
	position: absolute;
	z-index: 10;
	top: 24px;
	left: 0;
	float: left;
	height: 428px;
	min-width: 742px;
}
#youtube .video {
	width: 504px;
	height: 332px;
	float: left;
	margin-right: 15px;
}
#youtube h1 {
	font-size: 22px;
	line-height: 21px;
	margin: 4px 0px 13px 0px;
	color: #333;
}
#youtube .tubepress_thumbs {
	width: 118px;
	margin: 0;
	position: absolute;
	right: 5px;
	top: -5px;
}
#youtube .tubepress_thumb img {
padding: 0;
}
#youtube .tubepress_thumb {
	margin: 0 auto 0px auto;
	padding: 4px 2px 4px 2px;
	list-style: none;
	cursor: pointer;
	display: block;
	width: 118px;
	height: auto;
	margin-top: 5px;
	border: 1px solid #b76ea2;
	background: #db8dc4;
}

#youtube .tubepress_thumb li p {
	margin-top: 1px;
	color: #000;
	font-size: 10px; 
	text-align:center;
	height: 10px;
	line-height: 14px;
}
#youtube .tubepress_thumb li a:first-child {
	padding: 4px 0 0 3px;
	height: 62px;
	display: block;
}
#youtube .image-crop {
	display: block;
	margin-top: -1px;
	width: 109px;
	height:61px;
	overflow: hidden;
}
#home_share_btns {
	position: absolute;
	bottom: 20px;	
	left: 0;
}
#sharing {
	position: absolute;
	bottom: 54px;
	right: 148px;
}
#you-like-us {
	position: absolute;
	bottom: -6px;
	right: 146px;
	width: 201px;
	height: 67px;
	text-indent: -9999px;
	background: url(images/interface/you-like-us.gif) no-repeat top left;
}
.tubepress_embedded_title {
	display: none;	
}
.video_coming_soon {
	font-weight: bold;
	margin: 0 0 0 25px;
	font-size: 14px;	
}
.ie8 .video_coming_soon {
	padding-top: 200px;
}