@charset "utf-8";
/* CSS Document */



body {
	margin:0;
	padding:0;
	background-color: #0c2732;
	color: #ffffa4;
}

a:hover img{
        border: 1px solid #fc0;       
}

a {
	text-decoration:none;
	color:#fc0;
	font-size:0.9em;
}

a:hover{
	text-decoration:underline;
}

#containerShadow{
	width:967px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(http://graciebarrabirmingham.com/images/new-index-bg-shadow.jpg);
	background-repeat: repeat-y;
}

#container{
	width:947px;
	margin-left:auto;
	margin-right:auto;
	background-color: #001b35;
	font-family: Arial, Helvetica, sans-serif;
}


	
#navbar {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #CCC;
	width: 947px;
	float: left;
	color: #001B35;
}
#navbar ul li {
	list-style-image: none;
	list-style-type: none;
}

#newsBlock a{
	color:#ffae00;
}

#newsBlock{
	height:355px;
	background-color:#520000;
	clear: left;
	padding-top: 3px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#newsHeadline{
	height:345px;
	float: left;
	width: 419px;
	background-color: #811b1b;
	border: 1px solid #aa3535;
	padding-top: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #ffca72;
}
#newsPanel {
	float: left;

}
#newsPanel p {
	margin: 0px;
	padding: 3px;
}
#newsPanel h2 {
	font-size: 1em;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	color: #ffcc00;
}
#newsPanel h5 {
	font-size: 0.9em;
	color: #FBC708;
	margin: 0px;
        padding-left:3px;
        position:relative;
        top:15px;
}


#newsPanel img {
	border: 1px solid #FFF;
}

#newsPanel a:hover img{
        border: 1px solid #fc0;
}

#headlineSelector {
	float: left;
}
#headlineSelectorThumb {
	list-style-image: none;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	margin: 0px;
}
#headlineSelectorThumb img {
	border: 2px solid #FFF;
}
#headlineSelectorThumb a:hover img {
	border: 2px solid #F30;
}


#headlineSelectorThumb li {
	list-style-image: none;
	list-style-type: none;
	padding-bottom: 2px;
}

#eventHeadline{
	width:320px;
	float: left;
	font-size: 0.7em;
}
#eventHeadline h1 {
	margin: 0px;
	font-size: 1.5em;
	color: #ffae00;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 3px;
}
#eventHeadline h5 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size: 0.85em;
	color: #ffae00;
	font-weight: normal;
	
}

#eventHeadline a:hover h5{
        text-decoration:underline;
}

#eventHeadline h6 {
	margin: 0px;
	font-size: 1.2em;
	color: #ffae00;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#eventHeadline p {
	margin: 0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #f4bd6b;
}
#eventTitle {
	margin: 0px;
	padding: 0px;
}
#videoPromo {
	float: left;
	width: 195px;
	background-color: #821B1C;
	border: 1px solid #AA3535;
	padding-bottom: 10px;
}
#videoPromo h3 {
	color: #FFF;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#kidsPromoVid {
	width: 185px;
	margin-left: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	height: 123px;
	margin-top: 5px;
	margin-bottom: 5px;



}
#adultsPromoVid {
	width: 185px;
	margin-left: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	height: 123px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #000;
	color: #FFF;
	background-image: url(http://graciebarrabirmingham.com/images/adult-promo-vid-overlay.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#adultsPromoVid p {
	font-size: 0.8em;
	text-align: center;
	padding-top: 100px;
	font-style: italic;
	margin: 0px;
	font-weight: bold;
}
#flashBlock {
	height: 280px;
	background-color: #03213d;
	clear: both;
}

#photoContainer {
	text-align: center;
	padding: 15px 0px 10px 0px;
	clear: both;
}




#photoGallery {
	height: 564px;
	width: 765px;
	background-image: url(http://graciebarrabirmingham.com/images/photogallerybg.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	background-position: 2px 0px;
	padding-top: 5px;
}

#welcomeBlock {
	width: 355px;
	font-size: 0.7em;
	padding: 10px;
	line-height: 1.5em;
	float: left;
	margin-right: 10px;
}
#welcomeBlock p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
}
#welcomeBlock h1 {
	color: #FFF;
	font-size: 1.5em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#flashMovie {
	float: left;
	border: 1px solid #304960;
	margin-top: 4px;
	height: 269px;
}
#blogBlock h1 {
	color: #FFF;
	font-size: 1.3em;
	padding-left: 10px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
}
#blogBlock h2 {
	font-size: 1.2em;
	color: #FC0;
	padding-left: 10px;
	padding-top: 15px;
	margin: 0px;
	padding-bottom: 15px;
}

#blogBlock {
	background-image: url(http://graciebarrabirmingham.com/images/blogBlock-shadow.jpg);
	background-repeat: repeat-x;
	clear: both;
	overflow: auto;
        padding-left:5px;
        padding-bottom:20px;
}

#blogBlock h6 {
	padding-left: 0px;
	margin: 0px;
	font-weight: normal;
	color: #FC0;
	font-size: 0.9em;
}

#blogBlock  h5 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #3d566f;
	font-weight: normal;
	font-size: 0.8em;
}



#blogBorder{
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	padding-right:30px;
}
#blogBorder2 {
	padding-left: 25px;
}


.blogContainer {
	float: left;
	width: 415px;
	padding-left: 20px;
}
.blogContainer img {
	border: 1px solid #CCC;
}

.blogPost {
	width: 415px;
	font-size: 0.8em;
}
.blogText {
	font-size:0.85em;
	line-height:1.6em;
	padding-right:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.blogPic {
	padding-left:10px;
	width: 405px;
}

#postBlock{
        font-size:0.8em;
        
}

#postBlock a:hover img{
        border:1px solid #f90;

}

#postHeadline{
	margin-right: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#postHeadlinePic{
	width:330px;
	float:left;
	padding: 10px;
                          
}

#postHeadlinePic img{
        border: 1px solid #ccc
}

#postHeadlineStory{
	float:left;
	width:500px;
}

#postHeadlineStory h5{
       color:#fc0;
       font-size:0.8em;
}

#postHeadline h1{
	font-size:1.4em;
	color: #ffcc00;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#postHeadline h2{
	font-size:0.9em;
	color: #2d465e;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#postHeadline h3 {
	background-image: url(http://www.graciebarrabirmingham.com/images/gb-logo-for-hbg.jpg);
	background-repeat: no-repeat;
	font-size: 2em;
	color: #FFFBFF;
	padding-left: 130px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 75px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #243B52;
}

#postHeadline p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



#postTeaserBlock{
	padding-top:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #243b52;
	padding-left: 20px;
	padding-bottom:15px;
	clear: both;
	
}
#postTeaserBlock a {
	color: #FFCC17;
}


.postTeaser{
	width:600px;
	overflow:auto;
	font-size:0.85em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #243b52;
	border-right-color: #243b52;	
        
}

.postTeaserArticle {
	width: 550px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #243b52;
	float: left;
	padding-top: 10px;
        padding-bottom:10px;
}

.postTeaserPic{
	width:150px;
	float:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}



.postTeaserPic img{
	border: 1px solid #ccc;
}

.postTeaserStory{
     float:left;
     width:350px;
}

.postTeaserStory h1{
	font-size:1.4em;
	padding: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #ffcc00;
}

.postTeaserStory h2{
	font-size:0.9em;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #2d465e;
}
.postTeaserStory p {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.postTeaserStory h5 {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 0.9em;
	color: #FC0;
}
#postTeaserSidebar {
	float: right;
	width: 280px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #243b52;
	border-bottom-color: #243b52;
	border-left-color: #243b52;
	margin-right: 20px;
}
#postTeaserSidebar h6 {
	font-size: 1em;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #FC0;
	font-weight: bold;
}
#postTeaserSidebarList  {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left:0px;
	list-style-image: none;
	list-style-type: none;
}

#postTeaserSidebarList li{
       margin-bottom:1px;
       
}

#postTeaserSidebarList li a{
        display:block;
        padding:5px 10px;
        background:#2d465e;
}

#postTeaserSidebarList li a:hover{
        background: #304060;

}

#articleContainer{
        clear: both;
	overflow:auto;
	background-image: url(http://www.graciebarrabirmingham.com//images/output-bg-shadow.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	
        
}

#articleContainer img{
        border:1px solid #999;
}


#articleContainer h1{
       padding-left:10px;
       margin:0px;
       padding-top:20px;
       padding-bottom:5px;
       color:#B93E1F;
       font-size:1.6em;
       
}

#articleContainer h2{
       margin:0px;
       padding-bottom:5px;
       padding-left:10px;
       color:#E7834A;
       font-size:0.8em;
       font-weight:normal;
}

#articleBlock h3 a{
        font-style:italic;
	color:#000;
	
}

#articleBlock h3{
        padding-top:20px;

}

#articleBlock h4{
	padding-left:70px;
	margin-bottom:0px;
        margin-left:5px;
	font-size:1.2em;
	color:#B93E1F;
	background-image: url(http://graciebarrabirmingham.com/images/comment-bg.jpg);
	background-repeat: no-repeat;
	height: 85px;
	padding-top: 25px;
}
#articleBlock{
	float:left;
	width: 650px;
	color:#616161;
	font-size:0.85em;
	line-height:1.5em;
	background-color: #FFF;
	padding-left: 5px;
	padding-bottom: 15px;
}
#articleBlock h6 a{
	color: #900;
        font-size:2em;
        padding-bottom:20px;
}

#articleBlock a{
        font-weight:bold;
        color:#bd0000;
        
}


.articleImage{
        padding-left:10px;
}

.articleStory{
        padding:10px;
        font-size:0.9em;
}

.articleStory p{
        margin:0px;
        padding:0px;
        
}

#articleSidebar{
	width:292px;
	background-image: url(http://graciebarrabirmingham.com/images/sidebar-shadow.jpg);
	background-repeat: repeat-y;
	float: left;
	background-color: #001b35;
}

#articleSidebar h6 {
	font-size: 1em;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #FC0;
	font-weight: bold;
}

#articleSidebarList  {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left:0px;
	list-style-image: none;
	list-style-type: none;
	font-size:0.85em;
	margin: 0px;
}



#articleSidebarList li{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #243b52;
	width: 292px;
       
}
#articleSidebarList li a:hover  {
	text-decoration: none;
}
#articleSidebarList li a img{
	margin-top:5px;
	margin-left: 5px;
       
}



#articleSidebarList li a{
	display:block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;

}

#articleSidebarList li a h3{
	font-family: tahoma;
	font-size:1em;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;

	padding-left: 5px;
	color: #F7D654;
}

#articleSidebarList li a p{
	padding-top:5px;
	margin:0;
	color: #E4CF79;
	padding-left: 5px;
}


#articleSidebarList li a:hover{
	background-image: url(http://graciebarrabirmingham.com/images/list-blue-b.png);
       

}

#commentForm{
	width:500px;
	border: 1px solid #ccc;
	float:left;
	padding-top: 10px;
	font-size: 0.9em;
	margin-left: 10px;
	margin-top: 10px;
}

#commentForm label{
        padding-bottom:2px;
}

#commentForm ul li{
        list-style-type:none;
}

#commentForm li{
        padding-bottom:10px;
}

#comment{
	padding:10px;
        font-family:tahoma;
	font-size:0.85em;
	line-height: 1.4em;
}
#comment p {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


#comment h5{
	color:#E7834A;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-top: 0px;
	font-size: 0.95em;
}

#comment h1{
        padding-left:0px;
}

label{display:block;
}

#eventList{
	list-style-type:none;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#eventList h1{
	font-size:1.3em;
	color:#C23434;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
        
}

#eventList h2 a{
	color:#FF0000;
	font-size:1.5em;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}

#eventList li{
}


#eventList p{
	padding-left:0px;
        padding-top:10px;
}




#bjj {
	background-image: url(http://graciebarrabirmingham.com/images/bjj_bg.jpg);
	background-repeat: repeat-x;
	background-color: #192b3d;
	padding-top: 0px;
	height: 100%;
	text-align: left;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 0px;
}

#bjj p {
	margin: 0px;
	padding: 5px;
}

#bjjContent{
	margin:0 auto;
	padding-left:5px;
	padding-right:5px;
	width:932px;
	font-weight: 100;
	color: #FFFFA4;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height:1.6em;
}

#bjjQuestion{
	float:left;
	width:400px;
	padding:5px;
	padding-left: 25px;
}

#bjjAnswer{
	float:left;
	width:410px;
	padding-left: 50px;
}

#bjjAnswer p{
        padding-top:10px;
}

#footer {
	clear: both;
	padding-right: 10px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: normal;
	font-family: "Palatino Linotype", Arial, sans-serif;
	color: #757551;
	padding-top: 0px;
	margin-bottom: 10px;
	margin-top: 15px;
} 
#footerText {
	width: 600px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #757551;
	padding-top:10px;
        margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.eventOutput {
	color: #900;
	font-size: 0.9em;
}