/*  
Theme Name: Placid Audio Theme
Theme URI: http://placidaudio.com/
Description: Custom themes by: http://benpartch.org/
Version: 1.0
Author: Ben Partch
Author URI: http://benpartch.org/
*/

*{margin:0;padding:0}
p{margin:.5em 0 1em 0}
a img{border:none}

body{
  font:90.25%/1.5 Verdana,Arial,Tahoma,Sans-Serif;
  background:url(i/body.gif) top left repeat fixed;
  margin-bottom:30px;
  position:relative;
  text-align:center;
  color:#000;
}

/* --- (links) --- */
a:link,a:visited{
  color:#000;
  font-weight:bold;
  -moz-outline: none;
  text-decoration:none;
}
a:hover,a:focus{color:#999}

/* --- (headings) --- */
h1,h2,h3,h4,h5,h6 {
  font-family:"Lucida Grande","Trebuchet MS",Georgia,Serif;
  letter-spacing:1px;
  font-weight:normal;
}
h1{font-size:200%}
h2{font-size:180%;}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}

h3,h4{margin-top:20px}

h2#home-heading{
	width:200px;
	height:21px;
	background:url(i/home-heading.gif) top left no-repeat;
	text-indent:-9999px;
}
h2#whos-heading{
	width:420px;
	height:25px;
	background:url(i/whos-heading.gif) top left no-repeat;
	text-indent:-9999px;
}
h2#reviews-heading{
	width:118px;
	height:25px;
	background:url(i/reviews-heading.gif) top left no-repeat;
	text-indent:-9999px;
}
h2#news-heading,h5#news-heading{
	width:64px;
	height:20px;
	background:url(i/news-heading.gif) top left no-repeat;
	text-indent:-9999px;
}
h2#links-heading{
	width:87px;
	height:25px;
	background:url(i/links-heading.gif) top left no-repeat;
	text-indent:-9999px;
}
h2#about-heading{
	width:304px;
	height:21px;
	background:url(i/about-heading.gif) top left no-repeat;
	text-indent:-9999px;
}
h2#contact-heading{
	width:113px;
	height:20px;
	background:url(i/contact-heading.gif) top left no-repeat;
	text-indent:-9999px;
}

h2#copper-heading{
	width:254px;
	height:25px;
	background:url(i/copphone-heading.gif) top left no-repeat;
	text-indent:-9999px;
}
h2#cop-mini-heading{
	width:502px;
	height:25px;
	background:url(i/copharmin-heading.gif) top left no-repeat;
	text-indent:-9999px;
}
h2#carbon-heading{
	width:251px;
	height:25px;
	background:url(i/carbonphone-heading.gif) top left no-repeat;
	text-indent:-9999px;
}
h5#listen-heading{
	width:201px;
	height:17px;
	background:url(i/listen-samples-heading.gif) top left no-repeat;
	text-indent:-9999px;
}

/* --- (structure) --- */
#outer{
  overflow:hidden;
  position:relative;
  text-align:left;
  margin:0 auto;
  width:900px;
}

#header{
  position:relative;
  height:200px;
  width:900px;
}

#slogan {
  width:490px;
  height:75px;
  background:url(i/slogan.gif) top right no-repeat;
  position:absolute;
  top:42px;right:20px;
}

/* --- (logo) --- */
.logo,.logo em{
  width:233px;
  height:98px;
  position:absolute;
  top:10px;left:0;
  display:block;
  cursor:pointer;
  text-indent:-9999px;
}
.logo em{background:url(i/logo.gif) top left no-repeat}

/* --- (main nav) --- */
ul#nav{
  float:left;
  list-style:none;
  width:900px;
  display:inline;
  position:absolute;
  left:0;bottom:0;
}
ul#nav li{display:inline}
ul#nav a{
  float:left;
  margin:10px 33px 0 0;
  display:block;
  cursor:pointer;
  height:15px;
  text-indent:-9999px;
}
ul#nav li.home a{width:134px;background:url(i/home.gif) no-repeat left top}
ul#nav li.who a{width:250px;background:url(i/whos.gif) no-repeat left top}
ul#nav li.review a{width:70px;background:url(i/reviews.gif) no-repeat left top}
ul#nav li.news a{width:40px;background:url(i/news.gif) no-repeat left top}
ul#nav li.link a{width:50px;background:url(i/links.gif) no-repeat left top}
ul#nav li.about a{width:52px;background:url(i/about.gif) no-repeat left top}
ul#nav li.contact a{width:70px;background:url(i/contact.gif) no-repeat left top}

/* --- (content areas) --- */
#content,#sidebar,#contentwide{min-height:600px;margin:30px 0 40px 0}
#content{
  width:600px;
  float:left;
}
#contentwide{
  width:900px;
  float:left;
}
#sidebar{
  width:290px;
  float:right;
}
#sidebar ul{margin-top:1em}
#sidebar ul li{
  margin-bottom:1em;
  list-style:none;
}
#sidebar ul li a{
  display:block
}
#sidebar p{
  font-size:.8em
}
/* --- (footer) --- */
#footer{
	margin:30px 0;
  text-align:center;
  width:100%;
  font-family:arial,verdana,tahoma,sans-serif;
}
#footer ul{margin-bottom:20px}
#footer ul li{
	display:inline;
	margin-right:10px;
}
#footer ul li,#copyright{
	font-size:.7em;
	font-weight:bold;
}
#footer a{
	text-transform:uppercase;
}
/* --- (mailist) --- */
fieldset{border:none}
legend{display:none}
#maillistform{margin-bottom:20px}
#maillistform label{
	font-family:verdana,arial,tahoma,sans-serif;
	background:url(i/input-label.gif) top left no-repeat;
	width:223px;height:14px;
	margin-right:5px;
	padding-right:50px;
	vertical-align:middle;
	line-height:2em;
}
#maillistform label span{visibility:hidden}
#maillistform #submit{
	background:url(i/submit.gif) top left no-repeat;
	width:79px;height:22px;
	text-indent:-9999px;
	margin-right:10px;
	cursor:pointer;
	border:none;
}

/* --- (articles) --- */
.article{margin:20px 0}
.article h2 span,.article h3 span{
	display:block;
	font-size:50%;
}

.magazine {
	height: 310px;
	width: 250px;
	float: right;
	margin-top: 8px;
        margin-left: 20px;
	margin-right: 12px;
	}

/* --- (floated lists) --- */
.lista,.listb{
  list-style:square;
  margin:10px 0 5px 0;
  list-style:none;
}
.lista ul li,.listb ul li{list-style:none}
.lista{
  margin-left:0;
  padding-right:150px;
}
.listb{margin-right:30px}

/* --- (home page boxes) --- */
#boxes{margin:20px 0}
#box1,#box2,#box3{
  width:289px;
  text-align:center;
}
/* --- (buy buttons) --- */
.buy{
  position:relative;
  padding:5px 10px;
  margin:10px auto;
  display:block;
  width:97px;
}
.buy a{
  background:#fff url(i/buy-now.jpg) top center no-repeat;
  height:10px;
  text-indent:-9999px;
  display:block;
  width:97px;
}
.buy-top,.buy-bot{
  height:7px;
  width:97px;
}
.buy-top{background:url(i/buy-top.gif) top left no-repeat}
.buy-bot{background:url(i/buy-bottom.gif) bottom left no-repeat}

#price-buy{width:590px;overflow:hidden}
/* --- (misc classes) --- */
.aleft{float:left}
.aright{float:right}
.pright{padding:10px 0 10px 0}
.pleft{padding:10px 0 10px 10px}
.mright{margin:4px 10px 0 0}
.mleft{margin:4px 0 0 20px}
object{-moz-outline: none}