/*

Theme Name: AKA SA

Theme URI: 

Description: This theme was developed for the AKA SA website.

Author: Seventh Vision

Version: 

License: 

License URI: 

Tags: AKA, Karting SA

*/



/*________ GLOBAL STYLES ________*/



* {

margin:0;

padding:0;

}



body {

background: #fff url(/images/bg-body.jpg) repeat-x top;

font: 12px Arial, Helvetica, sans-serif; 

color: #575757;

text-align: left;

}



img {

display: block;

border: none;

}



a {

color: #cb0528;

text-decoration: none;

}



a:hover {

text-decoration: underline;

}



/*________ HEADER ________*/



#header {

width: 960px;

margin: 0 auto;

padding: 12px 0 2px 0;

background: url(/images/bg-header.jpg) no-repeat top right;

overflow: hidden;

}



#header h1 {

float: left;

margin-bottom: 2px;

}



#header #social {

float: right;

width: 360px;

height: 30px;

}



#header #social h4 {

float: left;

font-family: 'Magra';

font-style: normal;

font-weight: 400;

font-size: 16px;

text-transform: uppercase;

color: #ffffff;

margin-right: 15px;

padding-top: 1px;

}



#header #social ul {

list-style-type: none;

padding-top: 3px;

overflow: hidden;

float: left;

}



#header #social ul li {

float: left;

margin-right: 10px;

}



#header #social #fbLike {

overflow: hidden;

width: 80px;

height: 20px;

}



#header #nav {

clear: both;

list-style-type: none;

font-family: 'Magra';

font-style: normal;

font-weight: 400;

font-size: 18px;

text-transform: uppercase;

overflow: hidden;

height: 70px;

border-left: 1px dotted #a6001d;

}



#header #nav li {

float: left;

border-right: 1px dotted #a6001d;

}



#header #nav li a {

color: #ffffff;

display: block;

padding: 24px 32px;

}



#header #nav li a:hover { 

text-decoration: none;

background: #a6001d;

}



/*________ FEATURE / SLIDER ________*/



#featureContainer {

background: #ebebeb;

width: 100%;

padding: 20px 0;

}



#featureHolder {

width: 960px;

margin: 0 auto;

overflow: hidden;

position: relative;

height: 360px;

}



#featureSlider #featureStory {

position: relative;

z-index: 100;

top: 0;

}



#featureStory .ui-tabs-hide {

display: none;

}



#featureStory .info {

position: absolute;

top: 320px;

z-index: 200;

background: url(/images/bg-feature-image-overlay.png) repeat-x top;

height: 22px;

width: 516px;

padding: 9px 12px;

}



#featureStory .info h3 {

font-family: 'Magra';

font-style: normal;

font-weight: bold;

font-size: 14px;

text-transform: uppercase;

height: 20px;

overflow: hidden;

}



#featureStory .info h3 a {

color: #ebebeb;

background: url(/images/bg-arrow-link.png) no-repeat left;

padding-left: 8px;

}



#featureSlider #featureListing {

position: absolute;

z-index: 500;

top: 0;

right: 0;

width: 453px;

padding-left: 26px;

list-style-type: none;

background: url(/images/bg-feature-image-shadow.png) repeat-y left;

}



#featureListing .ui-tabs-nav-item {

margin-left: 34px;

padding: 20px 10px 20px 11px;

height: 80px;

overflow: hidden;

background: url(/images/bg-feature-shadow-th.png) no-repeat bottom;

}



#featureListing .ui-tabs-selected {

margin-left: 0;

padding-left: 45px;

background: url(/images/bg-feature-story-current-th.png) no-repeat left;

}



#featureListing .ui-tabs-nav-item a {

text-decoration: none;

}



#featureListing .ui-tabs-nav-item img {

float: left;

border: 1px solid #e4e4e4;

margin: 0 9px 0 0;

}



#featureListing .ui-tabs-nav-item .heading {

font-family: 'Magra';

font-style: normal;

font-weight: bold;

font-size: 14px;

text-transform: uppercase;

padding-bottom: 1px;

display: block;

color: #000000;

overflow: hidden;

max-height: 35px;

line-height: 1.3;

}



#featureListing .ui-tabs-nav-item .heading:hover {

text-decoration: underline;

}



#featureListing .ui-tabs-nav-item .text {

font-size: 12px;

color: #575757;

display: block;

max-height: 65px;

overflow: hidden;

line-height: 1.3;

}



/*________ CONTENT AREA ________*/



#contentArea {

width: 960px;

margin: 20px auto;

overflow: hidden;

background: url(/images/bg-content-area.jpg) repeat-y top;

}



/*________ CONTENT ________*/



#content {

float: left;

width: 630px;

padding: 0 30px 0 0;

min-height: 670px;

}



#content h2 {

color: #cb0528;

font-family: 'Magra';

font-style: normal;

font-weight: bold;

font-size: 22px;

text-transform: uppercase;

border-bottom: 1px solid #cb0528;

margin-bottom: 15px;

}



#content h3 {

font-size: 16px;

font-family: 'Magra';

font-style: normal;

font-weight: bold;

text-transform: uppercase;

color: #202121;

padding-bottom: 10px;

font-weight: normal;

}



#content h4 {

color: #cb0528;

font-size: 12px;

padding-bottom: 2px;

text-transform: uppercase;

}



#content p {

line-height: 1.5;

padding-bottom: 15px;

}



#content ul {

padding: 0 0 15px 15px;

line-height: 1.5;

}



#content ul li {

margin-bottom: 2px;

}



#content .eventsPanel,

#content .newsPanel {

overflow: hidden;

padding-bottom: 25px;

}



#content .eventsPanel {

float: right;

width: 300px;

margin: 0 0 0 30px;

}



#content .eventsPanel .story,

#content .newsPanel .story {

border-bottom: 1px solid #e3e3e3;

margin-bottom: 16px;

padding-bottom: 16px;

overflow: hidden;

}



#content .eventsPanel .evCal {

margin-bottom: 15px;

}



#content .eventsPanel .story dl {

margin-bottom: 13px;

}



#content .eventsPanel .story dl dt {

float: left;

color: #202121;

margin: 0 3px 4px 0;

}



#content .eventsPanel .story dl dd {

display: block;

color: #cb0528;

font-weight: bold;

margin: 0 0 4px 0;

}



#content .eventsPanel .story ul {

list-style-type: none;

overflow: hidden;

padding: 0;

}



#content .eventsPanel .story ul li {

float: left;

margin-right: 20px;

}



#content .eventsPanel .story ul li.noRightMargin {

margin-right: 0;

}



#content .eventsPanel .story ul li a {

padding: 2px 0 2px 20px;

}



#content .eventsPanel .story ul li span {

color: #cb0528;

font: 12px Arial, Helvetica, sans-serif; 

}



#content a.map {

background: url(/images/icon-map.png) no-repeat left;

}

#content a.share {

background: url(/images/icon-share.png) no-repeat left;

}

#content a.pdf {

background: url(/images/icon-pdf.png) no-repeat left;

}



#content .newsPanel .story h3 {

padding: 0;

display: inline;

margin-right: 3px;

color: #202121;

font-weight: normal;

font: 14px Arial, Helvetica, sans-serif; 

}



#content .newsPanel .story h3 a {

color: #202121;

}



#content .newsPanel .story small {

color: #cb0528;

font-size: 10px;

}



#content a.newsLink {

padding: 2px 0 0 21px;

background: url(/images/icon-news-link.png) no-repeat left;

}



#content form input {

margin-bottom: 10px;

}



/*________ CALENDAR / HOME EVENTS ________*/



#content #upcomingEvents h3,

#content #eventsSection h3 {

font-weight: bold;

overflow: hidden;

padding-bottom: 2px;

}



#content ul.monthNav {

float: right;

list-style-type: none;

padding: 0;

margin: 0;

}



#content ul.monthNav li {

float: left;

}



#content ul.monthNav .next {

float: right;

margin-left: 28px;

}



#content ul.monthNav a {

display: block;

width: 10px;

}



#content #caldays {

display: none;

}



#content #calview {

width: 100%;

margin-bottom: 15px;

}



#content #calview tr td {

background: #f66780;

color: #fff;

text-align: center;

height: 40px;

font-weight: bold;

font-size: 14px;

}



#content #calview tr td.has_event a {

color: #fff;

display: block;

height: 29px;

padding-top: 11px;

}



#content #eventsSection #calview tr td {

height: 75px;

}



#content #calview tr td.empty {

background: #f7a4b2;

}



#content #calview tr td.has_event {

background: #cb0528;

}



#content #eventsSection #calview tr td.has_event a {

height: 46px;

padding-top: 29px;

}



#content #calview tr td.has_event a:hover {

text-decoration: none;

}



#eventsList dl {

clear: both;

overflow: hidden;

line-height: 1.4;

font-size: 12px;

}



#eventsList dl.headings {

font-weight: bold;

color: #000;

}



#eventsList dl.headings dt,

#eventsList dl.headings dd {

float: left;

width: 18%;

border-bottom: 1px solid;

padding: 5px 1%;

margin-bottom: 10px;

}



#eventsList .upcomingEvents dl.headings dt,

#eventsList .upcomingEvents dl.headings dd,

#eventsList .upcomingEvents dl.event dt,

#eventsList .upcomingEvents dl.event dd {

width: 23%;

}



#eventsList dl.event {

border-bottom: 1px solid #ebebeb;

padding-bottom: 10px;

margin-bottom: 10px;

}



#eventsList dl.event dt,

#eventsList dl.event dd {

float: left;

width: 18%;

padding: 0 1%;

}



#eventsList dl.event dd.ev_name {

font-weight: bold;

line-height: 1.4;

color: #cb0528;

}



#eventsList dl.event ul {

padding: 0 0 10px 0;

list-style-type: none;

}



#eventsList dl.event ul li {

border-bottom: 1px dotted #ebebeb;

padding: 0 0 5px 0;

margin: 0 0 5px 0;

}



#eventsList dl.event ul li.suppRegs {

font-weight: bold;

}



#eventsList dl.event ul li .remove {

float: right;

padding: 2px 0 0 2px;

}



#eventsList dl.event ul .file {

padding-left: 20px;

display: block;

overflow: hidden;

}



#eventsList dl.event .add {

background: url(/images/icon-add.png) no-repeat left;

padding-left: 13px;

}



#evLoader {

margin:  50px auto;

}



#eventsList a.rtf { background: url(/images/media-icons/icon_rtf.gif) no-repeat left top; }

#eventsList a.xls { background: url(/images/media-icons/icon_xls.gif) no-repeat left top; }

#eventsList a.csv { background: url(/images/media-icons/icon_xls.gif) no-repeat left top; }

#eventsList a.ppt { background: url(/images/media-icons/icon_ppt.gif) no-repeat left top; }

#eventsList a.vsd { background: url(/images/media-icons/icon_visio.gif) no-repeat left top; }

#eventsList a.mpp { background: url(/images/media-icons/icon_project.gif) no-repeat left top; }

#eventsList a.xml { background: url(/images/media-icons/icon_xml.gif) no-repeat left top; }

#eventsList a.audio { background: url(/images/media-icons/icon_audio.gif) no-repeat left top; }

#eventsList a.video { background: url(/images/media-icons/icon_video.gif) no-repeat left top; }

#eventsList a.pdf { background: url(/images/media-icons/icon_pdf.gif) no-repeat left top; }

#eventsList a.doc { background: url(/images/media-icons/icon_doc.gif) no-repeat left top; }

#eventsList a.gif { background: url(/images/media-icons/icon_img.gif) no-repeat left top; }

#eventsList a.jpg { background: url(/images/media-icons/icon_img.gif) no-repeat left top; }

#eventsList a.png { background: url(/images/media-icons/icon_img.gif) no-repeat left top; }

#eventsList a.zip { background: url(/images/media-icons/icon_zip.gif) no-repeat left top; }



#content div.eventGroup {

margin-bottom: 50px;

}



/*________ POSTS / NEWS / RESULTS ________*/



#content .post {

overflow: hidden;

border-bottom: 1px solid #e3e3e3;

padding: 12px 0 12px 0;

}



#content .post .newsThumb {

float: left;

border: 1px solid #e4e4e4;

margin-right: 10px;

}



#content .post .newsThumb img {

width: 112px;

height: 68px;

}



#content .post .info {

overflow: hidden;

}



#content .post h3 {

padding-bottom: 1px;

}



#content .post h3 a {

color: #202121;

}



#content .post small {

color: #000;

font-size: 10px;

display: block;

padding-bottom: 2px;

}



#content .post p {

line-height: 1.3;

padding: 0;

}



/*________ CLUBS ________*/



#clubsDir {

overflow: hidden;

}



#clubsDir .club {

float: left;

width: 47%;

margin-right: 6%;

border-top: 1px solid #e3e3e3;

padding: 17px 0 12px 0;

}



#clubsDir .club.clearLeft {

clear: left;

}



#clubsDir .club.noRightMargin {

margin-right: 0;

}



#clubsDir .club.noTopBorder {

padding-top: 0;

border-top: 0;

}



#clubsDir .club h3 {

color: #;

}



#clubsDir .club dl dt {

font-weight: bold;

float: left;

clear: left;

color: #000;

margin: 0 5px 5px 0;

width: 75px;

}



#clubsDir .club dl dd {

display: block;

overflow: hidden;

line-height: 1.5;

margin: 0 0 5px 0;

}



/*________ SIDEBAR ________*/



#sidebar {

overflow: hidden;

width: 260px;

padding: 20px;

}



#sidebar h2 {

color: #cb0528;

font-family: 'Magra';

font-style: normal;

font-weight: bold;

font-size: 22px;

text-transform: uppercase;

border-bottom: 1px solid #cb0528;

margin-bottom: 5px;

}



#sidebar ul {

list-style-type: none;

padding-bottom: 10px;

}



#sidebar ul li {

border-bottom: 1px solid #c0c0c0;

padding-bottom: 10px;

margin-bottom: 10px;

}



#sidebar #poll {

border-bottom: 1px solid #c0c0c0;

padding-bottom: 5px;

margin-bottom: 20px;

background: #ebebeb;

}



#sidebar #poll .pds-question .pds-question-top {

margin-bottom: 10px;

line-height: 1.4;

}



#sidebar #poll .pds-answer-input {

float: left;

padding: 2px 8px 2px 0;

width: auto;

}



#sidebar #poll label {

display: block;

float: none;

clear: none;

overflow: hidden;

width: auto;

}



#sidebar #poll .pds-vote-button,

#sidebar #poll .pds-vote-button-load {

display: block;

float: none;

text-align: center;

margin: 0 0 12px 0;

font-weight: bold;

text-transform: uppercase;

}



#sidebar #poll .pds-links {

padding: 0;

}



#sidebar #poll .pds-view-results,

#sidebar #poll .pds-return-poll {

margin: 0;

padding: 0;

float: none;

display: inline;

color: #cb0528;

background: url(/images/bg-arrow-link.png) no-repeat left;

padding-left: 8px;

}



#sidebar #poll .pds-total-votes {

float: none;

display: block;

margin: 0;

padding: 5px 0 5px 0;

}



#sidebar .sideBanner img {

border: 1px solid #c0c0c0;

margin: 0 auto 5px auto;

}



/*________ GALLERY ________*/



#content .gallery {

margin: 0 auto 0;

}



#content .gallery .gallery-item {

float: left;

margin: 0 0 15px 0;



text-align: center;

width: 33%;

}



#content .gallery-columns-2 .gallery-item {

width: 50%;

}



#content .gallery-columns-4 .gallery-item {

width: 25%;

}



#content .gallery-columns-5 .gallery-item {

width: 20%;

}



#content .gallery-columns-6 .gallery-item {

width: 16.66%;

}



#content .gallery-columns-7 .gallery-item {

width: 14.28%;

}



#content .gallery-columns-2 .attachment-medium {

max-width: 92%;

height: auto;

}



#content .gallery-columns-4 .attachment-thumbnail {

max-width: 84%;

height: auto;

}



#content .gallery .gallery-caption {

color: #888;

font-size: 12px;

margin: 0 0 12px;

}



#content .gallery dl {

margin: 0;

}



#content .gallery img {

border: 1px solid #e3e3e3;

padding: 9px;

background: #dee2ed;

}



#content .gallery br+br {

display: none;

}



#content .attachment img {/* single attachment images should be centered */

display: block;

margin: 0 auto;

}



#content .gallery .gallery-caption {

display: none;

}



/*________ FOOTER ________*/



#footerContainer {

width: 100%;

background: url(/images/bg-footer-container.jpg) repeat-x top;

}



#footer {

width: 960px;

margin: 0 auto;

padding-bottom: 50px;

}



#footer #footerOptions {

overflow: hidden;

padding: 18px 0 22px 0;

margin-bottom: 20px;

  min-height: 254px;

background: url(/images/bg-footer.jpg) no-repeat bottom;

}



#footerOptions .footPanel {

float: left;

width: 300px;

margin-right: 30px;

}



#footerOptions #resources {

margin-right: 0;

}



#footerOptions .footPanel h3 {

color: #ffffff;

font-family: 'Magra';

font-style: normal;

font-weight: bold;

font-size: 22px;

text-transform: uppercase;

border-bottom: 2px solid #a3002e;

margin-bottom: 10px;

}



#footerOptions .footPanel ul {

list-style-type: none;

text-transform: uppercase;

}



#footerOptions .footPanel ul li {

border-bottom: 1px solid #a5002f;

margin-bottom: 6px;

padding-bottom: 5px

}



#footerOptions .footPanel ul li a {

color: #fff;

}



#footerOptions .footPanel ul li span {

text-transform: lowercase;

font-size: 11px;

}



#footerOptions #latestMultimedia img {



float: left;

border: 1px solid #a40c46;

margin: 0 15px 15px 0;

}



#footerOptions #latestMultimedia .noRightMargin img {

margin-right: 0;

}



#footer #stateClubs {

overflow: hidden;

padding-bottom: 12px;

}



#stateClubs h2 {

color: #cb0528;

font-family: 'Magra';

font-style: normal;

font-weight: bold;

font-size: 22px;

text-transform: uppercase;

border-bottom: 1px solid #cb0528;

margin-bottom: 8px;

}



#stateClubs ul {

list-style-type: none;

color: #202121;

}



#stateClubs ul li.noRightMargin {

margin-right: 0;

}



#stateClubs ul li {

border-bottom: 1px solid #eaeaea;

margin-bottom: 7px;

padding-bottom: 7px;

float: left;

width: 225px;

margin-right: 20px;

}



#stateClubs ul li a {

color: #202121;

}



#footer #stateLogos {

overflow: hidden;

padding: 20px 0;

margin-bottom: 10px;

}



#footer #stateLogos img {

float: left;

width: 13%;

margin: 0 0.6428571428571429%;

background: #696969;

opacity: 0.5;

-webkit-transition: all 0.2s ease-in-out;

-moz-transition: all 0.2s ease-in-out;

-ms-transition: all 0.2s ease-in-out;

-o-transition: all 0.2s ease-in-out;

transition: all 0.2s ease-in-out;

}

#footer #stateLogos img:hover {

opacity: 1;  

} 



#footer p.copy {

text-align: center;

color: #676767;

font-size: 10px;

}



#footer p.copy a {

color: #676767;

}



/*________ MISC ________*/



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

max-width: 100%; /* When images are too wide for containing element, force them to fit. */

height: auto; /* Override height to match resized width for correct aspect ratio. */

}



.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}



.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}



.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}



.wp-caption {

border: 1px solid #e3e3e3;

text-align: center;

background-color: #dee2ed;

padding-top: 4px;

margin: 10px;

font-weight: bold;

}



.wp-caption img {

margin: 0 auto 4px auto;

}



.wp-caption p.wp-caption-text {

font-size: 11px;

padding: 0 4px 5px;

margin: 0;

}



.hide,

#content .hide {

display: none;

}



/*________ TOOLTIP ________*/



#tooltip {

position: absolute;

z-index: 3000;

border: 1px solid #333;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

-khtml-border-radius: 5px;

border-radius: 5px;

background: #808080;

padding: 5px;

opacity: 0.95;

font-size: 12px;

}

#tooltip h3, #tooltip div { 

margin: 0;

font-size: 12px;

font-weight: normal;

color: #fff;

}

#tooltip ul {

padding: 2px 0 0 12px;

}

#tooltip ul li {

margin-bottom: 2px;

}