/*  
Theme Name: Crocodette
Theme URI: http://sww.co.nz/
Description: Custom theme for The Crocodettes.
Version: 1.0
Author: Aidan Curran
Author URI: http://sww.co.nz/
*/

html,body {
	margin:0;
	padding:0;
   text-align: center;
}
body {
   background: #2E3192 url(images/bg.jpg) top left repeat-x;
   font-family: Comic Sans MS, cursive;
   font-size: 1em;
   color: #000000;
   line-height: 130%;
}
div,td {
   text-align: left;
}
h1, h2, h3, h4, .headinglink {
   color: #C5521C;
}
h1 {
   font-size: 20px;
   margin: 3px 0;
}
h2 {
   font-size: 17px;
   margin: 3px 0;
}
h3 {
   font-size: 14px;
   margin: 3px 0;
}
h4 {
   font-size: 12px;
   margin: 3px 0;
}
a {
   color: #589B00;
}
a:hover {
   color: #D5652C;
}
a.headinglink {
   text-decoration:none;
}
a.headinglink:hover {
   text-decoration:underline;
}
img {
   border: 0;
}
img.centered {
   display:block;
   margin: 5px auto 10px auto;
   text-align: center;
}
#header {
   width: 901px;
   height: 220px;
   background: url(images/header.gif) top left no-repeat;
   margin: 10px auto 0 auto;
}
#body {
   width: 901px;
   margin: 0 auto;
   background: url(images/pagebg.gif) top left repeat-y;
}
#nav {
   width: 176px;
   float: left;
   margin-left: 10px;
   text-align: center;
   display: inline;
}
#nav a {
   text-decoration: none;
   display: block;
   height: 35px;
   width: 176px;
}
/* coloured nav buttons */
a#nav-home {
   background: url(images/nav-home.gif) center 0px no-repeat;
}
a#nav-home:hover {
   background: url(images/nav-home.gif) center -35px no-repeat;
}
a#nav-home.current, a#nav-home.current:hover {
   background: url(images/nav-home.gif) center -70px no-repeat;
}

a#nav-crocodettes {
   background: url(images/nav-crocodettes.gif) center 0px no-repeat;
}
a#nav-crocodettes:hover {
   background: url(images/nav-crocodettes.gif) center -35px no-repeat;
}
a#nav-crocodettes.current, a#nav-crocodettes.current:hover {
   background: url(images/nav-crocodettes.gif) center -70px no-repeat;
}

a#nav-music {
   background: url(images/nav-music.gif) center 0px no-repeat;
}
a#nav-music:hover {
   background: url(images/nav-music.gif) center -35px no-repeat;
}
a#nav-music.current, a#nav-music.current:hover {
   background: url(images/nav-music.gif) center -70px no-repeat;
}

a#nav-story {
   background: url(images/nav-story.gif) center 0px no-repeat;
}
a#nav-story:hover {
   background: url(images/nav-story.gif) center -35px no-repeat;
}
a#nav-story.current, a#nav-story.current:hover {
   background: url(images/nav-story.gif) center -70px no-repeat;
}

a#nav-gerrysblog {
   background: url(images/nav-gerrysblog.gif) center 0px no-repeat;
}
a#nav-gerrysblog:hover {
   background: url(images/nav-gerrysblog.gif) center -35px no-repeat;
}
a#nav-gerrysblog.current, a#nav-gerrysblog.current:hover {
   background: url(images/nav-gerrysblog.gif) center -70px no-repeat;
}

a#nav-videos {
   background: url(images/nav-videos.gif) center 0px no-repeat;
}
a#nav-videos:hover {
   background: url(images/nav-videos.gif) center -35px no-repeat;
}
a#nav-videos.current, a#nav-videos.current:hover {
   background: url(images/nav-videos.gif) center -70px no-repeat;
}

a#nav-photos {
   background: url(images/nav-photos.gif) center 0px no-repeat;
}
a#nav-photos:hover {
   background: url(images/nav-photos.gif) center -35px no-repeat;
}
a#nav-photos.current, a#nav-photos.current:hover {
   background: url(images/nav-photos.gif) center -70px no-repeat;
}

a#nav-letters {
   background: url(images/nav-letters.gif) center 0px no-repeat;
}
a#nav-letters:hover {
   background: url(images/nav-letters.gif) center -35px no-repeat;
}
a#nav-letters.current, a#nav-letters.current:hover {
   background: url(images/nav-letters.gif) center -70px no-repeat;
}

a#nav-shows {
   background: url(images/nav-shows.gif) center 0px no-repeat;
}
a#nav-shows:hover {
   background: url(images/nav-shows.gif) center -35px no-repeat;
}
a#nav-shows.current, a#nav-shows.current:hover {
   background: url(images/nav-shows.gif) center -70px no-repeat;
}

a#nav-reviews {
   background: url(images/nav-reviews.gif) center 0px no-repeat;
}
a#nav-reviews:hover {
   background: url(images/nav-reviews.gif) center -35px no-repeat;
}
a#nav-reviews.current, a#nav-reviews.current:hover {
   background: url(images/nav-reviews.gif) center -70px no-repeat;
}

a#nav-enquiries {
   background: url(images/nav-enquiries.gif) center 0px no-repeat;
}
a#nav-enquiries:hover {
   background: url(images/nav-enquiries.gif) center -35px no-repeat;
}
a#nav-enquiries.current, a#nav-enquiries.current:hover {
   background: url(images/nav-enquiries.gif) center -70px no-repeat;
}

a#nav-shop {
   background: url(images/nav-shop.gif) center 0px no-repeat;
}
a#nav-shop:hover {
   background: url(images/nav-shop.gif) center -35px no-repeat;
}
a#nav-shop.current, a#nav-shop.current:hover {
   background: url(images/nav-shop.gif) center -70px no-repeat;
}

#shopnav {
   text-align:center;
   margin: 10px 0 15px 0;
   background: #FFE8A3;
   overflow: hidden;
   padding: 1px;
}
#shopnav a {
   margin: 0 20px;
   text-decoration:none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #333;
   padding: 4px;
}
#shopnav a.current, #shopnav a:hover {
   background: #FBD45D;
}
#shopnav a.current {
   font-weight:bold;
}
#content {
   float: left;
   width: 628px;
   padding: 1px 30px;
   margin: 0;
}
#footer {
   width: 901px;
   background: url(images/footer.gif) top left no-repeat;
   margin: 0 auto 10px auto;
   padding-top: 46px;
   text-align: center;
   font-family: sans-serif;
   font-size: 10px;
   color: #aaaaaa;
}
#footer a {
   color: #999999;
   text-decoration: none;
}
#footer a:hover {
   color: #ccc;
   text-decoration: underline;
}
.clear {
   clear: both;
}
.note {
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;
}
.credit-note {
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   text-align:center;
   margin-top:30px;
   color: #999;
}
.credit-note a {
   color: #999;
}
.editLink {
   text-align: center;
   margin: 15px 0;
}
.editLink a, a.editLink {
   background: #e0e0e0;
   color: #777777;
   font-size: 10px; 
   border: 1px solid #999999;
   text-decoration: none;
   padding: 3px 5px;
}
.editLink a:hover, a.editLink:hover {
   background: #eeeeee;
   border: 1px solid #333333;
   color: #000000;
}
.postmetadata {
   color: #999;
   font-size: 10px;
   margin: 2px 0;
}
#stars {
   text-align: center;
}
#stars img {
   margin: 0 30px;
}
.thumbnails {
   clear:both;
   padding-top: 25px;
}
.thumbnails img {
   margin: 20px;
   border: 1px dotted #999999;
}
.playlist {
   width:640px;
   margin:auto;
}
.reviews {
   font-family: arial, helvetica, sans-serif;
}
.more-link {
   text-align:right;
   display:block;
   margin: 10px 0;
   font-weight:bold;
   font-size: 0.9em;
}
div.divider {
   clear: both;
   border-top: 3px dotted #ccc;
   height: 1px;
   margin: 20px 0;
}

#sociallinks {
   margin: 25px auto;
   text-align:center;
   overflow:hidden;
}
#sociallinks a {
   margin-top: 10px;
   overflow:hidden;
   height: 44px;
}

/* --- Image and caption styles --- */
.aligncenter,
dl.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
   margin-right: 15px;
}
.alignright {
	float: right;
   margin-left: 15px;   
}
img.alignleft {
   margin: 0 20px 0 0;
}
img.alignright {
   margin: 0 0 0 20px;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	-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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
} 
.wp-caption-text {
   color: black;
   font-size: 0.8em;
   margin: 2px 0;
}
.linklove {
   display:none;
}
.commentlist {
   list-style:none;
}
.children {
   list-style:none;
}
.event {
   margin: 20px;
   padding: 10px;
   background-color: #FFF2C9;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   border: 1px solid #A9A9A9;
}
textarea#comment {
   height: 350px;
   background: url(/images/letterbg.jpg) top left no-repeat;
   font-family: Comic Sans MS, cursive;
   color: #393C8B;
}
.letter {
   width: 310px;
   padding: 25px;
   border: 1px solid #888888;
   margin: 10px auto;
   background: url(/images/letterbg.jpg) top center no-repeat;
   color: #393C8B;
   font-size: 0.9em;
}
h3.response {
   color: green;
}
div.response {
   border: 1px solid green;
   background: url(/images/response.gif) top center no-repeat;
   padding-top: 100px;
   font-size: 0.9em;
   color: black;
}
p.intro { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border: 1px dotted #a6a6a6;
	padding: 10px;
	color: #000066;
   overflow: hidden;
   float:left;
   margin-bottom: 20px;
}
div.event img {
   margin-top: -40px;
}
div.commentadmin {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
   background: #ccc;
   text-align:right;
}
.wpsc_container {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-family: Arial, Helvetica, sans-serif;
}
.red {
   color: #f00000;
}
.wpsc_variation_forms label {
   font-weight: bold;
}
.hint {
   background: #fdecb7;
   text-align:center;
   font-size: 11px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;   
   margin: 10px 100px;
}