/*  
Theme Name: Mujuworld v2
Theme URI: http://www.mujuworld.co.uk/
Description: Custom styles for Mujuworld - version 2.
Version: 1.0
Author: Paul Burgess
Author URI: http://iampaulburgess.co.uk/
*/

/* ----------  Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0;}
/* ------------------------------ */

/* Links */
a img{border: 1px solid #CCC;padding:2px;margin:3px;}
a:hover img{border: 2px solid #EF9152;padding:1px;}
a:hover{color: #EF9152;border: 2px ;} /* Dummy definition to overcome IE bug */

a:link { color:#3a2200;text-decoration:underline}
a:visited { color:#3a2200;text-decoration:underline}
a:hover { color:#57B6CC;text-decoration:underline}
a:active { color:#333;text-decoration:underline}

div.post h2 a:link { color:#666;text-decoration:none}
div.post h2 a:visited { color:#666;text-decoration:none}
div.post h2 a:hover { color:#57B6CC;text-decoration:none}
div.post h2 a:active { color:#666;text-decoration:none}

#shopcats {margin:10px 0 4px 0;padding-bottom:15px;}
#shopcats a {padding:4px 5px 4px 4px;position:relative;}
#shopcats a:link {color:#333;background-color:transparent}
#shopcats a:visited {color:#333;background-color:transparent}
#shopcats a:hover {color:#FFF;background-color:#57B6CC}
#shopcats a:active {color:#333;background-color:transparent}

/* ------------ General layout */

body{
	background-image: url(/wp-content/themes/muju/gfx/bg.png);
	margin:15px;
	background-repeat: no-repeat;
	background-position: 15px 15px;
}

#wrapper {width:960px}

#header h1 {margin:0;width:60px;padding-left:10px;}
#header h1 a {
 display: block;
 padding-top: 28px; height: 0 !important;
 height /**/: 28px; overflow: hidden;
}

#side {width:315px;float:left;padding-top:140px;}

#sidebar{margin-top:40px;margin-bottom:30px;padding-left:8px}
#sidebar ul {list-style:none}
#sidebar h2 {font-size:1.4em;}

#content {width:520px;float:left;}
p {line-height:160%;font-size:1.2em}
li {line-height:160%;font-size:1.1em}
p.postmetadata {border-top:1px #CCC dashed;margin-top:10px;padding-top:5px;}

p {margin:5px 0 8px 0}

/* -------------- Typography */
body {
font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
font-size: 62.5%;
} /* 1em = 12 pixels */


h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, sans-serif;
letter-spacing: -1px;
margin: 4px 0 4px 0;
padding: 4px 0 4px 0;
color: #666;
}

h1 {font-size:2.8em}
h2 {font-size:2.6em}
h3 {font-size:2.2em}
h4 {font-size:1.8em}

/* ---------- NAV ---------- */

ul#nav 	{
width: 77px;
height: 120px;
background: url(/wp-content/themes/muju/gfx/nav.png) no-repeat;
position: relative;
margin-top:40px;
margin-left:8px;
}

ul#nav li {margin: 0;padding: 0;list-style: none;
position:absolute;}
ul#nav li, ul#nav a	{
height: 18px;
display: block;
}

ul#nav li a {
text-indent: -9999px; 
text-decoration: none;
width: 120px;}

#nav1 {top: 0px;}
#nav2 {top: 26px;}
#nav3 {top: 52px;}
#nav4 {top: 77px;}
#nav5 {top: 102px;}
#nav1 a:hover, body#wallpaper a#wallpapernav {background: transparent url(/wp-content/themes/muju/gfx/nav.png) -80px -0px no-repeat;}
#nav2 a:hover, body#gallery a#gallerynav {background: transparent url(/wp-content/themes/muju/gfx/nav.png) -80px -26px no-repeat;}
#nav3 a:hover, body#music a#musicnav {background: transparent url(/wp-content/themes/muju/gfx/nav.png) -80px -52px no-repeat;}
#nav4 a:hover, body#videos a#videosnav {background: transparent url(/wp-content/themes/muju/gfx/nav.png) -80px -77px no-repeat;}
#nav5 a:hover, body#boards a#boardsnav {background: transparent url(/wp-content/themes/muju/gfx/nav.png) -80px -102px no-repeat;}




/* ------- PAGE NAV */

p.nav a:link, div.wp-pagenavi a:link, .pagenav a:link, a.glow:link { color:#333; text-decoration:none; background:#EEE;padding:4px 6px 4px 6px;border:1px #333 solid;}
p.nav a:visited, div.wp-pagenavi a:visited, .pagenav a:visited, a.glow:visited { color:#333; text-decoration:none; background:#EEE;padding:4px 6px 4px 6px;border:1px #333 solid;}
p.nav a:hover, div.wp-pagenavi a:hover, .pagenav a:hover, a.glow:hover  { color:#FFF; text-decoration:none; background:#57B6CC;padding:4px 6px 4px 6px;border:1px #666 solid;}
p.nav a:active, div.wp-pagenavi a:active, .pagenav a:active, a.glow:active  { color:#333; text-decoration:none; background:#EEE;padding:4px 6px 4px 6px;border:1px #666 solid;}

div.pagenav {
padding:15px 0 5px 0;
margin:5px 0 5px 0;
}


div.pagenav p {line-height:260%}

div.pagenav p.note {
margin-top:10px;line-height:100%
}

div.navigation {margin-bottom:5px;padding-bottom:25px;border-bottom:1px #DDD dashed}
/* END NAV */


/* ---------- GALLERY ---------- */

div.gallery #col1 {width:270px;float:left;border-right:1px #CCC solid;padding-right:10px;margin-bottom:20px}
div.gallery #col2 {width:250px;margin-left:275px;padding-left:25px;}
div.gallery h2 {font-size:2.0em}

h3 span{color:#960}

.setlist h3 {margin:0;padding:0;font-size:1.4em}
.setlist img {margin-right:8px;position:relative;bottom:4px;}
div.set {
float:left;	
	padding: 8px 8px 10px 8px;margin: 8px 0 2px 5px;
	background-color:#EEE;
	border-top:1px #CCC solid;
	width:99%;
}

.setlist div.set img {float:left}
p.setTitle {text-align:left;margin-bottom:8px}

#context {text-align:center;width:185px;padding:15px 0 25px 0;margin:10px 0 10px 0;border-top:1px #CCC dashed;border-bottom:1px #CCC dashed;}
#photo p {	line-height:150%;font-size:0.8em;}
img.noimg{padding:4px}

#context p.nav {margin-bottom:15px;margin-top:10px}

div#photo p {font-size:1.2em}

/* ---------- */

/* --------- Shop */

/* Shop */
.shoplist {padding:10px;width:98%;float:left;border-bottom:1px #CCC dashed;margin-bottom:12px}
.shoplist img {float:right;}
.shoptext h3 {margin:0 0 15px 0;padding:0;font-size:2.0em;}	
.shoptext p {margin:0;}
.shoptext {float:left;width:320px;}
.shoplist p.price a {font-weight:normal}

p.view {margin-top:12px}

#cart {width:230px;border-bottom:1px #CCC dashed;margin-bottom:20px}
body#shop #pagenav {clear:both}
form#ukcartform, form#worldcartform  {margin:0 0 5px 0}
form#checkout {margin-top:25px;font-size:1.2em;}
.cartbutton_light{width:220px;text-align:left;background-color:#EEE;font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#333;border:1px #CCC solid;margin-bottom:0 0 8px 0; cursor:pointer;font-size:1.2em;padding:5px;background-image: url(/shop/gfx/cart_add.png);
	background-repeat: no-repeat;
	background-position: 90% center;}
.cartbutton_dark{width:220px;text-align:left;background-color:#FFF;font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;color:#333;border:1px #61A245 solid;margin-bottom:0 0 8px 0; cursor:pointer;font-size:1.2em;padding:5px;	background-image: url(/shop/gfx/cart_go.png);
	background-repeat: no-repeat;
	background-position: 90% center;}

input.cartbutton_light:hover { background-color:#333;color:#FFF;border:1px #61A245 solid;cursor:pointer;font-size:1.2em;padding:5px; }
input.cartbutton_dark:hover {
	background-color:#61A245;
	color:#FFF;
	border:1px #61A245 solid;
	cursor:pointer;
	font-size:1.2em;
	padding:5px;

}

input.checkout {
	padding-left:20px;
	background-image: url(/shop/gfx/action_go.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
}


/* --- */

#footer {
clear:both;
border-top:1px #CCC solid;
padding:20px;
margin-top:15px;
}

/* ---------- MISC */

.clear {clear:both}

.icon{
list-style:none;
background-repeat: no-repeat;
background-position: left center;
padding:6px 5px 6px 20px;
}

.flickr{background-image: url(/gfx/icon_flickr.png);}
.large {background-image: url(/gfx/icon_big.gif);}

p#me {color:#999;margin-top:25px;}
p#me a {text-decoration:none;color:#666}

.red {color:#C00}

.right, .alignright{float:right}
.left, .alignleft{float:left}