/*

Theme Name: UniJJ

Theme URI: http://www.unijj.com/

Description: Theme for Univeristy of Jiu Jitsu

Version: 1.0

Author: Alex Smith

Author URI: http://www.chousmith.com/

Tags: custom header, fixed width, two columns, widgets



	UniJJ v1.0

	 http://chousmith.com/unijj/



	This theme was designed by Travis J Wiley and built

	by Alex Smith, who you can find at http://www.chousmith.com/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



body { margin: 0; padding: 0; text-align: center; font: 12px/140% Arial, Helvetica, sans-serif; color: #fff; background: #000 url(images/bg.jpg) no-repeat top center; }

a { outline: none; }

a img { border: none; }

#page { display: block; width: 986px; margin: 0 auto; position: relative; text-align: left; }

#hdr { float: left; height: 163px; width: 986px; }

#logo { float: left; width: 132px; height: 132px; text-indent:-999em; background: url(images/logo.jpg) no-repeat 0 0; margin: 11px 9px 0 }

#hdr ul { float: left; margin: 106px 0 0 4px; padding: 0 0 0 2px; height: 56px; list-style: none; background:url(images/navline.png) no-repeat 0 0; }

#hdr ul li { float: left; }

#hdr ul li a { float: left; padding: 18px 34px 0 33px; height: 38px; font: 16px/16px "TradeGothic18"; color:#fff; text-decoration: none; text-transform: uppercase; background:url(images/navline.png) no-repeat top right; }

#hdr ul li.current_page_item { background: url(images/lion.png) no-repeat center top; }

#hcall { position: absolute; top: 33px; right: 47px; display: block; width: 753px; }

#hcall h3 { margin: 0 0 5px; color: #dcdcdc; font: 19px/19px "TradeGothic"; }

#hcall h5 { margin: 0; color: #E7BD2B; font: bold 13px/13px "TradeGothic"; text-transform: uppercase; }

#hcall a.btn { display: block; width: 123px; height: 17px; padding: 6px 0 0; background: url(images/btn123.png) no-repeat 0 0; text-align:center; font: bold 11px/11px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #000;; text-decoration: none; position: absolute; top: 8px; right:0; }

#hcall a.btn1 { display: block; width: 123px; height: 17px; padding: 6px 0 0; background: url(images/btn123.png) no-repeat 0 0; text-align:center; font: bold 11px/11px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #000;; text-decoration: none; float:left; position: absolute; top: 8px; left:521px; }

#tlinks { position: absolute; right: 53px; top: 6px; font: 11px/100% Arial, Helvetica, sans-serif; color: #ccc; }

#tlinks a { color: #ccc; text-decoration:none; }

#tlinks a:hover { text-decoration: underline; }

#main { float: left; width: 986px; padding: 25px 0 0; background: url(images/ctop.png) no-repeat 0 0; }

#main .mrep { float: left; width: 961px; padding: 0 12px 0 13px; background: url(images/cmid.png) repeat-y 0 0; }

#main .mend { float: left; width: 986px; height: 20px; background: url(images/cend.png) no-repeat 0 0; }

#home { float: left; width: 961px; height: 388px; position: relative; top: -12px; }

#sidebar { float: left; }

#main .mrep .page-pad { float: left; width: 901px; padding: 0 30px; }

#main h2 { margin:0; padding:20px 0 0px 0;}

#main h2, #main h3, #main h4 { 

margin:0; 

padding: ; 

font: 26px/26px "TradeGothic18"; 

color: #e9e9e9; 

text-transform: uppercase; 

/*text-shadow:#000 1px 1px 4px; */

}

.subh2 {

font: 22px/22px "TradeGothic18" !important;

text-transform: none !important;

padding-left:10px;

vertical-align:top;

padding-top:2px;

}

#main h3 { font-size:20px; color: #eabc32; }

#main h4 { font-size: 18px; line-height: 120%; text-transform:none }

#main strong { color: #eabc32; font-weight: normal }

#main #twocol { float: left; width: 959px; margin: -16px 1px 0; position: relative; top: 7px; background: url(images/twocol.png) repeat-y 0 0; }

#main #twocol #col1 { float: left; width: 651px; margin: 20px 60px 0 29px; }

#main #twocol #col1 .post { float: left; width: 660px; border-bottom: 1px solid #4b4b4b; margin-bottom: 30px; padding-bottom: 6px }

#main #twocol #col1 .post small { color: #a9a9a9; text-transform: uppercase; font-size: 12px; }

#main #twocol #col1 .post .meta { float: left; width: 651px; text-align: right; text-transform: uppercase; }

#main #twocol #col1 .post .meta a { color: #e1e1e1; text-decoration: none; }

#main #twocol #col1 .post .meta a.more { float: left; color:#E7BD2B; }

#main #twocol #col1 .post .meta a.stbutton { margin-right: 36px; padding: 0 12px 5px 22px; background: url(images/sharethis.gif) no-repeat 0 0 !important; }

#main #twocol #col1 .nav { float: left; width: 651px; text-align: right; margin-bottom: 30px }

#main #twocol #col1 .nav a { padding-right: 31px; margin-left: 31px; background: url(images/navarr.gif) no-repeat right center; font: 26px/26px "TradeGothic18"; color: #e9e9e9; text-decoration: none; text-shadow:#000 1px 1px 4px; }

#main #twocol #sidebar { float: left; width: 210px; padding-top: 8px }

#main #twocol #sidebar ul { list-style: none; margin: 0; padding: 0; }

#main #twocol #col1 h2 a { color: #e9e9e9; text-decoration: none; }

#main #twocol #sidebar h3 { font-size: 18px; color: #ebebeb; border-bottom: 1px solid #5c5c5c; padding-bottom: 3px; margin: 10px 0 16px; }

#main #twocol #sidebar #execphp-2 { float: left; margin: 20px 0; display: inline; width: 199px }

#main #twocol #sidebar #execphp-2 img.alignleft { margin: 2px 10px 0 0; }

#main #twocol #sidebar #execphp-2 h3 { text-transform: none; margin: 0; padding-top: 2px }

#main #twocol #sidebar ul a.txt198 { color: #000 }

#main #twocol #sidebar ul ul { margin-bottom: 23px; }

#main #twocol #sidebar h2, #main #twocol #sidebar ul a { color: #ebebeb; text-decoration:none;  }

#main #twocol #sidebar h2, #main #twocol #sidebar ul ul li { color: #ebebeb; text-decoration:none; padding: 4px 0px 2px; }

#main #twocol #sidebar ul.typeface-js a { text-transform: uppercase; font: 14px/22px "TradeGothic18"; color: #EBEBEB; }

#main #twocol #sidebar li#quick-flickr { width: 204px; }

#main #twocol #sidebar li#quick-flickr h3 { width: 199px; text-transform:none; }

#sidebar .flickr a { float: left; margin: 0 5px 6px 0; }

#sidebar .flickr a img { width: 63px; height: 63px; }

#ftr { float: left; width: 986px; background:url(images/bottom3.jpg) no-repeat 0 0; margin: 10px 0; font: 11px/140% Arial, Helvetica, sans-serif; }

#ftr, #ftr a { color:#000000; text-decoration:none }

#ftr .block { float: left; width: 283px; height: 237px; margin: 0 20px 22px 25px; position: relative; }

#ftr .block h3 { margin: 14px 0 34px; text-transform: uppercase; font: 20px/20px "TradeGothic18"; color: #fc3; }

#ftr .block h5 { margin:0;padding:2px 0px 0px 0px;text-transform: uppercase; font: 20px/20px "TradeGothic18"; color: #fc3; }

#ftr .block h5 span.footbold {

font-weight: bold;

vertical-align:top;

}

#ftr .block h4 { float: left; margin: 0; text-transform: uppercase; font: 16px/16px "TradeGothic18"; color: #fc3; position: absolute; left: 0; bottom: 17px }

#ftr .block h4 a { text-decoration: none; color: #000; padding-right: 16px; background: url(images/farr.gif) no-repeat right center; }

#ftr .block ul { margin: 0; padding: 0; list-style: none; }

#ftr .block ul li { margin: 0 0 10px; }

#ftr .block ul li a { color: #000000; text-transform: uppercase; text-decoration: none }

.divfoot { text-transform: uppercase; font: 18px/18px "TradeGothic18"; color: #deb333;border-top:1px solid #5c5c5c; border-bottom:1px solid #5c5c5c; padding:10px 0px 10px 0px; margin-bottom:20px }

#bullseye { margin-top: 11px; }





#ftr .foot { float: left; width: 662px; height:100px; margin: 0 0 0 23px; font-size:12px; }

#ftr .foot a { color: #ccc; }

#ftr #fl { float: left; width: 39px; height: 42px; text-indent:-999em; background:url(images/ftr.gif) no-repeat 0 0; margin: 0 10px 0 0; }

#ftr .line1 { float: left; line-height: 16px; width:662px; margin: 0 0 23px; font-size:12px; font-weight:normal  }

#ftr .fcat { float: left; width: 160px; margin: 0 23px 23px 0; font-size:12px; font-weight:normal }

#ftr .fcat strong { font-weight: normal; text-transform: uppercase; }

#ftr .fcat ul { list-style: none; margin: 10px 0 0; padding: 0; }



#ftr ul.flogos { float: left; width: 284px; margin: 0; padding: 0; list-style: none }

#ftr ul.flogos li { float: left; }

#ftr ul.flogos li a { float: left; width: 65px; height: 66px; text-indent: -999em; background: url(images/flogos.gif) no-repeat 0 0; }

#ftr ul.flogos li a:hover { background-position: 0 -66px; }

#ftr ul.flogos li.f2 a { width: 77px; background-position: -65px 0; margin: 0 37px 0 33px; }

#ftr ul.flogos li.f2 a:hover { background-position: -65px -66px; }

#ftr ul.flogos li.f3 a { width: 72px; background-position: -142px 0; }

#ftr ul.flogos li.f3 a:hover { background-position: -142px -66px; }



input.txt277, input.txt134, input.txt333, input#date { float: left; display: inline; width: 267px; height: 23px; font: 10px/14px Arial, Helvetica, sans-serif; padding: 0 10px; background:url(images/txt277.png) no-repeat 0 0; margin: 8px 0 0; border:none; text-transform: uppercase }

input.txt333 { width: 313px; background-image: url(images/txt333.png); }

input.txt210 { width: 210px; background-image: url(images/txt333.png); }

input.txt210 { float: left; display: inline; width: 210px; height: 23px; font: 10px/14px Arial, Helvetica, sans-serif; padding: 0 10px; background:url(images/txt277.png) no-repeat 0 0; margin: 0px 0 0; border:none; text-transform: uppercase }



input#date { width: 133px; background-image: url(images/txt333.png); }

input.txt13 { width: 114px; }

input.txt134.last { margin-left: 9px; }

.wpcf7-form td { font-size: 10px; text-transform: uppercase; }

.wpcf7-form select { float: left; width: 333px; margin: 8px 0 0; font: 10px/14px Arial, Helvetica, sans-serif; background-color: #d3d3d3; }

input.btn183 { display:block; width: 183px; height: 27px; font: bold 11px/27px Arial, Helvetica, sans-serif; color: #000; border: none; background: url(images/btn183.png) no-repeat 0 0; text-align: center; cursor: pointer; text-transform:uppercase }

button#f_date { float: left; margin-top: 8px; width: 23px; height: 23px; text-indent: -999em; border: none; background:url(images/cal.gif) no-repeat 0 0; cursor:pointer }

.wpcf7-form select.hsel { width: 147px; margin-left: 10px }

.wpcf7-form span.wpcf7-form-control-wrap.date br { display: none; }



.txt198 { display:block; width: 184px; height: 23px; font: 12px/18px Arial, Helvetica, sans-serif; color: #000; background: url(images/txt198.gif) no-repeat 0 0; padding: 0 7px; margin: 0 0 7px; text-decoration: none; border: none; }



.alignleft { float: left; margin: 0 30px 30px 0; }

.alignright { float: right; margin: 0 0 30px 30px; }



#main .class h3 { float: left; width: 400px; margin-bottom: 10px }

.class { float: left; width: 901px; margin-top: 20px; border-top: 1px solid #505050; padding-top: 20px }

.class br { display: none; }

.class img.alignleft { margin-bottom: 0; }

.schedule { float: right; display: inline; width: 220px; margin-left: 50px; line-height: 176% }

.class .schedule br { display: block; }

#main .schedule strong { width: 111px; color: #fff; text-transform: uppercase; float: left; }

#main #post-53 .class h3 { width: 670px; }



table.sched { text-transform: uppercase; text-align: center; }

table.sched th, table.sched td { border-top: 1px solid #535353; height: 62px; }

table.sched td { border-left: 1px solid #535353; height: 69px; }

table.sched tr.th td { border: none; height: 45px; background: url(images/schedth.gif) repeat-x 0 0; padding-top: 8px }

#main table.sched tr.th h3 { color: #e6e6e6; }



a#shopsoon { position: relative; }

a#shopsoon .soon { display: none; }

a#shopsoon.on .soon { display: block; width: 109px; height: 40px; position: absolute; left: 30%; top: -30px; background: url(images/comingsoon.png) no-repeat 0 0; }

.execphpwidget

{

font-size:12px;

font-weight:normal;

}