/*  
Theme Name: 95th
Theme URI: http://www.mk2dev.com
Description: Custom Theme for The Ninety-Fifth: The Iron Men Of Metz.
Version: 0.8
Author: mk2 development
Author URI: http://www.mk2dev.com/

*/

* {
    margin: 0px;
    padding: 0px;
}

body {
    background: url(images/bgPage.jpg) repeat-x #26281d;
    margin: 0 0;
    font-size: 11pt;
    line-height: 120%;
    letter-spacing: .5px;
    color: #4c4c4c;
}

a {
    color: #D47C32;
}

.wrapper {
    width: 940px;
    margin: 0 auto;
}

.header {
    height: 234px;
    background-image: url(images/bgBigTop.jpg);
    background-repeat: no-repeat;
    position: relative;
}

.nav {
    margin-left:288px;
}

.nav li {
    float: left;
    list-style: none;
    position: relative;
    margin-right: 20px;
    padding-bottom: 15px;
}

.nav li.contact {
    margin-right: 0;
}

.nav li a {
    display: block;
    height: 38px;
    width: 40px;
    text-indent: -9999px;
    overflow: hidden;
    font-weight: bold;
    background: url(images/buttonsNav.png) no-repeat;
}

.menNav li  {
	float:left;
	width:68px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:3px 5px;
}

.menNav li a {
    display: block;
    height: 60px;
    width: 60px;
    outline: none;
}

.menNav li a.activeSlide img {
    border-color: #655f3b;
}

.nav .home a {
    width: 33px;
    background-position: -3px -44px;
}

.nav .aboutFilm a {
    width: 150px;
    background-position: -54px -44px;
}

.nav .view a {
    width: 86px;
    background-position: -224px -44px;
}

.nav .blog a {
    width: 69px;
    background-position: -330px -44px;
}

.nav .aboutPeople a {
    width: 140px;
    background-position: -418px -44px;
}

.nav .contact a {
    width: 52px;
    background-position: -579px -44px;
}

body .nav .home a,
.nav .home a:hover {
    background-position: -3px 0;
}


.Documentary .nav .home a,
.Viewing .nav .home a,
.Blog .nav .home a,
.test .nav .home a,
.Filmmakers .nav .home a,
.Contact  .nav .home a {
    width: 33px;
    background-position: -3px -44px;
}




.Documentary .nav .aboutFilm a,
.nav .aboutFilm a:hover {
    background-position: -54px 0;
}

.Viewing .nav .view a,
.nav .view a:hover {
    background-position: -224px 0;
}

.Blog .nav .blog a,
.nav .blog a:hover,
.test .nav .blog a,
.test .nav .blog a:hover  {
    background-position: -330px 0;
}

.Filmmakers .nav .aboutPeople a,
.nav .aboutPeople a:hover {
    background-position: -418px 0;
}

.Contact .nav .contact a,
.nav .contact a:hover {
    background-position: -579px 0;
}

.banner {
    position: absolute;
    display: block;
    bottom: 5px;
    right: 80px;
    height: 20px;
    width: 75px;
    background: url(images/buttonsGetthedvdTop.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.banner:hover {
    background-position: 0 -23px;
    cursor: pointer;
}

.contentWrapper {
    background: url(images/bgCenterBorder.png) repeat-y 114px top;
}

.center {
    background: url(images/bgCenter.jpg) repeat-y 128px top;
}

.copy {
    background: url(images/footSoldiers1.png) no-repeat bottom right;
    height: 100%;
    padding-bottom: 50px;
        margin-right: 15px;

}

.content {
    background: url(images/bgCenterTop.png) no-repeat;
    padding-top: 30px;
    padding-left: 128px;
}

h1 {
    font-family: helvetica, serifs;
}

.copy .col {
    float: left;
    margin: 10px;
    width: 340px;
    margin-bottom: 14px;
}

.copy .post {
    width: 405px;
    margin: 0 0px 50px 15px;
}

.copy .post h2 {
    margin: 17px 0px 7px;
}

.hentry h2 { line-height: 120%; }
#recentposts h3 { line-height: 120%; }

small {
    display: block;
    padding :0px 0px 12px 1px;
}
.copy .col2 {
    float: right;
    margin: 10px;
    width: 340px;
    margin-bottom: 20px;
}

.side {
 	float:right;
	width:278px;
	margin-top:47px;
}
.Blog .leftCol {
	float: right;
    
}

.Blog .leftCol .subNav{
	padding: 95px 0 0 78px;
    
}

.Blog .single .leftCol .subNav{
	padding: 67px 0 0 78px;
    
}

.Blog .leftCol .subNav a{
	text-decoration: none;
    
}

.Blog .leftCol .subNav img{
	border: 0px;
    
}

.Blog .leftCol ul.subNav {
	list-style: none;
    
}

.Blog .leftCol ul.subNav li{
	padding: 5px 0px;
    
}

.Blog .leftCol ul.subNav li ul{
	list-style: none;
    
}

.copy .contact {
    margin: 37px 10px 20px;
}


.social-media {
    padding: 34px 0px 0 54px;
}

.social-media ul li{
    padding: 5px 0px;
}

.social-media ul li{
    background: url(images/bullet95.gif) 0 0 no-repeat;
    list-style: none;
    padding-left: 25px;
}

.copy div.aboutPeople {
 	margin-bottom:230px;
	width:700px;
}

.copy div.wide {
 	margin-bottom:230px;
	width:700px;
}

.About .copy div.men{
	width:405px;
}

.menNav {
	margin-bottom:108px;
}

.copy div.aboutPeople h2,
.copy div.documentary h3,
.copy div.contact h3{
 	margin: 20px 0px 12px 15px;
}

.copy div.contact h3.mailing{
 	margin: 20px 0px 2px 15px;
 	color: #ac9b6f;
}

.copy #recentposts h3{
 	margin: 10px 0 5px 15px;
}

.copy #recentposts p.date{
	font-size:0.8em;
	font-style:italic;
	padding:0 0 9px 15px;
}

.copy div.aboutPeople h2{
 	clear: both;
}
.copy .col p{
    padding: 0px 0px 12px 15px;
}

.copy .col p.wpsb_form_label{
    padding: 0px 0px 0px 15px;
}
.wpsb_form_label span {
   font-weight: bold; 
}

.copy .col .buttons{
    padding-left: 15px;
}

.Blog .col .buttons, .Viewing .copy .col .buttons {
    padding-left: 77px;
}

.Viewing ul.subNav { padding-left: 77px; }

.Viewing ul.subNav li { margin-left: 15px; }

.Blog .single .col .buttons{
    padding-left: 77px;
}

p.postmetadata {
    padding: 15px 0px 0px 20px;
}

.filmmaker {
    float: right;
    clear: both;
    padding:0 0 27px 20px;
}

.filmmaker ul li{
    padding:10px 0px 0px 0px;
    list-style: none;
}


.copy .documentary {
    width: 405px;
    padding-top: 20px;
}
 
.copy .news {
    width: 405px;
    padding-top: 0px;
}

.copy .news {
    min-height: 250px;
}

.copy .documentary, 
.copy .news,
.copy .twitter {
    clear: both;
}

.copy .men img {
    float: left;
    margin: 0px 10px 10px 0px;
}

.copy .menNav img {
    width: 68px;
}

#s4 {
	width: 404px;    
	margin-left:14px;
}

.copy .men cite {
    text-transform: uppercase;
}

.copy .men blockquote {
    margin-left: 115px;
}

.copy .men a {
    text-transform: lowercase;
}

.videoSub {
    padding-top: 15px;
}
.copy .contact h1,
.copy .aboutPeople h1,
.Blog .copy h1,
.Blog h1,
.Viewing h1,
.copy .aboutDoc h1,
.copy .documentary h1,
.copy .news h1,
.copy .twitter h1,
.copy .men h1,
.copy .social-media h1 {
    text-indent: -9999px;
    height: 61px;
    background: url(images/headers.png) no-repeat -5px -346px;
    margin-top: 28px;
}

.copy .documentary h1 {
    background-position: -5px 0px;
    margin-top: 0;
}


.copy .news h1 {
    background-position: -5px -60px;
}

.copy .men h1 {
    background-position: -5px -120px;
}

.copy .twitter h1 {
    background-position: -5px -180px;
    margin-top: 0;
}

.copy .aboutDoc h1 {
    background-position: -5px -240px;
}

.Viewing h1 {
	margin-top: 28px;
    background-position: -5px -300px;
}

.Blog .copy h1, Blog h1 {
	margin-top: 28px;
    background-position: -5px -360px;
}

.copy .aboutPeople h1 {
    background-position: -5px -420px;
}

.copy .contact h1 {
    background-position: -5px -480px;
    margin-top: 0;
}

.copy .social-media h1 {
    background-position: -1px -544px;
    margin-top: 0;
}

.copy div.aboutPeople h1 {
    margin-top: 21px;
}

.copy .Blog {
	padding-left: 15px;    
}

.copy .Blog .entry{
	padding-left: 15px;    
}

.montage {
}

.montage img {
    padding-left: 34px;
}
.buttons a {
    display: block;
    float: left;
    width: 165px;
    height: 45px;
    background: url(images/buttonsHomeMiddleOptions.png) no-repeat 0 0;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 10px 10px 0;
}

.buttons a.aboutDoc {
    margin-top: 20px;
}

.buttons a.aboutPeople {
    background-position: 0px -55px;
    clear: left;
}

.buttons a.getDVD {
    background-image: url(images/buttonsGetthedvdMiddle.png);
    height: 120px;
    width: 192px;
    margin-right: 20px;
    float: right;
}



.Blog .buttons a.getDVD,
.Viewing .buttons a.getDVD,
.side .buttons a.getDVD {
    float: left;
}

.buttons a.aboutDoc:hover {
    background-position: 0px -110px;
}

.buttons a.aboutPeople:hover {
    background-position: 0px -165px;
}

.buttons a.getDVD:hover {
    background-position: 0px -137px;
}

.footer {
    margin-left: 114px;
    text-align: center;
    background: url(images/bgCenterBottom.png) no-repeat 0px 0;
    padding: 30px 0px 15px 0px;
    color: #8e916d;
    font-size: 10px;
}

.footer a {
    color: #7B815B;
}

.footer p {
    margin-top: 20px;
}

#twitter_update_list {
	padding: 0px 0px 0px 15px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
    list-style: none;
}

#twitter_update_list li{
	padding: 0px 0px 15px 0px;
}

#last li{
	padding: 0px 0px 0px 15px;
}

.wpsb_form_label {
    float:left;
}


/*****
Clears
*****/

.buttons:after,
.copy .men:after,
.copy:after,
.ac:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}