/*
Theme Name: Plexi Replicas
Theme URI: http://plexireplicas.com/
Description: Custom theme for Plexi Replicas
Version: 1.0
Author: NetThink 21
Author URI: http://netthink21.com

	Designed by NetThink 21 for Plexi Replicas / Metropoulos Amplification

*/

/* colors
red #bc1908
gold #815d01
gray #848484
light gray border #d7d7d7 (was dfdfdf)
*/

body {margin: 0px; padding: 0px; background: url(bg-page.png) repeat-x #ffffff; color: #000000; font-size: 14px; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;}
#wrapper {width: 940px; margin: 0px auto 0px auto; padding: 10px 0px 0px 0px;}
a img {text-decoration: none; border: 0px;}
.logo {float: left; margin: 0px 30px 0px 0px;}
.tagline {float: left; font-size: 16px; font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif; color: #848484; margin: 0px; padding: 10px 0px 0px 0px; height: 80px; line-height: 80px;}
#header {height: 96px;}

/* menu */
#nav {clear: both; font-size: 16px; color: #000000; font-weight: bold; text-transform: uppercase; height: 30px;}
#nav ul {margin: 0px; padding: 0px; white-space: nowrap; list-style: none;}
#nav ul li {display: inline; float: left; margin: 0px 1px 0px 0px; padding: 0px;}
#nav a {float: left; text-decoration: none; width: 115px; height: 27px; line-height: 27px; text-align: center;}
#nav a:link, #nav a:visited {color: #000000; background: none;}
#nav a:hover {color: #bc1908;}
#nav li.current_page_item a, #nav li.current_page_parent a {color: #ffffff; background: url(bg-menu.jpg) no-repeat;}

/*footer */
#bottomspace {display: block; height: 40px; clear: both;}
#bottomnav {border-top: 1px solid #d7d7d7; clear: both; padding: 5px 0px 0px 0px; color: #959595;}
#recentcolumn {float: left; width: 220px; margin: 0px 0px 0px 12px;}
#recentcolumn ul {margin: 0px; padding: 0px; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#recentcolumn ul li {padding: 0px 0px 0px 20px; line-height: 1.6em; background: no-repeat url(bg-footerlist.gif) 10px 7px;}
#recentcolumn a:link, #recentcolumn a:visited {color: #959595; text-decoration: none; border-bottom: 1px dotted #959595;}
#recentcolumn a:hover, #recentcolumn a:active {color: #000000; text-decoration: none; border-bottom: 1px solid #000000;}
#recentcolumn h4 {color: #947c40; padding: 0px; margin: 4px 0px 0px 0px; font-size: 15px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
#footerspace {display: block; height: 10px; clear: both;}
#footerlogo {background-image: url(bg-footer.png); background-position: center 0px; background-repeat: no-repeat; height: 55px; clear: both;}
#footer {clear: both; color: #6d6d6d; text-align: center; font-size: 14px; padding: 0px 0px 170px 0px;}
#footer a:link, #footer a:visited {color: #6d6d6d; text-decoration: none; border-bottom: 1px dotted #6d6d6d;}
#footer a:hover, #footer a:active {color: #000000; text-decoration: none; border-bottom: 1px solid #000000;}

/* homepage */
#homeleft {float: left; width: 450px; margin: 45px 0px 0px 0px;}
#homeright {float: right; width: 449px; margin: 40px 1px 0px 0px;}
#randompics {padding: 15px 0px 0px 0px;}
#randompics img {float: left; margin: 0px 6px 6px 0px; border: 1px solid #d7d7d7; background: #ffffff; padding: 3px;}
h4 {color: #000000; font-size: 18px; font-weight: bold; margin: 0px;}
h4.news {padding: 0px 0px 1px 25px; background-position: 8px center; background-repeat: no-repeat; background-image: url(icon-news.png);}
h4 a {text-decoration: none;}
h4 a:link, h4 a:visited {color: #000000;}
h4 a:hover {color: #815d01;}
#homeblog {border-top: 1px solid #d7d7d7; padding: 6px 0px 0px 8px; background: url(bg-homeblog.jpg) repeat-x;}
#homeblog p {padding: 0px 0px 1.1em 0px; font-size: 14px;}

/* content */
#content {clear: both; color: #6d6d6d; font-size: 16px; padding: 20px 0px 0px 0px;}
a:link, a:visited {color: #bc1908;}
a:hover {color: #815d01;}
p {line-height: 1.3em; margin: 0px; padding: 0px 0px 1.3em 0px;}
h1 {color: #bc1908; font-size: 22px; font-weight: bold; margin: 0px; padding: 0px 0px 6px 0px;}
h2 {color: #000000; font-size: 18px; font-weight: bold; margin: 0px; padding: 0px 0px 3px 0px; text-transform: uppercase; clear: both;}

/* flash zoomer */
#youtube {padding: 6px; height: 505px; background: #000000; width: 925px; border: 1px solid #d7d7d7; text-align: center; clear: both;}
#flashcontainer {padding: 6px; background: #ffffff; border: 1px solid #d7d7d7;}
#flash {margin: 0; padding 0px;}
#flashspacer {clear: both; height: 1em;}
#flashthumbs {text-align: center; padding: 0px 0px 30px 0px;}
#flashthumbs a img {border: 1px solid #d7d7d7; margin: 0px 1px 0px 1px; background: #ffffff; padding: 2px; display: inline;}
#flashthumbs a:hover img {color: #848484; border-color: #848484;}

/* cab zoomer */
#cabcontainer {padding: 6px; background: #ffffff; width: 700px; border: 1px solid #d7d7d7; float: left;}
#cab {margin: 0; padding 0px;}
#cabthumbs {float: right; width: 210px;}
#cabthumbs a img {border: 1px solid #d7d7d7; margin: 0px 0px 5px 12px; background: #ffffff; padding: 2px; float: left;}
#cabthumbs a:hover img {color: #848484; border-color: #848484;}

#photoShuffle{background-color:#dcdcdc; background-image: url(bg-shuffle.jpg); border: 1px solid #bababa;}

/* amps overview */
.overview {margin: 15px 0px 0px 0px;}

/* amps */
#ampleft {float: left; width: 525px;}
.blacktext {font-size: 18px; color: #000000; font-weight: bold; text-transform: uppercase;}
#ampright {float: right; width: 354px; margin: 0px 1px 0px 0px;}
#ampright ul {margin: 0px; padding: 0px 0px 1.5em 18px; list-style: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#ampright ul li {line-height: 1.5em; padding-left: 18px; background-repeat: no-repeat; background-position: 0px 3px;}
li.artist {background-image: url(icon-arrow-small.png);}
li.details {background-image: url(icon-check-small.png);}
.variac {font-size: 10px;  font-family: Verdana, Arial, Helvetica, sans-serif;}
.mp3 {margin: 0px 0px 1.3em 0px; border: 1px solid #d7d7d7;}
.paypal {margin: 0px; padding: 0px 0px 1.3em 0px;}

/* press */
#pressa {font-size: 14px; width: 290px; margin: 0px 35px 0px 0px; float: left;}
#pressb {font-size: 14px; width: 290px; float: left;}
#pressc {font-size: 14px; width: 290px; float: right;}
.presspic {border: 1px solid #000000; display: block; margin: 0px 0px 7px 0px;}
.smalltext {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}


/*contact page */
#contactleft {float: left; width: 445px;}
#contactright {float: right; width: 444px; margin: 0px 1px 0px 0px;}
h2.icon {padding: 2px 0px 3px 30px; background-position: 0px 0px; background-repeat: no-repeat;}
.question {background-image: url(icon-question.png)}
.arrow {background-image: url(icon-arrow.png)}
.monitor {background-image: url(icon-monitor.png)}
.exclamation {background-image: url(icon-exclamation.png)}
.phone {background-image: url(icon-phone.png)}
.email {background-image: url(icon-email.png)}
.dag {background-image: url(icon-dag.png)}
img.alignnone {padding: 6px; background: #ffffff; border: 1px solid #d7d7d7; margin: 0px 0px 1em 0px;}

/*faq */
h3.faq {color: #000000; font-size: 18px; font-weight: bold; margin: 8px 0px 4px 0px; padding: 0px 0px 3px 0px; border-bottom: 1px solid #d7d7d7;}


/*blog*/
#sidebar {float: left; width: 220px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#sidebar h3 {color: #ffffff; padding: 5px 0px 4px 0px; margin: 0px; border-bottom: 1px solid #737373; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-align: center; font-weight: normal; background: url(bg-sidebarh3.gif) no-repeat;}
#sidebar ul {margin: 0px 0px 25px 0px; padding: 0px; list-style: none; border-right: 1px solid #d7d7d7;}
#sidebar ul li {border-top: 1px solid #d7d7d7; padding: 6px 0px 6px 10px; background: url(bg-sidebar.png) repeat-x;}
#sidebar a:link, #sidebar a:visited {color: #000000; text-decoration: none;}
#sidebar a:hover, #sidebar a:active {color: #bc1908; text-decoration: none;}
#sidebar ul li ul {padding: 0px; margin: 0px; background: none; border: none;}
#sidebar ul li ul li {background: none; padding: 4px 0px 6px 0px; margin: 0px; border: none;}
#blog {float: right; width: 680px;}
h2.newspaper {color: #bc1908; font-size: 20px; font-weight: bold; margin: 0px; padding: 0px 0px 4px 0px; text-transform: none;}
a.newslink:link, a.newslink:visited {color: #bc1908; text-decoration: none;}
a.newslink:hover, a.newslink:active {color: #000000; text-decoration: none;}
#dateline {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 1px; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 4px 0px 4px 10px; margin: 0px 0px 5px 0px;}
#dateline a:link, #dateline a:visited  {color: #000000; text-decoration: none;}
#dateline a:hover, #dateline a:active {color: #bc1908; text-decoration: none;}
.post {margin: 0px 0px 15px 0px; text-align: justify;}
.post hr {display: block;}
.postmetadata {clear: both;}
.clear {clear: both;}

h3.comments {margin: 0px; padding: 0px; color: #000000; font-size: 18px;}
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: #ffffff;}
.depth-1 {border: 1px solid #d7d7d7;}
.even, .alt {border-left: 1px solid #848484;}
ol.commentlist {margin: 0px; padding: 5px 0px 20px 0px;}
.commentlist li, #commentform input, #commentform textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.commentlist li ul li {font-size: 1em;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.alt {margin: 0; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 0px 0px 8px 0px; padding: 5px 5px 5px 10px; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0;	padding: 0;}
/* End Comments */	
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; color: #000000;}
#commentform p {font-family: Verdana, Arial, Helvetica, sans-serif;}
.commentmetadata {font-weight: normal; font-size: 10px; color: #a3a3a3; margin: 2px 0px 5px 0px; display: block;}
#respond p {margin: 0px; padding: 0px 0px 8px 0px; line-height: normal;}
#respond label {font-size: 14px;}
.response {padding:3px;	border:1px solid #aaa; color:#000000; background:#ffffff url(field-bg-top.gif) repeat-x top left; width: 200px;}
.respondtext {border:1px solid #aaa; color:#000000; background:#ffffff url(field-bg-top.gif) repeat-x top left;}
#commentform form {padding: 3px 0p 0px 0px}
#commentform textarea {width: 99%;}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {float: right; margin: 0px; padding: 0px;}
blockquote {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0px; padding: 5px 0px 10px 25px; text-align: left;}
/* End Structure */


/* Begin Images */
img.aligncenter {display: block; margin-left: auto;	margin-right: auto;	}
img.alignright {margin: 2px 0px 5px 10px; display: inline;}
img.alignleft {margin: 2px 10px 5px 0px; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
.frame {border: 1px solid #d7d7d7; padding: 6px; background: #ffffff;}
/* End Images */

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {width: 130px;}
/* End Form Elements */


/* Begin Sidebar */
#sidebar form {margin: 0;}
/* End Sidebar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}

/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.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 img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
.tabberlive .tabbertabhide {display:none;}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive {margin-top:1em;}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {margin:0; padding: 0px 0px 3px 10px; border-bottom: 1px solid #d7d7d7; color: #000000; font-size: 16px; font-weight: bold; text-transform: uppercase;}
ul.tabbernav li {list-style: none; margin: 0; display: inline;}
ul.tabbernav li a {padding: 3px 12px; margin-left: 8px; border: 1px solid #d7d7d7; border-bottom: none; background: #dfdfdf; text-decoration: none;}
ul.tabbernav li a:link {color: #848484;}
ul.tabbernav li a:visited {color: #848484;}
ul.tabbernav li a:hover {color: #5e5e5e; border-color: #5e5e5e;}
ul.tabbernav li.tabberactive a {background-color: #ffffff; border-bottom: 1px solid #ffffff; color: #000000;}
ul.tabbernav li.tabberactive a:hover {color: #000000; background: #ffffff; border-bottom: 1px solid #ffffff;}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {padding:5px 0px 0px 0px; border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {}