/*
Theme Name: blank
Theme URI: http://www.freshcoatofpaint.co.uk
Description: blank is my default WP theme for use on client projects
Author: Anthony Brewitt
Author URI: http://www.freshcoatofpaint.co.uk
*/


/* main div formatting and positioning */



a#xtra
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/xtra.jpg) no-repeat 0 0;
}

a#xtra:hover
{ 
  background-position: 0 -115px;
}

a#xtra span
{
  display: none;
}


a#exhib
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/exhib.jpg) no-repeat 0 0;
}

a#exhib:hover
{ 
  background-position: 0 -115px;
}

a#exhib span
{
  display: none;
}

a#josh
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/josh.jpg) no-repeat 0 0;
}

a#josh:hover
{ 
  background-position: 0 -115px;
}

a#josh span
{
  display: none;
}




a#london
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/london.jpg) no-repeat 0 0;
}

a#london:hover
{ 
  background-position: 0 -115px;
}

a#london span
{
  display: none;
}




a#lounge
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/lounge.jpg) no-repeat 0 0;
}

a#lounge:hover
{ 
  background-position: 0 -115px;
}

a#lounge span
{
  display: none;
}



a#trace
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/trace.jpg) no-repeat 0 0;
}

a#trace:hover
{ 
  background-position: 0 -115px;
}

a#trace span
{
  display: none;
}


a#tnt
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/tnt.jpg) no-repeat 0 0;
}

a#tnt:hover
{ 
  background-position: 0 -115px;
}

a#tnt span
{
  display: none;
}




a#street
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/street.jpg) no-repeat 0 0;
}

a#street:hover
{ 
  background-position: 0 -115px;
}

a#street span
{
  display: none;
}






a#nation
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/nation.jpg) no-repeat 0 0;
}

a#nation:hover
{ 
  background-position: 0 -115px;
}

a#nation span
{
  display: none;
}




a#day
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/day.jpg) no-repeat 0 0;
}

a#day:hover
{ 
  background-position: 0 -115px;
}

a#day span
{
  display: none;
}




a#lady
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/lady.jpg) no-repeat 0 0;
}

a#lady:hover
{ 
  background-position: 0 -115px;
}

a#lady span
{
  display: none;
}





a#high
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/high.jpg) no-repeat 0 0;
}

a#high:hover
{ 
  background-position: 0 -115px;
}

a#high span
{
  display: none;
}




a#super
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/super.jpg) no-repeat 0 0;
}

a#super:hover
{ 
  background-position: 0 -115px;
}

a#super span
{
  display: none;
}




a#one
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/one.jpg) no-repeat 0 0;
}

a#one:hover
{ 
  background-position: 0 -115px;
}

a#one span
{
  display: none;
}




a#voice
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/voice.jpg) no-repeat 0 0;
}

a#voice:hover
{ 
  background-position: 0 -115px;
}

a#voice span
{
  display: none;
}




a#ctrl
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/ctrl.jpg) no-repeat 0 0;
}

a#ctrl:hover
{ 
  background-position: 0 -115px;
}

a#ctrl span
{
  display: none;
}




a#promo
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/promo.jpg) no-repeat 0 0;
}

a#promo:hover
{ 
  background-position: 0 -115px;
}

a#promo span
{
  display: none;
}




a#time
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/time.jpg) no-repeat 0 0;
}

a#time:hover
{ 
  background-position: 0 -115px;
}

a#time span
{
  display: none;
}




a#rewind
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/rewind.jpg) no-repeat 0 0;
}

a#rewind:hover
{ 
  background-position: 0 -115px;
}

a#rewind span
{
  display: none;
}





a#observer
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/observer.jpg) no-repeat 0 0;
}

a#observer:hover
{ 
  background-position: 0 -115px;
}

a#observer span
{
  display: none;
}


a#jux
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/jux.jpg) no-repeat 0 0;
}

a#jux:hover
{ 
  background-position: 0 -115px;
}

a#jux span
{
  display: none;
}



a#current
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/current.jpg) no-repeat 0 0;
}

a#current:hover
{ 
  background-position: 0 -115px;
}

a#current span
{
  display: none;
}




a#mtv
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/mtv.jpg) no-repeat 0 0;
}

a#mtv:hover
{ 
  background-position: 0 -115px;
}

a#mtv span
{
  display: none;
}



a#bbc
{
  display: block;
  width: 157px;
  height: 115px;
  background: url(pics/bbc.jpg) no-repeat 0 0;
}

a#bbc:hover
{ 
  background-position: 0 -115px;
}

a#bbc span
{
  display: none;
}



div.press-space{margin-top: 10px; display: block; width: 100%; height: 10px; clear: both; }

div.press{width: 520px; float: left;  margin: 0 0 20px 4px; padding: 0; display: block;}

div.press a:link, div.press a:visited{border: 1px solid #fff;; margin: 0; padding:0; display: block;text-decoration: none; width:157px; height: 115px; background-color: transparent;}

/*
div.press a:hover{border: 1px solid #FFD300; }
*/


div.press img{border: none;}

div.pressbox{width: 157px; height: 115px; float: left; margin: 0 20px 0 0; padding: 0; }

div.pressbox2{width: 157px; height: 115px;  float: left; margin: 0 0 0 0; padding: 0;}









#navspace{padding: 0; margin: 0;}

p#downpic img{margin: 0; padding: 0; border: none; text-decoration:none; border: 1px solid #fff;}

p#downpic a{border: none; text-decoration:none; padding: 0; margin: 4px 13px 0 0;}

div#mail{ margin: auto; padding: 5px 0 5px 0; width: 158px; border: 1px solid #fff;}

div#mail form{margin: 0; padding: 0 0 0 0;}

div#mail2{  padding: 0 0 5px 0; width: 200px; border: none;}

div#mail2 form{margin: 0 0 0 0; padding: 0 0 0 0;}


input.submit{
font-size: 1em;
padding: 0.3em 1.5em;
margin: 4px 4px;
color: #fff;
border: none;
background: #555 url(pics/nav_heading_bg2.gif) repeat-x;
}

div#mail img{margin: 0 padding: 0;}

div#mail .mailinput{width: 85%;}

p#newsform{margin-left: 20px;}

body {
text-align : center; 
margin : 0; padding : 0;
font-family: Trebuchet MS;
font-size: 62.5%;
background-color: #000;
color: #fff;
background-image: url(pics/leftsidepanel.jpg);
background-repeat: no-repeat;
}

#sidebar a:link img{border: none;}

#sidebar a:visited img{border: none;}

.credits{display: none;}

img.icon{width: 60px; height: 60px; margin-right: 10px; margin-bottom: 10px; padding: 0; float: left;}

div.spacer4{width: 100%; height: 1px;
clear: both; display: block;}

#backdrop{width: 100%; background-image: url(pics/rightsidepanel.jpg);
background-repeat: no-repeat; background-position: top right;}

#wrapper{
width : 770px;
margin : 0 auto;
padding : 0;
text-align : left;
border: 2px solid #fff; 
background-color: #000;
background-image: url(pics/wrapperback.gif);
}

#skiplinks{border: none; margin: 0; padding: 0; text-align: center;}

/* #header{padding: 0; margin: 0; border: none; height: 170px;background-image: url(pics/homehead.jpg);} */

#header{padding: 0; margin: 0; border: none; height: 170px;background-image: url(pics/header.jpg);} 

#header1{padding: 0; margin: 0; border: none; height: 170px;background-image: url(pics/contact.jpg);}

#header2{padding: 0; margin: 0; border: none; height: 170px; background-image: url(pics/philosophy.jpg);}

#header3{padding: 0; margin: 0; border: none; height: 170px; background-image: url(pics/downloads.jpg);}


#navcontainer{width: 100%; border-bottom: 2px solid #fff; text-align: center;border-top: 2px solid #fff; margin: 0 0 0 0; padding: 0 0 0 0; background-color: #000;}

#navcontainer a img{margin: 0; padding: 0 0 0 0; display: inline; border: none;}

#content {
width : 530px;
float : left;
clear: both;
padding: 10px 0 10px 22px;
}

#sidebar{
width: 200px;
float : right;
padding: 0 0 0 0;
margin: 0 0 0 0;
border: none;
text-align: center;
}

div#footer{
text-align: left;
display: block;
clear:  both;
height: 100px;
background-image: url(pics/footer.jpg);
background-repeat: no-repeat;
margin: 0; padding: 0;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
background-color: #000;}



/* Headings and paragraphs */


#header a{display: block; width: 700px; height: 100px; padding: 0; margin: 0; background-color: transparent;}

h1{font-size: 2.1em; margin: 10px 0 0 14px; text-decoration: none; padding: 0; color: #FFD300;letter-spacing:0.1em;}

h2{font-size: 2em; margin: 14px 0 14px 14px; text-decoration: none; padding: 0; color: #FFD300;letter-spacing: 1px;}

h1 a:link,h2 a:link, h1 a:visited, h2 a:visited{color: #ffd300; text-decoration: none;letter-spacing:0.1em;}

h1 a:hover,h2 a:hover, h1 a:focus, h2 a:focus{color: #ffd300; text-decoration: underline;}

h3{font-size: 1.8em; margin: 14px 10px 10px 15px; color: #ffffff;letter-spacing:0.1px; font-weight: bold;}

h4{font-size: 1.9em; margin: 10px 10px 6px 10px; border-bottom: 1px dashed #ccc;}

p{margin: 0 10px 10px 15px; font-size: 1.3em;}

code{margin: 5px 10px 5px 15px; font-size: 1.3em;}

p.meta{margin: 0 10px 20px 15px; font-size: 1.2em; color: #666; }

p.date{margin: 0 10px 10px 15px; font-size: 1.1em; color: #666;}

p.meta a:link, p.meta a:visited{color: #666; text-decoration: underline;}

p.meta a:hover, p.meta a:focus{color: #666; text-decoration: none;}

p a:link, p a:visited{color: #666; text-decoration: underline;}

p a:hover, p a:focus{color: #666; text-decoration: none;}




/* link lists */

#content ol li{font-size: 1.1em;}

#content ul li{list-style: square; font-size: 1.1em;}

#content ul li a:link, #content ul li a:visited{color: #fff; font-size: 120%;}


#content ul.archives{margin: 0 0 0 14px; padding: 0 0 0 0; width: 500px;}

#content ul.archives li{list-style: none; padding: 0 0 0 0; margin: 0 0 0 0;}

#content ul.archives li a:link, #content ul.archives li a:visited{ padding: 4px 0 4px 0; margin: 0 0 0 0; border-bottom: 1px solid #999; text-decoration: none; display: block;}

#content ul.archives li a:hover, #content ul.archives li a:focus{ text-decoration: none; background-color: #333333;}



#navcontainer ul{
margin: 0; padding: 0;
height: 35px; width: 720px;}

#navlist li
{
display: inline;
list-style-type: none;
padding: 0; margin: 0;

}

#navlist li a:link, #navlist li a:visited
{
text-decoration: none; color: #fff;
}

#navlist li a:hover, #navlist li a:focus
{
text-decoration: underlined;
}


#skiplist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
font-size: 1.1em; 
margin: 0;
}

#skiplist li:focus
{
display: inline;
list-style-type: none;
padding-right: 20px;
font-size: 1.1em; 
margin: 0;
}


#footer a:link,#footer a:visited{
color: #666;
text-align: left;  font-size: 1.2em; margin-left: 28px;
}

#footer a:hover,#footer a:focus{
text-decoration: none;
}

/* sidebar link lists */

#sidebar ul{margin: 0; padding: 0;}

#sidebar li{list-style-type: none;}

#sidebar ul li a:link, div#sidebar ul li a:visited{
text-decoration: underlined;
font-size: 1.3em; color: #666;
}

#sidebar ul li a:hover, div#sidebar ul li a:focus
{
text-decoration: none;
}



p.archive{text-align: center; padding: 8px 0 8px 0; margin: 8px;}
p.archive a{}



 /*  abbreviations  */

 abbr, span.abbr {
  cursor: help;
  border-bottom: 1px dashed #999;
}



/* forms */

legend{display: none;}
fieldset{border: none;}
textarea{width: 400px;}

#content select{width: 500px; padding: 0; margin: 0 0 0 14px;}

/* comments */

div#content ul#comment_list{padding: 0; margin:0;}

div#content ul#comment_list li{list-style-type: none; margin: 1.3em 0 1.3em 0; }

div#content ul#comment_list li.comment{font-size: 1em; width: 500px;}

.test2{background-image: url(pics/commentpoint2.png); background-repeat: no-repeat;  background-position: bottom left; height: 40px; background-color: transparent; margin: 0 0 0 15px; padding: 8px;}

div.combg p{background-color: #fff; margin: 0 10px 0 15px; padding: 10px; width: 460px; color: #111;}

p.comboxbottom{margin: 0 0 0 15px; background-color: transparent; padding: 8px;background-image: url(pics/commentpoint3.png); background-repeat: no-repeat;  background-position: top left; height: 32px;}

#content p img{border: 1px solid #fff;}

input.button{margin-left: 15px;}

.contactform{margin: 20px;}


#navigation{
font-family: Trebuchet MS;
text-align: center;
line-height: 1.5em;
}


#navigation dl {
float:right;
width: 200px;
margin: 0 0 0 0;
padding: 0;

}

#navigation dl.navbar3{margin-bottom: 0;}

#navigation dt, #search dt{
margin:0;
font-size: 1.3em;
padding: 0.7em 1.5em;
color: #fff;
background: #555 url(pics/nav_heading_bg2.gif) repeat-x;
}
#navigation dd{
margin:0;
padding:0;
color: #fff;

border-top:1px solid #ccc;
background: #000;
font-size: 1.3em;

}

#navigation dl.navbar3 dd{
border-bottom: 1px solid #ccc;
}

#search dd{border: none;}

#navigation input{padding: 4px;}

.navbar a, .navbar a:visited, .navbar3 a, .navbar3 a:visited{
color:#fff;
display: block;
text-decoration:none;
padding:8px 5px 8px 20px;
background: #000 url(pics/arrowr.gif) 10px 50% no-repeat;
width:175px;
}
.navbar a:hover, .navbar3 a:hover{
background: #333 url(pics/arrowr.gif) 10px 50% no-repeat;
color:#fff;
}

/*Search form
-----------------------------------------------------------------------------*/
form,fieldset {
border:0;
padding:0;
margin:0 0;
}
/*
.search-input {
width: 160px;
color: #555;
height: 2em;
margin: 5px 0 5px 5px;
padding: 5px 0 0 36px;
background: url(pics/search_icon.png) no-repeat 5px 50%;
background-color: #fff;
border: 0;
font-size:90%;
}
*/

.search-input {
width: 150px;
color: #555;

margin: 8px 0 8px 0;
padding: 5px;
background: url(pics/search_icon.png) no-repeat 5px 50%;
background-color: #fff;
border: 0;
font-size:94%;
}

#search dd{
margin:0;
padding:0;
color: #fff;
border-bottom:1px solid #fff;
background: #000;
font-size: 1.3em;
}

/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/

/*CSS black style pagination*/
	div.pagination {
		padding: 3px;
		margin: 18px 12px;
		text-align:left;
		color:#a0a0a0;
		font-size:80%;
	}
	div.pagination a {
		border: 1px solid #909090;
		margin-right:3px;
		padding:2px 5px;
		text-decoration: none;
		color: #c0c0c0;
	}
	div.pagination a:hover, div.meneame a:active {
		border: 1px solid #f0f0f0;
		background-color:#404040;
		color: #ffffff;
	}
	div.pagination span.current {
		margin-right:3px;
		padding:2px 5px;
		border: 1px solid #FFD300;
		font-weight: bold;
		background-color: #FFD300;
		color: #000;
	}
	div.pagination span.disabled {
		margin-right:3px;
		padding:2px 5px;
		border: 1px solid #606060;
		color: #808080;
	}

div#navcontainer2{width: 100%; border-bottom: 2px solid #fff; border-top: 2px solid #fff; margin: 0 0 0 0; padding: 0 0 0 0; height: 60px;background-color: #000; text-align: center;}



#navcontainer2 ul{
margin: 0 0 0 24px; 
padding: 0;
background-color: #000000;
}

#navcontainer2 ul li { display: inline;}

#navcontainer2 ul li a:link,#navcontainer2 ul li a:visited{
text-decoration: none;
float: left;
}

/* #navcontainer2 ul li a:hover, #navcontainer ul li a:focus{
background-color: #999999; text-decoration: underline;}
#navcontainer ul li.current_page_item a{background-color: #666666; color: #ffffff;}
#navcontainer .current_page_item, #sidebar .current-cat{background-color: #666;}
*/


div#navcontainer2 ul li a.blog
{ 
height: 57px; width: 100px; display: block; background-image: url(http://tmagicworld.com/nav/blog.jpg);background-repeat: no-repeat;
}

div#navcontainer2 ul li a.blog-active
{ 
height: 57px; width: 100px; display: block; background-image: url(http://tmagicworld.com/nav/blog-active.jpg);background-repeat: no-repeat;
}

div#navcontainer2 ul li a.blog:hover
{ 
background-image: url(http://tmagicworld.com/nav/blog-hover.jpg);background-repeat: no-repeat;
}







div#navcontainer2 ul li a.art
{ 
height: 57px; width: 89px; display: block; background-image: url(http://tmagicworld.com/nav/art.jpg);
background-repeat: no-repeat;
}

div#navcontainer2 ul li a.art-active
{ 
height: 57px; width: 89px; display: block; background-image: url(http://tmagicworld.com/nav/art-active.jpg);
background-repeat: no-repeat;
}

div#navcontainer2 ul li a.art:hover
{ 
background-image: url(http://tmagicworld.com/nav/art-hover.jpg);background-repeat: no-repeat;
}






div#navcontainer2 ul li a.shop
{ 
height: 57px; width: 111px; display: block; background-image: url(http://tmagicworld.com/nav/shop.jpg); background-repeat: no-repeat;
}

div#navcontainer2 ul li a.shop-active
{ 
height: 57px; width: 111px; display: block; background-image: url(http://tmagicworld.com/nav/shop-active.jpg); background-repeat: no-repeat;
}

div#navcontainer2 ul li a.shop:hover
{ 
background-image: url(http://tmagicworld.com/nav/shop-hover.jpg); background-repeat: no-repeat;
}





div#navcontainer2 ul li a.story
{ 
height: 57px; width: 131px; display: block; background-image: url(http://tmagicworld.com/nav/story.jpg);background-repeat: no-repeat;
}

div#navcontainer2 ul li a.story-active
{ 
height: 57px; width: 131px; display: block; background-image: url(http://tmagicworld.com/nav/story-active.jpg);background-repeat: no-repeat;
}

div#navcontainer2 ul li a.story:hover
{ 
background-image: url(http://tmagicworld.com/nav/story-hover.jpg);background-repeat: no-repeat;
}





div#navcontainer2 ul li a.press
{ 
height: 57px; width: 134px; display: block; background-image: url(http://tmagicworld.com/nav/press.jpg);background-repeat: no-repeat;
}

div#navcontainer2 ul li a.press-active
{ 
height: 57px; width: 134px; display: block; background-image: url(http://tmagicworld.com/nav/press-active.jpg);background-repeat: no-repeat;
}

div#navcontainer2 ul li a.press:hover
{ 
background-image: url(http://tmagicworld.com/nav/press-hover.jpg);background-repeat: no-repeat;
}






div#navcontainer2 ul li a.contact
{ 
height: 57px; width: 153px; display: block; background-image: url(http://tmagicworld.com/nav/contact.jpg);background-repeat: no-repeat;
}

div#navcontainer2 ul li a.contact-active
{ 
height: 57px; width: 153px; display: block; background-image: url(http://tmagicworld.com/nav/contact-active.jpg);background-repeat: no-repeat;
}

div#navcontainer2 ul li a.contact:hover
{ 
background-image: url(http://tmagicworld.com/nav/contact-hover.jpg);background-repeat: no-repeat;
}