/* @Font-Face Generated by Font Squirrel (http://www.fontsquirrel.com) on October 6, 2012 */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_ltregular';
    src: url('roboto-light-webfont.eot');
    src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-light-webfont.woff') format('woff'),
         url('roboto-light-webfont.ttf') format('truetype'),
         url('roboto-light-webfont.svg#roboto_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html
{
	overflow-y: scroll;
}

body
{
	height:100%;
	background:#A5A196; 
	margin: 0;
	padding: 0;
	text-align:center;
	font-family: 'bebas_neueregular';
	color:#23221e;
}

#container
{
	min-height: 100%;
	height:100%;
}

#resumeImg
{
	margin: 0px auto;
	text-align:center;
}

#topBanner
{
	margin: 0px auto;
	text-align:left;
	background-image:url('images/topBannerBar.jpg');
	background-repeat:repeat-x;
	height:75px;
}

#topBannerContent
{
	margin: 0px auto;
	width:auto;
	min-width:600px;
	line-height:0px;
}

#MBlogo
{
	border:none;
	margin-top:1px;
	margin-left:20px;
}

#aboutPhone
{
	float:right;
}

#topBannerContentButtons
{
	float:right;
	margin-top:-76px;
	height: 72px;
	margin-right:20px;
}

#topBannerButtonPortfolio
{
	padding: 0px 0px 0px 0px;
	width: 131px; 
	height: 72px; 
	background-color: transparent;
	background: url(images/portfolioButton.png) no-repeat top;
	border:none;
}
#topBannerButtonPortfolio:hover {background: transparent url(images/portfolioButtonDown.png) no-repeat top;}
#topBannerButtonPortfolio:active {background: transparent url(images/portfolioButtonDown.png) no-repeat top; opacity:.8;}

#topBannerButtonResume
{
	width: 107px; 
	height: 72px; 
	background: transparent url(images/resumeButton.png) no-repeat top;
	padding: 0px 0px 0px 0px;
	border:none;
}
#topBannerButtonResume:hover {background: transparent url(images/resumeButtonDown.png) no-repeat top;}
#topBannerButtonResume:active {background: transparent url(images/resumeButtonDown.png) no-repeat top;opacity:.8;}

#topBannerButtonBlog
{
	width: 82px; 
	height: 72px; 
	background: transparent url(images/blogButton.png) no-repeat top;
	padding: 0px 0px 0px 0px;
	border:none;
}
#topBannerButtonBlog:hover {background: transparent url(images/blogButtonOver.png) no-repeat top;}
#topBannerButtonBlog:active {background: transparent url(images/blogButtonOver.png) no-repeat top;opacity:.8;}

#topBannerButtonAbout
{
	width: 182px; 
	height: 72px; 
	background: transparent url(images/aboutButton.png) no-repeat top;
	border:none;
	padding: 0px 0px 0px 0px;
}
#topBannerButtonAbout:hover {background: transparent url(images/aboutButtonDown.png) no-repeat top;}
#topBannerButtonAbout:active {background: transparent url(images/aboutButtonDown.png) no-repeat top;opacity:.8;}

#mainBodyItem
{
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	width:916px;
	background-image: url(images/bodyBkrndMidItem.png);
	background-repeat:repeat-y;
	height:100%;
}

#meImg
{
	float:right;
	padding-left:10px;
}

#aboutDescription
{
	font-family:'roboto_ltregular';
	font-size:19px;
	padding-bottom:30px;
	line-height:37px;file:///C:/Users/mBurns/Desktop/Portfolio%20Website/PortfolioSiteLocal/tcg.html
	text-align:justify;
}
file:///C:/Users/mBurns/Desktop/Portfolio%20Website/PortfolioSiteLocal/tcg.html
#meImgfile:///C:/Users/mBurns/Desktop/Portfolio%20Website/PortfolioSiteLocal/tcg.html
{
	padding-top:5px;
	padding-left:40px;
}

.projectBanner
{
	height:auto;
	width:100%;
}
.projectBanner:hover
{
	opacity:.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}
.projectBanner:active
{
	opacity:.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.projectBannerMargin
{
	height:auto;
	width:100%;
}

#mainBody
{
	text-align:left;
	background-color:#EEEEFF;
	width:100%;
	height:100%;
	min-height: 100%;
}

#contentGallery
{
	width:100%;
	text-align:center;
	line-height:130%;
	font-size:23pt;
	text-shadow: 2px 2px 5px #bbb;
}

.contentGalleryRight
{
	float:right;
	font-size:12pt;
	font-family:'roboto_ltregular';
}

.contentGalleryLeft
{
	float:left;
	clear:none;
}

.itemsTitleBarText
{
	margin-top:-79px;
	margin-left: -70%;
	font-size:18pt;
	overflow:hidden;
}

.itemBorder
{
	padding-left:10px;
	text-align:left;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.itemBorder:hover
{
	opacity:.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.itemBorder:active
{
	opacity:.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

.itemBorder
{
	text-align:left;
	margin-left:-17px;
	width:215px;
	height:233px;
	background: transparent url(images/itemBorder.png) no-repeat top;
	border:none;
}

.itemBorderThumbnail
{
	text-align:left;
	width:184px;
	height:156px;
	margin-left:8px;
	margin-top:-31px;
	padding-bottom:10px;
}

.itemBorderText
{
	text-align:left;
	font-size:12px;
	max-width:184px;
	margin-left:7px;
}

#bodyBrkndBottom
{
	margin-left:1px;
}

div#preload 
{ 
	width: 0px;
    height: 0px;
    display: inline;
    background-image: url(images/portfolioButtonDown.png);
    background-image: url(images/resumeButtonDown.png);
    background-image: url(); 
}

.itemImageLarge
{
	box-shadow: 0px 5px 8px #bbb;
	border:solid;
	border-width:1px;
	text-align:center;
	max-width:405px;
	max-height:405px;
	margin-bottom:7px;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.itemImageLarge:hover
{
	opacity:.9;
	filter:alpha(opacity=.9); /* For IE8 and earlier */
}

.itemImageLarge:active
{
	opacity:.8;
	filter:alpha(opacity=.8); /* For IE8 and earlier */
}

#itemTitle
{
	width:810px;
	margin: 0px auto;
	font-size:40px;
	padding-top:36px;
	text-align:center;
	line-height:130%;
	text-shadow: 2px 2px 5px #bbb;
}

#itemDesc
{
	font-family:'roboto_ltregular';
	width:740px;
	text-align:left;
	margin-left:0px;
	margin: 0px auto;
	font-size:16px;
	padding-top:25px;
	padding-bottom:10px;
	line-height:130%;
	text-shadow: 1px 1px 1px #bbb;
	text-align:justify;
}

iframe, EMBED
{
	margin-top:-15px;
	margin-bottom:7px;
}

#clickToPlay
{
	position:absolute;
	text-align:center;
	margin-top:20px;
	margin-left:53.5%;	
}

.imgThumb
{
	margin-left:9px;
	width:921px;
}

#footerLine
{
	width:100%;
	background-image:url('images/topBannerBar.jpg');
	background-repeat:repeat-x;
	height:4px;
}

#footer
{
	position:absolute;
	z-index:-1;
	width:100%;
	margin-top:0px;
	background:#191716;
	padding-bottom:20px;
	font-family:'roboto_ltregular';
	font-size:14px;
	color:#ece9e4;
	text-shadow: 1px 1px 1px #111;
}

#footerDesc
{
	margin-left:20px;
	margin-right:20px;
	padding-top:20px;
	width:auto;
	line-height:25px;
	text-align:justify;
}

#footerEmail
{
	font-size:16px;
	color:#c61417;
	float:left;
}

#footerPhone
{
	float:right;
	font-size:16px;
	color:#c61417;
}

#copyright
{
	font-family: 'bebas_neueregular';
	margin-top:54px;
	color:#333;
	font-size:14px;
	text-align:center;
	left:auto;
	right:auto;
}

#footerShadows
{
	margin-left:1px;
	margin-top:-40px;
	left:auto;
	right:auto;
	text-align:center;
	opacity:.2;
	min-width:1070px;
}

#powerRangersVid
{
	margin-top:-10px;
	margin-bottom:10px;
}


#footerLine
{
	background-image:url('images/topBannerBar.jpg');
	background-repeat:repeat-x;
	height:4px;
}

.powerRangersBg
{
	background: url('images/power_rangers/power_rangers_bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.tcgBg
{
	background: url('images/tcg/tcg_bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.kingdomsBg
{
	background: url('images/kingdoms/kingdoms_bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.comicBg
{
	background: url('images/comic_creator/comic_bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.slimeballBg
{
	background: url('images/slimeball/slimeball_bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.sofiaBg
{
	background: url('images/sofia/sofia_bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.grandPrixBg
{
	background: url('images/grand_prix/grand_prix_bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.robotBattleBg
{
	background: url('images/robot_battle/robot_battle_bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.dsBg
{
	background: url('images/deathstate/ds_bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.maaBg
{
	background: url('images/maa/maa_bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

a:link	 {color:#c61417; text-decoration:none;}      /* unvisited link */
a:visited {color:#c61417; text-decoration:none;}  /* visited link */
a:hover {color:#a61417; }  /* mouse over link */
a:active {color:#c61417;}  /* selected link */