/*
Theme Name: Gracie-SD
Theme URI: http://thegraciesandiego.com/
Description: Custom theme developed for Gracie Jiu-Jitsu - San Diego; by John Benedict of Benedict Graphico.
Version: 1.0
Author: John Benedict
Author URI: http://benedictgraphico.com/
Tags: dark blue, yellow, fixed width, two columns, widgets

	Gracie-SD v1.0
	 http://thegraciesandiego.com/

	This theme was designed and built by John Benedict,
	whose website you will find at http://benedictgraphico.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* --------------------------------------------------------------

	* Resets default browser CSS.

	Based on work by Eric Meyer:
	* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* firefox dotted line removal */
a { outline: none; }

/*
-------------------------------------------------------------- */

/* --- GLOBAL --- */
html, body				{ width: 100%; margin: 0 auto; text-align: center; }
body					{ background: #030b20;
							font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #ccc; }

::-moz-selection		{ background: #fc0; color: #030b20; } 
::selection 			{ background: #fc0; color: #030b20; } 

a						{ color: #fc0; text-decoration: none; }
a:hover					{ text-decoration: underline; }

em						{ font-style: italic; }


#wrap					{ width: 100%; margin: 0 auto; }
.section				{ width: 960px; margin: 0 auto; text-align: left;  }

#hdr					{ width: 100%; height: 233px;
							background: #030b20 url(images/global/Gracie-SD-hdr-bg.jpg) repeat-x; }

#logo					{ float: left; width: 240px; }
#logo a					{ text-indent: -9999px; width: 240px; height: 233px; display: block;
							background: url(images/global/Gracie-SD-logo.jpg) no-repeat; }

#hdr-img				{ float: right; width: 720px; height: 192px; background: #ede8d3; }

#nav					{ float: right; width: 720px; height: 36px; padding: 2px 0;
							background: #030b20 url(images/global/Gracie-SD-nav-bg.jpg) repeat-x; }
#nav ul					{ list-style: none; }
#nav li					{ font-weight: bold; line-height: 36px; padding: 0 6px; }


/* superfish */
.sf-menu, .sf-menu * 	{ }
.sf-menu 				{ }
.sf-menu ul 			{ position: absolute; top: -9999px; padding: 10px 20px 10px 10px;
							background: #030b20 url(images/global/Gracie-SD-nav-subBg.jpg) repeat-x; 
							border: 1px solid #666; width: 188px; }
.sf-menu ul li 			{ white-space: nowrap; padding: 0 10px; display: block; width: 100%; 
							border-top: 1px solid #1e2b4a; line-height: 20px; }
.sf-menu ul li a 		{ white-space: nowrap; display: block; width: 100%; }
.sf-menu li:hover 		{ visibility: inherit; background: #fc0; }
.sf-menu li:hover a 	{ visibility: inherit; color: #030b20; }
.sf-menu li:hover ul li a { color: #fc0; }
.sf-menu li:hover ul li:hover { background: #030b20; }
.sf-menu li 			{ float: left; position: relative; }
.sf-menu a 				{ display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 5px; top: 30px; z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -9999px; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -9999px; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { top: 0; }
.sf-menu				{ }
.sf-menu a 				{ }
.sf-menu a, .sf-menu a:visited  {  }
.sf-menu li 			{ }
.sf-menu li li { display: block; width: 100%; }
.sf-menu li li li 		{ }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {  }
.sf-menu a.sf-with-ul 	{ padding-right: 12px; min-width: 1px; }
.sf-sub-indicator 		{ position: absolute; display: block; right: 0; top: 13px; width: 9px; height: 9px; 
							text-indent: -999em; overflow: hidden; 
							background: url('images/global/Gracie-SD-nav-subIndicator.gif'); }

.last-subNav			{ border-bottom: 1px solid #1e2b4a; }




#body					{ float: left; width: 100%; padding: 20px 0 10px;
							background: url(images/global/Gracie-SD-body-bg.jpg); }


#lCol					{ float: left; width: 720px; }
#rCol					{ float: right; width: 230px; }


.edit					{ background: #030b20; padding: 20px; position: absolute; top: 253px; right: 0; }
.box					{ background: #030b20; padding: 20px; margin-bottom: 10px; }
.oneCol					{ width: 680px; }
.twoCol					{  }

.lCol					{ float: left; width: 310px; }
.rCol					{ float: right; width: 320px; }

.pad10b					{ padding: 5px; }



.box h2					{ padding: 10px 0 0; font-size: 24px; font-weight: bold; border-bottom: 1px solid #1b2232; }
.box h2 span			{ font-size: 18px; }
.box h3					{ padding: 0; font-size: 14px; }


.the_content			{ padding: 20px 10px 0; }
.the_content h1			{ padding: 10px 0; font-size: 21px; }
.the_content h3			{ font-size: 18px; padding-bottom: 10px; }
.the_content p			{ font-size: 13px; line-height: 21px; padding-bottom: 20px; }
.the_content ul			{ font-size: 13px; line-height: 20px; padding: 0 0 20px 20px; }
.the_content ul li		{  }

.excerpt p				{ padding-bottom: 10px !important; }
.postmetadata			{ font-size: 10px !important; font-weight: bold; text-transform: uppercase; padding-bottom: 0; }

.the_content p img, .the_content h1 img { border: 1px solid #1b2232; }
.alignleft				{ float: left; margin: 0 20px 20px 0; padding: 0; }
.alignright				{ float: right; margin: 0 0 20px 20px; padding: 0; }


.faq					{ padding: 0 10px 10px; border-bottom: 1px solid #1b2232; }
.faq h1					{ padding: 20px 0 10px; font-size: 21px; }
.faq h3					{ font-size: 18px; padding-bottom: 10px; }
.faq p					{ font-size: 13px; line-height: 20px; padding-bottom: 10px; }
.faq p img				{ border: 1px solid #1b2232; }

.testimonials			{ padding: 20px 10px 10px; border-bottom: 1px solid #1b2232; }
.testimonials h1		{ padding: 20px 0 10px; font-size: 21px; }
.testimonials h3		{ font-size: 18px; padding-bottom: 10px; }
.testimonials p			{ font-size: 13px; line-height: 20px; padding-bottom: 10px; }
.testimonials p img		{ border: 1px solid #1b2232; }

.sponsors				{ padding: 0 10px; border-bottom: 1px solid #1b2232; }
.sponsors h1			{ padding: 20px 0 10px; font-size: 21px; }
.sponsors h3			{ font-size: 18px; padding-bottom: 10px; }
.sponsors p				{ font-size: 13px; line-height: 20px; padding-bottom: 10px; }
.sponsors p img			{ border: 1px solid #1b2232; }

.links					{ padding: 0 20px; }
.links h1				{ padding: 20px 0 0 10px; font-size: 21px; border-bottom: 1px solid #1b2232; }
.links ul				{ list-style: none; font-size: 12px; line-height: 14px; }
.links ul ul			{ float: left; padding: 20px 10px 0; border-left: 1px solid #1b2232; }

.links ul li			{ float: left; width: 300px; padding: 0 20px 10px 0; border-bottom: none !important; }
 
.links ul ul li			{ padding: 0 0 20px 0 !important; }
.links ul ul li a		{ display: block; font-size: 14px; }

.clear					{ clear: both; }

.navigation .alignleft	{ float: left; padding: 0 10px; margin: 0; width: 300px; }
.navigation .alignright	{ float: right; padding: 0 10px; margin: 0; width: 300px; text-align: right; }



.archives				{ border-bottom: 1px solid #1b2232; }

#history_credit			{ padding: 20px 10px 0; font-size: 12px; font-weight: bold; }
#prog-info				{ clear: both; width: 100%; border-top: 1px solid #1b2232; }
#prog-info h5			{ padding: 20px 0; font-size: 18px; line-height: 24px; font-style: italic; color: #fc0; text-align: center; }


#comments, #respond		{ clear: both; padding: 20px 0 0; border-top: 1px solid #1b2232; }
#comments h4, #respond h4 { clear: both; font-size: 18px; padding: 10px 0; }

.commentlist			{ list-style: none; }
.commentlist li			{ float: left; width: 100%; border-top: 1px solid #1b2232; }

.comment-body			{ padding: 20px; }
.comment-author			{  }
.comment-meta			{  }


.the-commenter			{ float: left; width: 120px; padding: 20px; }
.the-comment			{ float: left; width: 500px; padding: 20px 0; }


.the-commenter img		{ padding: 0 0 20px; }
.the-commenter p		{ padding: 0 !important; }

.comment-author a		{ font-size: 10px; text-transform: uppercase; }
.comment-date a			{ font-size: 9px; }

.alt div.the-comment	{  }

p.attachment				{ padding: 20px 0; }


#contact-form			{ float: left; padding: 20px; border-top: 1px solid #1b2232; }
#contact-form h3		{  }
#contact-form ol		{ padding: 20px 0 0; list-style: none; }
#contact-form li		{ float: left; width: 600px; font-size: 12px; line-height: 20px; padding-bottom: 10px; }

#contact-form p			{ font-size: 12px; line-height: 20px; }

#contact-form input, #contact-form select, #contact-form textarea
						{ width: 440px; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; line-height: 20px; }

#contact-form input		{  }
#contact-form select	{ height: 20px; }
#contact-form textarea	{ min-height: 72px; line-height: 18px; }

.lbl					{ float: left; width: 80px; padding: 4px 20px 0 0; text-align: right; }
.input					{ float: right; width: 500px; }
.send					{ float: left; width: 500px; padding: 0 0 20px 100px; }
.send input				{ width: 140px !important; }

.human					{ display: none; }
.msg					{ display: none; clear: both; width: 440px; padding: 0 0 0 100px; }
#free-class-form .msg	{ display: none; clear: both; width: 150px; padding: 0; overflow-x: hidden; }
#newsletter-form .msg	{ display: none; clear: both; width: 150px; padding: 0; overflow-x: hidden; }
.msg div				{  }
.msg p					{ border: 1px solid #1b2232; padding: 20px; }
.error					{ border: 1px solid #fc0 !important; color: #fc0 !important; }

label.error				{ padding: 3px; }
input.error, textarea.error { color: #030b20 !important; }

#commentform textarea	{ min-height: 72px; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; line-height: 18px; }

#sidebar				{ list-style: none; }
.subNav					{  }
.subNav ol, .subNav ul	{ padding: 0 !important; }
.subNav li				{ list-style: none; font-size: 12px; font-weight: bold; border-bottom: 1px solid #1b2232; line-height: 20px; }
.subNav li a			{ display: block; padding: 5px 10px; }

.subNav li.last-subNav	{ border-bottom: none; }


/* HOME PAGE STYLES */

.coming-soon			{ width: 456px; margin: 0 auto; border: 2px solid #030b20; padding-left: 260px;
							background: #030b20 url(images/tmp/Gracie-SD-coming-soon.jpg) no-repeat;  }

.coming-soon h1			{ font-size: 24px; color: #fff; font-weight: bold; padding-bottom: 15px; }
.coming-soon h2			{ font-size: 18px; color: #fff; font-weight: bold; padding-bottom: 15px; }
.coming-soon p			{ font-size: 13px; line-height: 20px; padding-bottom: 15px; }


.royler-msg				{ padding: 20px 20px 18px; border-bottom: 2px solid #030b20;
							background: #030b20 url(images/tmp/Royler.jpg) 2px 2px no-repeat; }
.royler-msg	h1			{ padding: 12px 0 0 230px; font-size: 24px; color: #fff; }
.royler-msg	p			{ padding: 12px 0 12px 230px; font-size: 14px; line-height: 24px; }


.box h6					{ font-size: 10px; font-weight: bold; text-transform: uppercase; 
							border-bottom: 1px solid #1b2232; }


.latest					{  }
.latest-entry			{ padding: 18px 0; line-height: 18px; border-bottom: 1px solid #1b2232; }
.latest-entry h2		{ font-size: 14px; padding: 0 0 6px; border: none; }
.latest-entry p			{ font-size: 12px; padding-bottom: 6px; }
.latest .see-more		{ font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 12px 0 6px; }

.student-of-month		{  }
.student-of-month h5	{ font-size: 18px; padding-bottom: 9px; }
.white					{ color: #fff; }
.blue					{ color: #628fd3; }
.purple					{ color: #8b6a95; }
.brown					{ color: #a38356; }
.black					{ color: #fff; }
.student-of-month p		{ font-size: 12px; line-height: 18px; }

.student-img			{ float: left; width: 90px; padding: 20px 0; overflow-x: hidden; }
.student-txt			{ float: right; width: 200px; padding: 20px 10px 20px 20px; }



.nl-txt					{ float: left; width: 120px; padding: 10px 0; }
.nl-frm					{ float: right; width: 190px; padding: 10px 0 0 10px; }

.nl-txt p				{ font-size: 12px; line-height: 18px; }

.nl-frm form			{ float: right; border-left: 1px solid #1b2232; padding: 0 20px; }
.nl-frm ol				{ list-style: none; }
.nl-frm li				{ font-size: 11px; line-height: 18px; padding-bottom: 9px; }
.nl-frm	input			{ width: 140px; }


.free-class				{  }
.free-class	 p 			{ font-size: 12px; line-height: 18px; padding: 9px 0; }

.free-class	 form		{ padding: 0 10px; }
.free-class	 ol			{ list-style: none; }
.free-class	 li			{ font-size: 11px; line-height: 18px; width: 140px; padding-bottom: 9px; }

.free-class	 label		{ }
.free-class	 input		{ width: 140px; }


.home-faqs				{ }
.home-faqs h5			{ font-size: 14px; }
.home-faqs .see-more	{ font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 18px 0 6px; }
.home-faq				{ padding: 14px 0 7px; border-bottom: 1px solid #1b2232; }


.form-disclaimer		{ font-size: 9px !important; line-height: 12px !important; font-weight: bold; font-style: italic;
							text-align: center; color: #999; width: 140px; padding: 0 0 9px !important; }

.submit					{ padding: 3px 0 0 0; }


.confirmation			{ border: 1px solid #1b2232; padding: 9px; font-size: 12px; line-height: 18px; }


#quote					{ padding: 10px; margin-top: 20px;
							background: #15295f url(images/global/quote-top-bg.gif) 0 top no-repeat; }
#quote p				{ font-size: 13px; line-height: 18px; font-weight: bold; color: #fff; }
#quote-by				{ background: #030b20 url(images/global/quote-btm-bg.gif) 0 top no-repeat; }
#quote-by p				{ padding: 12px 10px 0 50px;; font-size: 12px; line-height: 18px; font-weight: bold; font-style: italic; color: #d3dded; }


.social-media			{  }
.social-media ol		{ list-style: none; padding: 10px 0 0; }
.social-media li		{ padding: 3px 0; font-size: 11px; font-weight: bold; }
.social-media li a		{ display: block; height: 23px; }
.social-media li a:hover{ text-decoration: none; }
.social-media li a img	{  }



/* END HOME PAGE STYLES */


/* SCHEDULE */

#schedule-iframe		{ width: 900px; padding: 10px; margin: 10px auto 0; background: #fff; }



/* FOOTER */

#ftr					{ float: left; width: 100%; padding: 20px 0 0; background: #030b20;
							font-size: 11px; font-weight: bold; line-height: 14px; color: #ccc; }

#ftr-info				{ float: left; width: 720px; }
#ftr-info img			{ float: left; padding-left: 20px; }
#ftr-info p				{ float: left; padding: 20px; }

#ftr ol, #ftr ul		{ float: right; list-style: none; width: 229px; padding: 10px 0 10px 10px; font-size: 10px;
							border-left: 1px solid #1b2232; }
#ftr li					{ float: left; width: 76px; }
#ftr li a				{ }
#ftr li a:hover			{ }

#ftr ol ol, #ftr ol ul	{ float: none; width: 70px; padding: 0; border: none; }
#ftr ol ol li			{ float: none; width: 70px; }

#ftr ol ol ul			{ float: none; padding-left: 3px; border: none; font-weight: normal; border-left: 1px solid #1b2232; }

#copy					{ float: right; padding-right: 20px;  }


#design-develop			{ clear: both; text-align: right; padding-top: 30px; }