/*
Theme Name: WP Africa
Theme URI: http://www.wpcontempo.com
Description: Africa Wordpress Theme
Author: Sam Lewis
Author URI: http://www.webcontempo.com
tags: Africa, Widgetized, Green, Yellow, Travel
*/


/***** Reset *****/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0;
}
img, fieldset { border: 0;
}
a { outline: none;
}

/***** Main *****/


body {
font-family : Verdana, Arial;
font-size : 12px;
text-align: center;
background : #bfad61 url(images/background1.jpg);
background-position:center top;
background-repeat:no-repeat;
color : #111111;
margin : 0;
padding : 0;
line-height : 17px;
}
a {
color : #111111;
text-decoration : none;
margin: 0 0 0 5px;
}
a:hover {
text-decoration : none;
color : #ff0000;
}
img {
border : none;
padding : 6px;
}
img a {
border : none;
}
ul{ list-style: square inside;
}
ol{ list-style: decimal inside; 
}


/*****Header*****/


#header {
background : none;
height : 345px;
}
#header h1 {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#header h2 {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#logo{
background: url(images/logo.png) no-repeat;
position:absolute;
top:70px;
right:50px;
height:110px;
width:370px;
}


/*****-Top Menu-*****/


#menu {
background : none;
height : 0px;
line-height : 20px;
}
#menu ul {
list-style-type : none;
margin :  0;
padding-left : 0;
}
#menu ul li {
padding : 0;
display : block;
float : left;
}
#menu ul li a {
display : block;
padding : 0 10px 0 10px;
text-decoration : none;
color : #baac6f;
font-size : 14px;
font-weight : 800;
}
#menu ul li a:hover {
color : #fff;
}

#rss{
float: right;
margin:  -2px 7px 0 0;
}
#rss img{
height:27px;
width:27px;
float: right;
margin:   0;
padding:0;
}

/***** Content *****/


#page {
text-align : left;
position: relative;
width : 930px;
margin : 0px auto;

}
#content {
float : left;
width : 620px;
margin: 0 0 0 10px;
padding-right:10px ;
border-right : 1px solid #DFCE8B;
}
#wrapper {
background : url(images/content.jpg) repeat-y;
padding : 0 0px;
}
#top {
background : url(images/top.jpg) no-repeat;
margin : 40px 0 0 0;
padding : 0px 0;
height : 25px;
}
#bottom {
background : url(images/bottom.jpg) no-repeat;
height : 25px;
margin: 0 0 20px 0;
}
.titlebg {
background : none;
padding : 18px;
margin-bottom : 0;
margin-top : 0;
border-bottom: 1px solid #DFCE8B;
}
.cat{
float: left;
font-size : 10px;
padding-left : 8px;
background : none;
color : #111;
}
.com{
float: right;
font-size : 10px;
padding-left : 15px;
background : url(images/com.png) no-repeat;
color : #111;
}


.date1 {
	background: url(images/date.gif) no-repeat;
	height: 54px;
	margin-bottom: 0px;
	width: 54px;
	text-align: center;
	float: left;
	margin-top: 5px;
}
.date1 .month1 {
	display: block;
	color: #baac6f;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 6px;
	font-weight: bold;
	margin-bottom: 1px;
}
.date1 .day1 {
	display: block;
	color: #baac6f;
	font: 2.3em Georgia;
	padding-top: 0px;
	text-align: center;
	margin-top: -8px;
}

blockquote {
border-left : 1px solid #c6f6f8;
margin : 15px;
padding : 0 12px 0 12px;
}
#content h2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : 100;
letter-spacing : -1px;
font-size : 26px;
margin : 0 0px 4px 0px;
padding : 0 0 3px;
color : #111111;
}
h3 {
font-weight : 100;
margin-top : 7px;
}

.post h2 {
font-weight : 100;
letter-spacing : -1px;
font-size : 19px;
margin : 0 0 4px;
padding : 0 0 3px;
}
.post h2 a:hover {
text-decoration : none;
}
.post h3 {
font-weight : 100;
letter-spacing : -1px;
font-size : 19px;
margin : 0 0 4px;
padding : 0 0 3px;
}
.post h3 a:hover {
text-decoration : none;
}
.post p {
padding : 5px;
margin-bottom : 15px;
}
.more-link { float:right; color: #3285c0; font-weight:800; margin:10px 0 0 0;
}
.more-link:hover { color:#ff0000; cursor:pointer; font-weight:800;
}
.more-link:visited { color:#a1b1c1;
}

/***** Meta *****/


.entrytext .postmetadata {
clear : both;
background : #ffffff;
padding : 6px;
margin-top : 0;
margin-bottom : 5px;
border: none;
}
.postmetadata alt {
clear : both;
padding : 0;
margin-top : 0;
margin-bottom : 5px;
}
.postmetadata a { color: #ff0000; text-decoration: none; 
}
.postmetadata a:hover { text-decoration: underline; color : #779d42;
 }

.postmetadata {
clear : both;
background : #baac6f;
padding-left : 130px;
margin-top : 0;
margin-bottom : 0;
}


/***** Nav *****/


.navigation {
float : left;
}
.alignleft {
float : left;
}
.alignright {
float : right;
}


/***** Siderbar *****/


#sidebar {
float : right;
width : 280px;
margin : 0;
padding: 0 ;
}
#sidebar ul {
width: 220px;
list-style-type : none;
padding : 15px 0 15px 10px;
text-align : left;
}

#sidebar ul h2 {
background : url(images/sidebartop.jpg) no-repeat;
width: 210px;
font-weight : 100;
font-size : 20px;
margin : 20px 0 5px 10px;
padding : 18px 0px 18px ;
color : #111111;
text-align : center;
text-decoration : none;
}
#sidebar ul li {
list-style-type : none;
border-bottom : none;
}
#sidebar ul ul li {
background : 
padding : 2px 0 2px 15px;
}
#sidebar ul ul li a {
font-size : 13px;
margin : 0;
}
#sidebar ul ul ul {
padding-left : 0px;
}
#ad125 ul{ clear:both;  width:260px; height:270px; margin:0; padding:0;  list-style:none;
}
#ad125 ul li.ad1 { float:left; margin: 5px 8px 0 0; width:125px;
}
#ad125 ul li.ad2 { float:left; margin: 5px 0 0 0; width:125px;
}
#ad125 ul li.ad3 {  float:left; margin: 5px 8px 0 0; width:125px;
}
#ad125 ul li.ad4 { float:left; margin: 5px 0 0 0; width:125px;
} 
#ad125 img{  margin:0; padding:0;  
}
/***** Comments *****/


h3.respond{ font-size: 1.5em; padding: 0 0 5px; margin: 0 0 15px 0; font-weight:bold !important; color:#000000;
}
ol.commentlist{ margin: 10px 0 20px; padding: 0; list-style: none; font-size: 12px; line-height: 20px;
}
ol.commentlist p{ margin-bottom:10px; line-height: 20px;
}
ol.commentlist cite{ font-style: normal; font-weight: bold; margin:0 0 0 5px;
}
ol.commentlist span{ float:left; padding:3px;
}
ol.commentlist li{ padding: 20px 10px 10px 10px;
}
.commentlist li { list-style-image:none; list-style-position:outside; list-style-type:none; background:none repeat scroll 0 0; border:1px solid #EDE4C5; margin: 5px 0 0 0;
}
li.recentcomments { color: #f00; 
}
.recentcomments a{ display:inline !important;padding: 0 !important;margin: 0 !important;
}			
ol.commentlist li.alt { background:#ffffb4 repeat scroll 0 0; border:1px solid #EDE4C5; padding:10px 10px 0 !important; margin: 5px 0 0 0;
}
.commentlist a:link, .commentlist a:visited { color:#596e3b;
}
.commentlist a:hover, .commentlist a:active { color:#8ec343;
}
.commentlist cite img { padding:1px; border:1px solid #aab59a; float:left; margin-right:9px;
}
.commentlist .author { font: small-caps bold 16px Georgia, "Times New Roman", Times, serif; text-decoration:underline;
}
.commentlist .time { background: none; padding-left:0px;
}
.commenttext { background: #fff ; border-top:1px solid #c5f386; padding: 10px 20px 10px 20px; color:#111;
}

#comment { width : 75%; min-width : 300px;
}
#commentssection { clear : both; padding : 2px 12px; margin : 0;
}
#commentform { background : none; margin : 12px 0; padding : 10px 0 0 0; border: none;
}
#commentform input { background: #ffffb4; cursor :  pointer;  border : 1px solid #513b2e; margin : 10px 0 0 0; padding : 5px;
}
#commentform input:hover { background: none; cursor :  pointer;  border : 1px solid #111; margin : 10px 0 0 0; padding : 5px;
}
#commentform p { color : #111;
}
#commentform textarea { border : 1px solid #513b2e; background : #ffffb4; margin-top : 10px; color : #333;
}
#commentform a { color : #111; text-decoration : none;
}



/***** Search *****/

#search  {
background: url(images/sidebartop.jpg) no-repeat ;
width: 210px;
height: 60px;
margin : 20px 0 5px 12px;
}
#searchform input {
margin: 10px 0 0 15px;
width: 170px;
background : none ;
font-weight : 100;
font-size : 20px;
text-align : center;
padding : 5px;
border : none;
}
#searchform input#searchsubmit {
cursor :  pointer; 
border : 0;
color : #111111;
background : none ;
border: none;
}

#searchform input#searchsubmit:hover{
border : 0;
color : #ffffff;
background : #111111 ;
border:none;
}

/***** Footer *****/



#footerbg {
background: #7C8992 url(images/footer.jpg) repeat-x;
height: 200px;
}


#footer {
width: 900px;
background: none;
color: #FFFFFF;
margin: 0px auto 0px;
padding: 0px;
text-align: center;
position: relative;
line-height: 20px;
}
	
#footer p {
color: #FFFFFF;
padding: 3px 0px 0px 0px;
list-style-type: none;
margin: 0px;	
}
	
#footer h2 {
color: #ffdd81;
font-size: 18px;
font-family: Arial, Helvetica, Sans-Serif;
font-weight: bold;
border-bottom: none;
padding: 0px 0px 2px 0px;
margin: 15px 0px 0px 0px;
text-transform: uppercase;
}

#footer a {
color: #AAAAAA;
text-decoration: none;
}

#footer a:hover {
color: #2255AA;
text-decoration: none;
}
	
#footer ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#footer ul li {
display: inline;
padding: 0px;
margin: 0px;
}
	
#footer ul li a {
display: block;
color: #FFFFFF;
text-decoration: none;
margin: 0px;
padding: 2px 0px 2px 0px;
border-bottom: none;
}

#footer ul li a:hover {
background: none;
color: #ff0000;
}
	
#footerleft {
background: none;
float: left;
width: 200px;
margin: 10px 20px 0px 0px;
padding: 0px 0px 10px 0px;
}
	
#footermiddle1 {
background: none;
float: left;
width: 200px;
margin: 10px 20px 0px 0px;
padding: 0px 0px 10px 0px;
}
	
#footermiddle2 {
background: none;
float: left;
width: 200px;
margin: 10px 20px 0px 0px;
padding: 0px 0px 10px 0px;
}
	
#footerright {
background: none;
float: right;
width: 200px;
margin: 10px 20px 0px 0px;
padding: 0px 0px 10px 0px;
}

#credits {
background:#fff;
position:absolute;
bottom:25px;
right:20px;
}

#credits:hover{
background:#fff;
}


/***** Widgets *****/


#wp-calendar td {
background : #baac6f;
color : #111;
font : normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing : normal;
padding : 2px 0;
text-align : center;
}
#wp-calendar td:hover, #wp-calendar #today {
background : #7a6e46;
color : #ffffff;
}
#wp-calendar {
border : 1px solid #ddd;
empty-cells : show;
font-size : 14px;
margin : 0 0 20px 12px;
width : 208px;
}


