/*
Theme Name: Might and Delight Theme
Theme URI: http://mightanddelight.com
Author: Might and Delight
Description: Custom theme for game studio Might and Delight
Version: 1
*/



/* ------------------------------------------------ */
/* :) 												*/
/* ------------------------------------------------ */
html
{
	overflow-y: scroll;
}

img.fade{

}
img.fade:hover{opacity:0}​

html, body
{	
	
	background-color: #e8ece5;
	background-image: url('img/main/backgroundMain2.png');
	background-repeat: repeat-x;
	background-attachment:scroll;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #676767;
	min-width: 1200px;
	-webkit-transition: all 6s linear;
}

a
{
	color: #ea5b5b;
}
a:hover
{
	color: #ffffff;
}

a.bottomLink
{
	color: #c0a29e;
}
a.bottomLink:hover
{
	color: #ffffff;
}

img
{
	border-style: none;
}

article
{
height: 100%;
}

/* ------------------------------------------------ */
/* container, top, content, footer					*/
/* ------------------------------------------------ */

#site-title
{
position: absolute;
top: 38%;
left: 315px;
height:100px;
}

#menu
{
position: absolute;
top: 50%;
left: 6%;
right: auto;
height:30px;
}

#menu ul 
{
margin: 4px;
margin-top: 14px;
padding: 0; 
list-style-type: none;
list-style-image: none;
}

#menu li {display: inline; }

#menu ul li a 
{
	text-decoration:none;
}

#container
{
	width: 1047px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	left: 0;
	top: 0;
}

#top
{
	padding-top: 20px;
}

/* The div containing all content except backgrounds and text in black area at the bottom of the page */
#MADmain
{
	font-family: Arial,"Times New Roman", Times, serif;
	font-size: 12px; /*12px;*/
	letter-spacing: 0px;
	width: 1047px;
	background-color: #dbd5d0;
	background-image: url('img/background.png');
	background-repeat:no-repeat;
	background-position:top;
	text-align:left
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	
	display: inline-block;
	zoom:1;
	*display:inline;
}

#content
{
height: 100%;
}

#footer
{
	width: 100%;
	height: 120%;
	position: relative; /*fixed;*/
	bottom: 0px;
	background-color: #dbd5d0;
}

/* ------------------------------------------------ */
/* pages										*/
/* ------------------------------------------------ */
.header
{
	width:  1047px;
	display: block;
	
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

.entry-content
{
	height: 100%;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.news-entry a:hover span.news-hover{
	background: url('img/newsImages/news_Hover.png');
  	opacity:1;
}

.entry-title{
	padding-top: 1%;
	padding-bottom: 0%;
	padding-left: 28%;
	padding-right: 0%;
	margin-bottom: -12px;
	font-size:20px;
 	font-weight: bold;
	color: #ffffff;
}

.date{
 font-weight: bold;
 color: #ffffff; 
 float: left;
 padding-top: 15%;
 padding-left: 10%;
}

.news-entry{
padding-left: 28%;
height: 100%;
margin-bottom: 150px;
}

.news-entry section.entry-content{
width: 438px;
height: 100%;
margin-left: 0px;
}

.pageColumn
{
	width:34%;
	float:right;
}


/* ------------------------------------------------ */
/* banner	DO NOT USE ?										*/
/* ------------------------------------------------ */
.bannerOuter
{
	position: relative;
	padding-bottom: 16%;
	height: 0px;
 }
 
 .bannerInner
 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
 }
 
.banner
{
	width: 100%;
	height: 100%;
}

.bannerFade
{
	background-repeat: x-repeat;
	width: 100%;
	height: 30px;
	display: block;
}

.bannerFade.up
{
	background-image: url('img/fadeUp.png');
}

.bannerFade.down
{
	background-image: url('img/fadeDown.png');
}





/* ------------------------------------------------ */
/* runner											*/
/* ------------------------------------------------ */
.runner
{
	width: 1047px;
	height: auto !important;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	left: 0;
	top: 0;
}

/* ------------------------------------------------ */
/* content											*/
/* ------------------------------------------------ */

.mainBackground
{
	background-color: #dbd5d0;
	margin: 0px 0px 0px 0px;
	color: #676767;
	width: auto;
	padding-bottom: 80px;
	padding-top: 20px;
	

}


/* The div containing all content except backgrounds and text in black area at the bottom of the page */
.content
{
	font-family: Arial,"Times New Roman", Times, serif;
	font-size: 12px; /*12px;*/
	letter-spacing: 2px;
	width: 1047px;
	background-color: #dbd5d0;
	background-image: "img/background.png";
	background-repeat:no-repeat;

	text-align:left;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	
	display: inline-block;
	zoom:1;
	*display:inline;
}

.contentCenterDouble
{
	/*width: 528px;*/
	width: 405px;
	margin-left: auto;
    margin-right: auto;
}

.contentCenterFull
{
	/*width: 1047px;*/
	width: 810px;
	padding-top: 6px;
	padding-left: 0px;
	padding-right: 0px;
	text-align:left;
	margin-left: auto;
    margin-right: auto;
}
	
	
.table, .tableStoreUp, .tableStoreMiddle, .tableLongText
{
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 0px;
	padding-right: 40px;
	float: left;
}

.tableLongText{
	width: 438px;
}

.tableStoreUp{
	width: 530px;
}

.tableStoreMiddle{
	width: 800px;
}

.tableStoreProjects{
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 2%;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

.tableStoreImage
{
	width:241px;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 20px;
	display:inline-block;
}

.tableStoreText
{
	
	width:241px;
	height:81px;
	text-indent:10px;
	text-align:center;
	padding-top:20px;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
	font-size:14px;
	background: url(img/storeImages/Store_background.png);
	color:#ff8f6c;
	font-weight:bold;
	margin-top: -15px;
	
	background-size: 241px 81px;
	background-repeat:no-repeat;
}
.tableStoreTextPayPal
{
	
	width:241px;
	height:120px;
	text-indent:10px;
	text-align:center;
	padding-top:0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
	font-size:14px;
	background: url(img/storeImages/Store_backgroundPayPal.png);
	
	color:#ff8f6c;
	font-weight:bold;
	
	background-size: 241px 120px;
	background-repeat:no-repeat;
}

.tableYellow
{
	font-weight:bold;
	font-size:12px;
	display:inline;
	color:#ff8f6c;
}
.tableGray
{
	font-weight:normal;
	font-size:14px;
	color:#999;
	height: 20px;
}

.small-divider{
	margin-left: 32%;
	margin-right: auto;
}

.divider{
	margin-left: -2.5%;
	margin-right: auto;
}

/* ------------------------------------------------ */
/* menu							*/
/* ------------------------------------------------ */
.menu
{
	float: left;
	width: 130px;
	height: 30px;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
}

.menu.main
{   width: 400px;
	height: 60px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url('img/main/Button_main.png'); }
.menu.main:hover
{   background-image: url('img/main/Button_main_hover.png'); }

.menu.news
{ background-image: url('img/main/Button_news.png'); }
.menu.news:hover
{ background-image: url('img/main/Button_news_selected.png'); }
.menu.news.selected
{ background-image: url('img/main/Button_news_selected.png'); }

.menu.projects
{ background-image: url('img/main/Button_projects.png'); }
.menu.projects:hover
{ background-image: url('img/main/Button_projects_selected.png'); }
.menu.projects.selected
{ background-image: url('img/main/Button_projects_selected.png'); }

.menu.studio
{ background-image: url('img/main/Button_studio.png'); }
.menu.studio:hover
{ background-image: url('img/main/Button_studio_selected.png'); }
.menu.studio.selected
{ background-image: url('img/main/Button_studio_selected.png'); }

.menu.store
{ background-image: url('img/main/Button_store.png'); }
.menu.store:hover
{ background-image: url('img/main/Button_store_selected.png'); }
.menu.store.selected
{ background-image: url('img/main/Button_store_selected.png'); }

.menu.contact
{ background-image: url('img/main/Button_contact.png'); }
.menu.contact:hover
{ background-image: url('img/main/Button_contact_selected.png'); }
.menu.contact.selected
{ background-image: url('img/main/Button_contact_selected.png'); }

.menu.publishing
{ background-image: url('img/main/Button_publishing.png'); }
.menu.publishing:hover
{ background-image: url('img/main/Button_publishing_selected.png'); }
.menu.publishing.selected
{ background-image: url('img/main/Button_publishing_selected.png'); }

.menu.jobs
{ background-image: url('img/main/Button_jobs.png'); }
.menu.jobs:hover
{ background-image: url('img/main/Button_jobs_selected.png'); }
.menu.jobs.selected
{ background-image: url('img/main/Button_jobs_selected.png'); }


/* ------------------------------------------------ */
/* banner						*/
/* ------------------------------------------------ */

#jqb_object img {
    border: none;
}

#jqb_object {
    position: relative;
    width: 1047px;
    height: 587px;
    overflow: hidden;
}

#jqb_object .jqb_bar {
        position: absolute;
        width: 1047px;
        height: 30px;
        left: 0px;
        bottom: 0px;
        background: #000000;
        opacity: 0.7;
        filter: alpha(opacity=70);
        color: #ffffff;
        font-family: Arial, Verdana, Sans-Serif;
        font-weight: bold;
        font-size: 18px;
        letter-spacing: -1px;
}

#jqb_object .jqb_info {
        position: absolute;
        padding: 2px 10px 2px 10px;
        float: left;
}

#jqb_object .jqb_btn {
        width: 15px;
        height: 14px;
        margin: 10px 5px 2px 2px;
        float: right;
}

#jqb_object .jqb_btn_next {
        background-image: url(../img/btn_next.gif);
}

#jqb_object .jqb_btn_prev {
        background-image: url(../img/btn_prev.gif);
}

#jqb_object .jqb_btn_pause {
        background-image: url(../img/btn_stop.gif);
}

#jqb_object .jqb_btn_play {
        background-image: url(../img/btn_play.gif);
}


.jqb_slide
{
position: absolute;
 width: 1047px;
 height: 587px;
 font-family: Arial, Verdana, Sans-Serif;
 font-weight: bold;
 font-size: 18px;
 letter-spacing: -1px;
 text-align: left;
}

/* ------------------------------------------------ */
/* img											*/
/* ------------------------------------------------ */
a.img
{
	display: -moz-inline-stack;
    display: inline-block;
	padding-left: 0px;
	padding-right: 0px;
}

span
{
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	position:relative;
	z-index:initial;
	float:left;
	vertical-align:top;
	display: -moz-inline-stack;
    display: inline-block;
	zoom:1;
	*display:inline;
	opacity:0;
	width: 0px;
	height:0px;
	
}
a.imgNews
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 437px;
	height: 293px;
	text-decoration:none;
	
}
a.imgNews:hover span.news-hover{
  opacity:1;
}

a.img.news
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 437px;
	height: 293px;
	text-decoration:none;
	
}
a.img.news:hover span.news-hover{
  opacity:1;
}

a.img.projects
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 241px;
	height: 300px;
	text-decoration:none;
	
}
a.img.projects:hover span.projects-hover{
  opacity:1;
}
span.projects-hover
{
}

a.imgStore
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 241px;
	height:381px;
	text-decoration:none;
}

a.imgStore:hover span.store-hover{
  opacity:1;
}
a.imgStoreBig 
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 241px;
	height:381px;
	text-decoration:none;
}

a.imgStoreBig:hover span.store-hover{
  opacity:1;
}

a.imgStoreNoFancy
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 241px;
	height:381px;
	text-decoration:none;
}

a.imgStoreNoFancy:hover span.store-hover{
  opacity:1;
}

span.store-hover
{
}

a.img.studio
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 486px;
	height: 326px;
	text-decoration:none;
	
}
a.img.studio:hover span.studio-hover{
  opacity:1;
}
span.studio-hover
{
}
/* ------------------------------------------------ */
/* stuff											*/
/* ------------------------------------------------ */
.lightboxImage
{
	display: -moz-inline-stack;
    display: inline-block;
}

.lightboxImage.studio
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 486px;
	height: 326px;
	text-decoration:none;
	margin-bottom: 25px;
}
.lightboxImage.studio:hover span.studio-hover{
  opacity:1;
}

.lightboxImage.news
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 437px;
	height: 293px;
	text-decoration:none;
}
.lightboxImage.news:hover span.news-hover{
  opacity:1;
}

.lightboxImage.newsletterSmall
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 207px;
	height: 139px;
	text-decoration:none;
}
.lightboxImage.newsletterSmall:hover span.small-hover{
  opacity:1;
}
.iframe.newsletter
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 437px;
	height: 293px;
	text-decoration:none;
}
.iframe.newsletter:hover span.newsletter-hover{
  opacity:1;
}

.lightboxImage.StorePayPal
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 241px;
	height:300px;
	text-decoration:none;
}

.lightboxImage.StorePayPal:hover span.store-hover{
  opacity:1;
}

span.small-hover
{
}

.lightboxImage.newsletter
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 437px;
	height: 293px;
	text-decoration:none;
}
.lightboxImage.newsletter:hover span.newsletter-hover{
  opacity:1;
}

span.newsletter-hover
{
}

a.img.home
{
	display: -moz-inline-stack;
    display: inline-block;
    z-index:-1;
	width: 241px;
	height:300px;
	text-decoration:none;
}
a.img.home:hover span.home-hover{
  opacity:1;
}

.lightboxImage.home
{
	display: -moz-inline-stack;
    display: inline-block;
    z-index:-1;
	width: 241px;
	height:300px;
	text-decoration:none;
}
.lightboxImage.home:hover span.home-hover{
  opacity:1;
}

span.home-hover
{
}


.iframe.thumbnail
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 486px;
	height: 326px;
	text-decoration:none;
}
.iframe.thumbnail:hover span.thumbnail-hover{
  opacity:1;
}
.lightboxImage.thumbnail
{
	display: -moz-inline-stack;
    display: inline-block;
	display:block;
    z-index:-1;
	width: 486px;
	height: 326px;
	text-decoration:none;
}
.lightboxImage.thumbnail:hover span.thumbnail-hover{
  opacity:1;
}
span.thumbnail-hover
{
}

.decor
{
	font-style: italic;
}

.page_divider
{
	background-image: url('img/main/divider.png');
	width: 810px;
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}

.page_divider_small
{
	background-image: url('img/main/dividerSmall.png');
	background-repeat: no-repeat;
	width: 300px;
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
}

.title
{
	font-size:20px;
	color:#ffe5d6;
	font-style:italic;
	text-align: center;
}

.newsHeadline
{
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 0%;
	padding-right: 0%;
	font-size:20px;
 	font-weight: bold;
	color: #ffffff;	
}

.headline, .headline-home
{
 font-weight: bold;
 color: #ffffff; 
}

.headline
{
margin-bottom: 10px;
}

.headline-home
{
	display:inline-block;
}

.bracket
{
	color: #b9aaaa; 
	margin-bottom: 10px;
	margin-left: 2px;
	display: inline-block;
}

.projectHeadline
{
 padding-top: 10px;
 padding-bottom: 10px;	
 font-weight: bold;
 color: #ffffff;
 text-align:center; 
}

.projectDescription
{
 padding-bottom: 20px;
 color: #676767; 
}

.landing
{
	font-size: 28px;
}

.textGray
{
 color: #676767; 
}

.bottom_shadow{
	margin-left: auto;
	margin-right: auto;
	height: 80px;
	width: 1047px;
	background-color:#dbd5d0;
	background-image: url(img/main/Bottom_dropshadow.png);
}

/* ------------------------------------------------ */
/* links */
/* ------------------------------------------------ */
.linkContainer
{
	vertical-align:central;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	color: #c0a29e; 
	font-size:12px;
}
.link
{
	display: inline-block;
	zoom:1;
	*display:inline;
	
	background-image: url('img/facebooktwitter.png');
	background-repeat: no-repeat;
	height: 35px;
}
.link.facebook
{
	background-position: 0px;
	width: 120px;
}
.link.comma
{
	background-position: -120px;
	width: 20px;
}
.link.twitter
{
	background-position: -140px;
	width: 97px;
}

/* ------------------------------------------------ */
/* copyright										*/
/* ------------------------------------------------ */
.copyright
{
	background-image: url('img/copyright.png');
	width: 387px;
	height: 20px;
	
	margin-left: auto;
	margin-right: auto;
}

/* ------------------------------------------------ */
/* mightAndDelight									*/
/* ------------------------------------------------ */
.mightAndDelight
{	
	background-image: url('img/madLogo.png');
	width: 272px;
	height: 56px;
	
	display: inline-block;
	position: absolute;
	bottom: 0px;
	right: 10px;
}