/*
Theme Name: Splash
Description: Double Down Splash Page
Author: Double Down Productions
Author URI: http://www.strikeforcedesign.net
Version: 1.0
License:
License URI:

General comments (optional).
*/

@charset "utf-8";

fix {}

@font-face {
    font-family: 'CantarellRegular';
    src: url('Cantarell-Regular-webfont.eot');
    src: url('Cantarell-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('Cantarell-Regular-webfont.woff') format('woff'),
         url('Cantarell-Regular-webfont.ttf') format('truetype'),
         url('Cantarell-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
 
}

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

}
 
body {font-family: 'CantarellRegular', Helvetica, Verdana, Sans-serif;
		color: #3A5D4C;
		font-size: 10pt; 
		background: #FFF url('images/background.png') top center;}
 
H1, H2, H3, H4, H5, H6 {font-family: 'CantarellBold', Helvetica, Verdana, Sans-serif; margin: 0;}
H1 {size: 1.8em;}
H2 {size: 1.6em;}
H3 {size: 1.3em;}
H4 {size: 1.1em;}
H5 {size: .8em;}
H6 {size: .6em;}
H2.widgettitle {text-transform:uppercase; font-size: 1.2em; background: #EF3B2F; width: 100%; color:  #fff; padding: 3px 5px; margin-bottom: 5px; }

ul {-webkit-padding-start: 0px; margin-left: 0; padding-left: 0;}
ul, ul li, li {list-style-type:none;}

/*Link Styles*/
a, a:visited {color: #3A5D4C; text-decoration: none; font-size: 1em}
a:hover {color: #000; text-decoration: none;}
a img {border: 0}

#splash_content {background:#000; text-align: center; margin: 0 auto; width: 1000px}
/*layout styles  - this is a container,that holds a div for the (stacked vertically) navigation, header, content, and footer. All else nested further.*/
#container {width: 1000px; 
		
			margin: 0 auto; /*along with width, centers page*/
			} /*centered portion of the page; change width at will!*/

#header { 
			width: 100%; 
			height: 99px; /*set to match header BG height if needed*/
			padding: 0;
			}

#content {height: auto; 
			 
			padding: 0px;
			text-align:left;
			background: transparent;
  }

#content-sidebar {width: 635px; margin: 14px 0}

#content_home {height: auto; 
			 
			padding: 15px;
			text-align:center;
			background: none;}
/*footer styles*/
#footer { 	
			clear: both; /*fixes any div overflow*/
			text-align: center;
			margin-bottom: 20px;
			padding:0;
			margin: -16px auto;
			width: 1000px;
 			
			color: #421400;
			}
			
#footer a {}
#footer p {margin: 0; 
			text-align: center;
			vertical-align:bottom;
			font-size: .8em; 
			}
			

		
		
/*Posts Styles*/
.postbox {width: auto;
		padding: 0;
		margin-bottom: 20px;
				} /*wraps each post*/
				
.l {width: 610px; float: left}

.r {width: 620px; float: left; padding: 0 15px }

/*.excerpt img {float: left; width: 200px; height: auto; position: relative; top: -30px}
.excerpt {display: block; clear: both}
.excerpt h3 {margin-left: 210px;}
.excerpt {margin-bottom: 30px}*/

#storytitle {background: #0098b0 url('images/isa-bg.png') repeat-x 50% 50%; width: 100%; text-align:center; margin-bottom: 10px; margin-top: 15px; text-align: center; padding: 0; height: 30px; overflow:hidden;}
h3.storytitle {color: #fff; text-transform: uppercase;
	font-weight:bold; background:#0098b0; padding: 0; margin:0; font-size: 23px; max-width: 30%; vertical-align:text-top;}  /*.title is the most general class for the post meta data- title, author, etc- and should be used as either a div or span to wrap all desired items in this area*/

.storytitle a {
	font-weight:bold} /*as most the name, edit, and comments are links, style them here */
.storytitle a:hover {text-decoration: underline}

.meta {} /*Wraps author, date, and comments*/
	
.storycontent {} /*styles for the post itself*/
.storycontent img.alignleft  {margin: 0 10px 0 0}
.storycontent img.alignright img {margin: 0 0 0 10px}
.comments {}

/*navigation styles -- .current_page_item is an automatic wordpress created class for the active page*/
#navigationbar {width: 100%;
		 font-family: 'CantarellBold';
		 height: auto;
		 text-align: center;
		 vertical-align:middle;
text-transform: uppercase;
position: relative; z-index: 100;
}
				

/*DROP DOWN MENU STYLING*/ 

#main-nav	{
	height: 32px; /* set to the height you want your menu to be */
	margin: 0 auto; /* just to give some spacing */
	width: 1000px;
 }

.main-nav {background: #0099B1; margin-bottom: 10px; font-size: 1.1em; padding: 0 }
.sub-nav {background: #EF3B2F; margin-top: 10px !important; font-size: .9em}


#main-nav ul	{
	margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
	
}
#main-nav li	{
	display: inline-block;
	/*float: left;*/
	line-height: 30px; /* this should be the same as your #main-nav height */
	height: 32px; /* this should be the same as your #main-nav height */
	margin: 0; padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
}

#main-nav li:first-child {padding-left: 30px}
#main-nav ul li ul li:first-child {padding-left: 0px}

#main-nav li a	{
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 3px;
	Color: #fff;
	
}

#main-nav li:last-child a {}
#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
	color: #000;
	
}

#main-nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 32px; /* this should be the same height as the top level menu -- height + padding + borders */
	background: #0099B1;
z-index: 10000;
border: 2px solid white;
border-top: none;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;}

#main-nav ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 250px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
border-top: 2px solid white;}
#main-nav ul ul li a { /* target all sub menu item links */
	padding:0px 10px;
margin-bottom: 5px; /* give our sub menu links a nice button feel */
	color: #fff !important;
}

#main-nav ul ul li:first-child {border-top: none;}

#main-nav ul ul li a:hover {color:#000 !important}

#main-nav ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
}

#main-nav ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 250px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
}

.menu-bottom-nav-container{background: #0099B1; margin-bottom: 10px; font-size: 1.2em; padding: 0 50px }
.bottom-menu ul li ul li{display: inline !important; float: left; width: auto;}
.menu-bottom-nav a {display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 33px;
	Color: #fff;}


.section-thumb {float: left; width: 200px; margin: 20px 10px;}



#sidebar {width: 350px; text-align: center; margin-bottom: 20px;}
#sidebar ul {margin-bottom: 10px; display: block; list-style:none; }
#sidebar ul li {display: block; margin: 5px 5px 20px 5px; background: #666 }

#sidebarf3, #sidebarf2, #sidebarf1 {width: 100%; text-align:justify; padding-left: 20px;}

#sidebarf3 ul li {display: block; margin: 0 10px; float: left; width: 300px; min-height: 100px; background: url('images/bgbot_middle.png') repeat-y top center; text-align: center; padding: /*40px*/ 10px 0px 10px 0px; border-bottom: 2.5px dotted #B06020; border-top: 2.5px dotted #B06020;}

#sidebarf3 ul li ul li {display: list-item; list-style-position: inside; float: none; width: 250px; padding: 0; margin: 0 25px 0 25px; height: auto; min-height: 1px; background: none; border:none; }
#sidebarf3top {padding-left: 20px;}
#sidebarf3top li{display: block; margin: 10px 10px 0 10px; float: left; width: 300px; height: 33px; background: url('images/bgbot_top.png') no-repeat top center; text-align: center; padding: 0; }

#sidebarf3 ul li h3 {width: 250px; padding: 0; margin: 0 25px 0 25px;}

#sidebarf2 {width: 645px; float: left; padding: 0; }
#sidebarf2 ul li {display: block; float: left; width: 307px; margin-left: 0px; }
#sidebarf2 ul li:first-child {margin-right: 19px }

#sidebarf1 ul li {width: 100%; display: block; margin: 0px; clear:both; text-align: center}

#sidebarl {width: 330px; float: left; margin: 0 8px; clear: both;}
#sidebarr {width: 330px; float: right; margin: 0 8px; }

ul, menu, dir {
list-style-type: none;
}

#sidebarh, #sidebarf1h {width: 645px; float: left; }
#sidebarh ul li {width: auto; float: left; /*margin: 0 5px;*/}

#sidebartl, #sidebartr {width: auto; height: 90%;}
#sidebartl ul li {float: left; margin: 10px;}

#sidebarf1h ul, #sidebarf1h ul li{width: 635px}
#sidebarf1h h2.widgettitle {}

#sidebartr ul li {float: right; margin: 5px;}
#sidebartr img {margin: 35px 5px 0px 5px}



.clear {clear:both}
.alignleft {float: left;}
.alignright {float:right;}
.aligncenter {margin: 0 auto; text-align: center;}
.aligncenter a img {margin: 20px 0;}

#bottom_banner {height: auto; border-top: 1px #FFF dotted;  border-bottom: 1px #FFF dotted;}

.tb_tweet-info a {color: #EF3B2F !important; font-style: normal !important;}
#s5_icfader-2 {margin-left: 0px !important}

#recent-posts-plus2 img {float: left; clear: none;}

/* FB Drop-down */
#fb-drop{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:right;
	width:100%;
	position:relative;
	z-index:101;
}
#fb-drop li{
	float:left;
	margin-right:10px;
	position:relative;
}
#fb-drop a{
	display:block;
	color:#fff;
	background:none;
	text-decoration:none;
}
#fb-drop a:hover{
	color:#fff;
	background:#fff;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#fb-drop ul{
	background:#ef3b2f; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	/*background:rgba(255,255,255,0);  But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
text-align: center;}
#fb-drop ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#fb-drop ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#fb-drop li:hover ul{ /* Display the dropdown on hover */
	left:-65px; /* Bring back on-screen when needed */
        padding-right:10px;
}
#fb-drop li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:none;
	text-decoration:underline;
}
#fb-drop li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
        background:#ef3b2f;
}
#fb-drop li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#ef3b2f;
        text-decoration:underline;
}
/* yelp Drop-down */
#yelp-drop{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:right;
	width:100%;
	position:relative;
	z-index:101;
}
#yelp-drop li{
	float:left;
	margin-right:10px;
	position:relative;
}
#yelp-drop a{
	display:block;
	color:#fff;
	background:none;
	text-decoration:none;
}
#yelp-drop a:hover{
	color:#fff;
	background:#fff;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#yelp-drop ul{
	background:#ef3b2f; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	/*background:rgba(255,255,255,0);  But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
text-align: center;}
#yelp-drop ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#yelp-drop ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#yelp-drop li:hover ul{ /* Display the dropdown on hover */
	left:-65px; /* Bring back on-screen when needed */
        padding-right:10px;
}
#yelp-drop li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:none;
	text-decoration:underline;
}
#yelp-drop li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
        background:#ef3b2f;
}
#yelp-drop li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#ef3b2f;
        text-decoration:underline;
}

#wds-container {background-color:transparent;}