/*
 Theme Name:   Games2Teach (2012 - Child)
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Twelve Child Theme
 Author:       Jac Thomas
 Author URI:   http://example.com
 Template:     twentytwelve
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-twelve-child
*/

@import url("/-/games2teach/wp-content/themes/twentytwelve/style.css");

/* =Theme customization starts here
 * 
-------------------------------------------------------------- */
* {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#sponsorsSection{
	background-image:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/sponsorsBg.png");
	border-radius:8px;
	width:285px;
	height:296px;
}
/* #sponsorsbg{
	background-image:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/sponsorsBg.png");
    content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/sponsorsBg.png");
    display:inline-block;
    width:285px;
    border-radius:8px;
	margin-bottom: -225px;
} */
#casls_logo{
    /* background-image:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/casls_logo.png"); */
    /* content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/casls_logo.png"); */
    /* display:inline-block; */
    max-width: 100%;
    height: 91px;
    width: 120px;
    margin: 90px 70px 0px 70px;
}
#CERCLL_logo{
	/* background-image:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/CERCLL_logo.png"); */
    /* content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/CERCLL_logo.png"); */
    /* display:inline-block; */
    width: 140px;
    max-width: 100%;
    height:auto;
    padding-left: 10px;
}
#LRC_button{
	/* background-image:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/LRC_button.png"); */
    /* content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/LRC_button.png"); */
    /* display:inline-block; */
    max-width: 100%;
    height:auto;
    width: 100px;
}
#facebookImg{
	background-image:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/facebook-blue.png");
	content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/facebook-blue.png");
	display:inline-block;
	margin-left:0px;
    width:24px;
    height:25px;   
}
#twitterImg{
    background-image:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/twitter-blue.png");
    content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/twitter-blue.png");
    display:inline-block;
    border:0px;
    margin: 0 25px;
    width:24px;
    height:25px;  
}
#rssImg{
    background-image:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/rss-blue.png");
    content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/rss-blue.png");
    display:inline-block;
    border:0px;
    width:24px;
    height:25px;  
}
.widget img{
    border:none;
    box-shadow:none;
}
#games2teachLogo {
	max-width: 960px;
	margin: 0px auto;
}
#games2teachLogo h2 {
	font-family: 'Abel', sans-serif;
	color: #FFFFFF;
	margin-top: 10px;
	font-size: 18px;
}
#post_date_div {
	font-family: 'Abel', sans-serif;
	font-size: 16px;
}
#post_footer_div {
	font-family: 'Abel', sans-serif;
	font-size: 14px;
	font-weight: 900;
}
#post_footer_div a {
	color: #0baee6;
	text-decoration:none;
}
body {
	background-image: url("/-/games2teach/wp-content/themes/twentytwelve-child/images/BackgroundTile.png");
}
.site{
	background:none;
	box-shadow: none;
	font-family: 'Open Sans', sans-serif; 
}
body .site{
	padding:0px;
	margin-top:0px;
}
.site-content{
	background-color:#fff;
	margin-top:0px;
	padding: 0 40px;
	padding: 0 2.857142857rem;
}
.site-content article {
	margin-bottom: 15px;
	border:none;
}
.commentButton{
    background-color:#ECECEC;
    padding:5px 30px 5px 8px;
    border:1px solid #D4D4D4;
    margin-left:10px;
    font-size:14px;
    background-image:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/commentIcon.png");
    background-repeat:no-repeat;
    background-position:125px,7px;
    vertical-align:middle;
}
.commentButton:hover{
    background-color:#D4D4D4;
}
.search-submit{
    padding-right:20px !important;
    border:none !important;
    background: none !important;
    background-image:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/search_icon.png") !important;
    background-repeat:no-repeat !important;
    background-position-x:14px;
    background-position-y:3px; 
    position:relative;
    top:5px;
}
#content{
	margin-top: 5px;
}
#content h2{
	font-size: 2em;
	margin: 10px 0px;
}
#content h4{
	font-size: 1.25em;
	margin: 10px 0px;
}
#content p {
	margin: 10px 0px;
}
.content-sidebar{
	background-color: none;
}
.widget-area {
	margin: auto;
	font-family: 'Share Tech Mono', sans-serif;
}
.widget-area .widget a {
	color: #0baee6;
	text-decoration:none;
	font-size: 15px;
}
.widget_search label {
	display:inline-block;
}
a {
	color: #0baee6;
	cursor:pointer;
}
.entry-title a {
	color:#000000;
	font-weight: bold;
}
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 16px !important;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
}
.menu-revised-menu-container{
    overflow:visible !important;
}
.main-navigation li a,
.main-navigation li ul li a {
    min-width:99.8px;
    text-align:center;
    max-height:40px;
    line-height:3;
}
.main-navigation li {
    line-height:3;
}

.main-navigation li:first-child{
    border-left:1px solid gray;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
    /*padding:0px 5px;*/}
    
.menu-menu-bar-container,
.menu-revised-menu-container {
    margin: 0 auto 25px auto;
    width: 645px;
    /*overflow: hidden;*/
    padding-right:0px;
    text-align: justify;
    }
#requestPublicationForm{
	line-height:1.5em;
	color:#333333;
}
#requestPublicationForm h4{
	color:#333333;
}
#requestPublicatioForm h3{
	display:inline;	
}
#requestPublicationForm #name,
#requestPublicationForm #email{
	width:300px;
	margin-bottom:20px;
}
.pubCheckbox{
	line-height:1.8em;
	margin-left:25px;
	font-weight:700;
}
.pubCheckbox:hover{
	cursor:pointer;
}
.pubCheckbox{
	display: block;
	margin-left:40px;
}
.pubCheckbox input{
	float:left;
	position:relative;
	top:5px;
	margin-left:-20px;
	margin-right:5px;
}
#submitRequestButton{
	background-image:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/submit-button-dark.png");
	width:200px;
	height:100px;
	border-radius:8px;
	display:block;
	margin:10px auto;
}
#submitRequestButton:hover,
#submitRequestButton:active{
	background-image:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/submit-button.png");
	box-shadow:none;
}
.site-info a {
	color: #FFFFFF !important;
}
.pubDescription p{
	border:1px solid black;
	padding:10px;
	margin:10px 20px!important;
	display:none;
}
.pubDescription a{
	cursor:pointer;
	margin-left:40px;
}

#requestSubmitted ul{
	list-style-type:disc !important;
	list-style-position: inside;
}
#requestSubmitted li{
	display:list-item;
	line-height:1.4em;
}
#requestPublicationForm ul{
    list-style: disc outside;
}
#requestPublicationForm ul li{
    margin: 0 0 0 36px;
}
.info_paragraph{
    margin-top:0px !important;
    margin-left:50px !important;
}
@media screen and (max-width: 600px) {
	#post_date_div {
		padding-top:10px;
	}
	.content-sidebar {
		margin-top: 40px;
		margin-left: 20px;
	}
	#content {
		padding-bottom: 20px;
	}
	#games2teachLogo img {
	max-width: 300px;
	}
	#topRightCorner img {
		width: 50%;
		float: right;
	}
	#bottomLeftCorner img {
		width: 50%;
		position:fixed;
		bottom:0px;
	}
}


@media screen and (min-width: 600px) {
/* Navigation Menu */
	.main-navigation li {
		margin: 0px auto 0px auto;
	}
	.main-navigation li a,
	.main-navigation li ul li a {
    	font-family: 'Share Tech Mono', sans-serif;
    	font-size: 14px;
    	height:50px;
    	text-transform: none;
	}
	.main-navigation li ul li a{
	    text-align:left;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul,
	.main-navigation div.nav-menu > ul li ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: center;
        background-color:#ffffff;
	}
	.menu-menu-bar-container ul li,
	.menu-revised-menu-container ul li {
		background-color: white;
		border-right: 1px solid gray;
		/*padding: 10px 0px;*/
		padding:0px 10px;
	}
	.menu-revised-menu-container ul li ul li{
	    padding:0px;
	}
	.menu-revised-menu-container ul li ul li a{
	    border-top: 1px solid gray;
	    border-right:1px solid gray;
	    border-left:1px solid gray;
	    min-width:100%;
	}
	.main-navigation ul li ul li:last-child a{
	    border-bottom:1px solid gray;
	}
	
	    .menu-menu-bar-container ul ul,
    .menu-revised-menu-container ul ul { /* this targets all sub menus */
        display: none; /* hide all sub menus from view */
        position: absolute;
        top: 40px; /* this should be the same height as the top level menu -- height + padding + borders */
        left:-15px;
    }
    .menu-menu-bar-container ul ul li,
    .menu-revised-menu-container ul ul li{ /* this targets all submenu items */
        float: none; /* overwriting our float up above */
        width:90%; /* set to the width you want your sub menus to be. This needs to match the value we set below */
    }
    .menu-menu-bar-container ul ul li a,
    .menu-revised-menu-container ul ul li a { /* target all sub menu item links */
       padding: 5px 10px; /* give our sub menu links a nice button feel */
       background-color:#ffffff;
    }
    
    .menu-menu-bar-container ul li:hover > ul,
    .menu-revised-menu-container ul li:hover > ul {
        display: block !important; /* show sub menus when hovering over a parent */
       z-index: 1000;
    }
	.site-content {
		width: 60%;
		padding: 15px 10px 20px 10px;
		margin: 0px auto 0px 2;
	}
	.widget-area{
		width: 35%;
	}
	#searchform input {
		width: 200px;
	}
}
@media screen and (min-width: 600px) and (max-width: 680px) {
	#casls_logo{
	    content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/casls_logo.png");
	    max-width: 100%;
	    height:auto;
	    width: 80px;
	    margin: 60px 70px 0px;
	}
	#CERCLL_logo{
	    content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/CERCLL_logo.png");
	    width: 90px;
	    max-width: 100%;
	    height:auto;
	    padding-left: 20px;
	}
	#LRC_button{
	    content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/LRC_button.png");
	    max-width: 100%;
	    height:auto;
	    width: 70px;
	    padding-left: 20px;
	}
}
@media screen and (min-width: 680px) and (max-width: 740px) {
	#casls_logo{
	    content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/casls_logo.png");
	    max-width: 100%;
	    height:auto;
	    width: 80px;
	    margin: 40px 70px 10px;
	}
	#CERCLL_logo{
	    content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/CERCLL_logo.png");
	    width: 90px;
	    max-width: 100%;
	    height:auto;
	    padding-left: 20px;
	}
	#LRC_button{
	    content:url("/-/games2teach/wp-content/themes/twentytwelve-child/images/LRC_button.png");
	    max-width: 100%;
	    height:auto;
	    width: 70px;
	    padding-left: 20px;
	}
}
@media screen and (min-width: 600px) and (max-width: 630px) {
	.menu-menu-bar-container ul li,
	.menu-revised-menu-container ul li {
		padding: 0px 0px;
	}
}

@media screen and (min-width: 925px) {
	#main {
		min-width: 925px;
		margin: 0px auto;
	}
	.site-content {
		padding: 15px 10px 20px 10px;
		margin: 0px auto;
		width: 65%;
	}
	.widget-area{
		width: 30%;
	}
	.menu-menu-bar-container,
	.menu-revised-menu-container {
		max-width: 645px;
		padding-right:320px;
	}
}

@media screen and (max-width:924px){
   .menu-menu-bar-container,
    .menu-revised-menu-container {
        margin: 0 0 25px 0;
        width:100%;
    }
}

@media screen and (min-width: 925px) and (max-width: 950px) {
	.menu-menu-bar-container ul li,
	.menu-revised-menu-container ul li {
		padding: 0px 0px;
	}
}

@media screen and (min-width: 960px) {
	body .site {
		box-shadow: none;
	}
}

@media screen and (min-width: 1200px) {
	#main {
		margin: 0px auto;
	}
	.site-content {
		padding: 15px 10px 20px 10px;
		margin: 0px auto;
		width: 62.5%;
	}
	.widget-area{
		width: 33%;
	}
	.menu-menu-bar-container,
	.menu-revised-menu-container {
		max-width: 625px;
		padding-right:340px;
	}
	.main-navigation li a {
		min-width: 100px;
	}
}

.gameTile{
	border:1px solid black;
	padding:5px;
}