/*
Theme Name: Karate
Theme URI:
Author: Tim Kadlec
Author URI: http://timkadlec.com
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* @group General */
body{
	margin: 0;
	padding: 0;
	background: url(style/images/bodybg.png) repeat-x #ff0000;
	font: 12px/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
}
p, ul, ol, dl, address, table, blockquote, pre, fieldset {
	margin-bottom: 1.5em; /* 18px */
	line-height: 1.5em;
}
p{
	margin-top: 1.5em;
}
a{
	outline: none;
}
ol{
	list-style-type:decimal;
	margin-left: 40px;
}
ol li{
	list-style-type:decimal;
	padding-left: 5px;
}
.alignright{
	float: right;
}
.alignleft{
	float: left;
}
div.toggle {
	margin: 0.4em;
}

a.toggle:link, a.toggle:hover, a.toggle:active, a.toggle:visited {
	color: #0000ff;
	text-decoration:underline;
	font-weight:normal;
	font-size: 11px;
}

/* @end */

/* @group Headings */
h1 {
	font-size: 70%;
	margin-top:0em;	
	margin-bottom: 0em; 
	position: absolute;
	top: 35px;
	left: 10px;
	display: block;
}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active{
	width: 200px;
	height: 200px;
	text-indent: -9999px;
	display: block;
}
h2{
	font-size: 1.2em; /* 12px */
	margin: .4em 10px 1em 0;
	font-weight: bold;
	color: #ff0000;
	text-transform: uppercase;
	padding: .4em 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3{
	font-size: 1.1em; /* 18px */
	margin: 1.3em 0 1em 0;
	font-weight: bold;
	color: #000;
	padding: .4em 5px;
	line-height: 1.4em;
	font-style:normal;
}
h4{
	font-size: 1.16em; /* 14px */
	margin: 1.3em 0;
	font-weight: bold;
	color: #000;
}
h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:focus,
h4 a:active{
	color: #00F;
	text-decoration:underline;
}

h5{
	font-size: 1.16em; /* 14px */
	margin: 1.3em 0;
	font-weight: bold;
	color: #000;
}
h6{
	font-size: 1.16em; /* 14px */
	margin: 1.3em 0;
	font-weight: bold;
	color: #000;
}
    #feedControl { 
      margin-top : 20px;
      margin-left: auto;
      margin-right: auto;
      width : 600px;
      font-size: 16px;
      color: #ffffff;
	  border:0;
    }
	.gfg-title {
		background-color: #ffffff;
		text-align:left;
		font-size: 12px;
	}
	.gfg-root {
				border: 0px;
	}
/* @end */

/* @group Page Structure */
#wrap{
	width: 846px;
	margin: 11px auto 10px auto;
	text-align: left;
	position: relative;
}

/* @group Header */
#header{
	width: 100%;
	height: 263px;
	background: url(style/images/header.jpg) top left no-repeat;
}
#home #header, #wp #header, #childrens-karate #header{
	background: url(style/images/header_home.jpg) top left no-repeat;
}
#childrenskarate #header{
	background: url(style/images/fitness_header.png) top left no-repeat;
}
#adultkarate #header{
	background: url(style/images/adult_header.png) top left no-repeat;
}
#send-information #header, #about-us #header{
	background: url(style/images/info_header.png) top left no-repeat;
}
#bootcamp #header, #boot-camp-application #header{
	background: url(style/images/header_camp.jpg) top left no-repeat;
}
#header h2{
	font-size: 70%;
	display: none;
	margin: 0;
}
/* @end */

/* @group Content */
#content{
	width: 100%;
	background: url(style/images/contentbg.png) -1px 0px repeat-y;
	overflow: hidden;
}


/* @group Forms */
#content form ol, #content form li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#content form ol{
	margin-left: 5px;
	width: 95%;
	overflow: hidden;
}
#content form h2{
	color: #000;
	font-size: 1.3em;
	text-transform: none;
	border-bottom: 1px dotted #ccc;
	margin-left: 5px;
	padding-left: 0;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}
#content form .half{
	float: left;
	width: 47%;
		color: #666;
}
#content form p{
	margin: 0;
	padding: 0;
}
#content form .fourth{
	float: left;
	width: 24%;
}
#content form li{
	padding-bottom: .5em;
	width: 100%;
	display: block;
}
.clear{
	clear:both;
	padding-top: 1em;
}
#content .half label, #content .full label, #content .fourth label{
	color: #666;
	font-size: .9em;
	display: block;
}
#content label.error { float: none; color: red; vertical-align: top; }
#content .button{
	padding-top: 2em;
}

#membershipbox{
	border:1px solid #7184c3;
	width: 350px;
	height:75px;
	background-image:url(http://www.karateamerica.org/wp-content/themes/karate/style/images/boxbg.png);
	margin: auto;
	margin-top:20px;
	margin-bottom: 20px;
	color:#FFF;
	font-size: 1.1em;
}

#membershipbox a:link, a:hover, a:visited{
	text-align:center;
	color: #ff0000;
	text-decoration:underline;
	font-weight:bold;
}

#membershipbox p{
	font-weight:bold;
	margin:0px;
	text-align:center;
	padding: 15px;
	color: #ffffff;
}


.kidquote { 
	font: 12px/1.2em Verdana, Arial, Helvetica, sans-serif ;
	margin-bottom: 1.5em; /* 18px */
	line-height: 1.5em;
	margin-top: 1.5em;
	text-align:center;
	font-style:italic;
}

.redquote{
	font-style:italic;
	font-size: 1.2em; /* 12px */
	margin-bottom: 1.5em; /* 18px */
	line-height: 1.5em;
	margin-top: 1.5em;
	color:#F00;
	font-family: "Trebuchet MS", arial, helvetica;
	font-weight: bold;
}

.highlight{
	background-color: #FF0;
}

.story{
	text-indent: 30px;
	font-style:italic;
}

.homeheader {
	font-size: 22px;
	color: #00F;
	font-family: "Trebuchet MS", arial, helvetica;
	font-style:italic;
	line-height: 22px;
	padding:18px;
	font-weight:bold;
}

.bluesep{
	font-size: 1.2em; /* 12px */
	margin: .4em 10px 1em 0;
	font-weight: bold;
	color: #ff0000;
	padding: .4em 5px 0 0;
	font-family: "Trebuchet MS", arial, helvetica;
}

.bluesepbig{
	font-size: 1.4em; /* 14px */
	margin: .4em 10px 1em 0;
	font-weight: bold;
	color: #ff0000;
	padding: .4em 5px 0 0;
	font-family: "Trebuchet MS", arial, helvetica;
}

.headernewbl{
	font-size: 12px;
	margin: .4em 10px 1em 0;
	font-weight: bold;
	color: #000000;
	padding: .4em 5px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.redsep{
	font-size: 13px;
	margin: .4em 10px 1em 0;
	font-weight: bold;
	color: #F00;
	padding: .4em 5px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* @end */

/* @end */

/* @group lcol */
#lcol{
	padding: 0 3px;
	width: 210px;
	float: left;
	color: #636363;
}
#lcol strong{
	font-weight: bold;
	color: #000;
	font-style: italic;
}
#lcol p{
	font-style: italic;
	padding: 0 7px;
	margin: 1.4em 0;
	color: #ffffff;
}
/* @group Nav */
.nav{
	display: block;
	width: 182px;
	height: 251px;
}
.nav a{
	display: block;
	width: 100%;
	height: 46px;
	text-indent: -9999px;
	background: url(style/images/nav.png) 0px -1px no-repeat;
}
.nav a:hover, .nav #children a.active{
	background: url(style/images/nav.png) 0px -251px no-repeat;
}
.nav #adult a{
	height: 44px;
	background: url(style/images/nav.png) 0px -47px no-repeat;
}
.nav #adult a:hover, .nav #adult a.active{
	background: url(style/images/nav.png) 0px -297px no-repeat;
}
.nav #send a{
	height: 44px;
	background: url(style/images/nav.png) 0px -91px no-repeat;
}
.nav #send a:hover, .nav #send a.active{
	background: url(style/images/nav.png) 0px -341px no-repeat;
}
.nav #about a{
	height: 43px;
	background: url(style/images/nav.png) 0px -135px no-repeat;
}
.nav #about a:hover, .nav #about a.active{
	background: url(style/images/nav.png) 0px -385px no-repeat;
}
.nav #blog a{
	height: 43px;
	background: url(style/images/nav.png) 0px -177px no-repeat;
}
.nav #blog a:hover, .nav #blog a.active{
	background: url(style/images/nav.png) 0px -427px no-repeat;
}
.nav li{
	position: relative;
}
.nav li ul{
	display: none;
	margin-bottom: 0;
	padding: .3em 0;
	background: url(style/images/nav_sub.png) top left repeat-y #282828;
}
#focus-control .nav li ul, #fitness .nav li ul, #confidence-and-self-discipline .nav li ul, #character-leader .nav li ul{
	display: block;
}
.nav li:hover ul{
	display: block;
}
.nav #children ul a{
	background: url(style/images/nav_sub.png) top left repeat-y #282828;
}
#children ul a{
	color: #fff;
	height: auto;
	text-indent: 13px;
	padding: .3em 0;
	text-decoration: none;
	font-size: .9em;
}
#children ul a:hover, #children ul a.current{
	color: #ec1b3c;
}
/* @end */
/* @end */
/* @group blocks */
#leadership-information #header,
#little-ninja #header,
#basic #header,
#black-belt-team-1 #header,
#black-belt-team-2 #header,
#masters-team #header,
#masters-team-ii #header,
#adult-information #header,
#class-schedule #header{
	display: none;
}
#leadership-information form p,
#little-ninja form p,
#basic form p,
#black-belt-team-1 form p,
#black-belt-team-2 form p,
#masters-team form p,
#masters-team-ii form p,
#adult-information form p,
#class-schedule form p{
	text-align: left;
	margin-top: 10px;
	padding-left: 10px;
}
#leadership-information #footer,
#little-ninja #footer,
#basic #footer, 
#black-belt-team-1 #footer,
#black-belt-team-2 #footer,
#masters-team #footer,
#masters-team-ii #footer,
#adult-information #footer,
#class-schedule #footer{
	display: none;
}
#leadership-information table,
#little-ninja table,
#basic table 
#black-belt-team-1 table,
#black-belt-team-2 table,
#masters-team table,
#masters-team-ii table,
#adult-information table,
#class-schedule table{
	margin-left: 10px;
}
#leadership-information, #leadership-information #wrap, #leadership-information #content,
#little-ninja, #little-ninja #wrap, #little-ninja #content,
#basic, #basic #wrap, #basic #content,
#black-belt-team-1, #black-belt-team-1 #wrap, #black-belt-team-1 #content,
#black-belt-team-2, #black-belt-team-2 #wrap, #black-belt-team-2 #content,
#masters-team, #masters-team #wrap, #masters-team #content,
#masters-team-ii, #masters-team-ii #wrap, #masters-team-ii #content,
#adult-information, #adult-information #wrap, #adult-information #content,
#class-schedule, #class-schedule #wrap, #class-schedule #content{
	width: 100%;
	background: #ff0000;
	background-image: none;
	text-align: center;
}
.block{
	width: 290px;
	padding-left: 1%;
	background: #eee;
	border: 1px solid #333;
	text-align: left;
	margin-left: 2%;
	vertical-align: top;
}
.block a{
	color: #333;
}

#bday{
	background: transparent;
	position:relative;
	top:535px;
	height:0px;
}

/* @end */
/* @group rcol */

#rcol {
	width: 210px;
	float: left;
}

#rcol #students{
	background: transparent;
}

#rcol h2{
	color: #fff;
	margin: 1em 8px;
	padding: 0;
	font-weight: normal;
	font-style: italic;
}
#rcol blockquote{
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/blockquote.png) top no-repeat #000;
	color: #c2c2c2;
	display: block;
	width: 186px;
	padding: 5px 5px 0 5px;
	margin: 0 0 0 10px;
	font-style: italic;
}
#rcol cite{
	text-align: right;
	display: block;
	width: 193px;
	padding: 3px;
	margin: 0 0 1em 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-style: italic;
	background: url(style/images/cite.png) top left no-repeat;
	padding-top: 27px;
}
#rcol .quote{
	display: none;
	background: transparent;
}
#rcol .active{
	display: block;
}
/* @end */

/* @group Post */

.post{
	padding: 0 3px;
	width: 621px;
	float: right;
	color: #000;
	min-height:800px;
}
.post p, .post ul{
	color: #333;
	padding: 0 5px;
}
.post ul, .post li{
	list-style-type: disc;
}
.post ul{
	padding-left: 25px;
}
.post h3{
	font-style: normal;
	margin-bottom: .5em;
}

/* @group Subscriber form */
#aweber-subscriber-form #wrap, #pyramid #wrap{
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/wrapbg_form.gif) -1px 0px repeat-y;
}
#pyramid #content{
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/contentbg_form.gif) -1px 0px no-repeat;
}
#pyramid #content{
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/pyramid_bg.png) -1px 0px repeat-y;
}
#aweber-subscriber-form .post, #pyramid .post{
	width: 826px;
	padding-left: 10px;
}
#pyramid .post{
	width: 700px;
	margin-left:  70px;
	background: #fff;
	float:left;

}
#aweber-subscriber-form table{
	margin-top:  1.5em;
	font-size: 1.2em;
}
#aweber-subscriber-form td h3{
	color: #ff0000;
	font-size: 1.1em;
	margin-top: 0;
}
#aweber-subscriber-form #header{
	background: url(style/images/form_head.gif) top left no-repeat;
}
#player1{
	margin: 10px 0 0 0;
	float: right;
}
.block #player1{
	float: none;
}
/* @end */
/* @group Pyramid */
#pyramid_blocks{
	position: relative;
	display: block;
	height: 460px;
	width: 100%;
	margin-top: 15px;
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/pyramid_blocks_logo.png) 0px 90px no-repeat;
	padding-top: 30px;
	padding-bottom: 20px;
}

#pyramid .row{
	display: block;
	text-align: center;
	position: absolute;
	margin: auto;
	font-size: 2em;
	color: #fff;
	cursor: pointer;
	width: 150px;
	height: 66px;
	text-indent: -9999px;
}
#pyramid #leadership{
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/leadership_block.png) top left no-repeat;
	top: 0px;
	left: 340px;
}
#pyramid #blackBelt1{
		left: 100px;
	top: 207px;
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/blackbelt1_block.png) top left no-repeat;
}
#pyramid #littleNinja{
	left: 129px;
	top: 433px;
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/littleninja_block.png) top left no-repeat;
}
#pyramid #schedule{
	right: 129px;
	top: 433px;
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/schedule_block.png) top left no-repeat;
}
#pyramid #basic{
		left: 59px;
	top: 323px;
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/basic_block.png) top left no-repeat;
}
#pyramid #mastersTeam{
	right: 96px;
	top: 207px;
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/masters1_block.png) top left no-repeat;
}
#pyramid #mastersTeam2{
		right: 150px;
	top: 104px;
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/masters2_block.png) top left no-repeat;
}
#pyramid #adult{
		right: 59px;
	top: 323px;
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/adult_block.png) top left no-repeat;
}
#pyramid #blackBelt2{
		left: 159px;
	top: 104px;
	background: url(http://www.karateamerica.org/wp-content/themes/karate/style/images/blackbelt2_block.png) top left no-repeat;
}
table.schedule {
	background-color: #eee;
	border: 1px solid #333;
	width: 561px;
	color: #000;
}
td.class {
	border: 1px solid #333;
	width: 111px;
}
td.schedule {
	border: 1px solid #333;
	width: 75px;
}
/* @end */
/* @end */

/* @group Footer */
#footer{
	width: 846px;
	margin: 0 auto 0 auto;
	background: url(style/images/contentbg.png) -1px 0px no-repeat;
	height:22px;
	text-align:center;
	vertical-align:top;
}

#pyramid #footer{
	width: 846px;
	margin: 0 auto 0 auto;
	background: url(style/images/pyramid_bg.png) -1px 0px no-repeat;
	height:22px;	
	text-align:center;	
	vertical-align:top;	
	margin-bottom: 5px;
}
#footer a{
	color: #fff;
	height: auto;
	text-align:center;
	text-decoration: underline;
	font-size: .9em;
	padding-bottom: 5px;
	font-weight:bold;
}
#footer a:hover, #footer a.visited{
	color: #000;
	text-decoration:none;
}
/* @end */

/* @end */
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#eee; border:8px solid #444; padding:12px;-moz-border-radius: 5px; -webkit-border-radius: 5px;color: #333;}
#secureNotice{
	display: none;
	font-size: 1.2em;
}
#secureNotice button{
	display: inline;
	float: left;
	background: #1240AC;
	color: #fff;
	padding: .5em .2em;
	border: 2px solid #000056;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	width: 170px;
	font-size: 1em;
	text-align: center;
	cursor: pointer;
}
.simplemodal-close{
	margin-right: 10px;
}

