/*   
Theme Name: Robot Gray
Version: 1.0
Description: The custom designed Wordpress theme RobotBJJ. Mocked up by David Telfair. Coded by Alex Lea.
Author: Alex Lea
Author URI: www.inspirefxstudios.com
*/

/*-----------------------------------------
CSS RESET
-----------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
/*-----------------------------------------
COMMON STYLES v1.0
-----------------------------------------*/
.clear, .spacer { clear: both; }
.full, .spacer { width: 100%; }
.spacer { height: 10px; }
.inline { display: inline; }
.pd20 { padding: 20px; }
.pd30 { padding: 30px; }
.mgb0 { margin-bottom: 0; }
.mgb20 { margin-bottom: 20px; }
.mga { margin: auto; }
.borderbox { padding: 20px; border: 1px solid #ddd; margin-bottom: 20px; }
.seperator { float: left; width: 100%; border-top: 1px dotted #999; margin: 20px 0; }
.tal { text-align: left; }
.tar { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.font11, small { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.green { color: #5ba100; }
.orange { color: #ff8500; }
.red { color: #ff0000; }
.gray { color: #666; }
.darkgray { color: #333; }
.yellow { color: #fff200; }
/*-----------------------------------------
 MENU
-----------------------------------------*/
#pcm { display:none; }
ul.pureCssMenu ul { display:none }
ul.pureCssMenu li:hover>ul { display:block }
ul.pureCssMenu ul { position: absolute; left:-1px; top:98%; }
ul.pureCssMenu ul ul { position: absolute; left:98%; top:-2px; }
ul.pureCssMenu, ul.pureCssMenu ul { margin:0px; list-style:none; padding:0px 2px 2px 0px; background-color:#ffffff; background-repeat:repeat; z-index:1000; }
ul.pureCssMenu table { border-collapse:collapse }
ul.pureCssMenu { display:block; zoom:1; float: left; }
ul.pureCssMenu ul { width:160.65px; }
ul.pureCssMenu li { display:block; /*	margin:2px 0px 0px 2px;*/ margin: 3px 15px 0 0; font-size:0px; }
ul.pureCssMenu a:active, ul.pureCssMenu a:focus { outline-style:none; }
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover { display:block; vertical-align:middle; background-color:#ffffff; border-width:0px; border-color:#6655ff; border-style:solid; text-align:left; text-decoration:none; padding:6px 4px; _padding-left:0; font:normal 13px Arial; font-weight: bold; color: #666; text-decoration:none; }
ul.pureCssMenu span { overflow:hidden; }
ul.pureCssMenu li { float:left; }
ul.pureCssMenu ul li { float:none; }
ul.pureCssMenu ul a { text-align:left; white-space:nowrap; }
ul.pureCssMenu li.sep { text-align:center; padding:0px; line-height:0; height:100%; }
ul.pureCssMenu li.sep span { float:none; padding-right:0; width:5; height:16; display:inline-block; background-color:#AAAAAA; background-image:none; }
ul.pureCssMenu ul li.sep span { width:80%; height:3; }
ul.pureCssMenu li:hover { position:relative; }
ul.pureCssMenu li:hover>a { background-color:#2093de; border-color:#665500; border-style:solid; color: #ffffff; text-decoration:none; }
ul.pureCssMenu li a:hover { position:relative; background-color:#2093de; border-color:#665500; border-style:solid; color: #ffffff; text-decoration:none; }
ul.pureCssMenu li.dis a { color: #AAAAAA !important; }
ul.pureCssMenu img { border: none; float:left; _float:none; margin-right:4px; width:16px; height:16px; }
ul.pureCssMenu ul img { width:16px; height:16px; }
ul.pureCssMenu img.over { display:none }
ul.pureCssMenu li.dis a:hover img.over { display:none !important }
ul.pureCssMenu li.dis a:hover img.def { display:inline !important }
ul.pureCssMenu li:hover > a img.def { display:none }
ul.pureCssMenu li:hover > a img.over { display:inline }
ul.pureCssMenu a:hover img.over, ul.pureCssMenu a:hover ul img.def, ul.pureCssMenu a:hover a:hover ul img.def, ul.pureCssMenu a:hover a:hover a:hover ul img.def, ul.pureCssMenu a:hover a:hover img.over, ul.pureCssMenu a:hover a:hover a:hover img.over, ul.pureCssMenu a:hover a:hover a:hover a:hover img.over { display:inline }
ul.pureCssMenu a:hover img.def, ul.pureCssMenu a:hover ul img.over, ul.pureCssMenu a:hover a:hover ul img.over, ul.pureCssMenu a:hover a:hover a:hover ul img.over, ul.pureCssMenu a:hover a:hover img.def, ul.pureCssMenu a:hover a:hover a:hover img.def, ul.pureCssMenu a:hover a:hover a:hover a:hover img.def { display:none }
ul.pureCssMenu a:hover ul, ul.pureCssMenu a:hover a:hover ul, ul.pureCssMenu a:hover a:hover a:hover ul { display:block }
ul.pureCssMenu a:hover ul ul, ul.pureCssMenu a:hover a:hover ul ul { display:none }
ul.pureCssMenu span { display:block; background-image:url(menu/arrv_anim_1.gif); background-position:right center; background-repeat: no-repeat; padding-right:11px; }
ul.pureCssMenu li:hover>a>span { background-image:url(menu/arrv_anim_1o.gif); }
ul.pureCssMenu a:hover span { _background-image:url(menu/arrv_anim_1o.gif) }
ul.pureCssMenu ul span, ul.pureCssMenu a:hover table span { background-image:url(menu/arr_double_1.gif) }
ul.pureCssMenu ul li:hover > a span { background-image:url(menu/arr_double_1o.gif); }
ul.pureCssMenu table a:hover span, ul.pureCssMenu table a:hover a:hover span, ul.pureCssMenu table a:hover a:hover a:hover span { background-image:url(menu/arr_double_1o.gif) }
ul.pureCssMenu table a:hover table span, ul.pureCssMenu table a:hover a:hover table span { background-image:url(menu/arr_double_1.gif) }
/* ----- CSS ----- */
body { background: #48484a url(img/bg_body.gif) top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ddd; line-height: 140%; }
h1, h2, h3, h4 { color: #fff; font-weight: normal; margin-bottom:15px; line-height: 110%; font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; z-index: -1; }
h1 { font-size: 24px; }
h2, h3 { font-size: 20px; }
h4 { font-size: 16px; }
li { list-style: none; }
/* ----- ALL-WRAP ----- */
#wrapper, #content { width: 900px; }
#wrapper { margin: 0 auto; }
#content { float: left; border: 1px solid #666; border-width: 0 1px; clear: both; }
/* ----- HEADER & FOOTER ----- */
#header, #footer { float: left; width: 900px; clear:both; }
#header { padding-top: 15px; }
#logo { float: left; clear: both; width: 100%; margin-bottom: 5px; }
#page-wrap { float: left; width: 100%; clear: both; }
#title { float: left; /*	padding-top: 70px;*/ width: 520px;/*	border: 1px solid red;*/ }
#title h1 { font-size: 52px; color: #fff; font-family: 'Myriad Pro', Arial; }
#pagepic { float: right; height: 200px; width: 300px; border: 1px solid white; }
#footer { float: left; width: 900px; margin: 20px 0; border-top: 4px solid #fff; padding-top: 5px; font-size: 11px; }
#footer li { display: inline; margin-left: 20px; }
#footer a { color: #3db2ff; text-decoration: none; }
#footer a:hover { color: #2093de; }
/* ----- NAVIGATION ----- */
#navigation { float: left; clear: both; background-color: #fff; width: 100%; margin: 15px 0 20px; }
ul.nav { margin-left: 15px; }
/* ----- CONTENT ----- */
.breadcrumb { padding: 15px 15px 0; }
.bg-main { float: left; background: url(img/bg_main.png) top repeat-y; }
.main-col, .main-colr { float: left; width: 259px; padding: 20px; }
.main-colr { width: 258px; border: none; }
.main-col ul li { list-style: inside; list-style-image: url(img/star.png); margin-bottom: 15px; }
#signup { background: #0071bc; color: #fff; border: 1px solid #fff; margin: 0 auto; padding: 20px; }
table.signup td { width: 50%; padding-bottom: 10px; }
.bdl { border-left: 1px solid #666; }
.content-col { width: 669px; border-right: 1px solid #666; margin-right: -1px; }
table.instructors { width: 100%; border-top: 1px solid #666; }
table.instructors tr { border-bottom: 1px solid #666; }
table.instructors td { padding: 15px 0; vertical-align: top; height: auto; width: 295px; }
table.instructors td h2 { margin-bottom: 15px; }
/* ----- CLASSES ----- */
.pd15 { padding: 15px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.mgr15 { margin-right: 15px; }
.mgr10 { margin-right: 10px; }
.mgb15 { margin-bottom: 15px; }
.mgb5 { margin-bottom: 5px; }
.post { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #666; }
.mht { min-height: 300px; }
.blue { color: #3db2ff; }
/* ----- LINKS ----- */
a { color: #3db2ff; text-decoration: underline; }
a:hover { color: #2093de; }
h1 a, h2 a, .tdn { text-decoration: none; }
ul.links a { color: #ff6c00; }
#sidebar li.widget { list-style: none; margin-bottom: 15px; }
/* ----- FROM DEFAULT ----- */
#sidebar h2 { font-size: 16px; }
#sidebar { font-size: 11px; }
#sidebar form { margin: 0; }
#sidebar #searchform #s { width: 100px; padding: 2px; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }
/* Begin Form Elements */
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 100px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond { /*	padding-top: 15px;
	border-top: 1px solid #666;*/ }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */
.entry p { font-size: 13px; margin-bottom: 15px; }
/* Schedule Table */
/* TABLE STYLES */
table.style1 th, table.style1 td { border: 1px solid #C0C0C0; width: 90px; padding: 7px; }
table.style1 th { background-color: gray; text-align: center; color: white; }
table.style1 td { text-align: center; vertical-align: middle; }
table.style1 td#row_header { font-weight: bold; text-align: right; }
table.style1 td#faded_out { color: #00B9D2; }
table.style1 tr:hover td { color: #3db2ff; background-color: #eee; }
table#schedule th, table#schedule td { min-width: 90px; }
table#membership th, table#membership td { width: 120px; }