@charset "UTF-8";
/* CSS Document */

@font-face {  
  font-family: JustADream;  
  src: url( /fonts/JustADream.ttf ) format("truetype");  
} 

@font-face {  
  font-family: MyriadWeb;  
  src: url( /fonts/Myriad_Web_Pro.ttf ) format("truetype");  
} 

html, body, p { margin:0; padding:0; border: none; text-align: left; border: none; font-family: Myriad Pro, Myriad, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; }
body{ margin:0; padding:0; background:#e3f1f7 url(/images/jpg/background/blue-bg.jpg) top center repeat; }

img { border:none; }

.clearboth { clear: both; height: 1%; }

img{
max-width:100%;
height:auto;

}

embed, object, video {
max-width:100%;

}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
padding: 0 0; 

}

.video-slider {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}

.video-slider iframe,  
.video-slider object,  
.video-slider embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
padding: 0; 

}


a:link { color:#10aff8; text-decoration: none; font-weight:bold; }
a:visited { color:#10aff8; text-decoration: none;  font-weight:bold; }
a:active { color:#10aff8; text-decoration: none;  font-weight:bold; }
a:hover { color:#a70000; text-decoration: underline;  font-weight:bold; }

.left{ text-align:left; }
.right{ text-align:right; }
.center{ text-align:center; }

#body-green{ width:100%; background:#d1e7bc url(/images/jpg/background/green-bg.jpg) top center repeat; }
#body-orange{ width:100%; background:#fcedd2 url(/images/jpg/background/orange-bg.jpg) top center repeat; }


#header-top{ width:100%; min-height: 40px; background:#71c9f1; margin-top:0px; margin-bottom:10px; box-shadow: 1px 1px 7px #666666; -moz-box-shadow: 1px 1px 7px #666666; -webkit-box-shadow: 1px 1px 7px #666666;}
#header-top-green{ width:100%; min-height: 40px; background:#aed873; margin-top:0px; margin-bottom:10px; box-shadow: 1px 1px 7px #666666; -moz-box-shadow: 1px 1px 7px #666666; -webkit-box-shadow: 1px 1px 7px #666666;}
#header-top-orange{ width:100%; min-height: 40px; background:#f69a15; margin-top:0px; margin-bottom:10px; box-shadow: 1px 1px 7px #666666; -moz-box-shadow: 1px 1px 7px #666666; -webkit-box-shadow: 1px 1px 7px #666666;}
#header-top-in{ text-align:right; padding:10px; font-size:18px; font-weight:bold; letter-spacing:1px; }
.top-header-links{ color:#e5f1d4; font-weight:normal; }
a.top-header-links:link {  color:#e5f1d4; text-decoration: none; font-weight:normal; }
a.top-header-links:visited {  color:#e5f1d4; text-decoration: none; font-weight:normal; }
a.top-header-links:active {  color:#e5f1d4; text-decoration: none; font-weight:normal; }
a.top-header-links:hover { color:#008b00; text-decoration: none; font-weight:normal; }

.social-logo img{ height:26px; }

.social-logo{ height:26px; padding:0px 10px 0px 0px; }

.even{ padding:2%; background: url(/images/jpg/background/) repeat; margin-right:1%; }
.odd{ padding:2%; background: #eee; margin-right:1%; 
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid #ddd;
}

#post-break{ height:30px; }

.kevin-head-text{ }
a.kevin-head-text:link {  color:#FFFFFF; text-decoration: none; font-weight:normal; }
a.kevin-head-text:visited {  color:#FFFFFF; text-decoration: none; font-weight:normal; }
a.kevin-head-text:active {  color:#FFFFFF; text-decoration: none; font-weight:normal; }
a.kevin-head-text:hover { color:#008b00; text-decoration: none; font-weight:normal; }


.head-links{ font-weight:normal; margin-left:10px;  }
a.head-links:link {  color:#999999; text-decoration: none; font-weight:normal; }
a.head-links:visited {  color:#999999; text-decoration: none; font-weight:normal; }
a.head-links:active {  color:#999999; text-decoration: none; font-weight:normal; }
a.head-links:hover { color:#008b00; text-decoration: underline; font-weight:normal; }

#home-margins{ padding:2%; text-align:center; }
#home-text-large{ color:#333333; font-size: 42px; text-shadow: #999999 1px 1px 5px; font-style:italic; font-weight:bold; }
#home-text-small{ color:#666666; font-size: 18px; margin-left:5px; margin-top:10px; }



#split-third{ float:left; width: 296px; margin-top:40px; }
#split-margin{ float:left; min-height:400px; width:10px; }
#step-title-wrap{ width: 296px; background:#FFFFFF top center no-repeat; border: 3px solid #000000; box-shadow: 1px 1px 7px #666666; -moz-box-shadow: 1px 1px 7px #666666; -webkit-box-shadow: 1px 1px 7px #666666; text-align:left; 
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;}


#step-title { text-align:center; width:190px; color:#333333; font-style:italic; font-size:32px; text-shadow: #CCCCCC 1px 1px 5px;}
#step-desctiption{ text-align:left; padding: 20px; }

#twitter-top{padding:20px 10px 10px 10px; font-size: 40px; font-family:'JustADream', Arial Black, Arial, sanserif; color:#71c9f1; text-shadow: #666666 0px 1px 2px;}
.twitter-top{  color:#71c9f1; }
a.twitter-top:link {  color:#71c9f1; text-decoration: none; font-weight:normal; }
a.twitter-top:visited {  color:#71c9f1; text-decoration: none; font-weight:normal; }
a.htwitter-top:active {  color:#71c9f1; text-decoration: none; font-weight:normal; }
a.twitter-top:hover { color:#a70000; text-decoration: none; font-weight:normal; }

#tweet{ padding:10px; }
.twitter-icon{ float: left; width: 68px; height: 68px; margin: 0px 10px 0px 0px; border: 2px solid #FFFFFF; overflow: hidden; padding: 0px; align: middle;
box-shadow: 1px 1px 7px #666666; -moz-box-shadow: 1px 1px 7px #666666; -webkit-box-shadow: 1px 1px 7px #666666; -moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;}

.twitter-status{ color:#999999; font-size: 18px; line-height:22px; font-style:italic; }
.twitter-date{ color:#71c9f1; margin-left:10px; font-style:italic; }


.stories-icon{ float: left; width: 122px; height: 122px; margin: 0px 10px 0px 0px; border: 2px solid #FFFFFF; overflow: hidden; padding: 0px; align: middle;
box-shadow: 1px 1px 7px #666666; -moz-box-shadow: 1px 1px 7px #666666; -webkit-box-shadow: 1px 1px 7px #666666; -moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;}

#right-title-margin{padding:0px 10px 0px 10px;}

#right-main-title{padding:20px 0px 10px 0px; font-size: 34px; font-family:'JustADream', Arial Black, Arial, sanserif; color:#71c9f1; text-shadow: #666666 0px 1px 2px;}

#left-main-title{padding:0px 0px 10px 0px; font-size: 34px; font-family:'JustADream', Arial Black, Arial, sanserif; color:#71c9f1; text-shadow: #666666 0px 1px 2px;}

#book-title{padding:1% 0; font-size: 28px; font-family:'JustADream', Arial Black, Arial, sanserif; color:#71c9f1; text-shadow: #666666 0px 1px 2px;}

.right-title{ color:#999999; font-size:18px; font-style:italic; }
a.right-title:link {  color:#999999; text-decoration: none; font-weight:normal; }
a.right-title:visited {  color:#999999; text-decoration: none; font-weight:normal; }
a.right-title:active {  color:#999999; text-decoration: none; font-weight:normal; }
a.right-title:hover { color:#a70000; text-decoration: none; font-weight:normal; }

.book-title{ color:#999999; font-size:18px; font-style:italic; }
a.book-title:link {  color:#999999; text-decoration: none; font-weight:normal; }
a.book-title:visited {  color:#999999; text-decoration: none; font-weight:normal; }
a.book-title:active {  color:#999999; text-decoration: none; font-weight:normal; }
a.book-title:hover { color:#a70000; text-decoration: none; font-weight:normal; }

#home-post-title{ text-shadow: #CCCCCC 0px 1px 3px; }
#post-title{ font-size: 32px; text-shadow: #CCCCCC 0px 1px 3px; }
.post-title{ color:#333333; font-style:italic; }
a.post-title:link {  color:#333333; text-decoration: none; font-weight:normal; }
a.post-title:visited {  color:#333333; text-decoration: none; font-weight:normal; }
a.post-title:active {  color:#333333; text-decoration: none; font-weight:normal; }
a.post-title:hover { color:#a70000; text-decoration: none; font-weight:normal; }

#main-text{ font-size:16px; line-height:22px; color:#666666; padding:10px; }


.home-right-link{ float: left; width: 260px; margin: 10px 0 0 0; border: 2px solid #FFFFFF; overflow: hidden; padding: 0px; align: middle;
box-shadow: 1px 1px 7px #999999; -moz-box-shadow: 1px 1px 7px #999999; -webkit-box-shadow: 1px 1px 7px #999999; line-height:10px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;}


#photo-caption{ padding:5px; color:#999999; font-style:italic; line-heihgt: 12px; }

.video-box{  margin: 1% 0;line-height:10px; border: 6px solid #FFFFFF; overflow: hidden; padding: 0px; align: middle;
box-shadow: 1px 1px 7px #999999; -moz-box-shadow: 1px 1px 7px #999999; -webkit-box-shadow: 1px 1px 7px #999999; line-height:10px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;}



/* main navagation */

#main-button{ float:left; background:#71c9f1 top center no-repeat; border: 2px solid #FFFFFF; box-shadow: 1px 1px 7px #666666; -moz-box-shadow: 1px 1px 7px #666666; -webkit-box-shadow: 1px 1px 7px #666666; text-align:center; 
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;}
.main-button{ font-weight:bold; color:#FFFFFF; text-shadow: #666666 1px 1px 2px;}
a.main-button:link {  color:#FFFFFF; text-decoration: none; }
a.main-button:visited {  color:#FFFFFF; text-decoration: none; }
a.main-button:active {  color:#FFFFFF; text-decoration: none; }
a.main-button:hover { color:#a70000; text-decoration: none; }

#sub-button{ float:left; font-size: 16px; letter-spacing:1px; padding:3px 20px; margin:10px 0px 0px 10px; background:#FFFFFF top center no-repeat; border: 1px solid #cbe3a9; box-shadow: 1px 1px 5px #666666; -moz-box-shadow: 1px 1px 5px #666666; -webkit-box-shadow: 1px 1px 5px #666666; text-align:center; 
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;}
.sub-button{ font-weight:bold; color:#FFFFFF; text-shadow: #666666 1px 1px 2px;}
a.sub-button:link {  color:#FFFFFF; text-decoration: none; }
a.sub-button:visited {  color:#FFFFFF; text-decoration: none; }
a.sub-button:active {  color:#FFFFFF; text-decoration: none; }
a.sub-button:hover { color:#008b00; text-decoration: underline; }

#main-nav { margin-left:0px; font-family: Myriad Pro, Myriad, sans-serif; text-align:left; font-weight:bold; }

#main-nav ul { list-style-type:none; margin:0; padding:0; }

#main-nav ul li { display:block; float:left; }

#main-nav ul li a { font-size:18px; letter-spacing:1px; color:#000000; margin:30px 0 0 0; padding:5px 20px 5px 20px; display:block; line-height:28px; text-align:left;  text-shadow: #FFFFFF 1px 1px 2px;}              

#main-nav ul li a:hover{ color:#008b00; text-decoration: none; text-shadow: #FFFFFF 1px 1px 2px; background:url(../Images/png/backgrounds/white-60.png) top center repeat; }

#footer{ min-height:100px; }

#footer-cred{ text-align:left; padding:10px; font-family:'JustADream', Arial Black, Arial, sanserif; font-size:20px; color:#FFFFFF; text-shadow: #333333 0px 1px 3px;}
.footer-cred{ color:#FFFFFF; }
a.footer-cred:link {  color:#FFFFFF; text-decoration: none; font-weight:normal; }
a.footer-cred:visited {  color:#FFFFFF; text-decoration: none; font-weight:normal; }
a.footer-cred:active {  color:#FFFFFF; text-decoration: none; font-weight:normal; }
a.footer-cred:hover { color:#008b00; text-decoration: underline; font-weight:normal; }

#footer-top-over{ line-height:20px; margin:10px 0; text-align:left; font-style:italic; color:#176533; font-size:12px; }

#footer-top-wrapper-full{ margin-top:10px; width:100%; height:75px; background:url(../Images/png/backgrounds/bottom-nav-bar-bg-75-002.png) top center repeat-x; }
#footer-top-wrapper-in{ width:1000px; height:75px; text-align:right; }

#bottom-bar-left{ width: 750px; text-align:center; }
.bottom-bar-links{ font-weight:bold; text-shadow: #FFFFFF 1px 1px 2px;}
a.bottom-bar-links:link {  color:#333333; text-decoration: none; }
a.bottom-bar-links:visited {  color:#333333; text-decoration: none; }
a.bottom-bar-links:active {  color:#333333; text-decoration: none; }
a.bottom-bar-links:hover { color:#008b00; text-decoration: underline; }


#footer-bottom-links-wrapper{ width:100%; min-height: 400px; background:url(../Images/png/backgrounds/bottom-main-00.png) top center repeat; }



/* -------------------------------------------------------------------------------- */

@media screen and (max-width:18020px) {

#main-wrapper{ width:1000px; }
#main-wrapper-page{ margin-top:10px; width:990px; min-height:550px; background:#FFFFFF url(/images/jpg/background/home-bg-002.jpg) top center no-repeat; border: 2px solid #FFFFFF; box-shadow: 1px 1px 7px #666666; -moz-box-shadow: 1px 1px 7px #666666; -webkit-box-shadow: 1px 1px 7px #666666; text-align:left; 
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;
}

#main-page-margins{ padding:40px; text-align:left; }

#main-left{ float:left; width:700px; min-height:550px; }
#main-right{ float:left; width:290px; min-height:550px; }

#home-post-title{ font-size: 24px; }
#post-title{ font-size: 32px; }

.main-blog-photo{ width:320px; margin: 10px 15px 10px 0px; border: 6px solid #FFFFFF; padding: 0px; align: middle;
box-shadow: 1px 1px 7px #999999; -moz-box-shadow: 1px 1px 7px #999999; -webkit-box-shadow: 1px 1px 7px #999999; line-height:10px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;}

.main-blog-photo-wrapper{ float: left; width: 347px; }

#half{ float:left; width:50%; }

.main-book-photo{  border: 6px solid #FFFFFF; padding: 0px; align: middle;
box-shadow: 1px 1px 7px #999999; -moz-box-shadow: 1px 1px 7px #999999; -webkit-box-shadow: 1px 1px 7px #999999; line-height:10px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;}

#kevin-head-text{ float:left; font-size:62px; font-family:'JustADream', Arial Black, Arial, sanserif; text-align: left; padding: 0px 10px; color:#FFFFFF; text-shadow: #666666 1px 1px 5px;}

#main-button{ font-size: 20px; letter-spacing:1px; padding:5px 10px; margin:15px 0px 0px 10px; }

}




/* -------------------------------------------------------------------------------- */

@media screen and (max-width:1000px) {

#main-wrapper{ width:100%; }
#main-wrapper-page{ margin-top:10px; width:96%; padding:1%; min-height:550px; }

#main-page-margins{ padding:2%; text-align:left; }

#main-left{ float:left; width:70%; }
#main-right{ float:left; width:30%; }

#home-post-title{ font-size: 24px; }
#post-title{ font-size: 32px; }

.main-blog-photo{ width:320px; margin: 10px 15px 10px 0px; border: 6px solid #FFFFFF; }
.main-blog-photo-wrapper{ float: left; width: 347px; }

#half{ float:left; width:50%; }

#kevin-head-text{ float:left; font-size:62px; }

#main-button{ font-size: 20px; letter-spacing:1px; padding:5px 10px; margin:15px 0px 0px 10px; }

}




/* -------------------------------------------------------------------------------- */

@media screen and (max-width:800px) {

#main-left{ float:none; width:100%; }
#main-right{ float:none; width:100%; }

.main-blog-photo{ width:94%; margin: 2%; border: 1% solid #FFFFFF; }
.main-blog-photo-wrapper{ float: left; width: 100%; }

#home-post-title{ font-size: 22px; }
#post-title{ font-size: 30px; }

#half{ float:left; width:50%; }

#kevin-head-text{ float:none; font-size:54px; }

#main-button{ font-size: 18px; letter-spacing:1px; padding:5px 10px; margin:15px 0px 0px 10px; }

}


@media screen and (max-width:640px) {

#home-post-title{ font-size: 18px; }
#post-title{ font-size: 26px; }

#half{ float:none; width:100%; }

#kevin-head-text{ font-size:46px; }

#main-button{ font-size: 14px; letter-spacing:0px; padding:5px 5px; margin:10px 0px 0px 5px; }

}