/*  



Theme Name: Mali Fala Theme



Theme URI: http://www.malifalafund.org

Description: Custom Theme Developed for Mali Fala Fund

Version: 1.0

Author: Andy Sammons

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





/******************************************







*   HTML Elements                         







******************************************/

* {

	margin:0;

	padding:0;

	}



body,html {

	min-height:101%;



	}



body {

	background: #d3cba7;

	color: #333;

	padding: 0 0 25px 0;

	}



body, select, input, textarea {

	font: 12px Arial, Verdana, Sans-Serif;

	line-height:1.5em;

	}

p {	







	margin: 15px 0;







	}















a:link, a:visited {







	color: #333;







	text-decoration:none







	}



a:hover, a:active {







	color:#333;







	text-decoration:underline;







	}



hr {







	display: block;







	height:1px;







	background:#333;







	border:0;







	}

small {







	font-size: 0.9em;







	padding:3px 6px;







	}





/****** Images ****************************/



img, a:link img, a:visited img{border:1px solid #999; padding:1px;}







img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; border:1px solid #999; padding:1px;}







img.left{ float:left; margin:0 12px 5px 0; }







img.center{ display:block; margin:0 auto 5px auto; }







img.right{ float:right; margin:0 0 5px 12px; }







img align left{ float:left; margin:0 12px 5px 0; }

/******************************************







*   General Structure                         







******************************************/

#headerWrapper{

	width: 100%;

	background: url(images/headerWrapperBG.jpg) repeat-x;

	height: 229px;

}



#header{

	background: url(images/headerBG.jpg) no-repeat;

	position:relative;

	width:923px;

	height:229px;

	margin:0 auto;

}	

#metaWrapper{

margin: 0;

padding: 0;

text-align:right;

}

#metaWrapper a{

font-size: .8em;

color:#FFF;

}

#metaWrapper a:hover{

color:#CCCCCC;

}

#metaWrapper ul{

margin: 2px 0 0 0;

padding: 0;

}

#metaWrapper li{

display: inline;

list-style-type: none;

padding: 2px;



}



#navFixed{

	position: absolute;

	top: 170px;

	width:590px;

	margin: 0 auto;

	height: 45px;

}

#pageWrapper{

	width: 100%;

	background: url(images/backgrounds/pageWrapperBG.jpg) repeat-x #FFF;

	padding-bottom: 10px;

}

#page { /*the main container*/

	width:911px;

	margin:0 auto;

	font-size:1em;

	padding: 0;

	}



#branding {/*where the logo sits*/

	position:absolute;

	top:25px;

	left:0;

	width:499px;

	height:118px;

	background:url(images/backgrounds/mali-fala-fund-logo.jpg) no-repeat;

	}



.left {

	float:left;

	}

.right {

	float:right;

	}



#sidebar {/*you guessed it: it�s the sidebar container*/

	width: 250px;

	float:right;

	}



#leftcol {/*the left homepage column carrying the "Featured Article" section*/

	width:287px;

	border-right:1px solid #b6b6b6;

	padding-right:18px;

	}



#leftcol, #rightcol {

	margin-top:10px;

	float:left

	}	



#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/

	width:277px;

	padding-left:18px;

	margin-top: -2px;

	text-align:justify;

	}

/******************************************







*   Sidebar                         







******************************************/

.subnav li {/*.subnav is mainly the categories list*/







	list-style:none;







	}





.subnav li a:link, .subnav li a:visited {







	background: #fff;







	display:block;







	padding:4px 4px 4px 20px;







	border-bottom: 1px solid #999;







	}







		







.subnav li a:hover, .subnav li a:active {







	background: #F4F4EC;







	text-decoration:none;







	}





#sidelist li {







	list-style:none;







	}





.bullets li {







	margin:0 0 5px 15px;







	list-style:square;







	}





#sidelist .bullets li {







	list-style:square;







	margin-bottom:5px;



	margin-left:22px;







	}



#sidelist .children {







	background:#F4F4EC;







	}















#sidelist .children li {







	background: #F4F4EC;







	list-style: none;







	margin-left:15px;







	padding-left:15px;







	border-bottom:1px solid #fff;







	}







	







#sidelist .children li a, #sidelist .children li a:visited {







	padding:2px 2px 2px 0px;







	border:0;







	background:#F4F4EC;







	color: #666;







	}















#sidelist .children li a:hover, #sidelist .children li a:active	{				







	color:#000;







	}















#sidelist .feed li{







	margin-bottom:5px;







	padding-left:20px;







	background:url(images/rss.gif) no-repeat;







	}















	







/******************************************







*   Headlines                         







******************************************/















.blogtitle, .blogtitle a {







	color: #000;







	font-size: 1.8em;







	font-family: Georgia, "Times New Roman", Times, serif;







	font-weight: regular;







	padding: 20px 0px 10px 0px;







	}















h1 {







	color: #840000;







	font-size: 1.8em;







	font-family: Georgia, "Times New Roman", Times, serif;







	font-weight: bold;







	margin: 0px 10px 0px 0px;







	padding: 20px 0px 0px 10px;







	}







	







h2 {







	color: #840000;







	font: 1.8em Georgia, "Times New Roman", Times, serif;







	padding-bottom:8px;







	border-bottom:1px solid #666;







	margin: 20px 0;







	}















h3 {







	font: 0.9em Arial, Helvetica, sans-serif;







	text-transform:uppercase;







	letter-spacing:0.3em;







	margin-bottom:4px;







	font-weight:bold;







	color:#840000;







	}















#sidebar h2, #sidebar h3 a {







	font: 0.9em Arial, Helvetica, sans-serif;







	letter-spacing:0.3em;







	text-transform:uppercase;







	margin-bottom:4px;







	font-weight:bold;







	color:#840000;







	}















#sidebar h3, #sidebar h2 {







	font-size:0.9em;







	border-top:3px double #999;







	border-bottom:1px solid #999;







	padding:5px 0 5px 2px;







	margin:20px 0 15px 0;







	color:#840000;







	}















h3#respond {



	clear: both;



	font-size:1.1em;







	border-top:1px solid #666;







	margin-top:25px;







	padding-top:20px







	}















h3#comments {







	margin-top:32px







	}















h3 a:link, h3 a:visited {







	color: #666;;







	}















h4 {







	font-size:1.2em;







	margin-bottom:6px;







	}







	







	







	







/******************************************







*   Content                        







******************************************/















#content {







	width:605px;







	float:left







	}



#content p a{

	text-decoration: underline;

}

#content p a:hover{

	color: #c90103;

	text-decoration: underline;

}



#sidebar a{

	text-decoration: underline;

}

#sidebar a:hover{

	color: #c90103;

	text-decoration: underline;

}

li.recentcomments strong{

	color: #730000;

}

li.recentcomments strong a{

	color: #730000;

}







.description {







	font-size: 1.3em;







	font-weight: bold; 







	color:#999;







	}















/* Featured Articles formatting "leftcol" */















.feature {







	background: url(images/backgrounds/bg_featured.jpg) repeat-x #F4F4EC;







	padding:15px;







	border: 1px solid #ccc;







	}















.feature p, #rightcol p { margin:0;	}















#leftcol img, #rightcol img {







	padding:1px;







	border:1px solid #999;







	}















#leftcol .feature {	margin-bottom: 15px; }















/* Formating of the Leadstory stuff in the tabbed section */







			







#leadpic {







	float:left;







	margin: 0 18px 8px 0;







	padding:1px;







	border: 1px solid #999;







	}















.title, a.title  {







	font-family: Georgia, "Times New Roman", Times, serif;







	font-size:1.1em;







	font-weight:bold;







	color: #840000;







	letter-spacing:normal;







	}







		







#lead p {







	margin-bottom:10px;







	}























/* Formating of "rightcol" which is the column in the homepage middle ;-) */















#rightcol img {







	float:left;







	margin:3px 10px 4px 0;







	}















#leftcol img {







	margin-bottom: 4px;







	display:block







	}







	







#rightcol .clearfloat {







	border-bottom:1px solid #999;







	padding:12px 0;







	}	







	























/* Post Formatting */















.entry {







	padding-bottom:28px;







	







	text-align:justify;







	}







.entry img{







	padding:3px;







	border:1px solid #CCC;







	background: #FFF;







	margin: 0 8px 4px 0;







}















.post blockquote {







	color:#666;







	background:#F4F4EC;







	padding:6px 14px;







	margin:18px 35px;







	border-right:1px solid #DDD;







	border-bottom:1px solid #DDD;







	}	















.post ul li {







	list-style:square;







	margin-bottom:5px;







	







	margin-left:42px;







	}















.post ol li {







	margin-bottom:5px;







	







	margin-left:48px;







	}







ul.playerInfo 







{







	margin:0;







	list-style: none inside;







}















ul.playerInfo li







{

	margin:0;

	list-style: none inside;

}

ul.playerInfo ul li

{

	margin:0 0 0 8px;

	list-style: none inside;

}

ul.playerInfo ul ul li

{

	font-weight: normal;

	margin:0 0 0 16px;

	list-style: circle inside;

}



ul.teamInfo 

{

	margin:0;

	list-style: none inside;

}



ul.teamInfo li

{

	margin:0;

	list-style: none inside;

}

ul.teamInfo ul li

{

	margin:0 0 0 8px;

	list-style: none inside;







}







ul.teamInfo ul ul li







{







	margin:0 0 0 16px;







	list-style: none inside;







}







#tags {







	padding:3px;







	border-bottom:1px solid #DDD;







	border-top:1px solid #DDD;	







	}	







	







.postmetadata {







	font-size:0.9em;







	margin:0 0 10px 0;







	padding:5px 10px;







	background:#F4F4EC;







	border-top:1px solid #E6E3D3;	







	border-bottom:1px solid #E6E3D3;	







	}







				















/* Form Elements */















select {







	background:#f2f2f2;







	border:1px solid #9c9c9c;







	width:100%







	}







	















#searchform { 	padding:16px 5px 0 0; 	}















.button {







	padding: 1px;







	background:#333;







	color:#fff;







	border:none;







	}















.button:hover {







	background:#666;







	color:#FFF;







	text-decoration:none







	}















#commentform input {







	width: 170px;







	margin: 5px 5px 1px 0;







	}















#commentform textarea {







	width: 100%;







	margin-top:5px;







	}





/* Comments*/

.commentlist {

	padding-left:30px;

	}

.commentlist li {







	margin: 15px 0 3px;







	padding: 8px 15px 10px 15px;







	background:#F4F4EC;







	border:1px solid #E6E3D3;







	}















.commentlist blockquote {







	color:#666;







	background:#fff;







	padding:6px 14px;







	margin:18px 35px;







	border-right:1px solid #ccc;







	border-bottom:1px solid #ccc;







	}	















#commentform small {







	background:#FFF;







	font-weight:bold;







	padding:0;







	}

.commentmetadata {







	display: block;







	}

.commentlist small {







	background:#fff;







	border:1px solid #E6E3D3;







	}



/* Float Properties*/

.clearfloat:after {







	display:block;







	visibility:hidden;







	clear:both;







	height:0;







	content:".";







	}



.clearfloat {







	display:inline-block;







	}	

.clearfloat {







	display:block;







	}







.clear{







	clear:both;







	}





/******************************************

*   Footer                        

******************************************/

#footerWrapper{

	width: 100%;

	background: url(images/backgrounds/footerBG.jpg) repeat-x;

	padding-bottom: 80px;

}

#footer {

	margin: 0 auto;

	width: 900px;

	font-size:0.9em;

	text-align:center;

	padding-top:15px;

	color:#716241;

	}

#footer a {

	color:#716241;

	}

/*******************

ACCORDIAN

********************/



.accordion {



	width: 300px;



	border: solid 1px #E6E3D3;



	background: white;



}



.accordion h3 {



	background: #F4F4EC;



	padding: 4px;



	margin: 0;



	font: bold 100% Arial, Helvetica, sans-serif;



	border: solid 1px #E6E3D3;



	border-bottom: none;



	cursor: pointer;



}



.accordion h3:hover {



	background-color: #e3e2e2;



}



.accordion h3.active {



	background-position: right 5px;



}



.accordion p {



	line-height:1em;



}



.accordion ul li{



	list-style-image:none;



	list-style-position:inside;



	list-style-type:disc;



	margin: 2px 5px 2px 10px;



}



.dropDownSlider{

	padding: 8px;

}



/* Begin Calendar */



#wp-calendar {



	empty-cells: show;



	margin: 0;



	width: 250px;



	}







#wp-calendar #next a {



	padding-right: 10px;



	text-align: right;



	}







#wp-calendar #prev a {



	padding-left: 10px;



	text-align: left;



	}







#wp-calendar a {



	display: block;



	}







#wp-calendar caption {



	text-align: center;



	width: 100%;



	}







#wp-calendar td {



	background: #F4F4EC ; 



	color: #CCC;



	padding: 0;



	text-align: center;



	}







#wp-calendar td.pad { /* Doesn't work in IE */



	background-color: #fff; }



/* End Calendar */



/* Tables

-------------------------------------------------------------- */



table       { margin-bottom: 1.4em;}

th          { font-weight: bold; background: #C3D9FF; }

th,td       { padding: 4px 10px 4px 5px; }







div.discography table{

	border-collapse: collapse; 

	border-spacing: 0;

}



div.discography td{

	border: 1px solid #DADADA;

	font-size: 12px;

	padding: 2px 4px;

}

div.discography .r0{

	background: #FFF;

}

div.discography .r1{

	background: #F8F8F8;

}

.year{

	clear: both;

	margin: 0 0 10px 0;

}

.roster{

	float: left;

	width: 250px;

	margin: 0 20px 0 0;

}

.results{

	float: left;

	width: 335px;

	margin: 0;

}

.playerSelect{

	float: left;

	width: 290px;

	margin: 0 15px 0 0;

}

.teamSelect{

	float: left;

	width: 290px;

	margin: 0;

}

.scroller{

	border: solid 1px #CCCCCC;

	padding: 5px;

	width: 278px;

	height: 300px;

	overflow : auto;

}

ul.teamImageList{

	list-style-type: none;

}

ul.teamImageList li{

	text-align: center;

	line-height: 1;

	float: left;

	margin: 0 5px 5px 0;

	display: inline;

	list-style-type: none;

}

ul.teamImageList li img{

	margin-bottom: 3px;

}



ul.blogroll{

	color:#555555;

}

#sidebar ul.blogroll a{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 13px;
	text-decoration: none;
	color: #405d67;

	font-weight:bold;

}
#sidebar ul.blogroll li{
	margin-bottom: 8px;

}

#sidebar ul.blogroll a:hover{

	text-decoration: underline;

}



/*******

CALENDAR

********/



    .calnk a:hover {

         background-position:0 0;

         text-decoration:none;  

         color:#000000;

         border-bottom:1px dotted #000000;

         }

    .calnk a:visited {

         text-decoration:none;

         color:#000000;

         border-bottom:1px dotted #000000;

        }

    .calnk a {

        text-decoration:none; 

        color:#000000; 

        border-bottom:1px dotted #000000;

        }

    .calnk a span { 

        display:none; 

        }

    .calnk a:hover span {

        color:#333333; 

        background:#F6F79B; 

        display:block;

        position:absolute; 

        margin-top:1px; 

        padding:5px; 

        width:150px; 

        z-index:100;

        }

     .calendar-table {

        border:none;

        width:100%;

     }

     .calendar-heading {

        height:25px;

        text-align:center;

        border:1px solid #CCCCCC;

        background: #F4F4EC;

     }

     .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 #CCCCCC;

        background-color:#F4F4EC;

     }

     .weekend-heading {

        text-align:center;

        width:25px;

        height:25px;

        font-size:0.8em;

        border:1px solid #CCCCCC;

        background-color:#F4F4EC;

        color:#840000;

     }

     .day-with-date {

        vertical-align:text-top;

        text-align:left;

        width:60px;

        height:60px;

        border:1px solid #DFE6DE;

     }

     .no-events {



     }

     .day-without-date {

        width:60px;

        height:60px;

        border:1px solid #E9F0E8;

     }

     span.weekend {

        color:#840000;

     }

     .current-day {

        vertical-align:text-top;

        text-align:left;

        width:60px;

        height:60px;

        border:1px solid #CCCCCC;

        background-color:#F4F4EC;

     }

     span.event {

        font-size:0.75em;

     }

     .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 #CCCCCC;

           

  }

     .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;

     }

/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */



/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



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

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */

div.half{

	float: left;

	width: 280px;

	margin: 0 20px 0 0;

	padding: 0;

}

div.half ul{

	list-style-position: inside;

}

div#shDisplay img#shTopImg {

	background: #fff;

	border:1px solid #ccc;

	padding: 5px;

}



.ngg-album-compact h4 {

font-size:12px;

font-weight: normal;

}

div.before{
width: 40%;
float: left;
background:none repeat scroll 0 0 #F4F4EC;
border:1px solid #E6E3D3;
padding: 10px;
margin: 10px;
text-align: center;
}