/*   
Theme Name: Bob Breen Version 3	
Description: the third iteration of the Bob Breen Academy Website
Author: Jacques Breen
Version: 3
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	list-style-type: none;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
* {
	margin:0;
	padding:0;
}
/*
blue: #01b4f8
green: #76b900

*/


/*class toolbox*/
.clearboth {clear:both;}
.clearright {clear:right;} 
.clearleft {clear:left;}

.floatleft {float:left;}
.floatright {float:right;}


/***************/



body {
	background-image:url(./images/backgroundtoprepeat1.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	font-family: "Arial",Helvetica,Sans-serif;
	font-size:14px;
}

em {font-style:italic;}
strong {font-weight:bold;}
/* structure */

#header {
	background-image: url(./images/headerlogo1.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	height:120px;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	position:relative;
}
#sectionlead {
	width:980px;
	height: 400px;
	margin:0 auto;
	position:relative;
	background-position:bottom left;
	background-repeat: no-repeat;
}

#sectionleadvideo {
	width:980px;
	height: 540px;
	margin:15px auto;
	position:relative;
	background-position:bottom left;
	background-repeat: no-repeat;
}

#contentbody {
	width:980px;
	margin:10px auto;
}
.latestvideo {
	width:760px;
	float:left;
}
.adunitone {
	width:200px;
	float:right;
	height: 800px;
}
.adunittwo {
	width:760px;
	background-image:url(./images/adunittwograd1.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	position:relative;
	margin:0 0 20px 0;
}
.videoswatched {
	clear:both;
	overflow:scroll;
	height:400PX;
	border:1px inset #000000;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
	width:750px;
	
}
.videoswatched td {text-align:left; margin:auto 0;}


#fatfooter {
	background-image:url(./images/footerbackground.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	height:400px;
}

.leftcolumn {
	width:740px; margin: 20px 0 80px 0; padding: 0 10px 0 0; float:left;
	/*width:660px;
	float:left;*/
}

.countrycontainer {
background-image:url(./images/repeatbackgroundline.jpg);
background-repeat:repeat-x;
background-position:top left; 
margin:30px 0 30px 0;
clear:both;
}

.countrycontainer h2 {
font-size:18px;
font-weight:bold;
margin-left:5px;
background-color:#FFFFFF;
width:50px;
}

.instructorcontainer {
width:210px;
float:left;
margin:5px 5px;
}

.instructorcontainer h3 {
font-size:21px;
font-weight:bold;
}

.rightcol {
width:210px;
float:right;
margin:30px 0 0 110px;

}


/*end structure*/





/*Fonts and typography*/
ul li a:link {color:#76b900; text-decoration:none; }
ul li a:hover {color:#01b4f8; text-decoration:none;}
ul li a:visited {color:#76b900; text-decoration:none;}
ul li a:active {color:#01b4f8; text-decoration:none;}

a:link {color:#76b900; text-decoration:none; }
a:hover {color:#01b4f8; text-decoration:none;}
a:visited {color:#76b900; text-decoration:none;}
a:active {color:#01b4f8; text-decoration:none;}  

p a:link {color:#76b900; text-decoration:none; }
p a:hover {color:#01b4f8; text-decoration:none;}
p a:visited {color:#76b900; text-decoration:none;}
p a:active {color:#01b4f8; text-decoration:none;}  

#sectionleadheader {
	color:#76b900;
	padding: 5px 15px 5px 15px;
	background-color:#000000;
	width:600px;
	position:absolute;
	bottom:0px;
	left:10px;
	font-size:18px
}
#header ul {
	float:right;
	text-align:right;
	margin-top:5px;
	clear: both;
}

.latestvideoheader {font-weight:bold; font-size:28px; color:#76b900; font-variant:small-caps; }
.latestvideotitle {font-weight:bold; font-size:18px; color:#01b4f8; margin:0 0 10px 0;}
.latestvideoblurb {line-height:1.5em} 


.adunitone p {font-size: 18px; font-weight:bold; margin-top:30px;}
.adunitone h3 {margin:0 0 10px 0; font-size:22px; font-weight:bold;}
ul.moretraining li {padding:0 0 0 25px; width:200px; background-image: url(./images/moretrainingbullet.jpg); background-position:left center; background-repeat:no-repeat; font-size:18px;  font-weight:bold;}


.videoswatchedtitle {font-size:18px; font-weight:bold; margin:10px 0 10px 10px;}


.pullqoute {
width:400px; float:right;
margin:20px 10px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight:bold;
}

.openqoute {
float:left;
}
.pullqoute p {
float:left;
width:280px;
margin:20px 0 0 10px;
}
.closeqoute {
float:left;
margin:25px 0 0 0;
}
.pullqoute h4 {
clear:both;
float:right;
margin:15px 40px 0 0;}


/*End Fonts and typography*/




#tabbedvidnavigation {
	margin:10px 0 4px -10px;
	font-weight:bold;
}
ul#tabbedvidnavigation li {
	display: inline;
	/*height:27px;*/
	padding: 0 10px 0 10px;
}
ul#tabbedvidnavigation a:link {
	color:#FFFFFF;
	background-color:#8d8c8c;
	padding: 0 5px 0 5px;
	height:27px;
	width: 150px;
	text-decoration:none;
	padding:5px;
}
ul#tabbedvidnavigation a:visited {
	color:#FFFFFF;
	background-color:#8d8c8c;
	padding: 0 5px 0 5px;
	height:27px;
	width: 150px;
	text-decoration:none;
	padding:5px;
}
ul#tabbedvidnavigation a:hover {
	color:#FFFFFF;
	background-color:#01b4f8;
	padding: 0 5px 0 5px;
	height:27px;
	width: 150px;
	text-decoration:none;
	padding:5px;
}
ul#tabbedvidnavigation a.active:link {
	color:#FFFFFF;
	background-image:url(./images/activeclassbackground.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 0 5px 0 5px;
	height:27px;
	width: 150px;
	text-decoration:none;
	padding:5px;
}
ul#tabbedvidnavigation a.active:visited {
	color:#FFFFFF;
	background-color:#76b900;
	padding: 0 5px 0 5px;
	height:27px;
	width: 150px;
	text-decoration:none;
	padding:5px;
}
ul#tabbedvidnavigation a.active:hover {
	color:#FFFFFF;
	background-color:#76b900;
	padding: 0 5px 0 5px;
	height:27px;
	width: 150px;
	text-decoration:none;
	padding:5px;
}
.latestvideo {
	background-image:url(./images/latestvideograd.jpg);
	background-position:0px 0px;
	background-repeat:repeat-x;
}
.latestvideo div {
	float:left;
	margin:10px 0 0 0;
	padding:50px 0 0 10px;
	width:305px;
	line-height:2em;
}



/*Navigation*/

/*ul {
	list-style-type: none;
	margin:0;
	padding:0;
}*/
#navigation {
	width:980px;
	margin:0 0 0 0;
	clear: both;
	position:absolute;
	bottom: 5px;
	right: 500px;
}
ul#navigation li {
	display: inline;
	margin: 0 10px 0 10px;
}
ul#navigation a:link {
	color:#FFFFFF;
	background-color:#000000;
	padding: 5px 15px 5px 15px;
	width: 150px;
	text-decoration:none;
}
ul#navigation a:visited {
	color:#FFFFFF;
	background-color:#000000;
	padding: 5px 15px 5px 15px;
	width: 150px;
	text-decoration:none;
}
ul#navigation a:hover {
	color:#FFFFFF;
	background-color:#01b4f8;
	padding: 5px 15px 5px 15px;
	width: 150px;
	text-decoration:none;
}
ul#navigation a:active {
	color:#FFFFFF;
	background-color:#01b4f8;
	padding: 5px 15px 5px 15px;
	width: 150px;
	text-decoration:none;
}
/*end Navigation*/


/*Signup table*/

#signuptable {
	padding:20px 0 20px 10px;
}
#signuptable td {
	padding:5px 0 5px 0;
}
/*end signup table*/

/*blog*/
/*
blue: #01b4f8
green: #76b900
*/
.blogleftcol {width:740px; margin: 20px 0 0 0; padding: 0 10px 0 0; float:left;}
.blogrightcol {width:250px; /*padding:20px 10px 0 30px;*/ padding:0 0 0 0; float:right;}
.blogitem {width: 200px; height:300px ; float: left; margin: 10px; list-style-type: none;}
.blogitem img {float: left;}
li.blogpostitemtitle {height:42px; overflow: hidden;}
.blogitem h3 {font-size: 20px; line-height:1; font-family: "Trebuchet MS", Helvetica, Sans-serif; font-weight: bold;}
.blogpostitemexcerpt { line-height:1; font-family: Arial, Helvetica, Sans-serif; font-size: 12px;}
.blogpostitemexcerpt p {line-height:1.2; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; margin:10px 0 0 0;}
.blogpostitemdate {line-height:1.2; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-style:italic; margin:0 0 -10px 0;}
#featuredarticle {color: #ffffff; height: 390px; width: 980px; /*margin: 20px 10px 100px 0;*/ line-height: 1.5; position:absolute; top: 130px; }
#featuredarticle img {float: left; margin: 0 10px 0 0;}
#featuredarticle h1 {font-family: Arial, Helvetica, Sans-serif; font-size: 18px; font-weight: bold; line-height: inherit; margin-bottom: 30px;}
#featuredarticle p {font-family: Arial, Helvetica, Sans-serif; font-size: 14px; font-weight: bold; line-height: 1.2;}
.featuredsectionheader {font-family: Arial, Helvetica, Sans-serif; font-size: 14px; font-weight: bold; line-height: 1.5; color: #01b4f8;}
.featuredarticlerelposts {color: #ffffff; clear:both; margin: 250px 0 0 0; height:10px;}
.prevfeaturedarticle {margin: 10px 0 0 0; padding: 20px 0 0 0; color: #ffffff; width:160px; line-height: 1; margin: 0 0 20px 0;font-family: "Trebuchet MS", Helvetica, Sans-serif; font-size: 14px;}
.leadfeaturearticle {width: 760px; float: left;}
.archivepagination {font-family: Arial, Helvetica, Sans-serif; font-size: 18px; font-weight: bold; margin:0 auto; width: 400px;}
.landerheader {font-family: Arial, Helvetica, Sans-serif; font-size: 18px; font-weight: bold; margin: 0 0 0 10px; clear: both; width:400px;}
.blogfeaturerightcol {width:160px; float: left; margin:0 0 0 10px; position:relative;}
.viewmorearchives {text-align:right; clear:both; font-family: "Trebuchet MS", Helvetica, Sans-serif; font-size: 14px; font-weight: bold; line-height: inherit;} 
.syndicationsubscribe {background-image: url('images/feedsubscribe.gif'); background-position: 120px 0px; background-repeat: no-repeat; height:40px; width: 140%; position: absolute; top: 230px; left:0px;}
.syndicationsubscribe a {font-family: "Trebuchet MS", Helvetica, Sans-serif; font-size: 26px; font-weight: bold; width: 100%; height: 100%;}
.blogarticleimagecontainer {margin: 10px 5px 5px 0px; width: 650px; height: 377px; position:relative;	background-position:bottom left; background-repeat: no-repeat; float: left;}
.blogarticleimagecontainer h1 {position: absolute; left: 0px; bottom: 0px; color: #76b900; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 26px; background-color:#000000; padding: 5px;}
.blogarticleleadnextprevlinks {color: #FFFFFF; float: left; width: 100px; margin: 150px 5px 5px 5px;}
.blogarticleleadauthormeta {color: #FFFFFF; float: left; width: 200px; margin: 10px 5px 5px 5px;}
.blogarticleleadauthormeta h3 {font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:22px; margin: 5px 0 5px 0;}
.blogarticleleadauthormeta p {font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-size:12px; margin: 5px 0 5px 0;}
.blogarticleleadauthormeta h4 {font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:18px; margin: 5px 0 5px 0;}
.blogarticleleadauthormeta ul {font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-size:16px; margin: 5px 0 5px 0; list-style-type: square;}
.blogleftcol p {margin: 30px 0 30px 0; line-height: 1.5; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.blogleftcol h1 {margin: 30px 0 30px 0; line-height: 1.5; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.blogleftcol h2 {margin: 30px 0 30px 0; line-height: 1.5; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.blogleftcol h3 {margin: 30px 0 30px 0; line-height: 1.5; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.blogleftcol h4 {margin: 30px 0 30px 0; line-height: 1.5; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.blogleftcol h5 {margin: 30px 0 30px 0; line-height: 1.5; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.blogleftcol h6 {margin: 30px 0 30px 0; line-height: 1.5; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
#articlemetainfo {margin: -15px 0 20px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/*.blogrightcol ul {list-style-type: none; margin: 10px 0 10px 0;}*/
#sidelist { margin: 10px 0 0 0; line-height: 1.5; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; float: right; width: 230px;}
#sidelist h3 {font-weight: bold;}
#sidelist h2 {font-weight: bold;}
#footersitemap {width: 960px; height: 270px; margin:0 auto; color: #ffffff; list-style-type: none;}
#footersitemap h3.footerheader {clear: both; width: 900px; padding: 20px 0 10px 0; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; border-bottom:#999999 dashed 1px;}
#footerlist {font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:14px}
#footerlist ul {width: 250px; height:100px;}
#footerlist ul li {width: 200px;}
ul#footerlist li {display: inline; float: left;}
.archivepageleadstory {color:#FFFFFF; padding: 10px 0 0 10px;}
.archivepageleadstory h1 {font-family: Arial, Helvetica, Sans-serif; font-size: 18px; font-weight: bold; line-height: inherit; margin-bottom: 30px;}
.archivepageleadstory p {font-family: Arial, Helvetica, Sans-serif; font-size: 14px; font-weight: bold; line-height: 1.2;}
#blogmetafooterinformation {width:960px; height:40px; margin:20px 0 0 0; margin: 0 auto; color:#FFFFFF;}
.archivenavigation {width: 660px; margin: 30px 0 10px 0; clear: both; line-height: 1.5; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
/*carousel config */
#carousel {width: 960px; height: 100px; position: absolute; bottom: 10px; clear: both;}
.jcarousel-container {width: 960px; height: 100px;}
/*end carousel config*/
/*end blog styles*/