/*
Theme Name: LGFK Responsive Theme
 URI: http://www.learninggamesforkids.com
Description: A responsive theme with an off canvas menu for mobile devices based on Twenty Ten.
Version: 201504
*/

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

/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color: #6699FF;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

a:link 		{ color: #FFFFFF; text-decoration: none; }
a:hover 	{ color: #FFFFFF; text-decoration: underline; }
a:active	{ color: #FFFFFF; text-decoration: none; }
a:visited	{ color: #FFFFFF; text-decoration: none; }

a.navlinks:link 	{ color: #F63800; font-size: 12px; text-decoration: none; }
a.navlinks:hover 	{ color: #6699FF; font-size: 12px; text-decoration: underline; }
a.navlinks:active	{ color: #FDA409; font-size: 12px; text-decoration: none; }
a.navlinks:visited	{ color: #F63800; font-size: 12px; text-decoration: none; }

a.gamelinks:link 	{ color: #F63800; font-size: 12px; font-weight: bold; text-decoration: underline; }
a.gamelinks:hover 	{ color: #6699FF; font-size: 12px; font-weight: bold; text-decoration: none; }
a.gamelinks:active	{ color: #FDA409; font-size: 12px; font-weight: bold; text-decoration: underline; }
a.gamelinks:visited	{ color: #F63800; font-size: 12px; font-weight: bold; text-decoration: underline; }

a.titlelinks:link 		{ color: #F63800; font-size: 16px; font-weight: bold; text-decoration: none; }
a.titlelinks:hover 		{ color: #6699FF; font-size: 16px; font-weight: bold; text-decoration: underline; }
a.titlelinks:active		{ color: #F63800; font-size: 16px; font-weight: bold; text-decoration: none; }
a.titlelinks:visited	{ color: #F63800; font-size: 16px; font-weight: bold; text-decoration: none; }

/*a:link		 { color: #FF0000; text-decoration: none; }
a:visited 	{ color: #FF0000; text-decoration: none; }
a:hover 	{ color: #6699FF; text-decoration: underline; }
a:active 	{ color: #6699FF; text-decoration: none; }*/

img {display:block; border:0;}

h1 { font-size: 18px; color: #000066; font-weight: bold; }
h2 { font-size: 13px; color: #FFFFFF; font-weight: bold; }


.Box_Title {
	font-family: Arial;
	font-weight: bold;
	color: #000066;
	font-size: 16px;
}

.Box_Title a { color: #000066; text-decoration: none; }


.Box_Title_Sub {
	font-family: Arial;
	color: #000066;
	font-size: 14px;
	font-weight: normal;
}
.Box_Title_Sub a {color:#F63800;font-weight:bold}

.Game_Title {
	font-family: Arial;
	font-weight: bold;
	color: #F63800;
	font-size: 12px;
}

.Title	{ color: #F63800; font-size: 16px; font-weight: bold; text-decoration: none; }

@media(max-width:1199px) { #header {margin-top:20px} }

.Header_txt b { font-size: 18px; color: #000066; font-weight: bold; }
.Header_txt { font-size: 13px; color: #FFFFFF; font-weight: bold; }
.Header_txt .sub { font-size: 10px; color: #FFFFFF; font-weight: bold; }


.Email_txt { font-size: 14px; color: #FFFFFF; }

.BodyHeader_txt { font-size: 16px; color: #012BA3; font-weight: bold; }
.Body_txt { font-size: 12px; color: #012BA3; }

.Header_Lft	{ color: #000066; font-size: 12px; font-weight: bold; }

.textwidget {clear:both;margin-top:20px;}

#copyright { text-align:center; color: #FFFFFF; font-size: 12px; }

.style4 {color: #FDA409; font-weight: bold; font-size: 12px;}
.style6 {font-size: 12px}
.style7 {color: #FF3002}
.style9 { font-weight: bold; font-size: 14px; color: #FFFFFF; }
.style14 {color: #FF0000; font-size: 18px; font-weight: bold;}
.style15 {font-size: 12px; color: #FF0000;}
.style16 {color: #3399FF}
.style17 {font-size: 14px}

.box {
color:#000099;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

.box a {
color: #FF3300;
text-decoration: none;
}
.box span {
margin:0;
padding:15px;
display:block;
}

#footer {clear:both;padding-top:15px}

/*--------------------------------\
| Begin Accordian Menu Styles |
\--------------------------------*/

.menu-live-left-nav-container, .menu-test-left-nav-container{
background: white;
border-bottom:1px solid #6699FF;
}

.menu-live-left-nav-container ul, .menu-test-left-nav-container ul{
margin:0;
padding:0;
}

.menu-live-left-nav-container ul li, .menu-test-left-nav-container ul li{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: #F63800;
background: white;
padding: 3px; /*header text is indented 10px*/
border-top: 1px solid #c17a02;
cursor: hand;
cursor: pointer;
list-style-type: none;
min-height: 45px;
width:100%;
display:block;
}
.menu-live-left-nav-container div, .menu-test-left-nav-container div{
float:left;
height:45px;
padding-left:40px;
vertical-align: middle;
}

.menu-live-left-nav-container div.subexpand, .menu-test-left-nav-container div.subexpand{
float:none;
height:20px;
height: auto;
padding-left:0;
vertical-align: middle;
display:block;
}

.openheader{ /*CSS class to apply to expandable header when it's expanded*/
}

.menu-live-left-nav-container ul li ul, .menu-test-left-nav-container ul li ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0 0 0 38px;
border:0;
}

.menu-live-left-nav-container ul li ul li, .menu-test-left-nav-container ul li ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
padding-right: 0px;
padding-left: 0px;
border:0;
clear:both;
min-height: 0;
}

.menu-live-left-nav-container ul li ul li a, .menu-test-left-nav-container ul li ul li a{
color: #F63800;
/*background: white url(/images/arrowbullet.png) no-repeat top left; custom bullet list image*/
background: white url(/images/arrow-submenu-right.gif) no-repeat top left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 20px; /*link text is indented 19px*/
text-decoration: none;
font-size: 12px;
}

.menu-live-left-nav-container ul li a, .menu-test-left-nav-container ul li a{
color: #F63800;
text-decoration: none;
font-size: 12px;
}

.menu-live-left-nav-container ul li a:visited, .menu-live-left-nav-container ul li ul li a:visited, .menu-test-left-nav-container ul li a:visited, .menu-test-left-nav-container ul li ul li a:visited{
color: #F63800;
}

.menu-live-left-nav-container ul li a:hover, .menu-live-left-nav-container ul li ul li a:hover, .menu-test-left-nav-container ul li a:hover, .menu-test-left-nav-container ul li ul li a:hover{ /*hover state CSS*/
color: #6699FF;
}

/* Sub Sub menu styles */
.menu-live-left-nav-container ul li ul li ul, .menu-test-left-nav-container ul li ul li ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0 0 0 20px;
border:0;
}

.menu-live-left-nav-container ul li ul li ul li a, .menu-test-left-nav-container ul li ul li ul li a{
color: #F63800;
background: white url(/images/arrow-subsubmenu-right.gif) no-repeat top left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
font-size: 12px;
}


.animal 	{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Animal-n-Nature.gif) no-repeat; padding-top:10px;}
.educate 	{width:100%;display:block;background: url(/images/cat_icons/CatIcon_EducationalVideos.gif) no-repeat; padding-top:2px; padding-bottom:7px;}
.health 	{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Health.gif) no-repeat; padding-top:10px;}
.art-music 	{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Art-n-Music.gif) no-repeat; padding-top:10px;}
.math 		{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Math.gif) no-repeat; padding-top:10px;}
.prek 		{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Preschool.gif) no-repeat; padding-top:10px;}
.word 		{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Word.gif) no-repeat; padding-top:10px;}
.words 		{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Words.gif) no-repeat; padding-top:10px;}
.spelling 	{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Spelling.gif) no-repeat; padding-top:10px;}
.typing 	{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Keyboarding.gif) no-repeat; padding-top:10px;}
.usa 		{width:100%;display:block;background: url(/images/cat_icons/CatIcon_State_All.gif) no-repeat; padding-top:10px;}
.geo 		{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Geography.gif) no-repeat; padding-top:10px;}
.social 	{width:100%;display:block;background: url(/images/cat_icons/CatIcon_SocialStudies.gif) no-repeat; padding-top:10px;}
.science 	{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Science.gif) no-repeat; padding-top:10px;}
.random 	{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Misc.gif) no-repeat; padding-top:10px;}

.graph-org  {width:100%;display:block;background: url(/images/cat_icons/CatIcon_GO.gif) no-repeat; padding-top:10px;}
.alphabet  	{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Alpha.gif) no-repeat; padding-top:10px;}
.literature {width:100%;display:block;background: url(/images/cat_icons/CatIcon_Literature.gif) no-repeat; padding-top:10px;}
.printable	{width:100%;display:block;background: url(/images/cat_icons/CatIcon_Printable.gif) no-repeat; padding-top:10px;}

/*--------------------------\
| End Accordian Menu Styles |
\--------------------------*/


/*----------------------\
| Footer Menu Styles |
\----------------------*/
.xoxo { list-style-type: none;margin:0;padding:0}
.menu-footer-menu-container {margin: 0 auto; }
.menu-footer-menu-container ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.menu-footer-menu-container li {display: inline; }
.menu-footer-menu-container ul li a {
	text-decoration:underline; font-size:12px; padding: 0 8px 0 4px; color: #FFFFFF; border-right:1px solid #ffffff;}
.menu-footer-menu-container ul li a:hover {color:#FC0;}
/*--------------------------\
| End Footer Menu Styles |
\--------------------------*/


/*---------------------------\
| Added Styles for Wordpress |
\---------------------------*/

#container {
  float: left;
  margin: 0;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.26);
}

#container-wide {
  float: left;
  margin: 0;
  text-align: center;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.26);
}

#sidebar-right {}

iframe {}

#column-left {
  width: 160px;
  float: left;
  margin-right: 30px;
}

#column-right {
  width: 160px;
  float: right;
  margin-left: 30px;
}

.post-container {
  width: 22.87%;
  float: left;
  padding: 5px;
}

.post-thumb,
.post-title {
  padding: 3px;
  text-align: center;
}

.post-thumb img {
  margin: 0 auto;
}

.post-title {
  height: 40px;
}

.post-title a {
  color: #F63800;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

.cat-link {
  width: 22.87%;
  float: left;
  padding: 5px;
  text-align: center;
}

.cat-link a {
  color: #F63800;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  vertical-align: text-top;
}
/* AddThis Styles */

#at4-share:before {
  content: "Share";
  display: block;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 14px;
  text-align: right;
  margin-right: 3px;
}

.at4-follow-container:before {
  content: "Follow";
  float: left;
  margin: 1px 10px 0 0;
  font-weight: bold;
  /* set styles to adjust the font color/size */

  line-height: 27px;
  color: #FFFFFF;
}
#NFOrig a {color: #F63800;}

.NF_wrapper {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000;
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 12px;
  margin: 0 auto 10px;
  padding: 10px;
  text-align: left;
  width: 100%;
}

.NF_img_wrapper {
  margin: 0 auto;
  width: 425px;
}

.NF_img_left {
  float: left;
  padding: 0 5px 10px 5px;
  text-align: center;
  color: #000;
  font-size: 14px;
}

.NF_img_right {
  float: right;
  padding: 0 5px 10px 5px;
  text-align: center;
  color: #000;
  font-size: 14px;
}

.NF_VSC {
  background: none repeat scroll 0 0 #6699FF;
  font-size: 14px;
  font-weight: bold;
  margin: 10px;
  padding: 1px;
  text-align: center;
  font-family: "Arial", Helvetica, sans-serif;
}

.NF_wrapper h2 {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

/*---------------------------\
| Added Styles for Bootstrap |
\---------------------------*/
.sidebar-left {background:#ffffff;border-radius:10px;box-shadow: 0 2px 5px rgba(0,0,0,0.26)}
.btn-menu {background:#e8e8e8;font-weight:bold;color:#000000;border-color:#cccccc}

.home-featured-section {border-bottom:1px solid #6699FF;margin:10px 0}
@media screen and (max-width: 767px) {
  #container,#container-wide,.sidebar-left {
    border-radius: 0;
  }
}

/* Padding and Spacing */
.clear {clear:both}

.nopadding {padding:0 !important}
.base-padding {padding:15px}
.half-base-padding {padding:7px}

.base-push {width:100%;height:15px}

/* Off Canvas */
@media (max-width:1199px) {.row-offcanvas {margin-top: 50px;}}
.navbar {box-shadow: 0 2px 5px rgba(0,0,0,0.26);}
.navbar-collapse {
	max-height: none;
	height: 100% !important;
	z-index: 1000;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 70%;
	max-width: 400px;
	padding-top: @grid-padding*2;
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	.transition;
	overflow: scroll;
}
.navbar-collapse.in {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}


@media only screen and (max-width : 319px) {
  .sidebar-offcanvas {display:none}
}
@media only screen and (min-width : 320px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .row-offcanvas-right {right: 0;}
  .row-offcanvas-left {left: 0;  }
  .row-offcanvas-right
  .sidebar-offcanvas {right: -75%; /* 6 columns */}
  .row-offcanvas-left
  .sidebar-offcanvas {left: -75%; /* 6 columns */}
  .row-offcanvas-right.active {right: 75%; /* 6 columns */}
  .row-offcanvas-left.active {left: 75%; /* 6 columns */}
  .sidebar-offcanvas {position: absolute;top: 0;width: 75%; /* 6 columns */}
}
@media only screen and (min-width : 480px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .row-offcanvas-right {right: 0;}
  .row-offcanvas-left {left: 0;  }
  .row-offcanvas-right
  .sidebar-offcanvas {right: -55%; /* 6 columns */}
  .row-offcanvas-left
  .sidebar-offcanvas {left: -55%; /* 6 columns */}
  .row-offcanvas-right.active {right: 55%; /* 6 columns */}
  .row-offcanvas-left.active {left: 55%; /* 6 columns */}
  .sidebar-offcanvas {position: absolute;top: 0;width: 40%; /* 6 columns */}
}
@media screen and (min-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .row-offcanvas-right {right: 0;}
  .row-offcanvas-left {left: 0;  }
  .row-offcanvas-right
  .sidebar-offcanvas {right: -58%; /* 6 columns */}
  .row-offcanvas-left
  .sidebar-offcanvas {left: -58%; /* 6 columns */}
  .row-offcanvas-right.active {right: 58%; /* 6 columns */}
  .row-offcanvas-left.active {left: 58%; /* 6 columns */}
  .sidebar-offcanvas {position: absolute;top: 0;width: 45%; /* 6 columns */}
}
@media only screen and (min-width : 992px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .row-offcanvas-right {right: 0;}
  .row-offcanvas-left {left: 0;  }
  .row-offcanvas-right
  .sidebar-offcanvas {right: -40%; /* 6 columns */}
  .row-offcanvas-left
  .sidebar-offcanvas {left: -40%; /* 6 columns */}
  .row-offcanvas-right.active {right: 40%; /* 6 columns */}
  .row-offcanvas-left.active {left: 40%; /* 6 columns */}
  .sidebar-offcanvas {position: absolute;top: 0;width: 30%; /* 6 columns */}
}
@media only screen and (min-width : 1200px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .row-offcanvas-right {right: 0;}
  .row-offcanvas-left {left: 0;  }
  .row-offcanvas-right
  .sidebar-offcanvas {right:0}
  .row-offcanvas-left
  .sidebar-offcanvas {left: 0; }
  .row-offcanvas-right.active {right:0; }
  .row-offcanvas-left.active {left:0; }
  .sidebar-offcanvas {position: relative; width: 16.66666667% !important /* 1 columns */}
}

/*---------------------------\
| Added Styles for WordPress |
\---------------------------*/
img.alignleft {float:left;display:inline-block;margin-right:10px}

/*
 * Utility Classes
*/
.no-padding {
  padding: 0;
}

.base-padding {
  padding: 15px;
}

.no-margin {
  margin: 0;
}