/*  
.....::: :::: mujaji.com CSS

Theme Name: mujaji
Theme URI: http://mujaji.com/
Description: Custom Mujaji WP theme by THEiNterZoNe.net
Version: 1.0
Author: Jed Mowshowitz
Author URI: http://theinterzone.net

The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Begin -------------------------------- reset.css --------------------------------------- */
body, ul, ol, li, form, fieldset, input, textarea, legend, label, img, a, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
* {margin: 0; padding: 0;}
img, fieldset {border: 0;}
a img {border: none;}
a:link, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
ol, ul {list-style: none;}
/* End ---------------------------------- reset.css --------------------------------------- */





/* Begin -------------------------------- grid.css ---------------------------------------- */
/* *** LAYOUT *** */
#page {margin: 12px auto; width: 788px;}
#head {float: left; width: 788px;}
	#nav {float: left; padding-left: 24px; height: 24px; padding-right: 8px;}
	#nav ul li {float: left; margin-right: 5px; text-align: center;}
	#nav ul li a {float: left; width: 94px; height: 24px;}
	#topright {float: right; padding-right: 20px;}
	#topright img {vertical-align: -1px; padding-top: 2px;}
	#datehour {padding-top: 11px; padding-right: 6px;}
#main {float: left; width: 788px;}
.home #main {height: 454px;}
#content {float: left; width: 482px; padding-left: 36px; padding-top: 27px;}
.home #content {height: 407px;}
.clouds #content {min-height: 395px;}
/* *** CONTENT *** */
	.post {float: left; width: 468px;} 
	.pagepost {padding-bottom: 24px;}
	.pageentry {margin: 24px 0;}
	.archivehead {margin-bottom: 24px;}
	#contactform {margin: 12px 0 24px 0;}
	#videoplayer {margin: 12px 0;}
	#discog ul {float: left; width: 464px;}
	#discog ul li {float: left; width: 232px; min-height: 68px; margin-bottom: 12px;}
	#discog ul li ul {padding-left: 6px; float: left; width: 170px;}
	#discog ul li ul li {width: 170px; margin-bottom: 0; min-height: 12px;}
	.albumhead {float: left;}
	.maincover {float: left; margin: 0 10px 0 0; width: 102px;}
	.albuminfo {float: left; width: 288px;}
	.albumbuttons {float: left; width: 68px; clear: right;}
		a.ilikealbum {float: right; width: 50px; margin-right: 9px;}
		a.buyalbum {float: left; width: 68px; height: 68px; margin-top: 24px;}
	.tracklist, .items, .purchases {width: 482px; float: left; clear: both; margin: 12px 0 24px 0;}
	.tracklist ol, items ol {clear: right;}
	.tracklist ol li {margin: 2px 0;}
		.tracklist ol li ul, .tracklist ol li ul li, .items ol li ul, .items ol li ul li, .purchases ol li ul, .purchases ol li ul li {float: left;}
		.tracklist ol li ul li.tracktitle {width: 294px;}
		.tracklist ol li ul li.price {width: 60px;}
		.tracklist ol li ul li.addtocart {width: 80px;}
		.tracklist ol li ul li.video {width: 60px;}
	#postplayer {width: 252px;}
	.chrononav {float: left; width: 468px; padding-bottom: 24px;}
	#inlinks {margin-bottom: 24px;}
	.comments {float: left; width: 468px;}
	ol.commentlist li {clear: both; min-height: 56px; margin-top: 12px; margin-right: 12px;}
	.replyform {margin: 24px 0;}
	.attachment {width: 464px; margin-top: 12px;}
	.wp-attachment {max-width: 464px; max-height: 464px; width: expression(document.body.clientWidth > 464? "464px": "auto"); height: expression(document.body.clientWidth > 464? "464px": "auto");}
/* *** STORE *** */
	.items ol li {margin: 3px 0;}
		.items ol li ul li.quantity {width: 60px;}
		.items ol li ul li.cartitem {width: 296px;}
		.items ol li ul li.cartremove {width: 56px;}
		.items ol li ul li.cartprice {width: 44px; margin-left: 8px;}
	.updatecart {float: left; padding: 12px 24px 0 0;}
	.subtotal {float: right; padding: 12px 24px 0 0;}
	.ordertotal {clear: both; float: left; margin-top: 12px; padding-top: 3px; width: 464px;}
	#checkoutrow {width: 460px;}
	#paypalform {float: right; width: 102px; height: 43px;}
	.purchases ol li {margin: 3px 0;}
		.purchases ol li ul li.dlname {width: 200px;}
		.purchases ol li ul li.dlformat {width: 60px;}
		.purchases ol li ul li.dlstatus {width: 70px;}
		.purchases ol li ul li.dldate {width: 60px;}
		.purchases ol li ul li.dldownload {width: 66px;}
	.dlinstructions {width: 458px;}
/* *** HOME PAGE EXTRAS *** */
	.frontsection {float: left; clear: left; margin-bottom: 12px;}
	#newsletter {width: 216px;}
	#newshead {width: 150px; float: left;}
	#feedburner {width: 56px; float: left; margin-left: 6px;}
	#newsform {float: left; clear: left; width: 216px;}
	#newsemail {width: 146px; float: left;}
	#emailsub {width: 50px; margin: 0 0 0 6px; float: left;}
	#freedl {width: 400px;}
	#freedl div {float: left; margin-right: 12px;}
	#download {clear: left; float: left; width: 400px;}
	#featuredvideo {width: 400px;}
	.feature {float: left; clear: left; margin-top: -5px;}
/* *** SIDEBAR *** */
#sidebar {float: left; padding-top: 27px; width: 236px; text-align: right; /* position: relative; */}
.home #sidebar {height: 407px;}
.clouds #sidebar {min-height: 395px;}
	#logo img {position: relative; right: -8px;}
	.rightnav {margin-top: 24px;}
	.rightnav ul {margin-top: 1em;}
#sidebar #topalbums {margin: 34px 0 0 172px;}
	#social {margin-top: 9px;}
	#social ul li {margin-bottom: 3px; height: 13px;}
	#social ul li.ilike {height: 14px;}
	#extras {margin-top: 44px;}
	.clouds #extras {margin-top: 60px;}
	#extras div {margin-top: 8px;}
	#donate {height: 22px;}
	#donatebutton {width: 80px; margin: 0; float: right;}
	#bookmarkers {height: 18px; width: 236px; text-align: right;}
		#extras div#bookmarkers {margin-top: 5px;}
	.cartbutton {float: right; margin-bottom: 24px;}
	.cartbutton a {float: left; width: 100px; height: 34px; margin-top: 12px;}
	#reviewquote {float: left; margin-bottom: 24px;}
/* *** FOOTER *** */
#footer {clear: both; width: 745px; min-height: 56px; margin-left: 24px; margin-bottom: 24px;}
#musicplayer {float: left; width: 449px; margin: 5px 0 6px 0; padding: 0 24px;}
	#nowcover {float: left; height: 45px; width: 45px;}
	#nowplaying {float: left; width: 240px; height: 45px; padding-left: 6px; padding-top: 5px;}
	#nowtitle {float: left; margin-bottom: 5px; width: 240px;}
	#playtitle {padding-top: 2px;}
	#buyalbum {float: left; padding-top: 1px; padding-left: 12px;}
		#buyalbum a {float: left; width: 43px; height: 43px;}
	#otheralbums {float: left; padding-left: 12px; width: 89px; height: 45px;}
	#otheralbums ul, #otheralbums ul li, #otheralbums ul li a {float: left;}
#bottomright {float: left; width: 248px; margin-top: 3px;}
	#bottomright ul, #bottomright ul li {float: left;}
	#bottomright ul li.credtype {width: 44px;}
	#bottomright ul li.credvalue {width: 77px; padding-left: 3px;}
	#copyright {float: left; width: 248px; margin: 5px 0;}
#translations {float: left; clear: left; padding: 24px 0; width: 650px; margin-left: 48px;}
#translation_bar a img {padding: 5px 5px 0 0;}
/* *** REUSABLE LAYOUT STYLES *** */
.left {float: left;} 
.right {float: right;}
.clear {clear: both;}
.hidden {display: none;}
/* End ---------------------------------- grid.css ---------------------------------------- */





/* Begin -------------------------------- type.css ---------------------------------------- */
body {font: 62.5% Helvetica,Arial,Tahoma,"Trebuchet MS",sans-serif; line-height: 1; /* text-align: center; */}
p, span, ul {font: 1em Tahoma,Geneva,Verdana,sans-serif;}
p {margin: 1em 0; line-height: 1.2;}
h1 {font-size: 2.2em; margin: 24px 0;}
h2 {font-size: 1.7em; font-weight: normal; display: inline; padding-right: 8px;}
h1, h2, .tagtitle {text-transform: uppercase;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
h4.bigsubhead {font-size: 1.5em; margin-bottom: 36px;}
h5 {font-size: 1em; font-weight: bold;}
small, #datehour {font: 0.9em "Lucida Grande","Lucida Sans Unicode",Verdana,Sans-Serif; letter-spacing: 1px;}
cite {font-size: 0.9em; line-height: 1.4;}
.allcaps {text-transform: uppercase;}
.center {text-align: center;}
/* *** NAV *** */
#nav {font: 1.4em Tahoma,Verdana,Geneva,sans-serif; letter-spacing: 2px;}
#nav ul li {line-height: 1.5;}
#nav ul li.navtabs_on {font-size: 1.3em;}
#nav ul li.navtabs_off {line-height: 2.2;}
#nav ul li a {text-decoration: none; font-weight: bold;}
/* *** POST *** */
p.topline {margin-top: 0.2em;}
.entry {font-size: 1.1em;}
	#homepost .entry {font-size: 1em;}
	.albuminfo small {font-size: 0.8em;}
	.fullalbum small {font-size: 0.6em;}
	span.imagecaption {font-size: 0.8em; font-weight: bold;}
	p.fullalbum {font-size: 1.1em;}
	.albumprice, .tagtitle {font-weight: bold;}
	.tracklist ol li ul li {font-size: 1.1em; font-weight: bold;}
	.tracklist ol li ul li.listhead {font-size: 1.2em;}
	.more-link {font-size: 1.2em; font-weight: bold;}
	ul.bullets {list-style: url(images/listicon.png) inside; margin: 1em 0;}
	ul.bullets li {/* font-size: 1.2em; */}
	#discog ul li ul {font-size: 0.9em;}
	#list404 {margin-bottom: 2em;}
.postmeta p {margin: 1em 0 0 0; font: 1.2em Verdana,Geneva,Tahoma,sans-serif;}
	#homepost .postmeta p {margin: 1em 0;}
	span.sharethis a:link, span.sharethis a:visited {text-decoration: underline;}
	span.sharethis a:hover, span.sharethis a:active {text-decoration: none;}
	span.seperator {font-weight: bold; padding: 0 5px;}
	.tags {margin: 0 0 24px 0;}
	.tags span {font-size: 1.2em; letter-spacing: 0.2em;}
.chrononav {font-weight: bold; font-size: 1.2em;}
	#inlinks ul li {font-size: 1.1em; padding-bottom: 6px;}
	#inlinks ul li a {font-weight: bold;}
.commentlist li p {font-size: 1.1em;}
.commentmeta {font-size: 0.8em;}
.commentauthor {margin-top: 0; padding-top: 3px;}
/* *** STORE *** */
.storecontent h4 {margin-top: 12px;}
.items ol li ul li {font-weight: bold;}
.itemtitle {font-size: 1.2em;}
.updatecart {font-size: 0.9em;}
.subtotal {font-size: 1.2em; font-weight: bold;}
.ordertotal {font-size: 1.4em; font-weight: bold; text-align: right;}
.purchases ol li ul.listhead {font-weight: bold;}
.purchases ol li ul li.dldownload, .purchases ol li ul li.dlstatus {font-weight: bold;}
/* *** NEWSLETTER, DOWNLOAD, FEATURE *** */
.frontsection h2 {font-size: 1.5em; float: left; padding-top: 6px; line-height: 1.1;}
.frontsection p {margin: 3px 0 0 0; line-height: 1.1;}
#formatdl p {font-size: 0.9em; margin: 8px 0 0 0;}
#download p, #download span {font-size: 1em; font-weight: bold; line-height: 1; margin-top: 1px;}
#download p span.freesong {padding-left: 1px; vertical-align: 2px;}
#dl {padding-left: 12px; vertical-align: 2px; font-weight: bold;}
.vidlink {font-size: 1.2em; font-weight: bold;}
/* *** SIDEBAR *** */
#sidebar h2 {padding: 0;}
.rightnav ul {list-style: url(images/listicon.png) inside;}
.rightnav ul li {font-weight: bold; font-size: 1.2em; line-height: 1.3;}
#social ul li {font: bold 1.1em Tahoma,Geneva,Verdana,sans-serif; line-height: 1.2;}
#reviewquote p {font: 1.4em Helvetica,Arial,Tahoma,"Trebuchet MS",sans-serif;}
/* *** FOOTER *** */
#nowtitle a {font-size: 1.2em; font-weight: bold;}
#bottomright ul li.credtype {text-align: right; font-size: 0.9em;}
#bottomright ul li.credvalue {font-weight: bold; font-size: 0.9em;}
#copyright {font-size: 0.9em;}
/* End ---------------------------------- type.css ---------------------------------------- */





/* Begin -------------------------------- colors.css -------------------------------------- */
body {background: #00356a; color: #8bafdc;}
a:link, a:visited {color: #dcbe3d;}
a:hover {color: #d97e22;} a:active {color: #78a8da;}
h2, h3, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color: #fff;}
h2 a:hover, h3 a:hover {color: #0ab2b0;} h2 a:active, h3 a:active {color: #78a8da;}
h4, .playsong, .itemtitle, .ordertotal, .dlinstructions {color: #c1e0f2;}
h5 a:link, h5 a:visited {color: #c1e0f2;}
h5 a:hover {color: #0ab2b0;} h5 a:active {color: #78a8da;}
/* *** NAV *** */
#nav ul li.navtabs_off a, #nav ul li.navtabs_off a:visited {background: #275283 url(images/navtab_off.png) no-repeat; color: #ab6634;}
#nav ul li.navtabs_off a:hover {background: #919445 url(images/navtab_off.png) no-repeat; color: #003567;}
#nav ul li.navtabs_on a, #nav ul li.navtabs_on a:visited {background: #1f7a7a url(images/navtab_on.png) no-repeat; color: #8fcad1;}
#nav ul li.navtabs_on a:hover {background: #0ab2b0 url(images/navtab_on.png) no-repeat;}
#datehour {color: #60779f;}
/* *** BACKGROUND *** */
.home #main {background: url(images/mujabg_medres.jpg) no-repeat;} 
.clouds #main {background: url(images/cloudsbg2.jpg) repeat-y;} 
/* *** POST *** */
.tagpost {border-top: 1px dotted #848fa3;}
.postdate, .tagtitle {color: #848fa3;}
.maincover a img, .entry a img {border: 1px solid #062643;}
.maincover a:hover img, .entry a:hover img {border: 1px solid #85a3d5;}
.storecontent a img, #newsletter a img {border: none;}
a.buyalbum {background: url(images/buyalbum.png) 0 0;}
a.buyalbum:hover {background-position: 0 68px;}
.cartbutton a {background: url(images/viewcart.png) 0 34px;}
.cartbutton a:hover {background-position: 0 0;}
.albumprice {color: #c1e0f2;}
.listhead {border-top: 1px dotted #0ab2b0; border-bottom: 1px dotted #0ab2b0;}
span.sharethis a:link, span.sharethis a:visited, span.sharethis a:hover {color: #5ebb47;}
.tags a:link, .chrononav a:link, a.more-link:link, .tags a:visited, .chrononav a:visited, a.more-link:visited {color: #c1e0f2;}
.tags a:hover, .chrononav a:hover, a.more-link:hover {color: #0ab2b0;}
.alt {background: #00356a; border-top: 1px dotted #0ab2b0; border-bottom: 1px dotted #0ab2b0;}
/* *** EXTRAS *** */
.ordertotal {border-top: 1px dotted #0ab2b0;}
.purchases ol li ul li.dlstatus {color: #c1e0f2;}
/* *** SIDEBAR *** */
#topalbums a img {border: 1px solid #062643;}
#topalbums a:hover img {border: 1px solid #85a3d5;}
#social ul li a:link, #social ul li a:visited {color: #dee1e2;}
#social ul li a:hover {color: #0ab2b0;} #social ul li a:active {color: #78a8da;}
.bookmarkicon {border-top: 1px solid #102a46; border-bottom: 1px solid #102a46; border-left: 1px solid #102a46;}
.bookmarkicon:hover {border-top: 1px solid #889472; border-bottom: 1px solid #889472;}
.righticon {border-right: 1px solid #102a46;}
/* *** FOOTER *** */
#footer {background: url(images/footer.png) no-repeat;}
#nowcover a img {border: 1px solid #85a3d5;}
#nowcover a:hover img {border: 1px solid #003e6c;}
#buyalbum a {background: url(images/buyfooter.png) 0 43px;}
#buyalbum a:hover {background-position: 0 0;}
#otheralbums ul {border-right: 1px solid #78a8da; border-bottom: 1px solid #78a8da;}
#otheralbums ul li a {border-top: 1px solid #78a8da; border-left: 1px solid #78a8da;}
#otheralbums ul li a:hover {border-top: 1px solid #062643; border-left: 1px solid #062643;}
#bottomright {color: #60779f;}
#bottomright ul li a:link, #bottomright ul li a:visited {color: #85a3d5;}
#bottomright ul li a:hover {color: #0ab2b0;} #bottomright ul li a:active {color: #78a8da;}
/* End ---------------------------------- colors.css -------------------------------------- */





/* Begin -------------------------------- forms.css --------------------------------------- */
/* *** FONTS *** */
label {font-weight: bold; margin-left: 6px;}
.messagelabel {margin-left: 0px; line-height: 1.6;}
input.text, input.wpcf7-validates-as-required, textarea {font: 1.1em Helvetica,Arial,Tahoma,"Trebuchet MS",sans-serif; padding: 1px 1px 0 1px;}
#newsemail {height: 16px; padding: 4px 1px 0 2px;}
#author, .your-email input, #url, .your-name input {width: 180px;}
#comment, .your-message textarea {width: 420px;}
.your-message textarea {margin-top: 6px; height: 100px;}
textarea {font-size: 1.1em; padding: 1px 1px 0 1px;}
input.formbutton {padding: 0 3px 2px 3px; height: 22px; font: bold 1.5em Tahoma,Verdana,Geneva,sans-serif;}
/* *** COLORS *** */
input.text, input.wpcf7-validates-as-required, textarea {background: #89c; border: 1px solid #889472; color: #102a46;}
input.formbutton {background: #4b5166; border: 1px solid #5f769f; color: #78a8da;}
input.buttonhover {background: #5167b0; color: #c7c7c7;}
input:focus, textarea:focus {background: #ccc;}
/* End ---------------------------------- forms.css --------------------------------------- */





/* Begin -------------------------------- images.css -------------------------------------- */
p img {padding: 0; max-width: 464px;}
.avatar {padding: 0 10px 0 0; float: left;}
.alignleft {float: left; margin: 0 10px 6px 0;}
.alignright {float: right; margin: 0 0 6px 10px;}
.alignnone {clear: right; margin: 10px 0;}
.centered {display: block; margin-left: auto; margin-right: auto;}
a.ilikealbum img, a.ilikealbum:hover img {border: none;}
/* *** HOME EXTRAS *** */
#feedburner img {margin-left: 4px; /* vertical-align: 3px; */}
#featuredvideo img {margin-top: 3px;}
/* *** SIDEBAR *** */
#topalbums img {margin: 0 0 3px 3px; padding: 0;}
.padright {padding-right: 8px;}
.bookmarkicon {float: right;}
/* End ---------------------------------- images.css -------------------------------------- */





/* FIX 1px DIFFERENCE in VERTICAL ALIGNMENT between Safari/Opera and other browsers */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
	#newsform {margin-top: 2px;}
	input.formbutton {padding: 1px 3px 1px 3px;}
	#formatdl p {margin: 10px 0 0 0;}
	#contactform {margin-top: 24px;}
	#download p, #download span {margin-top: 3px;}
	.feature {margin-top: -3px;}
	#extras div#bookmarkers {margin-top: 8px;}
}