/* 
Theme Name: GracieBarraLongIsland.com 4.0
Theme URI: http://www.graciebarralongisland.com
Description: This theme was created by Owen Piccirillo for GB LI BJJ.
Version: 3.0
Author: Owen Piccirillo
Author URI: http://www.messtudios.com
*/

/* Main
---------------------------------------------------------------------------------*/
* {margin: 0; padding: 0; outline:none;}
ul, li {list-style-type: none }
.clr {clear:both;}
img {border:0;}
.left {float:left}
.right {float:right}
.twentypix {height:0px; clear:both}
.twentypix2 {height:15px; clear:both}
a:link, a:visited, a:hover, a.selected {color:#000000;border:none;}
body { 
	font:12px Arial, Helvetica, sans-serif;
	background:#fff;
}

/* Content
---------------------------------------------------------------------------------*/
.content-wrapper {
	background:url(bg.jpg);
}
.header-wrapper {
	background:url(images/bg-header.png) no-repeat top center;
}
.header {
	height:239px;
	width:960px;
	position:relative;
	margin:0 auto;
}
.logo {
	text-indent:-9999px;
	height:239px;
	width:239px;
}
.logo a:link, .logo a:visited {
	display:block;
	height:239px;
	width:239px;
}
.details {
	color:#FFF;
	font-size:13px;
	line-height:18px;
	position:absolute;
	width:362px;
	top:140px;
	left:305px;
}
.details a:link, .details a:visited{
	color:#ccc;
}
.facebook {
	background:url(images/facebook.jpg) no-repeat;
	height:30px;
	width:30px;
	position:absolute;
	bottom:2px;
	right:36px;
}
.facebook a:link, .facebook a:visited{
	display:block;
	height:30px;
	width:30px;
}
.youtube {
	background:url(images/youtube.jpg) no-repeat;
	height:30px;
	width:30px;
	position:absolute;
	bottom:2px;
	right:0px;
}
.youtube a:link, .youtube a:visited{
	display:block;
	height:30px;
	width:30px;
}

.main-navigation {
	width:960px;
	margin:0 auto;
	background:url(images/bg-nav.jpg) repeat-x;
	height:43px;
}

.main-navigation li {
	float:left;
}
.main-navigation li a:link, .main-navigation li a:visited {
	color:#FFF;
	padding:11px 15px 10px 15px;
	display:block;
	text-decoration:none;
	font-size:18px;
}
.main-navigation li a:hover {
	color:#CCC;
}

#suckerfishnav {z-index:100;  }
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;padding:0; z-index:100;}
#suckerfishnav a {display:block;text-decoration:none;  font-size:18px;z-index:100;}
#suckerfishnav li {float:left;padding:0;z-index:100;}
#suckerfishnav ul {position:absolute;left:-999em;height:auto;width:240px;margin:0;line-height:1;border:0;border-top:none;z-index:100;}
#suckerfishnav li li {width:240px;font-weight:normal;z-index:100;}
#suckerfishnav li li a {text-shadow:none;padding:10px 10px; border-bottom:1px solid #000;width:220px;font-size:16px;color:#fff;background:#a0252a;z-index:100;}
#suckerfishnav li ul ul {margin:-21px 0 0 150px;z-index:100;}
#suckerfishnav li li:hover {background:#ffffff;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#fff;background:#000;text-shadow:none;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#fff;  text-shadow:none;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#fff;text-shadow:none;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;text-shadow:none;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto;text-shadow:none;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {text-shadow:none;border:none}
.current_page_item {text-shadow:none; border:none; color:#fff; }






.main {
	background-color:#FFF;
	width:960px;
	margin:0 auto;
}
.main-left {
	width:680px;
	float:left;
	padding-left:5px;
	padding-top:5px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.main-left h1, .main-left h2, .main-left h3{
	margin:5px 0px;
	font-size:28px;
	font-weight:100;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.main-left p{
	font-size:14px;
	line-height:24px;
	padding-bottom:10px;
}
.entry {
	padding:0px 20px;
	border-bottom:1px dotted #CCC;
	margin-bottom:15px;
	padding-bottom:15px;
}
.adult {
	height:299px;
	margin-top:5px;
	margin-bottom:5px;
	position:relative;
	float:left;
	width:363px;
	background:url(images/adult-programs.jpg) no-repeat;
}
.fundamentals {
	position:absolute;
	width:175px;
	height:257px;
	bottom:0;
	left:0;
}
.fundamentals a:link, .fundamentals a:visited{
	width:175px;
	height:257px;
	display:block;
}
.advanced {
	position:absolute;
	width:175px;
	height:257px;
	bottom:0;
	right:0;
}
.advanced a:link, .advanced a:visited{
	width:175px;
	height:257px;
	display:block;
}
.kids {
	position:relative;
	background:url(images/kids-programs.jpg) no-repeat;
	height:299px;
	width:309px;
	float:right;
	margin-top:5px;
	margin-right:2px;
	margin-bottom:5px;	
}
.little {
	width:309px;
	height:256px;
	position:absolute;
	bottom:0;
	left:0;
}
.little a:link, .little a:visited{
	display:block;
	width:309px;
	height:256px;
}
.main-right {
	float:right;
	width:275px;
}
.footer-wrapper {
	background:url(images/bg-footer.jpg) repeat-x;
}
.footer {
	background:url(images/scarola-logo.jpg) no-repeat;
	background-position:740px 20px;
	width:960px;
	margin:0 auto;
	padding-top:25px;
}
.footer h2{
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
.posts {
	width:300px;
	float:left;
}
.posts a:link, .posts a:visited{
	text-decoration:none;
}
.posts a:hover{
	text-decoration:underline;
}
.mission {
	width:350px;
	margin-left:25px;
	float:left;
	height:150px;
}
.mission p{
	margin-top:-1px;
	line-height:15px;
}
.copyright {
	text-align:center;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
}
.intro {
	background:url(images/free-intro.jpg) no-repeat;
	height:314px;
	width:272px;
	margin-top:5px;
}
.form-fff {
	padding-top:43px;
	padding-left:15px;
	height:170px;
	width:240px;
}
.form-fff div{
	clear:both;
}
.fff {
	width:170px;
	float:right;
	margin-bottom:10px;
}
.fff2 {
	width:175px;
	float:right;
	margin-bottom:25px;
}
.submit {
	
}
.intro-click {
	width:250px;
	height:85px;
}
.intro-click a:link, .intro-click a:visited{
	display:block;
	width:250px;
	height:88px;
}