/*
Theme Name: karmupro
Theme URI: http://karmupro.com
Description: gray black theme based on japanese character
Author: Pramendra
Author URI: http://karmupro.com/pramendra
Version: v0.2
Tags: Framework
Template: karmupro
*/
@import url('bp/reset.css');
@import url('bp/typography.css');
@import url('bp/forms.css');
@import url('bp/screen.css');

body{
    font-family: Georgia, "Times New Roman", Times, serif;
    color:#fff;
    background: #5a0203;
    line-height: normal;
    font-size: 12px;
}

ul{padding: 0; margin: 0;}
#header{background: url('img/template_header.jpg') top center no-repeat; height: 265px;}

ul#menu {
  margin: 0;
  padding: 0;
  list-style: none; padding: 0; margin: 0; top:228px; position: absolute;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
    z-index: 1;
}

#menu, #menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#menu a {
		display: block;
		border:0;
	}

ul#menu li {
  display: block;
  position: relative;
  float: left;
  padding: 0 5px;
  color: #c7825c;
  line-height: 1.4;
}
ul#menu li a{  color: #c7825c;
  text-decoration: none;
  white-space: nowrap;
}

ul#menu li ul {
  display: block;
  position: absolute;
  z-index: 1000;
  padding: 5px 0;
  background: #030000;
  left: -999em;
}


	#menu li ul li {
		float:none;
		display:block;
 padding: 2px 5px;
	}


	#menu li:hover ul, #menu li.sfhover ul {
		left: auto;
	}

ul#menu li:hover a { color: #c7825c; }
ul#menu li:hover li a:hover {color: #faefc3; }
ul#menu li a:hover {color: #faefc3; }


#contents{background:url('img/template_background.jpg') top center repeat-y;}

#contents .contentbody{
  background: #f3e2c4;
  color:#710408;
  padding: 10px 20px;
  font-family: arial, helvetica;
  font-size: 14px;
  line-height: 130%;
}

#contents {padding: 5px 0 20px;}
#contents .contentbody p{
  margin: 0;
  
}
#contents .contentbody a{ color: #ae4308; text-decoration: none;}
#contents .contentbody a:hover{ color: #10171d; text-decoration: none;} 
#contents .contentbody p.black{ text-align: center; color: #000; margin-bottom: 20px;}
#contents .contentbody p.quote{ font-style: italic;}
#contents .contentbody p.quoteblack{color: #000;}
#contents .contentbody h2.title{ margin: 0; font-size: 22px; font-weight: bold; margin-bottom: 20px; font-style:italic;}
#contents .contentbody .quotename{color: #710408;}


#footer{background: url('img/template_footer.jpg') top center no-repeat;}
#sharelinks{padding: 0; margin: 0;}
#sharelinks ul{ float: right; list-style: none;}
#sharelinks li{float: left; padding: 0 5px;}
.testimonial{
  background: #f3e2c4;
  color:#590003;
  padding: 10px 10px;
  font-family: Times, serif;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  line-height: 160%;
  margin-top: 20px;
  display: block;
}
.testimonial p{
  padding: 10px 20px;
  color:#1b0107;
  font-style: italic;
}
.testimonial p span{ display: block; text-align: right; }
.testimonial p.newsletter{
  padding:0;
  text-align: center;
  padding-bottom: 20px;
}

#footer{
  padding: 192px 0 5px 0;
  height: 273px;
  
}
.metafoot{
  color: #976c4a;
  font-size: 12px;
}

.metafoot a{
  color: #976c4a;
  text-decoration: none;
}

.metafoot a:hover{
  color: #faefc3
}
.metafoot p{ margin: 0;}