/*
Theme Name: Secret Squirrel Theme
Description: Making Secret Squirrel look pretty.
Version: 1.0
Author: Jason Taylor
*/

@import url('stylesheets/reset.css');
@import url('stylesheets/typography.css');

body {
  margin:0;
  text-align:center;
  background:url('images/bkg-body.gif') repeat-x 0 400px;
  padding:30px 0;
}

h1 {
  height:35px;
  width:300px;
  margin:50px 0 15px 178px;
  background:url('images/h1-secret-squirrel.png') no-repeat 0 0;
  text-indent:-9999px;
}
h2 {
  text-transform:uppercase; 
  font-style:oblique;
  margin:0;
}
h3 {
  margin:0 0 .5em;
}

#container {
  position:relative;
  margin:0 auto;
  width:930px;
  border:solid 1px #CCC;
}
#header {
  position:absolute;
  z-index:10;
  left:50%;
  top:330px;
  width:645px;
  margin:0 -322px;
}
#content {
  text-align:left;
  min-height:715px;
}
#footer {
  position:absolute;
  bottom:-63px;
  left:50%;
  width:270px;
  height:40px;
  margin:0 -135px;
  line-height:40px;
  padding-bottom:30px;
  font-size:80%;
  font-style:oblique;
  text-transform:uppercase;
}
#footer span,
#footer span a {
  color:#999;
  text-decoration:none;
}
#footer span a:hover {
  text-decoration:underline;
}


/* Typo Adjustments */

#header h1 {
  position:absolute;
  left:50%;
  margin:0 -150px;
  background-image:url('images/h1-secret-squirrel-home.png');
}
#content h2 {
  font-size:1.8em;
  height:30px;
  background-repeat:no-repeat;
  position:absolute;
  top:13px;
  left:13px;
  text-indent:-9999px;
}
#content h2 span {
  display:none;
}


/* Buttons */

a.close {
  position:absolute;
  top:14px;
  right:14px;
  width:83px;
  height:17px;
  background:url('images/btn-close.png') no-repeat 0 0;
  text-indent:-9999px;
}
a.close:hover {
  background-position:0 -18px;
}
a.rss {
  position:absolute;
  top:13px;
  right:120px;
}


/* Content Inner */

#content-inner {
  width:660px;
  text-align:left;
  margin:0 auto;
  background:#FFF url('images/bkg-content-inner.gif') repeat-x 0 269px;
}
#content-inner.post,
#content-inner .post {
  padding:0 45px;
  background:#fff;
}
#content-inner .post h3 {
  padding-top:20px;
}


/* Navigation */

#navigation ul {
  position:absolute;
  top:50px;
  left:50%;
  width:645px;
  height:30px;
  margin:0 -322px;
  list-style:none;
  text-align:left;
}
#navigation li {
  float:left;
}
#navigation li a {
  display:block;
  color:#000;
  height:15px;
  text-decoration:none;
  text-transform:uppercase;
  text-indent:-9999px;
  font-style:oblique;
  font-weight:bold;
  background:url('images/bkg-navigation.png') no-repeat 0 0;
  
}
#navigation li a:hover {
  color:#999;
  background-position:0 -15px;
}
#navigation li a span {
  display:none;
}
#navigation li.blog a {
  width:65px;
}
#navigation li.about a {
  width:79px;
  background-position:-65px 0;
}
#navigation li.about a:hover {
  background-position:-65px -15px;
}
#navigation li.collections a {
  width:145px;
  background-position:-144px 0;
}
#navigation li.collections a:hover {
  background-position:-144px -15px;
}
#navigation li.press a {
  width:66px;
  background-position:-289px 0;
}
#navigation li.press a:hover {
  background-position:-289px -15px;
}
#navigation li.shop a {
  width:63px;
  background-position:-355px 0;
}
#navigation li.shop a:hover {
  background-position:-355px -15px;
}
#navigation li.contact a {
  width:102px;
  background-position:-418px 0;
}
#navigation li.contact a:hover {
  background-position:-418px -15px;
}
#navigation li.follow-us a {
  width:125px;
  background-position:-520px 0;
}
#navigation li.follow-us a:hover {
  background-position:-520px -15px;
}


/* Paging */

.paging {
  position:absolute;
  left:0;
  bottom:-25px;
  width:100%;
  font-size:80%;
  font-style:oblique;
  text-align:center;
  text-transform:uppercase;
}
.paging span,
.paging a {
  padding:0 3px;
}
.paging a {
  color:#999;
  text-decoration: none;
}
.paging a:hover {
  color:#000;
}


/* Homepage */

#home {
  width:810px;
  margin:0 auto;
  padding:50px 0;
  overflow:hidden;
}
#home p,
#home p img {
  float:none;
  margin:0;
  padding:0;
}


/* News */

.blog h2 {
  width:62px;
  background-image:url('images/h2-blog.png');
}
.blog .post {
  border-bottom:solid 1px #CCC;
}
.blog .last {
  border:0;
  margin-bottom:10px;
}
.blog .date {
  font-style:oblique;
  padding-bottom:10px;
}
.blog .post .image {
  width:100%;
  text-align:center;
}


/* Press */
.press #content-inner {
  background-position:0 254px;
}
.press h2 {
  width:65px;
  background-image:url('images/h2-press.png');
}
.press .post {
  border-bottom:solid 1px #CCC;
}


/* About */

.about h2 {
  width:73px;
  background-image:url('images/h2-about.png');
}


/* Collections */

.collections h2 {
  width:145px;
  background-image:url('images/h2-collections.png');
}
.collections #content-inner h4 {
  font-size:100%;
  font-style:oblique;
  text-transform:uppercase;
  margin:0;
}
.collections #content-inner h3 {
  padding:0;
  margin:0;
  font-size:1.8em;
  text-transform:none;
}
.collections #content-inner h3 a {
  color:#999;
  font-style:normal;
  text-decoration:none;
}
.collections #content-inner h3 a:hover {
  text-decoration:underline;
}
.collections .post {
  border-bottom:solid 1px #CCC;
  padding:20px 45px !important;
}

.page-template-collection-php h2 {
  background:none;
  z-index:10;
}
.page-template-collection-php h2 a {
  display:block;
  width:158px;
  height:17px;
  background:url('images/btn-collections.png') no-repeat 0 0;
}
.page-template-collection-php h2 a:hover {
  background-position:0 -17px;
}

.page-template-collection-php #content-inner {
  height:370px;
  background-position:0 359px;
  margin-top:10px;
}
.page-template-collection-php .post {
  position:absolute;
  padding:0;
  width:570px;
  text-align:center;
  border:0;
}
.page-template-collection-php #details {
  position:absolute;
  left:0;
  bottom:0;
  width:640px;
  padding:10px;
  color:#FFF;
  text-align:left;
  background:url('images/bkg-details.png');
}
.page-template-collection-php a.prev,
.page-template-collection-php a.next {
  display:block;
  position:absolute;
  top:350px;
  width:17px;
  height:19px;
}
.page-template-collection-php a:hover.prev,
.page-template-collection-php a:hover.next {
  background-position:0 -19px;
}
.page-template-collection-php a.prev {
  left:60px;
  background:url('images/btn-prev.png') no-repeat 0 0;
}
.page-template-collection-php a.next {
  right:60px;
  background:url('images/btn-next.png') no-repeat 0 0;
}
.page-template-collection-php a span {
  display:none;
}


/* Contact */

.contact h2 {
  width:103px;
  background-image:url('images/h2-contact.png');
}
.page h3 {
  margin:15px 0 10px;
  font-size:1.2em;
  text-transform:uppercase;
}

/* Contact */

.follow-us h2 {
  width:120px;
  background-image:url('images/h2-follow-us.png');
}
.follow-us .post,
.follow-us form {
  float:left;
  clear:both;
}
.follow-us label {
  width:100px;
}
.follow-us label,
.follow-us input,
.follow-us .text,
.follow-us .submit {
  float:left;
}
.follow-us .text,
.follow-us .submit {
  clear:both;
  margin:5px 0;
}
.follow-us .text {
  display: block;
  width:310px;
}
.follow-us .text input {
  width:200px;
}
.follow-us .submit {
  display: inline;
  margin:5px 0 0 100px;
}
.follow-us .submit input {
  border:0;
  background:0;
  padding:0;
  color:#999;
  font-family: Georgia, "lucida bright", "times new roman";
  font-size:100%;
  cursor:pointer;
  text-transform:uppercase;
}
.follow-us .submit input:hover {
  color:#000;
}
.follow-us .required label span {
  color:#900;
}
.follow-us .error {
  color:#900;
  margin-left:100px;
}



/*
------------------------------------
NOTICES / ERRORS
------------------------------------  
#flashMessage {
  float:left;
	clear:both;
	width:96%;
	margin:25px 0;
	padding:2%;
	line-height:1em;
}

#flashMessage.message {
  color:#529214;
	background-color:#E6EFC2;
	border:solid 2px #C6D880;
}

#flashMessage.error {
  color:#900;
	background:#FDD;
	border:solid 2px #FBC2C4;
}
*/