/*  
Theme Name: tillerpop II
Theme URI: http://www.luadesign.co.uk
Description: tillerpop II theme designed by <a href="http://www.luadesign.co.uk">LUA Design</a>.
Version: 1
Author: John Griffiths
Author URI: http://www.luadesign.co.uk



*/
*/

html{
	background: #890d0d; 
	}

body {
	font: 75%/150% "Trebuchet MS", Tahoma, Arial;
	color: #FFE2A6;
	background: #890d0d;
	margin: 0px;
	padding: 0px 0px 30px;
	
}
a {
	color: #ffb31b;
	text-decoration: none;
}

a:hover {
	color: #ffe786;
	text-decoration: underline;
}
img {
	border: none;

}

ul li{ list-style-type:none;}

.text-image{
position: relative;
width:280px;
float: left;
padding: 0;
margin: 5px 0 5px 20px;

}
.link-text{
padding: 5px;
display: inline;
position: relative;
float: left;
width: 200px;
}

.image-inline{
padding: 0 5px 0 0;
margin-bottom: 0;
display: inline;
position: relative;
float: left;
vertical-align: middle;
}

p {
	padding: 0px 0px 5px;
	margin: 0px;
}

blockquote {
padding: 2px;
margin: 10px 0 10px 20px;
color: #ffb31b;
font-size: 115%;
}
h1 {
	margin:0;
	padding: 0;
	height: 60px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #ffb31b;
}
h1 a, h1 a:visited{
	color: #ffe786;
	text-decoration: none;
}
h1 a:hover{
	color: #ffe786;
	text-decoration: none;
}
h2 {
	color: #ffb31b;
	margin: 0px 0px 2px;
	letter-spacing: 0;
	font: normal 170%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
}
h2 a, h2 a:visited {
	color: #ffb31b;
	text-decoration: none;
}
h2 a:hover {
	color: #ffe786;
	text-decoration: none;
}
h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #FFE2A6;
	margin: 10px 0px 5px;
	line-height: 1.5em;
}
h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: #ffb31b;
	margin: 10px 0px 5px;
}
h5, h5 a {
color:#ffb31b;
margin:0;
font-size: 1em;
padding-top: 25px;
}

h5 a:hover {
color:#ffe786;

}


	.drop-cap{
	float: left;
	font-size: 3.1em;
	line-height: 0.7em;
	padding: 5px 2px 0 0;
		}
		
		
		
form {
	margin:0px;
	padding:0px;
}


#page{
	margin: 10px auto;
	width: 980px;
	
}




#page {
background:url(images/tillerpop-body-bg.jpg);
}

#subscribe{
margin: 10px auto;
text-align: right;
	width: 980px;
	padding-right: 100px;
	
	}

/* header area */
.ed-fringe-banner, .ed-fringe-banner a {
background:url(../../../images/edinburgh-fringe-show.jpg); background-position: 0 0; display:block; height: 60px;
width:980px; display:block;}



.ed-fringe-banner a:hover, .ed-fringe-current{
background-position: 0 60px;
display:block;
}

#header {
	background: none;
	position: relative;
	float: left;
	height: 240px;
	padding: 0;
	margin: 0;
}

/* FEED */
#rss-feed {
	position:absolute;
	width: 200px;
	top: 50px;
	right: 70px;
}


#itunes-feed {
	position:absolute;
	width: 200px;
	top: 50px;
	left: 70px;
}
#itunes-feed ul, #rss-feed ul { margin: 0; padding: 0; }
#rss-feed ul li { list-style-type: none; text-align: right; margin: -1px 0 4px 0; padding: 0; }
#itunes-feed ul li{ list-style-type: none; text-align: left; margin: -1px 0 4px 0; padding: 0; }
#itunes-feed ul li, a #rss-feed ul li a { font-weight: bold; }
#itunes-feed ul li a:hover, #rss-feed ul li a:hover { color: #ffe786; text-decoration: underline; }

#navigation, #nav {
	list-style: none;
	margin: 0px;
	position: relative;
	padding-left: 30px;
	float: left;

}


#nav-sub-header {
position: absolute;
list-style: none;
	margin: 0px
z-index: 96;
top: 160px;
left: 330px;
width: 390px;
text-align: center;
font-size: 1.3em;
color:#ffb31b;
}



#nav li {
	float: left;
	margin-left: 5px;
}

.current-shows, .current-shows a{
background-position: 0 -61px;
display:block;
}

.about_page_item, .about_page_item a {
background:url(http://www.matttiller.com/wp-content/themes/tillerpop2/images/about.gif) no-repeat;
background-position: 0 -41px;
height: 41px;
width:112px;
display:block;
}


.about_page_item a:hover{
background-position: 0 0;

display:block;
}

.cd-page-link a, .cd-page-link  { position: absolute; z-index:99; top: 0; left: 0; background:url(http://www.matttiller.com/images/tillerpop-cd.gif); width: 188px; height: 168px; display: block; overflow:hidden; background-position: 0 0;}
.cd-page-link a:hover { background-position: 0 -168px;}

.home_page_item, .home_page_item a {
background:url(http://www.matttiller.com/wp-content/themes/tillerpop2/images/home.gif) no-repeat;
background-position: 0 -41px;
height: 41px;
width:111px;
display:block;
}

.home_page_item a:hover{
background-position: 0 0;
display:block;
}

.songcasts_page_item, .songcasts_page_item a {
background:url(http://www.matttiller.com/wp-content/themes/tillerpop2/images/songcasts.gif) no-repeat;
background-position: 0 -41px;
height: 41px;
width:169px;
display:block;
}

.songcasts_page_item a:hover{
background-position: 0 0;
display:block;
}

.blog_page_item, .blog_page_item a {
background:url(http://www.matttiller.com/wp-content/themes/tillerpop2/images/blog.gif) no-repeat;
background-position: 0 -41px;
height: 41px;
width:101px;
display:block;
}

.blog_page_item a:hover{
background-position: 0 0;
display:block;
}

.live_page_item, .live_page_item a {
background:url(http://www.matttiller.com/wp-content/themes/tillerpop2/images/live-shows.gif) no-repeat;
background-position: 0 -41px;
height: 41px;
width:171px;
display:block;
}

.live_page_item a:hover{
background-position: 0 0;
display:block;
}


.contact_page_item, .contact_page_item a {
background:url(http://www.matttiller.com/wp-content/themes/tillerpop2/images/contact.gif) no-repeat;
background-position: 0 -41px;
height: 41px;
width:145px;
display:block;
}

.contact_page_item a:hover{
background-position: 0 0;
display:block;
}

.current, .current a{
background-position: 0 0;
display:block;
}



#nav .page_item a{
	color: #ffffff;
	text-decoration: none;
	height: 41px;
	float:left;
	display: inline;
}
#nav .page_item a:hover {
	color: #000000;
}

/* content */
#content {
	clear: both;
	padding: 20px 0px 30px 30px;
	float: left;
	width: 550px;
	overflow: hidden;
	font-size: 1.2em;
	line-height: 1.55em;
}
.post {
	padding: 15px 0 0 50px;

}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #ffb31b;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 6px;
	margin-left: 0px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #ffb31b;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 8px;
	margin-left: 0px;
}
.post-title {
	float: left;
	margin-left: 10px;
	width: 85%;
	
	
}

.entry {
font-size: 1.2em;
	clear: both;
	padding: 25px 20px 0 0;
}
.post-cat {
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 95%;
	color: #999999;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat;
	padding-left: 20px;
	float: left;
	font-size: 95%;
	color: #999999;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat;
	padding-left: 18px;
	float: right;
}
.navigation {
float: left;
	padding: 45px;
}
.navigation a, .navigation a:visited {
	color: #ffb31b;
}
.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}

.previous-entries a:hover, .next-entries a:hover{
color:#ffe786;
}

/* comments area */
#comments, #respond {
	padding: 10px 0 5px 0;
	clear: both;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: #990000;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #000;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #000;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #000;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#ffe786;
	border: 3px solid #000;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 478px;
	height: 115px;
	background:#ffe786;
	border: 3px solid #000;
	padding: 4px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffe786;
}
#commentform #submit, .submit{
	background: url(images/btn-bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffb31bf;
	border: none;
	float:right;
	width: 144px;
	height: 28px;
	cursor: pointer;
}

/*sidebar */
#sidebar{
	float: right;
	padding: 0px 70px 0px 0px;
	width: 310px;
	overflow: hidden;
	background:url(images/sidebar-bg.jpg) repeat-y;
	margin-top: 20px;
	color:#FFB31B;
	
}


#intro{
color:#ffb31b;
font-size:1.5em;
font-weight: bold;
line-height: 1.5em;
margin: 5px 5px 10px 10px;
padding: 10px 20px 10px 20px;

}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
	font-size: 2em; font-weight: bold; font-family:"Trebuchet MS", Tahoma, Arial; color: #ffe786; margin: 10px 0px 2px; letter-spacing: 0;
}

#sidebar h2 { margin-left: 20px;}
/*sidebar text styles */
#sidebar a, #sidebar h3 a  { color: #ffb31b; text-decoration: none;}
#sidebar a:hover, #sidebar h3 a:hover  { color: #ffe786; text-decoration: none;}


#sidebar h3 { line-height: 1em; float:left; display: inline;}



/*sidebar list level1 */
#sidebar ul {
clear: both;
	margin: 5px 0 5px 20px;
	padding: 0;
}
#sidebar ul li {

	list-style: square outside;
	margin: 5px 20px 0 20px;
	padding: 0;
	border: none;
	font-size: 1.2em;
	line-height: 1.4em;
}

.commenter-colour, #sidebar .commenter-colour a { color:#FFE2A6;}



/*blogroll */
ul.list-blogroll li{
	background: url(images/mini-blogroll.gif) no-repeat !important;
	padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
	background: url(images/mini-category.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
	background: url(images/mini-monthly-archive.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	background: url(images/mini-page.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
	background: url(images/mini-page-arrow.gif) no-repeat !important;
	padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
	background: url(images/mini-recent-comments.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
	padding: 1px 7px;
}
/*text widget */
.textwidget {
	padding-top: 5px;
}

/*search form */
#searchform {
	margin: 15px 0 0;
}
#searchform br {
	display: none;
}
#searchform #s {
	border:1px solid #203346;
	width: 135px;
	height: 22px;
	padding: 4px 5px 0px 5px;
	border: 1px solid #bed881;
	background: #fff;
	margin-right: 2px;
	color: #000000;
	font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
	background: url(images/search-btn-bg.gif) no-repeat;
	border: none;
	width: 67px;
	height: 26px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
}

/* footer area */
#footer {
	clear: both;
	background: #890d0d url(images/tillerpop-footer.jpg) no-repeat;
	height: 131px;
	color: #FFE2A6;
	font-size: 100%;
	text-align: center;
}
#footer a, #footer a:visited {
	color: #ffb31b;
}

#footer a:hover{
	color: #ffe786;
}
#footer h4 {
	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
	color: #9cdbfb;
	margin: 10px 0px 5px;
}
.footer-recent-comments {
	width: 240px;
	float: left;
	margin-left: 10px;
}
.footer-recent-comments ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer-recent-comments ul li {
	background: url(images/mini-footer-comments.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
	width: 240px;
	float: left;
	margin-left: 10px;
}
.footer-recent-posts strong {
	font-size: 107%;
	line-height: 135%;
	font-weight: bold;
}
.footer-recent-posts ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.footer-recent-posts ul li {
	background: url(images/mini-footer-post.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.footer-about {
	width: 220px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	background: url(images/footer-right-bg.gif) no-repeat;
}
/* credits */
#credits {
	padding-top: 45px;
	text-align: center;
}
#credits a, #credit a:visited {
	color: #ffb31b;
}
.rss, .rss a {
	background: url(images/mini-rss.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}
.loginout {
	background: url(images/mini-loginout.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px 0 0 50px;
	padding: 0px;
}
hr {
border: thin dotted #ffb31b;
	margin: 10px 50px;
	padding:0;
}
.linebreak { margin: 5px 0;}

.akpc_pop {
visibility:hidden;
}

fieldset, .margin-top { 
  border : 0;
  margin-top : 10px;
}

.margin-bottom {
  margin-bottom: 10px;}

.submit-form{
margin:0 5px;
padding:2px 15px;
background-color:#FFB21A;
border:4px solid #5A0908;
color:#890D0D;
cursor: pointer;}

.submit-form:hover, .submit-form:focus, 
.submit-formn.hover, .submit-form.focus {
border:4px solid #000000;
color:#000000;
}

#twitter 		{ margin: 0 20px 20px 20px; background:url(../../../images/twitterbox.gif) no-repeat; width:256px; height:270px; overflow:hidden; } 
#followme		{ padding:10px 30px 10px 0 ;  color: #ab0f10; font-weight:bold; text-align:right;}
#followme a,
#twitter ul li a		{ border-bottom:#ab0f10 dotted thin; color: #ab0f10;}
#twitter ul	{ color:#000000; padding: 90px 10px 10px 0; height: 117px;}
#twitter ul li	{ background:none; list-style:none; font-weight:bold;}
.twitter-timestamp	{ clear:both; font-size:80%; padding-top:20px; border:none;}

.post-content-special { clear:both;}
.post-content-special h2{ text-align:center; font-size:3em; padding:20px 0;}

.MsoNormal {clear:both;}