/*
Theme Name: GamePro Custom Solutions Base Theme
Theme URI: http://www.gameprocustom.com/
Description: A simple responsive theme based on the Bootstrap framework.
Version: 1.0
Author: GamePro Custom Solutions
Author URI: http://www.gameprocustom.com/
Template: wordpress-bootstrap-master

*/

/*  =======  TEMPLATE  =======  */

#wrapper { margin: 0 auto; 	width: 100%; }

#header-wrapper {
	height: 110px;
	width: 100%;
	background: #08080a;
	border-top: 5px solid #0084c8;
	border-bottom: 1px solid #fff;
}
#header {
	width: 960px;
	height: 105px;
	margin: 0px auto;
	position: relative;
	z-index: 100;
}
#header h1 {
	width: 146px;
	height: 58px;
	left: 5px;
	top: 25px;
	position: absolute;
	text-indent: -9999px;
	margin:0;
}
#header h1 img {
	width: 146px;
	height: 58px;
	left: 0px;
	top: 0px;
	position: absolute;
	border: none;
}

#content-wrapper {
	background: url(/wp-content/themes/gamepro-bootstrap-child/images/wrapper-bg.gif) repeat;
	border-bottom: 1px solid #dfdfdf;
}

#content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em; padding-bottom: 2em; 
}


#main-content li {
	color: #999;
	background: url(/wp-content/themes/gamepro-bootstrap-child/images/bullet.png) no-repeat 3px;
	padding-left: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #dfdfdf;
	display: block;
}

#main-content ul {

	padding-bottom: 12px;

}

#main-content  { padding:  1em 0px 1em 0px;  }

#cta { height: 75px;	width: 100%;  }

#home #sidebar  { width: 300px; 	float: right; 	margin:  1em 0px 1em 2em; font-size: .9em; }
#sub #sidebar  
{
	font-size: .8em; 
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	background: #ffffff;
	border: 1px solid #d8d8d8;
	padding: 15px;
	float: right;
	width: 267px;
	margin:  1.5em 0px 2em 2em;	
}

#sidebar ul.sidenav {
	margin: 0px 0px 12px;
	padding: 0px;
	list-style-type: none;
	border-top: 5px solid #0084c8;
	border-bottom: 5px solid #0084c8;
}
#sidebar ul.sidenav li {
	color: #999;
	background: url(/wp-content/themes/gamepro-bootstrap-child/images/bullet.png) no-repeat 3px;
	padding-left: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #dfdfdf;
	display: block;
}
#sidebar ul.sidenav li a {
	color: #28729d;
	text-decoration: none;
	display: block;
}
#sidebar ul.sidenav li a:hover {
	color: #22a3ee;
	text-decoration: none;
	display: block;
}

#footer { width: 960px; clear: both; 	margin: 0px auto; 	padding: 20px 15px 15px; 	height: 150px; }

#menu-footer{
	clear:both;
	color:#8F959C;
	list-style:none;
	padding:0 0 15px;
	margin:0;
	overflow:hidden;
}
#menu-footer li{
float:left;
font-size:0.75em;
}
#menu-footer li a{
padding:0 3px;
}
#menu-footer li:first-child a{
padding-left:0;
}
#menu-footer li:last-child a{
padding-right:0;
}
#menu-footer li::after {
content: "|";
}
#menu-footer li:last-child::after{
content: "";
}


/* Slider */	
#back_to_camera {
	background: rgba(255,255,255,.9);
	clear: both;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 20px;
	position: relative;
	z-index: 1;
}
.camera_container {
	bottom: 0;
	height: 365px;
	left: 0;
	right: 0;
	top: 0;
	z-index: 0;
}
#camera_wrap_4 {
bottom: 0;
	height: 100%;
	left: 0;
	margin-bottom: 0!important;
	right: 0;
}
.camera_thumbs {
	margin-top: -100px;
	position: relative;
	z-index: 1;
}

/* Controls */
textarea, select  { background-color: #ffffff; padding: 3px 6px 3px 3px; margin:0 3px 3px 0px; border: solid 1px #bbb; } 
input[type="text"], input[type="password"] { background-color: #ffffff; border:1px solid #bbb; padding: 3px 10px 3px 3px; margin:0 3px 3px 0px; }
input[type="submit"], input[type="button"], .submitbutton { color: #ffffff; text-transform: uppercase; border:1px solid #666666; background-color:#097dc2; padding:5px 10px; margin: 5px 10px 5px 0px; cursor:pointer; text-align: center; }
input[type="checkbox"] { padding-top: 4px; margin:0px 4px 4px 0px; }
input[type="radio"] { padding-top: 0px; margin: 0px 4px 0px 0px; }
input.invalid, textarea.invalid { background-color: #ffebeb; border: 1px; border-color: #f5c1c2 !important; border-style: solid; }
input.invalid:focus, textarea.invalid:focus { background-color: #ffebeb; border: 1px; border-color: #f5c1c2 !important; border-style: solid; }

/* MESSAGE BOXES */
.confirmationhidden { display: none; }
.confirmationattn {
	display: block;
	background:#e8f8fe url(http://www.idgworldexpo.com/MFL/images/icon_lightbulb.png) no-repeat;
	background-position:7px 7px;
	border:1px solid #cfdfe5; 
	font:12px Arial;
	font-weight:700;
	color:#393939;
	width:auto;
	padding:8px 8px 8px 28px;
	margin-bottom: 10px;
}
.confirmationcheck {
	display: block;
	background:#e5f7e3 url(http://www.idgworldexpo.com/MFL/images/icon_check.gif) no-repeat;
	background-position:7px 7px;
	border:1px solid #c5e1c8;
	font:12px Arial;
	font-weight:700;
	color:#005e20;
	width:auto;
	padding:8px 8px 8px 28px;
	margin-bottom: 10px;
}

.confirmationerror, .tmtFormErrorMessage {
	display: block;
	background:#ffebeb url(http://www.idgworldexpo.com/MFL/images/icon_error.gif) no-repeat;
	background-position:7px 7px;
	border:1px solid #f5c1c2;
	font:12px Arial;
	font-weight:700;
	color:#9e0b0f;
	width:auto;
	padding:8px 8px 8px 28px;
	margin-bottom: 10px;
}
.tmtFormErrorMessage ul { list-style-type: square; margin: 0px 4px 0px 0px; padding: 0px; }

.confirmationwarning {
	display: block;
	background:#fffeeb url(http://www.idgworldexpo.com/MFL/images/icon_warning.gif) no-repeat;
	background-position:7px 7px;
	border:1px solid #e6e5d8;
	font:12px Arial;
	font-weight:700;
	color:#555;
	width:auto;
	padding:8px 8px 8px 28px;
	margin-bottom: 10px;
}

.confirmationquestion {
	display: block;
	background:#e8f8fe url(http://www.idgworldexpo.com/MFL/images/icon_question.gif) no-repeat;
	background-position:7px 7px;
	border:1px solid #cfdfe5;
	font:12px Arial;
	font-weight:700;
	color:#004a80;
	width:auto;
	padding:8px 8px 8px 28px;
	margin-bottom: 10px;
}


/*  =======  CONTENT  =======  */
/* Reset
-----------------------------------------------------------------------------*/
* { margin: 0px; padding: 0px; outline: 0px; }

ol, ul {
	list-style-type: square;
	margin-left:1em;
	margin-bottom: .5em;
}
ol li, ul li { line-height: 1.2em; }
	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong { font-weight: bold; }
/* Presets 
-----------------------------------------------------------------------------*/
body {	margin:0; padding:0; font-family: 'Droid Sans', sans-serif; font-size: 1em; background: #e8f0f5; color: #5f5f5f;}

p { 	line-height: 1.6em; 	padding-bottom: 15px; font-size: .90em; }
h1 { color: #0084c8; font-size: 1.6em; padding-bottom: 8px; letter-spacing: -1px; 	font-weight: 700; }
h2 { 	color: #0084c8; font-size: 1.2em; 	padding-bottom: 5px; padding-top: 10px;	font-weight: normal; }
h3 { 	color: #252525; font-size: 1em; 	padding-bottom: 10px; 	padding-top: 15px; 	font-weight: bold; }
a { 	color: #77b83c; }
blockquote { line-height: 1.6em; 	padding-bottom: 15px; }

#home #sidebar { color: #0084c8; padding-bottom: 8px; font-size: .8em; }
#home #sidebar h3 { font-size: 1em; }
#home #sidebar h4 { color: #212121; 	font-size: 1.4em; 	margin-bottom: 5px; }

#sub #sidebar h2 { padding: 0px; margin: 0px; margin-bottom: 2px; }
#sub #sidebar h3 { font-size: 1em; margin: 0px; padding: 0px; }

#footer { color: #333; 	}
#footer img { border: 0px; }
#footer p { padding:0 0 15px; margin:0; color: #8f959c; font-size: .75em; }


/* Misc */
.clear { clear: both; }
.left { float:left; }
.right { float:right; }
.image { margin: .5em 1em .5em 1em; }
.photo { border: 1px solid #999999; padding: 2px; }
.highlight { font-style: italic; color: #0084c8; }

.elementblock {
	display: block;
	float: left;
	width: 280px;
	margin-right: 25px;
	margin-bottom: 15px;
}



/*  =======  NAV  =======  */
/* General layout styling */
.nav {
	/* Layout */
	list-style: none;
	position: relative;
	height: 36px;
	border-radius: 5px;
	top: 40px;
	left: 200px;
	margin:0;

	/* Background & effects */
	/*background: #394042;*/ /* Background for Internet Explorer & older browsers */
	/*background: -webkit-linear-gradient(bottom, #394042, #434b4d);*/ /* Background for Chrome & Safari */
	/*background: -ms-linear-gradient(bottom, #394042, #434b4d);*/ /* Background for Internet Explorer 10 */
	/*background: -moz-linear-gradient(bottom, #394042, #434b4d);*/ /* Background for Firefox */
	/*background: -o-linear-gradient(bottom, #394042, #434b4d);*/ /* Background for Opera */
	/*box-shadow: 0px 1px 1px rgba(0, 0, 0, .1);*/
}
	
/* The list elements containing the links */
.nav>li {
	display: block;
	float: left;
	position: relative;
	margin: 0;
	padding: 9px 5px 11px 5px;
}

/* The right-aligned links */
.nav>li.right {
	float: right;
}

/* Navigation links */
.nav>li>a {
	/* Layout */
	position: relative;
	border-radius: 4px;
	padding: 8px 12px;

	/* Text styling */
	text-decoration: none;
		font-family: 'Droid Sans', sans-serif;
color: #FFF;
font-size: .95em;
font-weight: 700;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

.nav>li>a:hover {
	background: #0084c7;
	color: white;
}

/* The navigation links for the dropdown menu */
.nav>.dropdown>a {
	padding: 6px 20px 6px 10px;
}

/* The links that make the dropdown menu appear */
.nav>.dropdown:hover>a, .nav>.dropdown>a:hover {
	color: #22a3ee;
	text-shadow: none;
	background: white;
	border-radius: 4px 4px 0px 0px;
	border-bottom: 5px solid white;
}

/* The arrow indicating the dropdown menu */
.nav>.dropdown>a::after {
	 content: "";
	 position: absolute;
	 top: 13px;
	 right: 7px;
	 width: 0px;
	 height: 0px;

	 /* Creating the triangle using borders */
	 border-top: 4px solid #d4d8db;
	 border-left: 3px solid transparent;
	 border-right: 3px solid transparent;
	 border-bottom: 4px solid transparent;
}

.nav>.dropdown>a:hover::after, .nav>.dropdown:hover>a::after {
	border-top: 4px solid #22a3ee; /* Changing the color of the arrow on hover */
}

/* General styling for the dropdown menu */
.nav ul {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 80px;
	left: -9999px;
}

/* Creating the slide/fade effect using transitions */
.nav>li>ul {
	-webkit-transition: top .3s, opacity .4s;
	-ms-transition: top .3s, opacity .4s;
	-o-transition: top .3s, opacity .4s;
	-moz-transition: top .3s, opacity .4s;
	opacity: 0;
}


/* It displays the menu on hover */
.nav>.dropdown:hover>ul {
	left: auto;
	opacity: 1;
	top: 35px;
}

/* The list elements of the dropdown menu containing the links */
.nav ul li {
	position: relative;
	display: block;
	padding: 0px 10px;
	background: white;
	line-height: 11px;
	box-shadow: 1px 1px 1px rgba(50, 50, 50, .1),
				 -1px 1px 1px rgba(50, 50, 50, .1);
}

/* The dropdown menu links */
.nav ul li a {
	/* Layout */
	display: inline-block;
	position: relative;
	width: 175px;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 0px;

	/* Text & background */
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-decoration: none;
	color: #28729d;
	background: white;
}

.nav ul li a:hover, .nav ul .dropdown:hover>a {
	color: #22a3ee;
	text-decoration: underline;
}

/* The arrow indicating a level 2 dropdown */
.nav ul .dropdown>a::after {
	 content: "";
	 position: absolute;
	 top: 12px;
	 right: 0px;
	 width: 0px;
	 height: 0px;
	 border-left: 4px solid #28729d;
	 border-top: 3px solid transparent;
	 border-bottom: 3px solid transparent;
	 border-right: 4px solid transparent;
}

.nav ul .dropdown:hover>a::after, .nav ul .dropdown>a:hover::after {
	 border-left: 4px solid #22a3ee; /* Changing the color of the arrow on hover */
}

/* Rounded corners for the dropdown menu */
.nav ul li:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 1px 1px 1px rgba(50, 50, 50, .1),
				 -1px 1px 1px rgba(50, 50, 50, .1),
				0px 1px 1px rgba(50, 50, 50, .1);
}

.nav ul li:last-child a {
	border-bottom: 2px solid white;
}

/* Level 2 dropdown */
.nav ul ul {
	/* Layout & position */
	top: 42px;
	padding-left: 5px;

	/* Creating the slide/fade effect using transitions */
	-webkit-transition: top .3s, opacity .4s;
	-ms-transition: top .3s, opacity .4s;
	-o-transition: top .3s, opacity .4s;
	-moz-transition: top .3s, opacity .4s;
	opacity: 0;
}

/* It displays the level 2 dropdown menu on hover */
.nav ul li:hover>ul, .nav ul li:hover ul li:hover ul {
	left: 195px;
	top: -2px;
	opacity: 1;
}

/* Rounded corners for the level 2 dropdown menu */
.nav ul ul li:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.nav ul ul li:first-child a {
	border-top: 2px solid white;
}

/* MEGA MENU */
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
	/* Layout & position */
	position: absolute;
	margin: 0;
	padding: 0;
	top: 80px;
	left: -9999px;
	padding: 0px 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;

	/* Creating the slide/fade effect using transitions */
	-webkit-transition: top .3s, opacity .4s;
	-ms-transition: top .3s, opacity .4s;
	-moz-transition: top .3s, opacity .4s;
	-o-transition: top .3s, opacity .4s;
	opacity: 0;

	/* Background & effects */
	background: white;
	box-shadow: 1px 1px 1px rgba(50, 50, 50, .1),
				 -1px 1px 1px rgba(50, 50, 50, .1),
				0px 1px 1px rgba(50, 50, 50, .1);
}

/* Setting the width for every type of menu */
.dropdown_1column {width: 100px;} /* One column menu */
.dropdown_2columns {width: 200px;} /* Two columns menu */
.dropdown_3columns {width: 300px;} /* Three columns menu */
.dropdown_4columns {width: 400px;} /* Four columns menu */
.dropdown_5columns {width: 500px;} /* Five columns menu */

/* Displaying the menu on hover */
.nav>.dropdown:hover .dropdown_1column,
.nav>.dropdown:hover .dropdown_2columns,
.nav>.dropdown:hover .dropdown_3columns,
.nav>.dropdown:hover .dropdown_4columns,
.nav>.dropdown:hover .dropdown_5columns {
	left: auto;
	top: 36px;
	opacity: 1;
}

/* The content of the mega menu */
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

/* Setting the width for the different classes of the elements contained by the mega menu */
.col_1 {width:90px;}  /* An element which takes 1 column of the mega menu */
.col_2 {width:190px;} /* An element which takes 2 columns of the mega menu */
.col_3 {width:290px;} /* An element which takes 3 columns of the mega menu */
.col_4 {width:390px;} /* An element which takes 4 columns of the mega menu */
.col_5 {width:490px;} /* An element which takes all the 5 columns of the mega menu */

/* Styling the elements of the megamenu */
.nav p, .nav h2, .nav h3, .nav>li>div ul li {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

/* Styling the paragraphs */
.nav p {
	font-size: 11px;
	color: #555555;
}

/* Styling the big titles */
.nav h2 {
	font-size: 15px;
	line-height: 15px;
	color: #555555;
}

/* Styling the small titles */
.nav h3 {
	font-size: 13px;
	line-height: 13px;
	color: #555555;
}

/* The horizonal lines */
.nav hr {
	margin: 0px 5px;
	border: none;
	border: 1px solid #e8e8e8;
	border-top: 0;
}

/* The links from the mega menu */
.nav div a {
	color: #28729d;
	text-decoration: none;
}

.nav div a:hover {
	color: #22a3ee;
	text-decoration: underline;
}

/* Styling the lists of the mega menu */
.nav div ul {
	position: relative;
	list-style: none;
	left: auto;
	top: auto;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px 0px;
	width: 90px;
}

.nav div ul li, .nav div ul li:last-child {
	font-size: 11px;
	border: 0;
	box-shadow: none;
	padding: 0;
	width: auto;
	padding: 5px 0px;
}

.nav div ul li a {
	border: 0;
	box-shadow: none;
	padding: 0;
	width: auto;
	color: #28729d;
}

/* The right aligned menus */
.right:hover div, .right.dropdown:hover>ul {
	left: auto;
	right: 5px;
}

.right.dropdown ul {
	text-align: right;
}

.nav .right.dropdown li>a::after {
	right: auto;
	left: -5px;
	 border-left: 4px solid transparent;
	 border-top: 3px solid transparent;
	 border-bottom: 3px solid transparent;
	 border-right: 4px solid #28729d;
}

.nav .right.dropdown li:hover>a::after {
	border-right: 4px solid #22a3ee;
}

.right.dropdown>ul>li:hover>ul {
	left: -120px;
	padding-right: 5px;
}


/*  =======  ARTICLES  =======  */
/* Articles Listing */	
#articleslist {  }
#articleslist h3 { padding: 0px; margin: 0px; }
#articleslist table { width: 920px; }
#articleslist .date { font-size: 90%; font-style: italic; white-space:nowrap; }
#articleslist .abstract { font-size: 90%; }
#articleslist .morelink { display: none; text-align: right; font-size: 60%; }
#articledetail {  }
#articledetail .contact { text-align: right; font-size: 90%; font-style: italic; }

#articleslist td { padding: 10px;  }
#articleslist tr { border-bottom: 1px solid #ddd;  }

/*  =======  EVENTS  =======  */
/* Events Listing */	
#eventslist {  }
#eventslist .eventitem { margin-bottom: 1em; }
#eventslist .eventitem h1 { color: #0084c8; font-size: 1.2em; 	padding: 0px;	margin: 0px 0px .2em 0px; font-weight: normal; }
#eventslist .eventitem .when { font-style: italic; font-size: 90%; }
#eventslist .eventitem .abstract { margin-top: .5em; }
#eventslist .eventitem .morelink { }