/*
THEME NAME: Pamoja Media Theme
THEME URI: http://www.pamojamedia.com/
DESCRIPTION: Site theme
VERSION: 1.0
AUTHOR: <a href="http://www.pamojamedia.com/">Comark Onani Maloba</a> 
AUTHOR URI:
TAGS: pamoja media, web development, creatives, marketing, 
*/



/*main page css*/


body {
font:12px arial !important;
color:#333;
line-height:150%;
background:url(images/bg.png) repeat-x top;
margin:0 auto;
}

h3{
width:100%;
font-size:18px;
color:#0072BC;
font-weight:400;
text-transform:uppercase;
}

a {
color:#21824A;
text-decoration:none;
}

a:hover{
color:#F7931C;
text-decoration:none;
}

img {
border:none;

}

ul{
margin-left:0px;
padding-left:0px;
}

ul li {
background:url(images/list.png) no-repeat;
list-style-type:none;
line-height:100%;
margin-top:15px;
margin-bottom:15px;
padding-left:12px;
}

ul li a{
padding-left:0px;
}

.noback li {
background:none;
list-style-type:disc;
line-height:100%;
margin:15px 0 15px 15px;
}

div#super_wrapper {
width:100%;
height:auto;
margin-bottom:20px;
margin-top:0px;
}


div#super_wrapper #main_wrapper {
width:1000px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
}


	/*header*/
div#super_wrapper #main_wrapper #header {
width:100%;
height:100px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
}	

div#super_wrapper #main_wrapper #header #logo{
width:300px;
height:100%;
margin-left:0px;
margin-top:0px;
float:left;
text-align:center;
}

div#super_wrapper #main_wrapper #header #logo img{
margin-top:10px;
}

div#super_wrapper #main_wrapper #header #header_right{
width:700px;
height:100%;
margin-left:0px;
float:left;
}

div#super_wrapper #main_wrapper #header #header_right #search_header
{

width:100%;
height:60px;
margin-bottom:0px;
margin-top:0px;
}

div#super_wrapper #main_wrapper #header #header_right #search_header #search{
float:right;
background:url(images/search_bg.png) no-repeat;
height:40px;
width:300px;
margin-top:10px;
}

div#super_wrapper #main_wrapper #header #header_right #search_header #search h2{
float:left;
font-size:12px;
text-transform:uppercase;
color:#fff;
margin-left:35px;
width:60px;
height:100%;
margin-top:10px;
}

div#super_wrapper #main_wrapper #header #header_right #search_header #search form{
margin-top:10px;
width:190px;
height:22px;
float:right;
margin-right:10px;
background:url(images/searchform_bg.png);
}

div#super_wrapper #main_wrapper #header #header_right #search_header #search form input#s{
border:none;
background:none;
size:60px;
}

div#super_wrapper #main_wrapper #header #header_right #search_header #search form input#pmea_search{
height:14px;
width:14px;
background:url(images/search_btn.png) no-repeat;
border:none;
float:right;
margin-top:3px;
margin-right:5px;
}

div#super_wrapper #main_wrapper #header #header_right #access
{
width:100%;
height:40px;
margin-bottom:0px;
background:#232021;
}



	/*index page*/
	
div#super_wrapper #main_wrapper #index_container
{
width:100%;
height:auto;
overflow:hidden;
}	
	
div#super_wrapper #main_wrapper #index_container #slideshow
{
width:100%;
height:350px;
margin-bottom:0px;
}	

div#super_wrapper #main_wrapper #index_container .index_content
{
width:293px;
float:left;
height:auto;
overflow:hidden;
margin-left:40px;
}

div#super_wrapper #main_wrapper #index_container .index_content h2.widgettitle{
display:none;
}

div#super_wrapper #main_wrapper #index_container .index_content h3{
width:100%;
font-size:18px;
color:#0072BC;
font-weight:400;
text-transform:uppercase;
}

div#super_wrapper #main_wrapper #index_container .index_content h4{
width:100%;
font-size:14px;
color:#000;
font-weight:500;
margin-bottom:0px;
text-transform:uppercase;
}

div#super_wrapper #main_wrapper #index_container .index_content h4.service_title{
width:100%;
font-size:14px;
color:#21B24A;
font-weight:500;
margin-bottom:0px;
margin-top:0px;
text-transform:uppercase;
}

div#super_wrapper #main_wrapper #index_container .index_content a.service_link{
color:#F7931C;
}
div#super_wrapper #main_wrapper #index_container .index_content a.service_link:hover{
color:#21B24A;
}

div#super_wrapper #main_wrapper #index_container .index_content .index_content_space{
width:100%;
height:10px;
}	
.page_banner{
border:none;
width:1000px;
height:120px;
overflow:hidden;
}

.social_media_links{
width:100%;
height:auto;
}	

.social_media_links .social_containerfb{
width:100px;
margin-right:20px;
float:left;
}

.social_media_links .social_containerfb .social_image{
width:100%;
float:left;
}
.social_media_links .social_containerfb .social_text{
width:97px;
float:left;
}

.social_media_links .social_containertwitter{
width:80px;
margin-right:0px;
float:left;
}

.social_media_links .social_containertwitter .social_image{
width:100%;
float:left;
}
.social_media_links .social_containertwitter .social_text{
width:80px;
float:left;
}
/*page container*/

div#super_wrapper #main_wrapper #page_container
{
width:100%;
height:auto;
overflow:hidden;
background:#ffffff;
min-height:350px;
margin-top:20px;
}


div#super_wrapper #main_wrapper #page_container #page_container_left{
width:180px;
padding-left:25px;
height:auto;
float:left;
overflow:hidden;
}

div#super_wrapper #main_wrapper #page_container #page_container_right{
width:200px;
padding-left:15px;
height:auto;
float:left;
overflow:hidden;
}
div#super_wrapper #main_wrapper #page_container #page_container_right  h2.widgettitle{
display:none;
}
div#super_wrapper #main_wrapper #page_container #page_container_center{
width:500px;
padding-left:15px;
padding-right:20px;
height:auto;
margin-top:20px;
float:left;
overflow:hidden;
}


div#super_wrapper #main_wrapper #page_container #page_container_left .page_inner{
width:100%;
float:left;
height:auto;
overflow:hidden;
margin-left:0px;
margin-top:20px;
font-size:11px;
line-height:180%;
}

div#super_wrapper #main_wrapper #page_container #page_container_left .page_inner  ul.page_links{
margin-left:0px;
margin-top:0px;
padding-left:0px;
margin-bottom:14px;
list-style-type:none;
}


div#super_wrapper #main_wrapper #page_container #page_container_left .page_inner  ul.page_links li{
background:none;
line-height:120%;

margin-left:0px;
margin-top:3px;
margin-bottom:3px;
}

div#super_wrapper #main_wrapper #page_container #page_container_left .page_inner  ul.page_links li a{
color:#21b24a;
margin-left:0px;
padding-left:0px;
}

div#super_wrapper #main_wrapper #page_container #page_container_left .page_inner  ul.page_links li a:hover{
color:#fe7e00;
}



div#super_wrapper #main_wrapper #page_container #page_container_left .page_inner  ul.page_links li.page_links_title a{
color:#f7931c;
}

div#super_wrapper #main_wrapper #page_container #page_container_left .page_inner  ul.page_links li.page_links_title_black a{
color:#232021;
}
/*Footer */

div#footer{
width:100%;
height:240px;
background:#232021;
margin-bottom:0px;
margin-top:0px;
}

div#footer #footer_container{
width:1000px;
margin-left:auto;
margin-right:auto;
color:#f7931c;
overflow:hidden;
}

div#footer #footer_container .footer_inner{
width:200px;
float:left;
height:190px;
overflow:hidden;
margin-left:0px;
margin-top:20px;
}
div#footer #footer_container .footer_logo{
margin-top:20px;
padding-left:50px;
height:190px;
width:130px;
float:left;
overflow:hidden;
}


div#footer #footer_container .footer_inner  ul.footer_links{
margin-left:0px;
margin-top:0px;
padding-left:0px;
margin-bottom:14px;
list-style-type:none;
}


div#footer #footer_container .footer_inner  ul.footer_links li{
background:none;

line-height:100%;
margin-left:0px;
margin-top:3px;
margin-bottom:3px;
}

div#footer #footer_container .footer_inner  ul.footer_links li a{
color:#ffffff;
margin-left:0px;
padding-left:0px;
}
div#footer #footer_container .footer_inner  ul.footer_links li a:hover{
color:#fe7e00;
}

div#footer #footer_container .footer_inner ul.footer_links li.footer_links_title{
color:#f7931c;
list-style-type:none;
}

div#footer #footer_container .footer_inner  ul.footer_links li.footer_links_title a{
color:#f7931c;
}

div#footer .footer_copyright{
margin-left:auto;
margin-right:auto;
width:1000px;
height:30px;
text-align:center;
margin-bottom:10px;
}

/* Just some example content */





div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {


width:100%;
}

div#menu ul.menud {
line-height:1;
list-style:none;
margin:0 0 0 20px;
padding:0;
}

div#menu ul.menud ul {
display:none;

}

div#menu ul.menud li:hover ul{
display:block;
list-style:none inside none;
padding:13px 0 8px 0;
background:#232021;
height:auto;
left:auto;

}

div#menu ul.menud  li:hover ul  li{
line-height:100%;
margin-top:0px;
margin-left:3px;
margin-right:5px;
margin-bottom:3px;
display:block;
height:auto;
float:left;
width:97px;

}

div#menu ul.menud  li:hover ul  li a{
line-height:100%;
margin-top:0px;
height:auto;
float:left;
text-align:left;
margin-left:0px;
padding:2px 0 2px 0 ;
overflow:hidden;
font-size:12px;
}

div#menu ul.menud  li:hover ul  li a:hover{
color:#fe7e00;
}


div#menu ul.menud li a {
color:#fff;
text-transform:uppercase;
font-size:14px;
display:block;
margin-right:1em;
padding:1em 0.5em 0 0;
text-decoration:none;
}

div#menu ul.menud  li:hover ul ul a {
font-style:italic;
}

div#menu ul.menud  li ul {
left:-999em;
position:absolute;
z-index:100;
width:110px;
}

div#menu ul.menud  li {
background:none;
margin-top:0px;
}



.entry-title,.entry-meta {
clear:both;

}

.entry-title{
font-size:18px;
color:#0072bc;
margin-top:30px;
margin-bottom:2px;
font-weight:300;
text-transform:uppercase;
}

.entry-content p{
margin-top:6px;
clear:both;
}

.entry-title a{
color:#fe7e00;
}

.entry-date{
color:#999999;
}
.entry-title a:hover{
color:#21b24a;
}

.entry-content img{
overflow:hidden;
display:block;
margin-top:8px;
}

.page-title{
font-size:18px;
color:#0072bc;
margin-top:0px;
font-weight:300;
text-transform:uppercase
}

.page-entry-title{
font-size:18px;
color:#0072bc;
margin-top:0px;
font-weight:300;
text-transform:uppercase;
}

div#container,div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
margin-top:8px;
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:auto;
overflow:hidden;
text-decoration:underline;
}

.addthis_button{
float:left;

}

.addthis{
float:left;
width:100%;
}

.widgettitle{
margin-top:20px;
font-size:18px;
color:#0072BC;
font-weight:400;
text-transform:uppercase;
}

.postbtn{
width:112px;
border:none;
height:25px;
background:url(images/postbtn.png) no-repeat;
}

.findbtn{
width:112px;
border:none;
height:25px;
background:url(images/findbtn.png) no-repeat;
}

.comments_title{
color:#000000;
font-size:14px;
font-weight:bold;
border-bottom:1px #000000 dashed;
}

.trackback_title{
color:#000000;
font-size:14px;
font-weight:bold;
border-bottom:1px #000000 dashed;
}

.respond_title{
color:#000000;
font-size:14px;
font-weight:bold;
border-bottom:1px #000000 dashed;
}

div.navigation div.nav-next {
float:left;
text-align:left;
margin-right:5px;
}
div.navigation div.nav-main {
float:left;
text-align:left;
margin-right:5px;
}
div.navigation div.nav-previous {
float:left;
text-align:left;
margin-right:5px;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style-type:none;
line-height:100%;
margin-top:15px;
margin-bottom:15px;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style-type:none;
line-height:100%;
margin-top:15px;
margin-bottom:15px;
}

div#menu ul li,div.gallery dl {
float:left;
}


input#author,input#email,input#url {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

li.portfolioimage{
width:460px;
height:auto;
margin:10px auto;
border-bottom:1px solid #cccccc;
list-style-type:none;
}

li.portfolioimage div.portfolioimager{
width:460px;
overflow:hidden;
height:90px;
margin-bottom:5px;
}

li.portfolioimage div.portfoliotitle{
width:100%;
display:block;
margin-bottom:5px;
color:#F7931C;
font-size:14px;
}

li.portfolioimage div.portfoliotitle a{
margin-right:10px;
}

li.portfolioimage div.portfoliotext{
width:100%;
display:block;
}

/*Additional style by Evans
*for marketing templates
*/
div#super_wrapper #main_wrapper #index_container #form
{
width: 342px;
height: 249px;
float:right;
margin-right:30px;
color: #21A948;
margin-top:13px;
clear:both;
opacity:0.7;
}

div#super_wrapper #main_wrapper #index_container #form .form_text1 ,div#super_wrapper #main_wrapper #index_container #form .form_text2, div#super_wrapper #main_wrapper #index_container #form .form_text3, div#super_wrapper #main_wrapper #index_container #form .form_text4, div#super_wrapper #main_wrapper #index_container #form .form_text5   
{
width: 343px;
height:23px;
border: 1px solid #919390 !important;
margin-top: 7px !important;
color: #FFFFFF !important;
}

div#super_wrapper #main_wrapper #index_container #form .form_text1{background-color: #226535 !important;}
div#super_wrapper #main_wrapper #index_container #form .form_text2{background-color: #881D22 !important;}
div#super_wrapper #main_wrapper #index_container #form .form_text3{background-color: #11496F !important;}
div#super_wrapper #main_wrapper #index_container #form .form_text4{background-color: #8D5A1E !important;}
div#super_wrapper #main_wrapper #index_container #form .form_text5{background-color: #5C2422 !important;}

div#super_wrapper #main_wrapper #index_container #form .form_area
{
height: 70px;
width:340px;
}

div#super_wrapper #main_wrapper #index_container #form.submit
{
width:100px;
height:24px;
margin-top:7px;
background-color:#000000 !important;
color: #FFFFFF;
float:right;
margin-right:58px;
font-family:Arial;
font-size:12px;

}

div#super_wrapper #main_wrapper #index_container #name-error,div#super_wrapper #main_wrapper #index_container #email-error,div#super_wrapper #main_wrapper #index_container #email-valid-error{
width: 338px;
    color: #21A948;
    float: right;
    height: auto;
	background:#fff;
	opacity:7;
    margin-right: 30px;
    margin-top: 13px;
    width: 342px;
	
	text-align:center;
}

div#super_wrapper #main_wrapper #index_container #done-form {
width: 338px;
    color: #21A948;
    float: right;
    height: auto;
	background:#fff;
	opacity:7;
    margin-right: 30px;
    margin-top: 13px;
    width: 342px;
	
	text-align:center;
}


div.done{display:none;}