/*
Theme Name: Outward Bound
Theme URI: Kreatif.co.za	
Description: A theme with most attention put to differentiating different categories
Version: 2.0
Author: Kreatif Code. Design.
*/


* {
	margin:0;
	padding:0;
}

html, body {
	
	background: url(images/page-bg.jpg) #e9cd84 top center;
		margin-top: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:	12px;
color:#574521;
line-height:18px;
background-repeat:repeat-x;
}


#container {
margin:0 auto;
width:870px;

}



.submit-button {
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:4px;
text-align:center;
font-size:12px;
color: #574521;
border: solid 1px	#666666;
}

#logo-left {
margin:50px 130px 0 60px;
background-image:url(images/logo-left.png);
background-repeat:no-repeat;
width:440px;
height:110px;
float:left;
}

#logo-right {
background-image:url(images/logo-right.png);
background-repeat:no-repeat;
width:240px;
height:246px;
float:left;
}


#top-nav {
width:530px;
list-style-type:none;
height:30px;
padding:5px 0 0 70px;


}

#top-nav ul {
white-space:nowrap;
float:left;
margin:0;
list-style-type:none;
}

#top-nav ul a {
white-space:nowrap;
float:left;
margin:0;
list-style-type:none;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
text-decoration:none;
}


#top-nav li{
display:inline;
float:left;
list-style-type:none;
padding-right:30px;
}


#top-nav li a {
display:inline;
float:left;
list-style-type:none;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
text-decoration:none;

}

#content-header {
background:url(images/content-header.png);
background-repeat: no-repeat;
width:630px;
height:50px;

}




.readmore-home a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#827d47;
text-decoration:none;
}

.readmore-home a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#827d47;
text-decoration:none;
}
.readmore-home a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#827d47;
text-decoration:none;
}



#ceo-header {
background-image:url(images/ceo-header.gif);
width:427px;
height:28px;
margin:0 0 20px 53px;
float:left;
background-repeat:no-repeat;
}

.readmore-ceo a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#584090;
text-decoration:none;
}

.readmore-ceo a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#584090;
text-decoration:none;
}
.readmore-ceo a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#584090;
text-decoration:none;
}








#events-header {
background-image:url(images/events-header.gif);
width:427px;
height:28px;
margin:0 0 20px 53px;
float:left;
background-repeat:no-repeat;
}

.readmore-events a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#f2c318;
text-decoration:none;
}

.readmore-events a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#f2c318;
text-decoration:none;
}
.readmore-events a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#f2c318;
text-decoration:none;
}

#gallery-header {
background-image:url(images/gallery-header.gif);
width:427px;
height:28px;
margin:0 0 20px 51px;
float:left;
background-repeat:no-repeat;
}


.readmore-gallery a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ea8224;
text-decoration:none;
}

.readmore-gallery a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ea8224;
text-decoration:none;
}
.readmore-gallery a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ea8224;
text-decoration:none;
}




#programs-header {
background-image:url(images/program-header.gif);
width:427px;
height:28px;
margin:0 0 20px 51px;
float:left;
background-repeat:no-repeat;
}



.readmore-programs a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#beb267;
text-decoration:none;
}

.readmore-programs a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#beb267;
text-decoration:none;
}
.readmore-programs a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#beb267;
text-decoration:none;
}


#program-development-header {
background-image:url(images/program-development-header.gif);
width:427px;
height:28px;
margin:0 0 20px 51px;
float:left;
background-repeat:no-repeat;
}

.readmore-program-development a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#719c43;
text-decoration:none;
}

.readmore-program-development a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#719c43;
text-decoration:none;
}
.readmore-program-development a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#719c43;
text-decoration:none;
}

#staff-header {
background-image:url(images/staff-header.gif);
width:427px;
height:28px;
margin:0 0 20px 51px;
float:left;
background-repeat:no-repeat;
}

.readmore-staff a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#C1272D;
text-decoration:none;
}

.readmore-staff a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#C1272D;
text-decoration:none;
}
.readmore-staff a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#C1272D;
text-decoration:none;
}

#sponsors-header {
background-image:url(images/sponsors-header.gif);
width:427px;
height:28px;
margin:0 0 20px 51px;
float:left;
background-repeat:no-repeat;
}

.readmore-sponsors a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#298d95;
text-decoration:none;
}

.readmore-sponsors a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#298d95;
text-decoration:none;
}
.readmore-sponsors a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#298d95;
text-decoration:none;
}

#comments-header {
background-image:url(images/commentsfeedback-header.gif);
width:415px;
height:28px;
margin:0 0 20px 51px;
float:left;
background-repeat:no-repeat;
}

.readmore-comments a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#57b6dd;
text-decoration:none;
}

.readmore-comments a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#57b6dd;
text-decoration:none;
}
.readmore-comments a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#57b6dd;
text-decoration:none;
}



#main-body {
width:870px;
float:left;
}

.shadow-left {
background-image:url(images/left-shadow-repeat.png);
width:15px;
background-repeat:repeat-y;
}


.shadow-right {
background-image:url(images/right-shadow-repeat.png);
width:15px;
background-repeat:repeat-y;
}




#left {
width:55px;
float:left;
background-color:#faf5e1;

}

#date-bg {
margin: 0 30px;
width:50px;
height:100px;
float:left;
background-image:url(images/date-bg.gif);
background-repeat:no-repeat;
}



.date-day {
padding-top:20px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:bold;
color:#ffffff;
}


.date-year {
padding-top:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:bold;
color:#ffffff;
}


.date-month {
padding-top:5px;
text-transform:uppercase;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
}

#content-wrapper {
width:495px;
background-color:#faf5e1;
float:left;}

#content {
width:455px;
background-color:#faf5e1;
float:left;
margin: 0 40px 0 0;
padding-bottom:30px;
}

.posttitle a {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#574521;
text-decoration:none;
}

.readmore a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#f2c318;
text-decoration:none;
}

.readmore a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#f2c318;
text-decoration:none;
}
.readmore a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#f2c318;
text-decoration:none;
}

#comments {
margin-top:10px;
border:1px solid #999999;
width:100%;
float:left;
}


#comments-content {
padding:20px;
}

a:link {
color:#574521;
text-decoration:none;
}

a:visited {
color:#574521;
}

a:hover {
color:#574521;
}


#sidebar-wrapper {
width: 240px;
float:right;

}

#sidebar-header {
background-image:url(images/sidebar-top.png);
width:240px;
height:70px;
}

#sidebar-footer {
background-image:url(images/sidebar-footer.png);
width:240px;
height:35px;
}


#sidebar {
width:240px;
background-image:url(images/sidebar-bg.png);
background-repeat:repeat-y;
}

#sidebarlist {
width:157px;
padding:0 35px 0 38px;

}



#sidebar ul{
margin:0;
padding-bottom:20px;
list-style-type:none;
}

#sidebar li{
list-style-type:none;

padding:0 0 0 10px;

}

#sidebar li a:link{
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

#sidebar li a:visited{
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

#sidebar li a:hover{
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}


.archives {
padding:0 0 10px 35px;
}


.spacing {
padding:20px 0 0 35px;
}


.calendar {
padding:0 0 0 35px;
}



#footer {
background-image:url(images/footer.png);
background-repeat:no-repeat;
float:left;
width:630px;
height:110px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-align:center;
}

#footer a {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-decoration:none;
}

#archive-header {
font-size:16px;
font-weight:bold;
margin:20px 0 0 110px;
color: #574521;
}

.calendar {
    padding: 0 0 0 21px;
}

#top-nav {
    height: 30px;
    list-style-type: none;
    padding: 5px 0 0 35px;
    width: 530px;
}

#wp-calendar {
    border-collapse: collapse;
    margin: 0 1px 0 2px;
    min-width: 190px;
}