/*
THEME NAME: Carnaby Street The Musical
THEME URI: http://www.carnabystreetthemusical.co.uk
DESCRIPTION: Carnaby Street design, sitting on the basis of the Sandbox theme (v 1.5.2). Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.0
AUTHOR: <a href="http://www.datadial.net">Rachel Radford</a>, <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/

/*This website has content outside of Wordpress so please CHECK OUT MAIN.CSS IN /css/ FOR ADDITIONAL STYLES. These styles are specifically for the wordpress pages.  Written by Rachel, July 2008. */

/*Importing the main Carnaby Street styles*/
@import url(/css/main.css);

/*Blog specific styles follow.*/
h2{
	padding-bottom:0;
}
/*Top navigation*/
#nav li#nav-journal a{
	background-position:bottom left;
}
#nav li#nav-musical a{
	background-position:top left;
}
#nav li#nav-musical a:hover{
	background-position:center;
}
/*Next and back buttons within the blog*/
.nav-previous a, .nav-next a{
	display:block;
	background:no-repeat top left;
	text-indent:-999em;
	width:166px;
	height:36px;
	margin-top:2em;
}
.nav-previous a{
	float:left;
	background-image:url(/img/button_previousentries.gif);
}
.nav-next a{
	float:right;
	background-image:url(/img/button_recententries.gif);
}
#content h3{
	padding:1.5em 0 0.5em 0;
	font-size:1.3em;
}
#content h3 a{
	color:#FFF;
	text-decoration:none;
}
#content h3 a:hover{
	text-decoration:underline;
}
.entry-date{
	font-size:0.7em;
	padding-bottom:1em;
}
.readmore a, .more-link{
	background-image:url(/img/button_readmore-blog.gif);
}
/*Sidebar/Footer specific styles*/
#journal{
	background-image:url(/img/bg_papers-scooter.jpg);
	left:10px;
	width:342px;
	height:220px;
	padding:20px 80px 0 20px;
}
#journal li{
	padding:0.3em 0;
	margin-left:13px;
}

#musical{
	right:10px;
	left:auto;
	width:261px;
}
#rss{/*in the sidebar so can be included in different blog pages, but positioned to not appear with other sidebar elements.*/
	position:absolute;
	width:190px;
	right:0;
	bottom:350px;
}
#rss h3{
	text-indent:-999em;
	background:url(/img/heading_uptodate.gif) no-repeat left;
	height:30px;
}
#rss p{
	font-size:0.8em;
}
#rss a{
	background:url(/img/icon_rss.gif) no-repeat left;
	padding-left:20px;
}
#footer{
	left:1em;
	text-align:left;
}

/* Blog home page specific styles.  For some reason part way through development the home class disappeared off the home page!  Using blog class instead, but have left both here as unsure what triggered this change to start with... and in case it decides to change back! */
.home h6, .blog h6{ 
	font-weight:normal;
	font-size:1.1em;
}

/*Single post specific styles*/
.single .entry-content{
	padding-bottom:1em;
}
.single .nav-previous a{
	background-image:url(/img/button_previous.gif);
}
.single .nav-next a{
	background-image:url(/img/button_next.gif);
}
#comments{/*List of comments*/
	margin:2.5em 0 1em 0;
}
#comments-list h3{
	text-indent:-999em;
	background:url(/img/heading_yourmemories.gif) no-repeat left;
	height:30px;
}
#comments-list ol{
	list-style:none;
	margin-bottom:1em;
}
#comments-list li{
	clear:both;
	padding:0.5em 0 1em 0;
	width:100%;/*IE needs the width*/
}
.comment-author{
	float:left;
	font-size:0.7em;
	width:85px;
}
#content{
	background:url(/img/bg-pictures2.jpg) no-repeat right top;
}
#content img{
	position:static;
}
#content .avatar{
	position:static;
	border:5px solid #f6f3ea;
	display:block;
	margin:0.2em 0;
}
.comment-meta{
	float:right;
	font-size:0.7em;
}
blockquote{
	padding:1em 10px 0 110px;
	background:url(/img/quote-close.gif) no-repeat bottom right;
}
blockquote span{
	background:url(/img/quote-open.gif) no-repeat top left;
	width:8px;
	height:8px;
	display:block;
	float:left;
	margin:8px 0 0 -15px;
}
#respond{ /*comment form*/
	background:#f3dbb3 url(/img/bg_form.jpg) no-repeat top left;
	color:#001522;
	width:600px;
	padding:25px 0 10px 20px;
	height:385px;
	clear:both;
}
#respond h3{
	text-indent:-999em;
	background:url(/img/heading_comments.gif) no-repeat top left;
	height:30px;
	padding:0;
}
#respond .loggedin, #respond .logout{
	font-size:0.9em;
}
.form-label{
	padding:0.6em 0 0.2em 0;
}
.required{
	font-size:0.8em;
}

/*Archive pages specific styles */
.archive .post{
	padding:1em 0;
}
.archive .entry-meta p, .home .entry-meta p, .blog .entry-meta p{
	font-size:0.7em;
}
