﻿/*
 Theme Name:   SDCC Blog Child
 Author:       Sarah Lacey
 Author URI:   http://slacey.com
 Template:     sdccblog
*/

@import url("../sdccblog/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Main Global Layout Settings */
body {
	background: -webkit-repeating-linear-gradient(rgb(9,89,113),rgb(0,170,222),rgb(255,255,255),rgb(195,195,195));/* Safari and Google Chrome */
	background: -moz-repeating-linear-gradient(rgb(9,89,113),rgb(0,170,222),rgb(255,255,255),rgb(195,195,195));/* Firefox */
	background: -o-repeating-linear-gradient(rgb(9,89,113),rgb(0,170,222),rgb(255,255,255),rgb(195,195,195));/* Opera */
	background: -ms-repeating-linear-gradient(rgb(9,89,113),rgb(0,170,222),rgb(255,255,255),rgb(195,195,195));/* Internet Explorer */
	background: lightyellow repeating-linear-gradient(rgb(9,89,113),rgb(0,170,222),rgb(255,255,255),rgb(195,195,195));/* W3C Standard */
	color: #333;
	font-family: 'Droid Sans',Arial,Verdana,sans-serif;
	font-size: 13px;
}
body.category-wondercon {
	background: -webkit-repeating-linear-gradient(rgb(68,79,153),rgb(255,255,255),rgb(195,195,195));/* Safari and Google Chrome */
	background: -moz-repeating-linear-gradient(rgb(68,79,153),rgb(255,255,255),rgb(195,195,195));/* Firefox */
	background: -o-repeating-linear-gradient(rgb(68,79,153),rgb(255,255,255),rgb(195,195,195));/* Opera */
	background: -ms-repeating-linear-gradient(rgb(68,79,153),rgb(255,255,255),rgb(195,195,195));/* Internet Explorer */
	background: lightyellow repeating-linear-gradient(rgb(68,79,153),rgb(255,255,255),rgb(195,195,195));/* W3C Standard */
}


#tribe-events-content p {
    padding-bottom: 1em;
}

.tribe-events-content ul {
	margin: 0 0 25px 10px;}

.tribe-events-content ul li {
    line-height: 1.7;
	 list-style: outside disc;
	 margin: 0 0 5px 10px;
}

#tribe-events-content blockquote {
	font-size:13px;
	line-height:20px;
}


.tribe-events-before-html ul li, .tribe-events-after-html ul li, .tribe-events-before-html ol li, .tribe-events-after-html ol li, #tribe-events-pg-template .tribe-events-content ul li, #tribe-events-pg-template .tribe-events-content ol li {
	 margin: 0 0 5px 10px;
}

blockquote {
	font-size:15px;
	line-height:25px;
}

body.single-tribe_events a {
  color: #009CD9;
}

body.single .post .entry a, body.page .post .entry a {
  color: #009CD9;
  }
	
/* Main Wrapper Style */
.background-cover{
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
	position:fixed; 
	background-repeat:no-repeat; 
	top:0; 
	left:0; 
	z-index:0; 
	overflow: hidden; 
	width: 100%; height:100%;
	background: transparent url(images/bg.png) top center no-repeat;	
} 
.category-wondercon .background-cover {
	background: transparent url(images/bg-wc.png) top center no-repeat;	
} 

.container{width:1045px;margin:0 auto;
}

/* Header */
header#theme-header {
	background:transparent !important;
	margin: 20px auto 25px;
	position: relative;
	width:1045px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
header#theme-header:after, #signup_form:after, #buddypress:after, #main-nav:after{display: block;visibility: hidden;clear: both;	height: 0;content: " ";}
/* Top Menu Styles */
.top-nav {
	background:#2d2d2d;
	border-top:3px solid #f88c00;
	border-bottom:1px solid #2d2d2d;
	height:30px;
}
	.top-nav .menu-alert{
		float:left;
		color:#666;
		padding:8px 0;
		font-style:italic;
	}
	.top-nav ul {float: left;}
		.top-nav ul li {
			position: relative;
			display: inline-block;
			float: left;
		}
		.top-nav ul li a {
			display: inline-block;
			height: 30px;
			line-height: 30px;
			color: #fff;
			padding:0 10px;
			text-shadow:none;
		}
		.top-nav ul li a:hover {color: #ccc;}
		.top-nav ul ul {
			background: #2d2d2d;
			display: none;
			padding:0;
			position: absolute;
			top: 30px;
			width: 180px;
			z-index: 99999;
			float: left;
			-webkit-border-bottom-right-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px;
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
		}
			.top-nav ul ul li {background: none !important;border: none !important;z-index: 99999;min-width: 180px;}
				.top-nav ul ul ul {right: auto;left: 100%;top: 0;z-index: 99999;}
			.top-nav ul ul a {
				background: none !important;
				height: auto !important;
				line-height: 1em;
				padding: 10px 10px;
				width: 160px;
				display: block !important;
				margin-right: 0 !important;
				z-index: 99999;
				color: #fff!important;
			}
			.top-nav ul ul li.current-menu-item:after{display: none;}	
		.top-nav ul li:hover > a,.top-nav ul :hover > a ,.top-nav ul li.current-menu-item a { color:#ccc;}
		
	.top-nav ul li.current-menu-item:after{content: " ";display: block;width: 0;height: 0;position: absolute;top: 0;z-index: 2;right:45%;border: 4px solid transparent;border-top-color: #F88C00 ;}
	.top-nav ul ul li:hover > a,	.top-nav ul ul :hover > a {color: #ccc !important; padding:10px 5px 10px 15px;	}
	.top-nav ul li:hover > ul {display: block;}

/* Search */
.search-block {
	height:30px;
	overflow: hidden;
	float:right;
	margin-left:5px;
	position: relative;}
	.search-block:after{content: " ";display: block;width: 0;height: 0;position: absolute;top: 10px;z-index: 2;right:30px;border: 4px solid transparent;border-right-color: #F88C00 ;}
	.search-block #s {
		background:#fff;
		float: right;
		font: normal 11px tahoma;
		padding: 9px 12px 8px 12px;
		width: 90px;
		color:#000;
		border:0 none;
		border-left:1px solid #222222;
		-o-transition: width .7s , color .4s;
		-webkit-transition: width .7s , color .4s;
		-moz-transition: width .7s , color .4s;
		transition: width .7s , color .4s;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0 ;
	}
	.search-block #s:focus {color:#000;width:150px;}
	.search-block .search-button {
		background:#f88c00!important;
		cursor: pointer;
		float: right;
		height:30px;
		width:30px;
		display: block;
		border:0 none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0 ;
		box-shadow: none !important;
        padding:0;
	}
	.search-block .search-button:active {top:0;}
	.search-block:hover .search-button,.search-block:hover #s {opacity:1;color:#000;}

.search-block button.search-button:before{content: '🔍';font-size:18px; width:30px; height:30px; line-height:28px; color:#fff;}


.header-content{padding:20px 15px;}
	.logo {float: left; padding-left: 20px;}
	.logo img{ max-width:100%;}
	.logo h1, .logo h2{font:bold 32pt arial;}
	.logo strong{ display:none;}
	.logo span{ font-weight: normal; font-size: 14px;}


/* Main Nav  */
#main-nav  {
	margin:0 auto;
	background:url(images/main-menu-bg.png) repeat-x top;
	min-height:52px;
	border-bottom:5px solid #F88C00 ;
	position: relative;
}
	#main-nav  .menu-alert{
		float:left;
		padding:18px 0 0 10px ;
		font-style:italic;
		color:#FFF;
	}
	#main-nav .main-menu{margin-left:10px;}
	#main-nav  ul li {
		font-size:13px;
		position: relative;
		display: inline-block;
		float: left;
		border:1px solid #222222;
		border-width:0 0 0 1px;
		height:47px;
		margin-top:5px;
	}
		#main-nav  ul li:first-child,
		#main-nav  ul li:first-child a{border:0 none;}
		#main-nav  ul li:last-child a{border-right:0 none;}
		#main-nav  ul li a {
			display: inline-block;
			height: 47px;
			position: relative;
			line-height: 47px;
			color: #fff;
			padding:0 10px;
			text-shadow:none;
			border-left:1px solid #383838;
		}
		#main-nav ul li.parent-list a{padding-right: 22px;}
		.top-menu ul li.parent-list a{padding-right: 18px;}
		#main-nav ul li a .sub-indicator,
		.top-menu ul li a .sub-indicator{
			right: 7px;
			top: 50%;
			margin-top: -2px;
			position: absolute;
			display: inline-block;
			content: '';
			width: 0;
			height: 0;
			border: 4px solid transparent;
			border-top: 4px solid #888;
		}
		.top-menu  ul li a .sub-indicator{border-top-color:#888;}
		#main-nav  ul ul li a .sub-indicator,
		.top-menu  ul ul li a .sub-indicator{
			border: 4px solid transparent;
			border-left: 4px solid #888;
		}
		.top-menu  ul ul li a .sub-indicator{border-left-color:#888;}

		#main-nav  ul li a:hover {}
		#main-nav  ul ul{
			display: none;
			padding:0;
			position: absolute;
			top: 47px;
			width: 180px;
			z-index: 99999;
			float: left;
			border-top: 2px solid #F88C00;
			background: #2d2d2d !important;
			-webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
			box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
			-webkit-border-bottom-right-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px;
		}
		#main-nav  ul li.current-menu-item ul,
		#main-nav  ul li.current-menu-parent ul,
		#main-nav  ul li.current-page-ancestor ul{ top: 52px;}

		#main-nav  ul ul li, #main-nav  ul ul li:first-child {
			background: none !important;
			z-index: 99999;
			min-width: 180px;
			border:0 none;
			border-bottom: 1px solid #222;
			border-top: 1px solid #383838;
			font-size:12px;
			height:auto;
			margin:0;
		}
			#main-nav  ul ul li:first-child ,#main-nav ul li.current-menu-item ul li:first-child,
			#main-nav ul li.current-menu-parent ul li:first-child,#main-nav ul li.current-page-ancestor ul li:first-child { border-top:0 none !important;}
		#main-nav  ul ul ul ,#main-nav  ul li.current-menu-item ul ul,	#main-nav  ul li.current-menu-parent ul ul,	#main-nav  ul li.current-page-ancestor ul ul{right: auto;left: 100%;	top: 0 !important;	z-index: 99999;	}
		#main-nav  ul.sub-menu a ,
		#main-nav  ul ul li.current-menu-item a,
		#main-nav  ul ul li.current-menu-parent a,
		#main-nav  ul ul li.current-page-ancestor a{
			border:0 none;
			background: none !important;
			height: auto !important;
			line-height: 1em;
			padding: 10px !important;
			width: 160px;
			display: block !important;
			margin-right: 0 !important;
			z-index: 99999;
			color: #ccc !important;
			text-shadow:0 1px 1px rgba(0,0,0,.6) !important;
		}
		 #main-nav  ul li.current-menu-item ul a,
		 #main-nav  ul li.current-menu-parent ul a,
		 #main-nav  ul li.current-page-ancestor ul a{ color:#eee !important; text-shadow:0 1px 1px rgba(0,0,0,.6) !important;}

		#main-nav  ul li:hover > a,	#main-nav  ul :hover > a {	color: #ccc ;}
		#main-nav  ul ul li:hover > a,
		#main-nav  ul ul :hover > a {color: #FFF !important;	padding-left:15px !important;padding-right:5px !important;}
		#main-nav  ul li:hover > ul {display: block;}
		#main-nav  ul li.current-menu-item,
		#main-nav  ul li.current-menu-parent,
		#main-nav  ul li.current-page-ancestor{
			margin-top:0;
			height:52px;
			border-left:0 none !important;
		}
		
		#main-nav  ul li.current-menu-item ul.sub-menu a, #main-nav  ul li.current-menu-item ul.sub-menu a:hover,
		#main-nav  ul li.current-menu-parent ul.sub-menu a, #main-nav  ul li.current-menu-parent ul.sub-menu a:hover
		#main-nav  ul li.current-page-ancestor ul.sub-menu a, #main-nav  ul li.current-page-ancestor ul.sub-menu a:hover{background: none !important;}

		#main-nav  ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover,
		#main-nav  ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover,
		#main-nav  ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover{
			background:#F88C00;
			text-shadow:none;
			color:#333;
			height:52px;
			line-height:52px;
			border-left:0 none !important;
		}
		#main-nav  ul.sub-menu li.current-menu-item,#main-nav  ul.sub-menu li.current-menu-item a,
		#main-nav li.current-menu-item ul.sub-menu a,#main-nav  ul.sub-menu li.current-menu-parent,
		#main-nav  ul.sub-menu li.current-menu-parent a,#main-nav li.current-menu-parent ul.sub-menu a,
		#main-nav  ul.sub-menu li.current-page-ancestor,#main-nav  ul.sub-menu li.current-page-ancestor a,
		#main-nav li.current-page-ancestor ul.sub-menu a{height:auto !important; line-height: 12px;}
		#main-nav  ul li.menu-item-home a{
            background-image: url(images/home4.png)!important;
            background-repeat: no-repeat!important;
            background-position: center 15px;
			height: 52px;
			width: 35px;
			padding: 0 15px 0 10px;
			text-indent:-9999px;
		}
		#main-nav  ul li.menu-item-home a .sub-indicator{ display: none;}
		#main-nav  ul li.menu-item-home.current-menu-item a{background-position:center 18px; background-image: url(images/home4.png)!important;
            background-repeat: no-repeat!important;
            }
		#main-nav  ul li.menu-item-home ul li a,
		#main-nav  ul ul li.menu-item-home  a,
		#main-nav  ul li.menu-item-home ul li a:hover{
			background-color:transparent !important;
			text-indent:0;
			 background-image: url(images/home4.png)!important;
			height:auto !important;
			width:auto;
		}

	#main-nav.fixed-nav{
		position:fixed;
		top:-5px;
		width:1045px;
		z-index:999;
		opacity:0.9;
		-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
		-moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
		box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
	}
	body.admin-bar #main-nav.fixed-nav{top:23px;}

	#main-nav ul li.mega-menu{position: static;}
	#main-nav ul li .mega-menu-block ul.sub-menu{
		display: none;
		top:0 !important;
		position: static;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin: 30px 0 30px 30px;
		border-bottom: 1px solid #383838;
	}
	#main-nav ul li .mega-menu-block ul.sub-menu ul{
		position: absolute;
		margin: 0;
	}
	#main-nav ul li.mega-menu .mega-menu-block{
		background: #2d2d2d ;
		display: none;
		padding: 0;
		position: absolute;
		top: 52px;
		width: 100%;
		z-index: 99999;
		left:0;
		-webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
		border-top: 2px solid #F88C00;
	}
		.mega-menu-content{ color:#FFF; float: right; width: 835px;}
		.mega-menu-item{float: left; width: 28%;padding: 30px 0 30px 4%;}
		.mega-menu-item.last-column{ padding-right: 4%; }
		.mega-menu-item img{width: 100%; max-width: 100%; height: auto; margin-bottom: 10px; opacity: .8;}
		.mega-menu-item img:hover{opacity: 1;}
		#main-nav ul li .mega-menu-item a,
		#main-nav ul li.current-menu-parent .mega-menu-item a,
		#main-nav ul li.current-menu-parent .mega-menu-item a:hover,
		#main-nav ul li.current-menu-item .mega-menu-item a,
		#main-nav ul li.current-menu-item .mega-menu-item a:hover{
			display: inline-block;
			height: auto;
			line-height: 20px;
			padding: 0 ;
			border: 0 none;
			background: transparent !important;
		}
	#main-nav ul > li.parent-list:hover > a:after {
		content:"";
		position:absolute;
		left:20px;
		top:40px;
		border-width:0 8px 8px;
		border-style:solid;
		border-color:transparent transparent #F88C00;
		display:block;
		width:0;
		z-index:999;
	}
		#main-nav ul > li.current-menu-item.parent-list:hover > a:after {top:45px;}


	#main-nav ul ul > li.parent-list:hover > a:after , #main-nav ul li .mega-menu-block ul.sub-menu:before{ display: none;}
	#main-nav ul ul ul, #main-nav ul li .mega-menu-block ul.sub-menu{ border-top: 0 none;}

	.full-mega-menu .mega-menu-content{width: 100%;}

/* Content  Column */
#main-content{
	background: #FFF;
	margin: 20px auto 25px;
	position: relative;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow:  0 0 5px #000;
	box-shadow: 0 0 5px #000;
	padding:24px 24px;
	width:997px;
}

/* Ads */	
.ads-top {float: right;line-height:0; padding: 20px 0 0 0; }

h2.post-box-title {
	font-family: BebasNeueRegular,arial,Georgia, serif;
}