/*
Theme Name: TFPM.com
Theme URI: http://www.thefiftypennymarch.com/
Description: A theme for bands.
Version: 1.1
Author: Modified Theme by Jamie Hylands (Originally - Thad Allender for Graph Paper Press)
Author URI: http://www.tallerthantrees.com
Credits: http://code.google.com/p/blueprintcss/
*/



body {
background: #000 url(http://thefiftypennymarch.com/images/hibpat.jpg) repeat top left;
margin: 0px auto 0px auto;
color:#fff
}

.wrapper {width: auto;
margin: 10px auto 0px auto;
padding-top:10px;
background: transparent url(http://thefiftypennymarch.com/images/bgtest.png) repeat-y top center }


.container {
width: 970px;
margin: 10px auto 0px auto;
padding-top: 20px;
background: transparent url() no-repeat top center
}

.navleft { height: 60px;
         width: 210px;
         margin: 0px 0 0px 0;
         background: transparent;
          float: left}

.navcent { height: 60px;
         width: 120px;
         margin: 0px 0 0px 0;
         background: transparent;
          float: left}

.navbar { height: 60px;
          width: 950px;
         border-top:0px #000 solid;
         margin: 0px auto 24px auto;
         background: transparent;
         display: block}

.navright { height: 60px;
         width: 600px;
         background: transparent;
         float: right;
         margin-right:0px}


.head {
height: 10px;
width: 930px;
margin: 0px auto 0px auto;
border:0px solid #ccc;
background: transparent url(http://www.thefiftypennymarch.com/images/bannerimg1.jpgg) no-repeat top center;
}

.rotate {
height: 400px;
width: 930px;
margin:0px auto 0px auto;
background: transparent;
}


.main {
height: 40px;
width: 930px;
border: 1px #ccc solid;
margin:10px auto 0px auto;
background: transparent;
}


.navi {
width: 950px;
height:30px;
margin: 0px auto 0px auto;
background: transparent url() no-repeat top center;
}

#credits {
 width: 600px;
 height:30px;
 font-family: georgia, serif;
 margin: 10px auto 0px auto }


/************NAV *****************************************************/

ul#nav100 { background: transparent url(http://thefiftypennymarch.com/images/nav0709.gif) no-repeat; width: 100% }

ul#nav100 { position:relative; top:0px; left:0px }

ul#nav100 li { float:left; list-style-type:none }ul#nav100 li a { height:60px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#nav111 a, li#nav222 a, li#nav333 a, li#nav444 a,li#nav555 a,li#nav666 a,li#nav777 a {background: transparent url(http://thefiftypennymarch.com/images/nav0709.gif) }

li#nav111 a { background-position:0 0 ; width:95px; left:0 }

li#nav111 a:hover { background-position:0 -60px }

body#page111 li#nav111 a { background-position:0 0}

li#nav222 a { background-position:-95px 0; width:65px; left:95px }

li#nav222 a:hover{ background-position:-95px -60px }

body#page222 li#nav222 a { background-position:-70px -64px }

li#nav333 a { background-position:-155px 0; width:65px; left:155px }

li#nav333 a:hover{ background-position:-155px -60px }

body#page333 li#nav333 a {background-position:-140px -64px }

li#nav444 a { background-position:-220px 0; width:95px; left:220px }

li#nav444 a:hover{ background-position:-220px -60px }

body#page444 li#nav444 a {background-position:-140px -64px }

li#nav555 a { background-position:-315px 0; width:60px; left:315px }

li#nav555 a:hover{ background-position:-315px -60px }

body#page555 li#nav555 a {background-position:-140px -64px }

li#nav666 a { background-position:-375px 0; width:70px; left:375px }

li#nav666 a:hover{ background-position:-375px -60px }

body#page666 li#nav666 a {background-position:-140px -64px }

li#nav777 a { background-position:-445px 0; width:125px; left:445px }

li#nav777 a:hover{ background-position:-445px -60px }

body#page777 li#nav777 a {background-position:-140px -64px }




.left {
width: 520px;
float: left;
font-family: arial, serif;
padding: 0px 0px 0px 40px;
background: transparent;

}


.right {
width: 340px;
float: right;
font-family: arial, serif;
background: transparent;
margin-bottom: 20px;
padding-right: 40px;


}


#footer {
font-size: .9em;
width: 1000px;
height: 50px;
margin: 0px auto 0px auto;
background: #000 url() no-repeat bottom center;
clear: both
}


#footer a {
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}



.musictest {
width:100%;
height: 500px;
border: 1px #fff solid;
display:inline;}

.musicleft {
width:50%;
height: auto;
border: 1px #f3f4d7 dotted;
float:left}

.musicright {
width:50%;
height: auto;
border: 1px #ff0000 dashed;
float:right}


.container-bg {
background: transparent;
border: 1px #fff dotted;
}


h1 a, h3 a, h5 a, h6 a {
color: #fff;
}

h2 {font-family: Georgia, arial, serif; font-size: 22px;
     color: #dcd8d8}

h2 a {color: #dcd8d8}

h2 a:hover {color: #ffffff;}

h4, h4 a {font-family: arial, sans-serif; font-size: 16px;
     color: #DBD9E4; font-weight: bold; margin:0px 0px 0px 0px}

h4 a:hover { font-family: arial, sans-serif; font-size: 16px;
     color: #DBD9E4; font-weight: bold; text-decoration: underline; margin:0px 0px 0px 0px}

.holliestyle, .holliestyle a {color: #b7283b}

.jamiestyle, .jamiestyle a {
color: #4e4ec6;
}

.newsstyle, .newsstyle a {
color: #DBD9E4;
}

a {
color: #CC0033;
text-decoration: none;
}
a:hover,  h3 a:hover {color: #CC0033; text-decoration: underline}

.chrome{color:#CC0033;}



hr {
background: #000;
height: 1px;
}
img {
margin: 0;
}
.photo_align_left {
float: left;
padding: .5em;
border:1px solid #ccc;
background:#eee;
margin:0 0 1em 0;
}

input {
border: 1px solid #CCCCCC;
padding-left: 0;
}
ol {
margin-left: 35px;
}
label {
font-weight: normal;
}
textarea {
height: 200px;
width: 500px;
}
.small {
font-size: .9em;
}
.nomargin {
margin: 0;
}
a.button, button {
font-weight: normal;
}
dl.small dd {
font-size: .9em;
}
.linkcat {
list-style: none;
}


h6.category_more a {
color: #f3f4d7;
background: #eee;

padding: .3em;

font-size: .9em;
text-transform: uppercase;
border: none;
}
h6.category_more a:hover {
background: #333;
color: #fff;
}

.content {
margin: 0 0 1em 0;
}

.author {
background: #eee;
margin-bottom: 1.5em;
padding: 1.5em;
}
.author img {
float: left;
padding: 0 1em 1em 0;
}
.author p {
margin-left: 8em;

}
.author h6 {
border-bottom: 1px #000 dotted;
margin-left: 7em;
}

.alignright {
float: right;
}
.alignleft {
float: left;
}
.post {
width: 520px;
display: block;
float: none;
clear: both;
}


.entry {
display: block;
	float: none;
	clear: both;
}


#header {
height: 50px;
padding: 4px 0 0 0;
width: 950px;

}

.entry #nav .content {
margin: auto;
padding: 0;
}
.entry #nav {
background: #FFF;
margin-bottom: 15px;
}
.entry #nav li a {
background: #666;
color: #FFF;
}
.entry #nav li.last a {
border-right: none;
}
.entry #nav li a:hover {
background: #333;
color: #FFF;
}

#search {
float: right;
}
#search #s {
background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
color: #CCCCCC;
font-size: 0.9em;
margin-right: 0px;
margin-top: 10px;
padding: 2px 0 2px 17px;
width: 135px;
}
#search #s:hover {
color: #000;
}
.search-excerpt {
margin: 0;
}
.commentlist li {
padding: 8px 15px;
}
.comments-alt {
background: #EEE;
}
.bottombar {
}
.bottombar h2 {
font-size: 1em;
font-weight: bold;
line-height: 1em;
margin: 1em 0 1em;
}
ul {
list-style-type: none;
margin-left: 1em;
padding: 0;
}
ul li {
background-repeat: no-repeat;
line-height: 2em;
list-style-image: url('images/icons/li.png');
margin: 0;
padding: 0;
}
#top {
margin: 0 auto;
width: 950px;
}

#contents {
background: #fff;
border: 1px solid #ccc;
border-top: none;

clear: both;

margin: 0px;
padding: 15px;
}

.news h3 {text-transform:uppercase;}



ol.commentlist  { margin:0; }

ol.commentlist li {

	border: 2px solid #111;
        background: #111;
        padding: 10px 10px 10px 10px;
	margin: 0 0 10px;
	padding: 18px 20px 18px 20px;
	position: relative;
}
	ol.commentlist li p {	margin: 0 }

		ol.commentlist li img.avatar {
			float:right;
			padding:0 10px 0 10px;
		}

		ol.commentlist li p a {  }
		
	ol.commentlist li ul li {
		padding: 15px 0px 5px 20px;
		margin:0;
	}

ol.commentlist .comment-meta a { color:#999; padding-bottom:5px; }
ol.commentlist .children { margin:0; }