/*

Theme Name: Namaya

Theme URI: http://namayaproductions.com/

Description: Custom Wordpress theme for NamayaProductions.com

Author: JC Mae Palmes 

Author URI: http://khleomix.com/

Version: 1.0

*/





/* Body */

body {font: 100% verdana, arial, helvetica, sans-serif;color: #fff;background:#000 url(images/bg.jpg) repeat top left;margin: 0px;padding: 0px;}

#main{width:1414px; height:auto; min-height:950px; background:transparent url(images/main.png) no-repeat top center; margin:0 auto; }

#content_bg{width:1414px; height:auto; min-height:950px; background:transparent url(images/content_bg.png) no-repeat top center; margin:0 auto; }

#beall_bg{width:1414px; height:auto; min-height:900px; background:transparent url(images/beall.png) no-repeat top center; margin:0 auto; }

#flowers_bg{width:1414px; height:auto; min-height:900px; background:transparent url(images/flower.png) no-repeat top center; margin:0 auto; }

#full_bg{width:1414px; height:auto; min-height:950px; background:transparent url(images/full.png) no-repeat top center; margin:0 auto; }

#audio{width:1414px; height:auto; min-height:950px; background:transparent url(images/audio.png) no-repeat top center; margin:0 auto; }

#peace_bg{width:1414px; height:auto; min-height:950px; background:transparent url(images/peace.png) no-repeat top center; margin:0 auto; }



/* Header */

#social{width:300px; float:right; list-style:none;}

#follow{background:url(images/follow.png) no-repeat; width:158px; height:29px; display:block; margin:10px auto; position:relative;}

#facebook{background:url(images/facebook.png) no-repeat; width:82px; height:75px;float:left; display:block; margin:10px 0 0 0; position:relative;}

#twitter{background:url(images/twit.png) no-repeat; width:80px; height:75px;float:left; display:block; margin:10px 0 0 0; position:relative;}

#rss{background:url(images/rss.png) no-repeat; width:82px; height:75px;float:left; display:block; margin:10px 0 0 0; position:relative;}



/* Menu */

#home a{background:url(images/menu/home.png) no-repeat 0 0; width:88px; height:53px; display:block; position:relative; float: left;}

#home a:hover, #home a:active{background:url(images/menu/home.png) no-repeat -88px 0;}

#about a{background:url(images/menu/about.png) no-repeat 0 0; width:108px; height:44px; display:block; position:relative; float: left; margin:20px 0 0 20px;}

#about a:hover, #about a:active{background:url(images/menu/about.png) no-repeat -108px 0;}

#blog a{background:url(images/menu/blog.png) no-repeat 0 0; width:75px; height:30px; display:block; position:relative; float: left; margin:20px 0 0 20px; clear:left;}

#blog a:hover, #blog a:active{background:url(images/menu/blog.png) no-repeat -75px 0;}

#music a{background:url(images/menu/music.png) no-repeat 0 0; width:101px; height:57px; display:block; position:relative; float: left; margin:20px 0 0 30px;}

#music a:hover, #music a:active{background:url(images/menu/music.png) no-repeat -101px 0;}

#photo a{background:url(images/menu/photo.png) no-repeat 0 0; width:222px; height:51px; display:block; position:relative; float: left; margin:20px 0 0 30px;}

#photo a:hover, #photo a:active{background:url(images/menu/photo.png) no-repeat -222px 0;}

#written a{background:url(images/menu/written.png) no-repeat 0 0; width:255px; height:77px; display:block; position:relative; float: left; margin:20px 0 0 30px;}

#written a:hover, #written a:active{background:url(images/menu/written.png) no-repeat -256px 0; width:258px;}

#peace a{background:url(images/menu/peace.png) no-repeat 0 0; width:324px; height:56px; display:block; position:relative; float: left; margin:20px 0 0 0px;}

#peace a:hover, #peace a:active{background:url(images/menu/peace.png) no-repeat -324px 0; width:327px;}

#latest a{background:url(images/menu/projects.png) no-repeat 0 0; width:263px; height:65px; display:block; position:relative; float: left; margin:20px 0 0 0px;}

#latest a:hover, #latest a:active{background:url(images/menu/projects.png) no-repeat -264px 0; width:266px;}

#contact a{background:url(images/menu/contact.png) no-repeat 0 0; width:138px; height:32px; display:block; position:relative; float: left; margin:10px 0 0 50px;}

#contact a:hover, #contact a:active{background:url(images/menu/contact.png) no-repeat -138px 0; width:142px;}





#menu{float:left; width:350px!important; height:auto; list-style:none; margin:-70px 0 0 0; background:transparent url(images/menu_head.png) no-repeat 0 0; padding:123px 0 0 30px; position:relative;}

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

#menu ul li{ float:left; position:relative; width:286px; padding:3px 2px; background-color:#333333; border-bottom:2px groove #666666;}

#menu li:hover {background-color:#e54d04;}

#menu ul li a{

    display:block;

    padding:2px 9px;

    margin:1px;

    font-size:14px;

	color:#FFF;

	text-decoration:none;

}

#menu ul li a:hover{color:#FFF;}

#menu ul ul{

    position:absolute;

    top:-99999px;

    left:170px!important;

    opacity: 0; /* Hide sub level */

    -webkit-transition: opacity .5s ease-in-out;

    -moz-transition: opacity .5s ease-in-out;

    -o-transition: opacity .5s ease-in-out;

    z-index:497;

    background:#444;

    padding: 2px;

    border:none!important;

	margin-top:-15px!important;

}

#menu ul ul ul {

    position:absolute;

    top:-99999px;

    left:100%;

    opacity: 0;

    -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */

    -moz-transition: opacity .5s ease-in-out;

    -o-transition: opacity .5s ease-in-out;

}

#menu ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }

#menu ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background:#333; }



ul.primary li.hover, ul.primary li:hover{ cursor: default; background-color:#e54d04;} 



/* Clearfix */

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

* html > body .clearfix { display: block; width: 100%; }

* html .clearfix { height: 1%; }



/* Cursor fix */

ul.primary li a{ cursor:pointer; }



/* Title */

#obligation{background: transparent url(images/obligation.png) no-repeat top center; width:336px; height:62px; margin: 30px auto;}



/* Links */

.linklove{display:none;}

.cform{padding:0 0 20px 0;}

h1 {margin:0px;height: 40px;font: bold 28pt "Lucida Sans", arial;color: #fe3105;}

h1 a, h1 a:visited{color: #fe3105;text-decoration: none;}

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

h2 {color: #fe3105;margin: 0px 0px 10px 0px; font:24px "Century gothic",Lucida Sans, arial;padding:0px 0px 10px 0px; letter-spacing: 0px; text-align:center; font-weight:bold;}

h2 a, h2 a:visited {color: #ff5a00;text-decoration: none;}

h2 a:hover {color: #8ac97b;text-decoration: none;}

h3 {color: #fff;margin: 0px 0px 2px;letter-spacing: -1px;font:16pt "Century gothic",Lucida Sans, arial;}

h4 {color: #fff;margin: 0px 0px 2px;letter-spacing: -1px;font:16pt "Century gothic",Lucida Sans, arial;padding-bottom: 3px;}

a,a:visited {color: #fe3105;text-decoration: none; border:none; outline:none;}

a:hover {color: #fff;text-decoration: underline;}

.clear{clear:both;}

.lclear{clear:left;}

.rclear{clear:right;}



/* Content */ 

#content {width:640px; height:auto; float:left; margin:200px 0 0 -20px;}

#full_content {width:1000px; height:600px; overflow:auto; float:left; margin:240px 0 100px 5px;}

#full_content .post{margin:20px 0 0 0;}

#full_content2 {width:990px; height:auto; overflow:auto; float:left; margin:180px 0 50px 0px; background:transparent url(images/bg_full.png) repeat 0 0; padding:0 10px 20px 10px;}

#full_content2 .post{margin:30px 30px 0 0;}

#full_content3 {width:1000px; height:600px; overflow:auto; float:left; margin:210px 0 100px 5px;}

#full_content3 .post{margin:10px 0 0 0;}

#full_content3 .post h3 {color: #fff;margin: 0px 0px 2px;letter-spacing: -1px;font:14pt "Century gothic",Lucida Sans, arial;padding-bottom: 10px; font-weight:bold;}

.post{ margin:0 auto;}

.entry {color:#FFF; font-size: 0.90em; line-height:1.5em; padding:10px;}

.readmore{float:right; clear:left; font-size:10px; font-weight:bold; font-variant:small-caps; margin:0 20px 0 0;}



/* Comments */

#comments, #respond {padding: 10px 0 5px 0;clear: both;}

.cleft { float:left; width:60px; border:3px double #dadada;margin:0px 10px 10px 0px; }

.commentlist {margin: 10px 0px;padding-left: 20px;line-height: 130%;}

.commentlist li{padding: 5px 10px;}

.commentlist cite {font-size: 14px;color: #fe5e00;}

.commentlist cite a, .commentlist cite a:visited {color: #fe5e00;}

.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}

#commentform {margin-top: 10px;font: 10px;}

#commentform p {padding: 6px 0px;margin: 0px;}

#commentform label{color: #888888;font-size: 77%;}

#commentform input{width: 200px;background:#ffffff;border: 1px solid #97a9ae;padding: 3px;margin-top: 3px;}

#commentform textarea{width: 570px;height: 115px;background:#ffffff;border: 1px solid #97a9ae;padding: 2px;margin-top: 3px;}

#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}

#commentform #submit{background: url(images/post.png) no-repeat;font: 14px ;color: #000000;border:1px solid #000;float:left;width: 147px;height: 30px;cursor: pointer;}



/* Search */

#searchform {margin: 15px 0 0;}

#searchform br {display: none;}

#searchform #s {border:1px solid #618806;width: 140px;height: 20px;padding: 4px 5px 0px 5px;border: 1px solid #bed881;background: #fff;margin-right: 2px;color: #000000;font-weight: normal;}

#searchform input {background:url(images/search.png);border:1px solid #000000;width: 37px;height: 28px;font:22px ;color: #000000;vertical-align: middle;}



/* Sidebar */

#sidebar{width:300px; height:auto; float:right; margin-top:30px!important;}

#sidebar ul{list-style:none!important;}

#sidebar ul li{margin:10px 0;}

h2.sidebartitle{font-family: Verdana, Geneva, sans-serif; font-weight:bold; color:#FFF; padding:10px 0 0 0;}

ul#sidemenu{list-style:none;}

#jazpoet a{background:url(images/jazpoet.png) no-repeat 0 0; width:232px; height:180px; display:block; position:relative; float: right;}

#jazpoet a:hover{background:url(images/jazpoet.png) no-repeat -232px 0;}

#beatnikcafe a{background:url(images/beatnik.png) no-repeat 0 0; width:269px; height:172px; display:block; position:relative; clear:both;}

#jazmu a{background:url(images/jazmu.png) no-repeat 0 0; width:259px; height:127px; display:block; position:relative; float: right;  margin-right:30px;}

#jazmu a:hover{background:url(images/jazmu.png) no-repeat 0 -127px;}



/* Footer */

#footer{bottom:0; position:relative; margin:30px auto 0 auto; border-top:3px double #E90000; width:100%; height: auto; clear:both; background-color:#000;}

#bottommenu{margin:0 auto; width:1100px; text-align:center; display: block;}

#bottommenu ul{margin:0 auto;}

#bottommenu ul li{float:left; cursor:pointer; list-style:none; padding:10px 10px 0 10px;}

#bottommenu ul li a{color:#00ff00; text-decoration:none; font-size:8pt; font-weight:bold;}

#bottommenu ul li a:hover{color:#FFFF00;}

#footer p{text-align:center; font-size:8pt; font-weight:bold; line-height:12pt; color:#FFFFFF; padding:10px 0;}

#footer a{color:#FFFF00; text-decoration:none;}

#footer a:hover{color:#FFFFFF;}

.center {text-align: center;}



/* Fix floats */

img {border: none;}

form {margin:0px;padding:0px;}

p {padding: 0px 0px 15px;margin: 0px;}

img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}

.alignleft {float: left;}

img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}

.alignright {float: right;}

img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}

hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}

.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.alignleft {float: left;}

.alignright {float: right;}



/* image caption */

.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-text{font-size:10px; font-weight:bold; color: #000;}

.wp-caption img {margin: 0; padding: 0; border: 0 none;}

.wp-caption-dd {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}



/* gallery */

.attachment-thumbnail{margin:10px 5px;}



/*custom plugin */

.widget_video{background:transparent url(images/tv.png) no-repeat; position:relative; width:302px; height:212px; z-index:1000;}

.widget_video object{margin:14px 0 0 20px;}

.myYoutubePlaylist{width:500px; margin:0 auto;}

.accordion h3{padding-bottom:5px; font-size:15px; font-weight:bold; color:#FE3105;}

.accordion ul{margin-left:20px;}

.accordion ul li{font-size:14px;}

.accordion ol{margin-left:40px;}

.accordion blockquote{width:700px; margin:10px auto; font-size:13px;}

.toggler, .toggleAllAcc, .openAllAcc, .closeAllAcc{background:transparent;}

.togcontent{background:none!important; border:none!important; color:#FFF!important;}



/*  

Sticky Footer Solution

by Steve Hatcher 

http://stever.ca

http://www.cssstickyfooter.com

*/

* {margin:0;padding:0;} 



/* must declare 0 margins on everything, also for main layout components use padding, not 

vertical margins (top and bottom) to add spacing, else those margins get added to total height 

and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto; padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;

	margin-top: -100px; /* negative value of footer height */

	height: 100px;

	clear:both;}



/*Opera Fix*/

body:before {/* thanks to Maleika (Kohoutec)*/

content:"";

height:100%;

float:left;

width:0;

margin-top:-32767px;/* thank you Erik J - negate effect of float*/

}



/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.



<!--[if !IE 7]>

	<style type="text/css">

		#wrap {display:table;height:100%}

	</style>

<![endif]-->

*/



div#sliding_cart{color:#000!important; padding:10px!important;"}