/*
Theme Name: 41 Sports Fitness Bootcamps
Description: The custom WordPress theme for the 41 Sports Fitness Bootcamps web site.
Author: Rhaya Shilts
Author URI: http://rhaya.com/

*/


/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

html,body {
height:100%;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #2f2f2f;
text-align:center;
background:url(images/template/bodybg.gif) #ffffff top repeat-x;
}



/* ------------- LAYOUT ------------- */


#maincont {
position:relative; /* needed for footer positioning */
height:auto !important; 
height:100%; 
min-height:100%;
}

#frame {
width:1000px;
margin:0 auto;
text-align:left;
background:#ffffff;
padding:0 0 68px 0;
}

#nav {
height: 27px;
width: 1000px;
background:url(images/template/navbg.gif) repeat-x;
}


/* ------------- HEADER ------------- */


#header {
height: 154px;
width: 1000px;
background:url(images/template/headerbg.jpg) no-repeat;
}

#headerleft {
height: 154px;
width: 642px;
display: block;
text-indent: -9999px;
float:left;
}

#headerright {
height: 154px;
width: 358px;
display: block;
text-indent: -9999px;
float:left;
}

#headerleft a {
height: 114px;
width: 262px;
left: 107px;
top:16px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

#headerright a {
height: 49px;
width: 274px;
left: 0;
top:56px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

#headerright a:hover { background:url(images/template/signuphover.gif) no-repeat; }



/* ------------- CONTENT ------------- */

#contentwrapper {
width:1000px;
background:url(images/template/contentbg.gif) #ffffff top repeat-x;
padding:10px 0 0 0;
line-height: 180%;
}



#content {
width:778px;
border: 1px solid #d5d5d5;
margin: 0 0 0 85px;
padding:25px 25px 10px 25px;
height:auto !important; 
height:380px; 
min-height:380px;
}

#content p {
margin:0 0 15px 0;
}

#content h1 {
margin:0 0 10px 0;
color:#0b5f2a;
font-size:24px;
font-weight:normal;
}

#content h2 {
margin:0 0 0 0;
font-size:14px;
}

#content a {
color:#10973f;
}

#content a:hover {
color:#037c2e;
background:#deecd9;
}

#content h1 a {
color:#10973f;
text-decoration:none;
}

#content h1 a:hover {
color:#037c2e;
background:#deecd9;
text-decoration:none;
}


#content img {
border: 1px solid #8a8a8a;
}


#content ol {
margin: 15px 0 15px 24px;
}

#content ul {
margin: 15px 0 15px 24px;
}

#content li {
margin: 0 0 8px 0;
}

hr {
border:none 0;
border-top:1px dashed #d5d5d5;
height:1px;
margin:0 0 24px 0;
}

img.alignright {margin: 0 0 10px 20px}

img.alignleft {margin: 0 20px 10px 0}


.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}


.alignright {float: right;}

.alignleft {float: left}

.prevnext {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}


/* ------------- BLOG ------------- */

#blogcontent {
width:550px;
margin:0 28px 0 0;
float:left;
display:block;
}

#blogcolumn {
width:200px;
float:left;
line-height:120%;
}

h3.recentposts {
width:198px;
height:32px;
background:url(images/blogheaders/recentposts.gif) no-repeat;
text-indent:-9999px;
}

h3.archives {
width:198px;
height:32px;
background:url(images/blogheaders/archives.gif) no-repeat;
text-indent:-9999px;
margin:28px 0 0 0;
}

h3.categories {
width:198px;
height:32px;
background:url(images/blogheaders/categories.gif) no-repeat;
text-indent:-9999px;
margin:28px 0 0 0;
}

h3.search {
width:198px;
height:32px;
background:url(images/blogheaders/search.gif) no-repeat;
text-indent:-9999px;
margin:28px 0 0 0;
}

#blogcolumn ul {
list-style-type:none;
border:1px solid #d5d5d5;
margin:0;
width:196px;
}

#blogcolumn li {
list-style-type:none;
margin:10px;
}

#blogcolumn a {
color:#10973f;
text-decoration:none;
}

#blogcolumn a:hover {
color:#037c2e;
background:#deecd9;
text-decoration:none;
}

.meta {
font-size:10px;
color:#535353;
}

#content h1.blogtitle {
margin:0 0 4px 0;
}

.commentlist li {
padding:6px 10px;
}

#commenttext p {
margin:0 0 2px 0;
}

.alt {
background-color: #eaf1e8;
border-bottom: 1px solid #deecd9;
border-top: 1px solid #deecd9;
}



/* ------------- FOOTER ------------- */


#footer {
width: 100%;
height:65px;
position:absolute;
bottom:0; /* stick to bottom */
left:0;
font-size:11px;
background:url(images/template/footerbg.gif) repeat-x;
}

#footer p {
margin:10px 0 0 0;
color:#767676;
}

#footer a {
color:#109040;
text-decoration:none;
}

#footer a:hover {
color:#109040;
text-decoration:underline;
}




/* ------------- NAV PLUGIN STYLES ------------- */


#suckerfishnav {
width:100%;
height: 27px;
}

#suckerfishnav, #suckerfishnav ul {
float:left; 
width:814px; 
list-style-type:none;
font-size: 12px;
color: #ffffff;
border-left: 1px solid #414141;
margin:0 0 0 85px;
display:inline;
}

#suckerfishnav a {
display:block;
padding: 4px 10px;
margin: 2px 0 2px 0;
color: #ffffff;
text-decoration: none;
border-right: 1px solid #414141;
}

#suckerfishnav li {
float:left;
}

#suckerfishnav ul {
position:absolute;
left:-999em;
height:auto; 
width:191px;
font-weight:normal;
margin:0;
line-height:1; 
border:0; 
}

#suckerfishnav li li {	
width:189px;
border-bottom:1px solid #3d3d3d;
border-left:1px solid #3d3d3d;
border-right:1px solid #3d3d3d;
font-weight:normal;
color:#ffffff;
}

#suckerfishnav li li a {
width:169px;
font-size:11px;
color:#ffffff;
}

#suckerfishnav li ul ul {
margin:-21px 0 0 150px;
}

#suckerfishnav li li:hover {
background:#0b5f2a;
}

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {
color:#ffffff;
}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color:#ffffff;
}

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
color:#ffffff;
}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {
left:-999em;
}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {
left:auto;
background:#5d5d5d;
}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background:#3d3d3d;
}

/* ------------- HOME PAGE STYLES ------------- */

#homefeature {
width:830px;
margin: 0 0 0 85px;
}

#content h1.homepage {
line-height:160%;
margin:0 0 10px 0;
color:#0b5f2a;
font-size:18px;
font-weight:normal;
}

#homeleft {
width: 238px;
float:left;
}

#homeright {
width: 470px;
float:left;
border-left:#d5d5d5 1px solid;
padding: 0 0 0 19px; 
}

h3.partheader {
background:url(images/home/partheader.gif) no-repeat;
text-indent:-9999px;
width:210px;
height:40px;
}


/* ------------- CALENDAR STYLES ------------- */


.calnk a:hover {
background-position:0 0;
text-decoration:none;  
color:#000000;
}

.calnk a:visited {
text-decoration:none;
color:#000000;
}

.calnk a {
text-decoration:none; 
color:#000000; 
}

.calnk a span { 
display:none; 
}

.lessspace {
margin:5px 0 5px 0;
}

.deets {
text-decoration:none; 
color:#109040; 
}

.calendar-table {
border:none;
width:100%;
}

.calendar-table td {
padding: 3px;
line-height:100%
}

.calendar-heading {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}

.calendar-next {
width:25%;
text-align:center;
}

.calendar-prev {
width:25%;
text-align:center;
}

.calendar-month {
width:50%;
text-align:center;
font-weight:bold;
}

.normal-day-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
}

.weekend-heading {
text-align:center;
width:25px;
height:25px;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
color:#333333;
}
   
.day-with-date {
vertical-align:text-top;
text-align:left;
width:100px;
height:80px;
border:1px solid #DFE6DE;
}

.no-events {
}

.day-without-date {
width:100px;
height:80px;
border:1px solid #E9F0E8;
}

span.weekend {
color:#333333;
}

.current-day {
vertical-align:text-top;
text-align:left;
width:100px;
height:80px;
border:1px solid #BFBFBF;
background-color:#E4EBE3;
}

span.event {
font-size:10px;
}

.kjo-link {
font-size:0.75em;
text-align:center;
}

.event-title {
text-align:center;
font-weight:bold;
font-size:1.2em;
}

.event-title-break {
width:96%;
margin-left:2%;
margin-right:2%;
margin-top:5px;
margin-bottom:5px;
text-align:center;
height:1px;
background-color:#000000;
}

.event-content-break {
width:96%;
margin-left:2%;
margin-right:2%;
margin-top:5px;
margin-bottom:5px;
text-align:center;
height:1px;
background-color:#000000;
}

.calendar-date-switcher {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}

.calendar-date-switcher form {
margin:0;
padding:0;
}

.calendar-date-switcher input {
border:1px #D6DED5 solid;
}

.calendar-date-switcher select {
border:1px #D6DED5 solid;
}

.cat-key {
width:100%;
margin-top:10px;
padding:5px;
border:1px solid #D6DED5;
}