/*
Theme Name: Boomzap
Theme URI: 
Version: 2
Author: Boomzap
*/

.site-navigation {
	display: block;
	margin: 40px;
}

.site-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.site-navigation li {
	display: block;
	float: left;
	position: relative;
}
  
.site-navigation li a {
  display: block;
}

.site-navigation li:hover {
	@include transition(background, 0.2s);
	cursor: pointer;
}

.site-navigation ul li ul, .dropdown {
	background: #3084bd;
	visibility: hidden;
	float: left;
	position: absolute;
	transition: visibility 0.25s ease-in;
	left: 0;
	z-index: 999;
	min-width: 150px;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border:#00265f solid 1px;
}

.site-navigation ul li:hover > ul {
   visibility: visible;
}

.site-navigation ul li ul:hover {
display: inline;
}

.site-navigation ul li ul li {
	clear: both;
}

BODY
{
   /*background-color:#550000;*/
   margin: 0px;
   padding: 0px;
   font-family: Arial, helvetica, Georgia, Times New Roman;
   font-size: 12px;   
   width:100%;
   line-height:16px;
   background: url("www.boomzap.com/web/wp-content/themes/BoomzapThemev2/images/website_bg_plainwhite.jpg") no-repeat fixed; background-size: 100%;/* set the background here if plain white use this url www.boomzap.com/web/wp-content/themes/BoomzapThemev2/images/website_bg_plainwhite.jpg */
   
}
p, td
{
   font-family: Arial, helvetica, Georgia, Times New Roman;
   font-size: 12px; /* sets font to verdana */
}

A, A:link, a:visited {text-decoration: none; color: #173444;}
A:hover 
{
   color: Red;
   text-decoration: underline; /* sets rules for all links*/
}

a.support:link, a.support:visited
{
   color: #0000FF;
   font-weight: bold;
} /* makes all support links easily visible by making it Blue and Bold */


/*h1 {border-bottom:2px solid #0043a4; margin: 0; padding: 0 0 5px 0}*/


#mainbg{
	margin:0 auto 50px auto;
	width:1000px;
	background:url("http://www.boomzap.com/web/wp-content/uploads/2016/01/boomzap_website_header_transparent_2016.jpg") no-repeat; 190px 0px;/* set header background here*/

}

#header{
	margin:0 auto;
	width:966px;
	height: 220px;
}

/** BEGIN nav **/

#nav 								{ margin:10px auto 10px auto; width:966px; height:46px; padding:0; border-bottom:#00265f solid 1px; background:url(images/navbg.png) repeat-x top; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

#categories, #categories ul 		{ list-style-type:none; margin:0 0;}
#categories a 						{ display: block; padding: 15px; text-decoration: none; color: #FFFFFF; font: bold 1.2em Verdana, sans-serif;}
#categories a:hover 				{ color: #ffff00; height: auto;}
#categories li 						{ float:left; position:relative;}
#categories ul 						{ position:absolute; display:none;}

#pages, #pages ul 					{ list-style-type:none; margin:0 0;}
#pages a 							{ display: block; padding: 15px; text-decoration: none; color: #FFFFFF; font: bold 1.2em Verdana, sans-serif;}
#pages a:hover 						{ color: #ffff00; height: auto;}
#pages li 							{ float:left; position:relative;}
#pages ul 							{ position:absolute; display:none;}
/** END nav **/

#mainbody 							{background:url(images/main_bg-mid.png) repeat-y center; width:966px; margin:0 auto;}
#body 								{width:960px; margin: 0 auto;}
#rotating-banner					{width:953px; height:312px; margin:0 auto 10px auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:#013044 solid 3px;}
#gamepage-banner					{width:953px; max-height:312px; min-height:0px; height:100%;  margin:0 auto 10px auto;
	}
#gamepage-banner img				{margin:0; border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	-webkit-border-radius: 1.2em;border: #013044 solid 3px;
	background: #013044;}

#content 							{padding: 15px; width:930px; min-height:400px; height:100%; float:left; background:#FFF; }
#consolelogo						{margin:0 auto; width:900px; height:100%; text-align:right;}
#featured							{margin:0 auto; width:940px; height:100%;}
.post								{margin:0 auto; width:900px; height:100%; text-align:justify;}
.post .left							{float: left; width:430px; height:100%; padding: 0 10px;}
.post .right						{float: left; width:430px; height:100%; padding: 0 10px;}
.post .right .gamepageimage img		{max-width:400px; width: expression(this.width > 400 ? 400: true); height:auto; margin-bottom:10px; }
#button-container					{width:430px; float:left;}
.buttons							{width: 205px; text-align:center; float:left; margin:20px 5px 30px 5px;}

.blue-heading						{margin:0 auto 10px auto; width:97%; height:28px; border-bottom:#00265f solid 1px; background:url(images/head_mid.png) repeat-x top; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:9px 0 0 15px;}

.featured-thumbnail					{width:226px; height:240px; padding:0; float:left; margin-right:6px;}
.featured-thumbnail img				{max-width:220px; width: expression(this.width > 220 ? 220: true); height:170px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border:#013044 solid 3px; }
.featured-thumbnail-exempt					{width:220px; height:240px; padding:0; float:left; margin:0 5px; text-align:center;}
.featured-thumbnail-exempt img				{max-width:175px; width: expression(this.width > 175 ? 175: true); height:170px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border:#FFFFFF solid 3px; }
.featured-medium-banner				{width:460px; height:230px; padding:0; float:left; margin-right:10px;}
.featured-medium-banner	img			{max-width:453px; width: expression(this.width > 453 ? 453: true); height:175px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border:#013044 solid 3px; }
.featured-thumbnail p, .featured-thumbnail-exempt p, 
.featured-medium-banner p			{margin:10px auto; text-align:center;}

/** Sidebar **/
#sidebar							{width:300px; float:left; margin:10px 10px 10px 0;}
#sidebar ul							{width:300px; height:100%; list-style-type:none; display:block; margin:0; padding:0;}
#sidebar ul li 						{padding:5px 10px; width: 280px; height:100%; float:left; background-color:#e6f1ff; border-bottom: 1px solid #ccdff7;}
#sidebar img						{max-width:55px; width: expression(this.width > 55 ? 55: true); height:45px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:#013044 solid 3px; float:left;}
#sidebar p							{font-size:11px; float:left; text-align:left; width:150px; margin-left:10px;}						
#sidebar .number					{width:43px; height:27px; float:left; margin-right:5px; margin-top:10px;}
#sidebar .number img				{max-width:43px; width: expression(this.width > 43 ? 43: true); height:27px; border-radius:none; -moz-border-radius:none; -webkit-border-radius:none; border: none; float:left; margin-right:5px;}
/** Facebook Feed **/
#facebook-feed						{width:620px; float:left; margin:10px 0 10px 0;}
#facebook-feed #container			{width:580px; float:left; margin:0; padding:0 20px;}

/** Text Styles **/
h1									{color: #FFFFFF; font: bold 1.3em Verdana, Geneva, sans-serif; margin:0 0;}
h2									{color: #000000; font: bold 1.2em Verdana, Geneva, sans-serif; margin:0 0;}

blockquote 							{text-align:left;border-bottom: 1px solid #ccc; padding: 3px; background-color: #eaeaea; color:#666;display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;}
.also-available 					{float:left; width:880px; height:100%; padding: 20px 10px 10px 10px}
.related-link 						{float:left; width:80px; height:80px; padding: 10px 10px 10px 20px;}

#footer 							{background-color:#efefef; float:left; width:960px; padding:10px 0; margin-left:20px;}

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

.post p, .post td {font-size: 1.8em; line-height: 2em;}
.post h1, .post h2 {font-size: 2em;}
div.post {font-size: 1.8em; line-height: 2em;}
div.left {float:none;display:inline;min-width: 100%;}
div.buttons {float:none;display:inline;}
div#button-container, #button-container {float:none;display:inline;min-width: 100%;}
div.right {float:none;display:inline;min-width: 100%;}
div.gamepageimage img {float:none;display:inline;min-width: 100%;}

}