/*
Theme Name: Sound Ceilings
Theme URI: http://soundceilings.com/
Description: A wordpress theme built for the Sound Ceilings site
Version: 0.1
Author: David Gleason
Author URI: http://busara.com.au/
Tags: sound ceilings, website

	Sound Ceilings v0.1
	http://soundceilings.com/

	This theme was designed and built by David Gleason,
	whose blog you will find at http://busara.com.au/

*/

/* Begin Typography & Colors */
body { font-size: 100%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #5f5f5f; line-height:18px; }
body.home { background: #FFF url(design/images/layout/background.gif) repeat-x; }
body.secondary { background: #FFF url(design/images/layout/secondary.gif) repeat-x; }

.home .panel .overlay { z-index: 10; }
.home .panel ul li .content { z-index: 20; }
.buttons { z-index:25; }

#map_canvas { width:600px; height:300px; margin-bottom:30px; }

h1 { font-size:1.6em; }
h2 { font-size:1.0em; font-weight: normal; }
h3 { font-size:1.0em; font-weight: bold; color:#96a309; margin:0; }
h4 { font-size:0.625em; font-weight: normal; }
p { font-size:0.6875em; }

a { text-decoration: none; }
a:link { color:#293328; }
a:visited { color:#000; }
a:hover { color:#b1bb46; }
a:active { color:#666; }

a.button, .post-edit-link { cursor:pointer; cursor:hand; line-height:18px; height:20px; background:url(design/images/buttons/diamond.gif) no-repeat right top;  padding-right:30px; display:inline-block; font-size:0.6875em; color:#fff; }
a.button span, .post-edit-link span { background:url(design/images/buttons/diamond.gif) no-repeat left top; height:20px; line-height:18px; display:inline-block; padding-left:30px; color:#fff; }
a.button:hover, .post-edit-link:hover {background-position:right -20px;}
a.button:hover span, .post-edit-link:hover span {background-position:left -20px;}

a.rss { cursor:pointer; cursor:hand; line-height:18px; height:20px; width:170px; background:url(design/images/buttons/rssfeed.gif) no-repeat; display:block; text-indent: -9999%; }
a.rss:hover {background-position:0px -20px;}

.home .background { background:transparent url(design/images/panel/background.gif) no-repeat top center; width:100%; height:100%; display:block; position:absolute; }
.secondary .background { background:transparent url(design/images/panel/secondary.gif) no-repeat top center; width:100%; height:100%; display:block; position:absolute; }
/* End Typography & Colors */

/* Begin Header */
.top { margin-top:55px; height: 74px; overflow: hidden;  }

.header h1{ background: url(design/images/logo/soundceilings.gif) no-repeat 0 0; width: 285px; height: 49px; }
.header h1 a{ display: block; text-indent: -999em; width: 100%; height: 100%;}

.navigation .email { font-size: 13px; display: block; float:right; margin-top:10px; }
.navigation .email:link { background-position: 0px 0px; }
.navigation .email:visited { background-position: -213px 0; }
.navigation .email:hover { background-position: -213px 0; }
.navigation .email:active { background-position: 0px 0px; }
.navigation .phone { font-size: 13px; display: block; float:right; margin:10px 0px 12px 20px; color:#293328; }

.navigation { width:630px; margin-right:0; }
.navigation ul { list-style: none; float:right; position:relative; left:10px; }
.navigation ul li { float:left; margin:0; }
.navigation ul li a { display:block; text-indent:-9999%; outline:none; float:left; font-size:0.6875em; color:#000; text-transform:uppercase; font-weight:bold; }
.navigation ul li .about { background:transparent url(design/images/navigation/about.gif) no-repeat; width:68px; height:20px; }
.navigation ul li .team { background:transparent url(design/images/navigation/team.gif) no-repeat; width:85px; height:20px; }
.navigation ul li .clients { background:transparent url(design/images/navigation/clients.gif) no-repeat; width:109px; height:20px; }
.navigation ul li .location { background:transparent url(design/images/navigation/location.gif) no-repeat; width:86px; height:20px; }
.navigation ul li .why { background:transparent url(design/images/navigation/why.gif) no-repeat; width:170px; height:20px; }
.navigation ul li .blog { background:transparent url(design/images/navigation/blog.gif) no-repeat; width:57px; height:20px; }
.navigation ul li .contact { background:transparent url(design/images/navigation/contact.gif) no-repeat; width:77px; height:20px; }
.navigation ul li .installs { background:transparent url(design/images/navigation/installs.gif) no-repeat; width:139px; height:20px; }
.navigation ul li a:hover, .navigation ul li .click { background-position: 0 -20px !important; }
/* End Header */

/* Begin Primary Panel */
.home .panel { height: 370px; margin-bottom: 20px; overflow: hidden; position: relative; }
.home .panel ul { list-style: none; margin:0; padding:0;}
.home .panel li { margin:0; padding:0; overflow:hidden; width:940px; height:370px; }
.home .panel .panel-backing { display: block; height: 370px; overflow: hidden; top: 0; position: absolute; }
.home .panel .content {
  position: absolute;
  top: 275px;
  padding: 20px;
  padding-top: 0;
  width: 900px;
  height: 76px;
  z-index: 4;
}
.home .panel .content .title { font-size:1.5em; color:#fff; text-transform: uppercase; text-shadow: #000; }
.home .panel .content p { color:#fff; font-size:0.75em; padding-top:5px; }
.home .panel .content p a { color:#b1bb46; }
.home .panel .content p a:hover { color:#666; }
.home .panel .overlay { background:transparent url(design/images/panel/overlay.png) no-repeat; width:940px; height:370px; position: absolute; z-index: 1; }

.home .panel .controls {
  list-style: none;
  margin: 0;
  position: absolute;
  z-index: 10;
  top: 330px;
  right: 10px;
}
.home .panel .controls li { float: right; height: 30px; width: 30px; overflow: none; }
.home .panel .controls li a {
  display: block;
  height: 30px;
  margin-right: 5px; 
  overflow: hidden;
  text-indent: -9999px;
  width: 30px;
}
.home .panel .controls li#nextBtn a { background: url('design/images/panel/arrow-next.gif') no-repeat 0 0; }
.home .panel .controls li#prevBtn a { background: url('design/images/panel/arrow-previous.gif') no-repeat 0 0; }
.home .panel .controls li a:hover { background-position: 0 -30px !important; }

/* End Panel */

/* Begin Secondary Panel */

.secondary .panel ul { list-style: none; margin:0; padding:0; }
.secondary .panel li { margin:0; padding:0; overflow:hidden; width:940px; height:370px; }
.secondary .panel .content { padding:235px 50px 50px 50px; }
.secondary .panel .content .title { background:transparent url(design/images/panel/title.gif) no-repeat; width:379px; height:18px; display: block; text-indent:-9999%; padding-bottom:15px; }
.secondary .panel .content p { color:#fff; font-size:0.75em; }
/* End Panel */

/* Begin Details */
.detail { margin-top:0px; height:auto; }
.detail .content .highlight { color:#96a309; margin-bottom:20px; }
.detail .content p.team { float:left; width:30%; }

.detail .latest .title { background: url(design/images/text/latestinstalls.gif) no-repeat 0 0; width: 175px; height: 15px; display: block; text-indent:-9999%; }
.detail .latest .post { display:block; }
.detail .latest .single { margin-top:10px; } 
.detail .latest .category { margin-bottom: 30px; padding-bottom:10px; background:transparent url(design/images/layout/dividingline.gif) no-repeat bottom left; }
.detail .latest .category:last-child { background:none; padding-bottom:0px; margin-bottom: 0px; }
.detail .latest .single h4 { padding-bottom:5px; }
.detail .latest .post .link { float:left; margin-right:10px; font-size:1.0em; font-weight: bold; color:#96a309; }
.detail .latest .post .link:hover { color:#666; }
.detail .latest .post img { border:1px solid #ccc; margin-right:5px; }
.detail .latest .post .blog-title { font-size:1.075em; margin-top:60px; margin-bottom:75px; }
.detail .latest .post .blog-title a:hover { color:#96a309; }
.detail .latest .post .blog-title .date { color:#999; }
.detail .latest .post .post-title { font-weight:bold; color:#fff; }
.detail .latest .post .title-post:hover { color }
.detail .latest .post .location { margin-bottom: 5px; }
.detail .latest .post .date { margin-bottom: 5px; }
.detail .latest .post h4 { margin-bottom:10px; }
.detail .latest .post p { margin-top:5px; clear:both; }

.detail .blog .join { margin-top:60px; margin-bottom:60px; }
.detail .blog .title { background: transparent url(design/images/text/latestblog.gif) no-repeat 0 0; width: 208px; height: 15px; display: block; text-indent:-9999%; }
.detail .blog .installs { background: transparent url(design/images/text/latestinstalls.gif) no-repeat 0 0; width: 175px; height: 15px; display: block; text-indent:-9999%; }
.detail .blog .subscribe { background: transparent url(design/images/text/subscribe.gif) no-repeat 0 0; width: 258px; height: 15px; display: block; text-indent:-9999%; margin-bottom: 10px; }
.detail .blog img { border:1px solid #ccc; margin-right:5px; margin-bottom:10px; }
.detail .blog h4 { margin-bottom:10px; }
.detail .blog .link { font-size:1em; font-weight: bold; color:#96a309; }
.detail .blog .link:hover { color:#666; }
.detail .blog .post { display:block; margin-bottom:10px; border-bottom:#e5e5e5 solid 1px; }
.detail .blog .highlight { padding-bottom:10px; }
.detail .sidebar { background:transparent url(design/images/layout/sidebar-backing.gif) no-repeat 60px 150px; height:100%; }
.detail .indexbar { background:transparent url(design/images/layout/sidebar-backing.gif) no-repeat 60px 0px; height:100%; }
.detail .sidebar .post .date, .detail .sidebar .post h4 { margin-bottom:10px; }
/* End Details */

/* Begin Footer */
.footer { margin-top:20px; }
.footer .grid_12 { border-top:#e5e5e5 solid 1px; padding-top:15px; padding-bottom:15px; }
.footer .text { font-size:0.625em; }
.footer a { font-size:0.625em; text-decoration: none; }
.footer a:link { color:#000; }
.footer a:hover { color:#666; }
/* End Footer */

/* Begin Utilities */
.float-left { float:left; }
.float-right { float:right; }
.pad-top { margin-top:30px; }
.pad-bottom { margin-bottom:30px; }
/* End Utilities */