/*
Theme Name: SF&MAC WP-Theme
Theme URI: http://www.southernmartialarts.com.au/
Description: Custom Theme for Southern Fitness & Martial Arts Centre
Version: 1.0
Author: Andreas Hesselback / andreas.hesselback@gmail.com

*/

/******************************************************
	imports
*******************************************************/

@import url("style-menu.css");
@import url("nggallery.css");
@import url("style-forms.css");

/******************************************************
	small css reset
*******************************************************/

body {
    font-size: 100%;
}
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre,
form, body, html, p, blockquote, fieldset, input {
	padding: 0;
	margin: 0;
    outline: 0;
}
ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6, pre, code, p, small {
    font-size: 100%;
    font-weight: normal;
}


/******************************************************
	fixes and aligns
*******************************************************/

/* slightly enhanced, universal clearfix hack by Perishable at perishablepress.com */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.center {
    text-align: center;
}

a img, :link img, :visited img {  /* Blue borders on img links!? Yeah, great fucking idea!? */
	border: none;
}
:link, :visited, :active, :focus {
	text-decoration: none;
    outline: none; /* Takes away the dotted border from links when active in Firefox */
}

/* Ok, this is ugly, I know...but wtf... */
#sidebar_photos a:hover, .ngg-albumoverview a:hover, .ngg-galleryoverview a:hover, .video_thumb a:hover, #class_list a:hover  {
    border-bottom: 0px!important;
}
#sidebar_photos p.more a:hover, .ngg-albumoverview .ngg-description p a:hover {
    border-bottom: 1px solid #003399!important;
}


/******************************************************
	globals
*******************************************************/

body {
    background: url('img/main-bg.gif');
    font-family: verdana, helvetica, sans-serif;
    color: #fff;
}


h1, h2, h3, h4, h5, h6 {
    color: #ddd;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    margin: 10px 0 4px 0;
    }
    h1 { font-size: 22px; border-bottom: 3px solid #003399; }
    h2 { font-size: 18px; border-bottom: 2px solid #003399; }
    h3 { font-size: 16px; border-bottom: 2px solid #003399; letter-spacing: -0.03em;}
    h4 { font-size: 16px; color: #003399; letter-spacing: -0.02em;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, strong span {
    color: #777;
}
p {
    margin: 10px 5px 15px 5px;
    line-height: 1.4em;
    word-spacing: -0.05em;
    text-align: justify;
}

small {
    font-size: 80%;
}
.grey {
    color:#777!important;
}

a:link, a:visited, a:active {
    color: #003399;
    text-decoration: none;
}
a:hover {
    color: #ddd;
    border-bottom: 1px solid #003399;
}
a.banner:hover {
    border-bottom: 0!important;
}



/******************************************************
	structure, positioning & bg's for MAIN div's
*******************************************************/

#bg_holder {
    /*background: url('img/bg-add-large.png') no-repeat center -50px;*/
    background: url('img/bg-add-small-logo.png') no-repeat top center;
    width: 100%;
    height: 100%;
    }
#page_wrapper {
    width: 980px;
    margin: 0 auto 0 auto;
    height: 500px;
    min-height: 500px;
    height: auto!important;
}
#header {
    padding: 10px 0 10px 0;
    height: 190px;
    min-height: 190px;
    height: auto!important;
}
.content {
    float: left;
    padding: 5px 5px 0px 5px;
    height: 300px;
    min-height: 300px;
    height: auto!important;
    }
    .content.wide { width: 100%!important; }
    .content.narrow { width: 620px!important; }
    .content.classes { width: 720px!important; }
#sidebar {
    float: right;
    width: 340px;
}
#sidebar_classes {
    float: right;
    width: 240px;
}

/******************************************************
	for header & slideshow
*******************************************************/


.header_slide {
    float: right;
    margin: 10px 0 0 15px;
    padding: 4px;
    border: 1px solid;
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #999;
    border-bottom-color: #999;
    background-color: #ccc;
}
.header_slide .inner{
    border: 1px solid;
    border-top-color: #999;
    border-left-color: #999;
    border-right-color: #fff;
    border-bottom-color: #fff;
}


/******************************************************
	for menu & breadcrumb
*******************************************************/

#menu_holder li a:hover, #logo_list li a:hover {
    border-bottom: none;
}

/******************************************************
	for sidebar frontpage
*******************************************************/

#sidebar_news {
    padding-top: 12px;
    }
    #sidebar_news h3 {
    margin-bottom: 20px;
}
#sidebar_news .title {
    font-size: 14px;
    font-weight: bold;
}
#sidebar_news .date {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #999;
}
#sidebar_news .teaser{
    font-size: 12px;
    padding: 0 5px 0 5px;
}
#sidebar_news .teaser p {
    color: #ccc;
    margin: 1px 0 20px 0!important;
}
#sidebar p.more {
    font-size: 12px;
    color: #666;
    border-top: 1px dotted #333;
    padding: 5px;
    margin: 10px 0 20px 0;
    text-align: right;
}


/******************************************************
	for content
*******************************************************/

.content p img.front_class_logo {
    margin: 0 10px 0px 0px;
    float: left;
}
.content .front_prom {
    padding: 20px 0 5px 0;
}


.content p a img {
    padding: 4px;
    border: 1px solid;
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #999;
    border-bottom-color: #999;
    background-color: #ccc;
    }
    .content p a img:hover {
        border-top-color: #3366FF;
        border-left-color: #3366FF;
        border-right-color: #333399;
        border-bottom-color: #333399;
        background-color: #3333FF;
    }
    .content p a img.alignleft { margin-right: 10px; }
    .content p a img.alignright { margin-left: 10px; }

.content ul {
    margin: 5px 0 15px 0;
}

.content li {
    font-size: 14px;
    font-style: italic;
    background: url(img/list-arrow.gif) 10px 5px no-repeat;
    padding: 2px 0 2px 24px;
}

.content .dottedline, .dottedline {
    border-top: 1px dotted #333;
    margin-bottom: 30px;
}


/* for news ------------------------------------------ */

#news {

}
#news .date {
    float: left;
    text-align: right;
    width: 100px;
    padding: 12px 6px 0 0;

    }
    #news .year, #news .day, #news .month {
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: -0.05em;
        color: #333;
    }
    #news .day {
        font-size: 16px;
        color: #555;
    }
    #news .month {
        font-size: 16px;
    }
    #news .year {
        font-size: 24px;
    }
#news .post {
    float: left;
    width: 830px;
    border-bottom: 1px dotted #333;
    padding-left: 10px;
    margin-bottom: 25px;
}


/* for classes ------------------------------------------ */


#class_list {
    list-style: none;
    margin: 0;
    padding: 15px 0 0 0;
    width: 225px;
    position: relative;

}
#class_list li {
    padding: 5px 0 5px 0;
}
#class_list a {
    display: block;
    width: 225px;
    background-repeat: no-repeat;
    text-indent: -900%;
    outline: none;
    overflow:hidden;
}
#class_list .fitt_kick a { height: 46px; background: url(img/class-logos/fitt_kick.png) 0px 0px; }
#class_list .fitt_kick_active a { height: 46px; background: url(img/class-logos/fitt_kick.png) -225px 0px;}
#class_list .fitt_kick a:hover { background-position: -225px 0px;}

#class_list .kick_thai a { height: 65px; background: url(img/class-logos/kick_thai.png) 0px 0px; }
#class_list .kick_thai_active a { height: 65px; background: url(img/class-logos/kick_thai.png) -225px 0px;}
#class_list .kick_thai a:hover { background-position: -225px 0px;}

#class_list .little_ninjas a { height: 85px; background: url(img/class-logos/little_ninjas.png) 0px 0px; }
#class_list .little_ninjas_active a{ height: 85px; background: url(img/class-logos/little_ninjas.png) -225px 0px;}
#class_list .little_ninjas a:hover { background-position: -225px 0px;}

#class_list .jj_wp a { height: 108px; background: url(img/class-logos/jj_wp.png) 0px 0px; }
#class_list .jj_wp_active a { height: 108px; background: url(img/class-logos/jj_wp.png) -225px 0px;}
#class_list .jj_wp a:hover { background-position: -225px 0px;}

#class_list .mma a { height: 72px; background: url(img/class-logos/mma.png) 0px 0px; }
#class_list .mma_active a { height: 72px; background: url(img/class-logos/mma.png) -225px 0px;}
#class_list .mma a:hover { background-position: -225px 0px;}

#class_list .jr_kick a { height: 109px; background: url(img/class-logos/jr_kick.png) 0px 0px; }
#class_list .jr_kick_active a { height: 109px; background: url(img/class-logos/jr_kick.png) -225px 0px;}
#class_list .jr_kick a:hover { background-position: -225px 0px;}

#class_list .ktll_bells a { height: 60px; background: url(img/class-logos/ktl_bells.png) 0px 0px; }
#class_list .ktll_bells_active a { height: 60px; background: url(img/class-logos/ktl_bells.png) -225px 0px;}
#class_list .ktll_bells a:hover { background-position: -225px 0px;}

#class_list .pt a { height: 76px; background: url(img/class-logos/pt.png) 0px 0px; }
#class_list .pt_active a { height: 76px; background: url(img/class-logos/pt.png) -225px 0px;}
#class_list .pt a:hover { background-position: -225px 0px;}

#class_list .bjj a { height: 116px; background: url(img/class-logos/bjj.png) 0px 0px; }
#class_list .bjj_active a { height: 116px; background: url(img/class-logos/bjj.png) -225px 0px;}
#class_list .bjj a:hover { background-position: -225px 0px;}

img.class_logo {
    margin: 10px 0 0 0;
}


/* for videos ------------------------------------------ */


.video_holder {
    border-top: 1px dotted #333;
    padding: 10px 0 0 5px;
    margin-bottom: 25px;
}
.video_thumb {
    float: left;
}
.video_description {
    width: 810px;
    float:left;
    padding-left: 20px;
}
.video_description h3 {
    margin-top: 2px!important;
}
.video_description p {
    font-size: 14px;
}
.more {
    font-size: 14px;
    padding: 0;
    margin: 0;
}
.movie_holder {

}
.movie_holder .speaker span {
    width: 160px;
    height: 385px;
    float:left;
    }
    .movie_holder .speaker span.left {
        background: url(img/movie-add-left.png) no-repeat;
    }
    .movie_holder .speaker span.right {
        float:right;
        background: url(img/movie-add-right.png) no-repeat;
    }
.movie_holder .screen{
    width: 640px;
    padding-left: 7px;
    float:left;
}
h3.movie_title {
    font-size: 18px;
    border-bottom: 0px;
}
h3.movie_title span {
    color: #666666;
}

/* for links ------------------------------------------ */

#links {
    padding-top: 20px;
}


#links ul li a{
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}
#links ul li {
    font-size: 14px;
    font-style: normal;
    color: #999;
    padding-bottom: 10px;
}

/* for contact ------------------------------------------ */

.contact_content {
    width: 600px;
    float: left;

}
.contact_right_col {
    width: 330px;
    float: left;
    padding-left: 25px;
}


/******************************************************
	for logo row in footer
*******************************************************/


#logo_list {
    border-top: 1px dotted #333;
    list-style: none;
    margin: 0;
    padding: 5px 0 0 15px;
    height: 121px;
    position: relative;

}
#logo_list li {
    float: left;
    padding: 5px 6px 0 5px;
}
#logo_list a {
    display: block;
    height: 121px;
    background: url(img/logo-row-all.png) no-repeat;
    text-indent: -900%;
    outline: none;
    overflow:hidden;
}
#logo_list .wbjja a { width: 121px; background-position: 0px -121px; }
#logo_list .wbjja a:hover { background-position: 0px 0px;}

#logo_list .ecka a { width: 121px; background-position: -140px -121px; }
#logo_list .ecka a:hover { background-position: -140px 0px;}

#logo_list .iska a { width: 200px; background-position: -273px -121px; }
#logo_list .iska a:hover { background-position: -273px 0px;}

#logo_list .maia a { width: 187px; background-position: -486px -121px; }
#logo_list .maia a:hover { background-position: -486px 0px;}

#logo_list .wmtc a { width: 130px; background-position: -688px -121px; }
#logo_list .wmtc a:hover { background-position: -688px 0px;}

#logo_list .sma a { width: 120px; background-position: -831px -121px; }
#logo_list .sma a:hover { background-position: -831px 0px;}



/******************************************************
	for footer
*******************************************************/

#footer {
    margin-top: 25px;
    border-top: 1px dotted #333;
    font-size: 12px;
}
#footer p.smalldark {
    color: #999;
    padding: 0 0 5px 0;
    margin: 0;
    text-align: justify;
}