/*
Theme Name: Ace: 2010 An ACE Oddity
*/
/*
Theme URI: http://wordpress.org/
Description: An edited version of the default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Author: Designed by Joe Stone and coded by Guy Barnes (Go team Cognition!), Kubrick by Michael Heilemann
Kubrick v1.5
	 http://binarybonsai.com/kubrick/
	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/** general layout rules **/



html, body {

  margin: 0px;

  padding: 0px;

  font-size: 100%;

  font-family: Helvetica, Arial, Sans-Serif;

  background: #cccccc;

  color: black;

  }



#page {

  border-left: 1px solid #000000;

  border-right: 1px solid #000000;

  width:960px;

  margin-left: auto;

  margin-right: auto;

  margin-top:0px;

  margin-bottom:0px;

  padding: 0px;

  background-color: white;

  padding-bottom:10px;

  min-height:100%;

  }


/* begin links*/


a:link {

  text-decoration:none;

  color:#000000;

  font-weight:bold;

  border:none;

  outline:0;

  }



a:visited {

  text-decoration:none;

  color:#000000;

  font-weight:bold;

  border:none;

  outline:0;

  }



a:focus {

  text-decoration:none;

  color:#000000;

  font-weight:bold;

  border:none;

  outline:0;

  }



a:hover {

  text-decoration:underline;

  color:#9a908e;

  font-weight:bold;

  border:none;

  outline:0;

  }



a:active {

  text-decoration:none;

  color:#000000;

  font-weight:bold;

  border:none;

  outline:0;

  }



/*** header rules **/



#headerimg{

  border:none;

  outline:0;

  padding:10px;

  }



#headerimg img{

  border:none;

  }



#menuBar {

  width: 940px;

  height: 21px;

  font-family:Arial, Helvetica, Sans-Serif;

  font-weight:normal;

  font-size:0.75em;

  margin-left:10px;

  z-index:500;

}



ul.menu {

list-style:none; margin:0; padding:0;

}

ul.menu * {margin:0; padding:0;
}

ul.menu a {display:block; color:#ffffff; text-decoration:none; font-weight:normal;
}

ul.menu li {position:relative; float:left; border-right:2px solid #ffffff; 
}

ul.menu ul {position:absolute; top:20px; left:0; background:#000000; display:none; opacity:0; list-style:none; 
}

ul.menu ul li {position:relative; border:none; width:114px; margin:0;
}

ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#000000;
}

ul.menu ul li a:hover {background-color:#000000; color:#BDC0BA;
}

ul.menu ul ul {left:148px; top:-1px;
}

ul.menu .menulink {border: none; padding:3px 7px 3px; font-weight:normal; background:#000000; width:100px; cursor:default; 
}

ul.menu .menulink:hover, ul.menu .menuhover {background:#000000; 
}



.headerspacer {

  padding-top:3px;

  padding-bottom:3px;

  font-weight:normal;

  }

/*** search rules **/



#search {

  float:right;

  background:#000000;

  width:244px;

  vertical-align:middle;

  }



#search div {

  float:right;

  margin-right:10px;

  margin-top:0px;

}

#searchform {

  margin: 0px;

  padding: 0px;

  vertical-align:middle;

  }



#searchform #s {

  width: 12em;

  margin: 0px;

  padding:0px;

  font-size:0.8em;

  vertical-align:middle;

  }



#searchsubmit {

  padding: 0px;

  margin:0px;

  vertical-align:middle;

  }





/*** footer rules **/



#footer {

  display: block;

  clear:both;

  margin-left:10px;

  position: relative;

  width: 940px;

  height:21px;

  overflow: hidden;

  background-color: #000000;

  font-size: 0.875em;

  font-family:Helvetica, Arial, Sans-Serif;

  font-weight:bold;

  color:#ffffff;

  }



#footerleft{

  padding: 2px 5px;

  float:left;}



#footerright{

  float:right;

  font-size:0.714em;

  margin-top:2px;

  padding-top:0.143em;

  padding-right:5px;

  }

#footer a:link {

  color:#ffffff;

  }
#footer a:visited {

  color:#ffffff;

  }



#footer a:hover {

  color:#9a908e;

  }

#footer a:active {

  color:#ffffff;

  }


/*** sidebar rules **/



#sidebar {

  margin: 0px;

  padding: 10px;

  width:250px;

  float:left;

  }



#sidebar img {

  margin:0px;

  padding:0px;

  margin-bottom:10px;

  border:none;

  }



.sidebarheader {

  margin-bottom:5px;

  font-weight:bold;

  }



.left{

  float:left;

  }



.right{

  float:right;

}



/*** slideshow rules, set the width and height to match your images **/



#slideshow {

    position:relative;

    height:150px;

  padding-bottom:10px;

}



#slideshow DIV {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

    opacity:0.0;

    height: 150px;

    background-color: #FFF;

}



#slideshow DIV.active {

    z-index:10;

    opacity:1.0;

}



#slideshow DIV.last-active {

    z-index:9;

}



#slideshow DIV IMG {

    height: 150px;

    display: block;

    border: 0;

    margin-bottom: 10px;

}



/*** sidebar rollovers rules **/



.comicsupplies {

  height:70px;

  width:250px;

  background-image: url("http://www.acecomics.co.uk/images/comicsuppliesbutton-b.jpg");

  background-repeat: no-repeat;

  text-indent: -9999em;

  display:block;

  float:left;

  padding-bottom:10px;

  }

 

.comicsupplies a {

  background-image: url("http://www.acecomics.co.uk/images/comicsuppliesbutton-a.jpg");

  display:block;

  width:250px;

  height:70px;

  background-repeat: no-repeat;

  }



.comicsupplies a:hover {

  background-image:none;

  }



.subscriptions {

  height:70px;

  width:250px;

  background-image: url("http://www.acecomics.co.uk/images/subscriptionbutton-b.jpg");

  background-repeat: no-repeat;

  text-indent: -9999em;

  display:block;

  padding-bottom:10px;

  float:left;

  }

 

.subscriptions a {

  background-image: url("http://www.acecomics.co.uk/images/subscriptionbutton-a.jpg");

  display:block;

  width:250px;

  height:70px;

  background-repeat: no-repeat;

  }



.subscriptions a:hover {

  background-image:none;

  }


.upcomingtitles {

  height:70px;

  width:250px;

  background-image: url("http://www.acecomics.co.uk/images/upcomingtitlesbutton-b.jpg");

  background-repeat: no-repeat;

  text-indent: -9999em;

  display:block;

  float:left;

  padding-bottom:10px;

  }

 

.upcomingtitles a {

  background-image: url("http://www.acecomics.co.uk/images/upcomingtitlesbutton-a.jpg");

  display:block;

  width:250px;

  height:70px;

  background-repeat: no-repeat;

  }



.upcomingtitles a:hover {

  background-image:none;

  }




.backissues {

  height:70px;

  width:250px;

  background-image: url("http://www.acecomics.co.uk/images/backissuesbutton-b.jpg");

  background-repeat: no-repeat;

  text-indent: -9999em;

  display:block;

  float:left;

  padding-bottom:10px;

  }

 

.backissues a {

  background-image: url("http://www.acecomics.co.uk/images/backissuesbutton-a.jpg");

  display:block;

  width:250px;

  height:70px;

  background-repeat: no-repeat;

  }



.backissues a:hover {

  background-image:none;

  }



.twitterbutton {

  height:60px;

  width:60px;

  background-image: url("http://www.acecomics.co.uk/images/twittericon2.jpg");

  background-repeat: no-repeat;

  text-indent: -9999em;

  display:block;

  float:left;

  padding-bottom:10px;

  padding-right:5px;
}

 

.twitterbutton a {

  background-image: url("http://www.acecomics.co.uk/images/twittericon1.jpg");

  display:block;

  width:60px;

  height:60px;

  background-repeat: no-repeat;

  }



.twitterbutton a:hover {

  background-image:none;

  }

.facebookbutton {

  height:60px;

  width:60px;

  background-image: url("http://www.acecomics.co.uk/images/facebookicon2.jpg");

  background-repeat: no-repeat;

  text-indent: -9999em;

  display:block;

  float:left;

  padding-bottom:10px;

  padding-right:5px;
}

 

.facebookbutton a {

  background-image: url("http://www.acecomics.co.uk/images/facebookicon1.jpg");

  display:block;

  width:60px;

  height:60px;

  background-repeat: no-repeat;

  }



.facebookbutton a:hover {

  background-image:none;

  }

.rssbutton {

  height:60px;

  width:60px;

  background-image: url("http://www.acecomics.co.uk/images/rssicon2.jpg");

  background-repeat: no-repeat;

  text-indent: -9999em;

  display:block;

  float:left;

  padding-bottom:10px;

  }

 

.rssbutton a {

  background-image: url("http://www.acecomics.co.uk/images/rssicon1.jpg");

  display:block;

  width:60px;

  height:60px;

  background-repeat: no-repeat;

  }



.rssbutton a:hover {

  background-image:none;

  }



/*** content rules **/



img {

  border:none;

  outline:none;

  }



#content {

  margin: 10px 0px;

  padding: 0px 10px;

  width:669px;

  float:right;

  border-left:1px solid #000000;

  min-height:960px;

  overflow:visible;

  font-size:0.875em;

  }



.store{

  display:block;

  float:left;

  width: 330px;

  padding-bottom:1em;

  }



/* Begin alignment */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

  }



.clear {

	clear: both;

}

h2, h3 {

  margin:0px 0px 0px 0px;

}



.small {

	font-size: 0.7em;

	line-height: 1.5em;

	}



.postmetadata {	

  clear:both;

  font-size: 0.7em;

  line-height: 1.5em;



  }



.postmetadata small {

  font-size: 1em;

  line-height: 1.5em;

}



.testimonial {

  border-bottom: 1px solid #000000;

  padding-bottom:1em;

  }



.storedetails {

  height:310px;

  border-bottom: 1px solid #000000;

  padding-bottom:1em;

  }



.bold {

  font-weight:bold;

  }

.italic
	{font-style:italic;}

.markosiaproduct {

  clear:both;

  padding-top:10px;

  }



.markosiaimage {

  float:left;

  }



.markosiacopy {

  margin-left:170px;

  }



 .markosiacopy h3 {

  margin-top:0px;

  }



.markosiaauthors {

  font-weight:normal;

  margin-top:0px;

  }



.crikeyimage  {

  width:265px;

  float:left;

  overflow:auto;

  padding-bottom:10px;

  }



.crikeycopy {

  margin-left:275px;

  }



.searchartist {

  float:left;

  width:330px;

  }



.searchcharacter {

  margin:left:330px;

}



/* comic supplies page rules*/



.suppliesitem {

  padding:5px 0px;

  clear:both;

  }



.suppliesdetails {

  margin-right:340px;

  }



.suppliespay {

  float:right;

  }



.suppliespay table {

  float:left;

  }



 .paypallogo {

  float:right;

  margin-top:-15px;

  padding-top:0px;

  }



.paypallogo table {

  margin-top:0px;

  padding-top:0px;

  }



	



/*** mailing list rules **/

.inputsidebar {
  width:246px;
  float:right;
  }






/*** illuminations rules **/

.ill-bt {
	width:150px;
	height:198px;
	text-decoration:none;}

