/*
Theme Name: DEFEND THE CITY 2.0
Theme URI: http://www.defendthecity.com
Description: DEFEND THE CITY 2.0 (2010)
Author: Episode Creative, LLC
Version: 2.0
Tags: DTC
*/
html { overflow-y: scroll; }
body, body.success {
 font-family:Arial, serif;
 font-size:13px;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
 line-height:1.7em;
 background-image: url(css/images/body-bg.png);
 background-repeat: repeat-x;
 border: none;
}

h1, h2, h3, h4, h5, h6 {
/* font-family: tahoma, arial, helvetica, sans-serif; */
 font-family: verdana, arial, helvetica, sans-serif;
}   

.push-half {
 margin-left: 40px;
}

/* HIDDEN TEXT */
.alt-text { margin-left: -5000px; }

/* TEXT ALIGNMENTS */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
 

/* BG */
.bg-black { background: #000; }
.bg-grey { background: #ccc; }
.bg-red { background: #f00; }
.bg-blue { background: #00f; }
.bg-green { background: #0f0; }

/* ANCHORS */
a {
 text-decoration: none;
 color:#000;
 font-weight:600;
 outline: none;
}
a:hover {
 color:#AF0C0C;
 text-decoration: none;
 outline: none;
}
a.dtc-button {
 color: #fff;
 background: #333;
 padding:0px .5em 0px .5em;
 text-transform: uppercase;
}    
a.dtc-button:hover {
 color: #AF0C0C;
}    

/* TEXT */
p + p {
 text-indent: 0;
 margin-top: 1em;
}

.text-red {
 color: #AF0C0C;
}

/* TABLES */
table, td, th { 
 vertical-align: top;
}

/* STRUCTURE */
#wrapper {
 width: 980px;
 padding: 0 7px 0 7px;
 margin: auto;
 background-image: url(css/images/wrapper-bg.png);
 background-repeat: repeat-y;
}

#header {
 height: 140px;
}
#header h1 a {
 background-color: transparent;
 background-image: url(css/images/dtc-banner-980-140.png);
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: 0pt 0pt;
 overflow-x: hidden;
 overflow-y: hidden;
 display: block;
 height: 140px;
 margin-top: 0pt;
 margin-right: 0pt;
 width: 980px;
}

#header h1, #header h1 a {
 text-indent: -5000px;
 display: block;
 float: left;
 border: none;
 outline: none;
 margin: 0;
}


#navigation {  
 width: 980px;  
 font-family: Arial;
 font-size: 18px;
 line-height: 42px;
 font-weight: bold;
 color: #FFF;
 background: #000;
}
#nav-shadow {
 width: 980px;
 height: 3px;
 background: #333;
 background-image: url(css/images/nav-shadow-gray-bg.png);
 background-repeat: repeat-x;
 margin-bottom: 20px;
 font-size: 0;
 line-height: 0;
 undo zoom: 1;
}



#content {
 width: 980px;    
}
#main-column {}
#sidebar {}

#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4 {
 text-transform: uppercase;
}    

#footer-skyline {
 height: 111px;
 background-image: url(css/images/footer-bg.png);
 background-repeat: no-repeat;
}

#footer {
 padding: 20px 20px 20px 20px;
 color: #FFF;
 background: #000;   
 font-size: .8em; 
}
#footer a.footer-page {
 color: #FFF;
}
#footer a.footer-page:hover {
 color: #AF0C0C;
}

/* MAIN NAVIGATION */
ul#main-nav {
 margin: 0;
 padding: 0;
}   
#main-nav li {
 display: inline;
 list-style-type: none;
}
#main-nav li a {
 text-decoration: none;
 color: #fff;
 padding-left: 10px;
 padding-right: 10px;
 display: block;
 height: 42px;
 float: left;
 border: none;
 text-transform: uppercase;
}
#main-nav li:first-child a {
 padding-left: 10px;
}
#main-nav li a:hover {
 background: none;
 color: #AF0C0C;
 text-decoration: none;
}
#main-nav li.current_page_item a,
 .single-post #main-nav li.page-item-45 a,
 .page-template-ministry-page-tpl-php #main-nav li.page-item-407 a, 
 .page-template-city-page-tpl-php #main-nav li.page-item-407 a, 
 .page-template-city-single-tpl-php #main-nav li.page-item-407 a, 
 .page-template-psa-archive-tpl-php #main-nav li.page-item-407 a,
 .single #main-nav li.page-item-1974 a {
 background: #000 url(css/images/heart.png) center center no-repeat;
 color: #AF0C0C;
 text-decoration: none;
}

/* SEARCH BOX */
#search-box {
 font-weight: normal;
}
#search-box p {
 margin: 0;
 padding: 0;
}
#search-box input {
 border: none;
 background: #cceaea;
 margin-left: 10px;
 border: none;
 width: 125px;
}
#search-box form {
 padding: 0;
 height: 42px;
}


/* MAIN FEATURE */
.main-feature {
 height: 350px;
 background: #fcc;  
 margin-bottom: 20px; 
}
.main-feature img {
 display: block;
}

/* PAST FEATURES */
.past-features {
 margin-bottom: 10px;
}
.past-features h2 {
 font-size: 4em;
 margin: 0px 0px 30px 0px;   
 text-transform: uppercase;
}
.past-feature img {
 display: block;
}
.past-features-more {
 text-align: right;
 margin-bottom: 20px;
}
.view-feature {
 height: 20px;
 text-align: right;
 margin-top: -20px;
}
.view-feature a {
 background: #000;
 color: #fff;
 padding: 0px 0.5em 0px 0.5em;
 text-transform: uppercase;
}
.view-feature a:hover {
 color: #AF0C0C;
}

.view-main-feature {
 height: 30px;
 margin-top: -30px;
 width: 200px;
}
.view-main-feature a {
 background: #000;
 color: #fff;
 padding: 0px 0.5em 0px 0.5em;
 text-transform: uppercase;
 font-size: 30px;
}
.view-main-feature a:hover {
 color: #AF0C0C;
}

/* AD BANNERS */
#home-banner {
 margin-bottom: 20px;
}


/* BLOG */
.blog-banner {
 font-size: 3em;
 line-height: 1em;
 margin: 0px 0px 20px 0px;
 padding: 0;
 text-transform: uppercase;
}
.blog {
 margin-bottom: 20px;
}
.blog h2 {
 font-size: 3em;
 margin: 0px 0px 40px 0px;   
 text-transform: uppercase;
}
.post {
 margin-bottom: 20px;
}
.post .alignright {
float:right;
margin-left:10px;
}
.post .alignleft {
float:left;
margin-right:10px;
}
.post .aligncenter {
margin:0 auto;
display:block;
}

.post h3, .post h3 a {
 display: block;
 line-height: 34px;
 padding: 0px 0px 0px 0px;
 margin: 0;
 font-weight: bold;
/* font-size: 32px; */
 font-size: 24px;
 border: none;
}
.post .thumbnail img {
 display: block;    
/* border: solid 1px #333; */
}
.post .byline {
 font-size: .75em;
 padding: 0px;
 margin: 0px 0px 5px 0px;
}
.post .more {
 margin-top: 20px;
}
.post .more a {
 padding: 10px;
 background: #666;
}
.post .more a:hover {
 color: #000;
}
.post h2 {
 line-height: 1em;
}
.post h2 a {
 border: none;
}
h3.post-title {
 padding-top: 10px;
 text-transform: uppercase;
 font-size: 10px;
}
h3.post-title a {
}
h3.home-headline {
 padding-top: 0px;
 margin-top: 0px;
}
.the-loop-date {
 font-weight: bold;
 color: #333;
 text-transform: uppercase; 
}

#post-nav {
 margin-top: -20px;
 margin-bottom: 20px;
}
#post-nav a {
 color: #313131;
 font-size: 10px;
 outline: none;
 border: none;
}
#post-nav a:hover {
 text-decoration: underline;
}
#post-nav-prev {
}
#post-nav-next {
 text-align: right;
}
#posts-nav {
 text-align: center;
 margin-bottom: 20px;
 background: #000;
 color: #fff;
}
#posts-nav a {
 color: #fff;
}
#posts-nav a:hover {
 color: #AF0C0C;
}




/* COMMENTS */
h3#comments {
 margin: 30px 0 20px 0;
 background: #eee;
}
div#respond {
 background: #eee;
}
textarea#comment {
 width: 660px;
}


/* SIDEBAR */
#sidebar h3 {
 height: 32px;
 line-height: 32px;
 display: block;
 font-size: 1.3em;
 font-weight: bold;
 color: #fff;
 background: #000;   
 margin-bottom: 0px;
 padding: 0px 10px 0px 10px;
} 

#sidebar div {
 margin-bottom: 20px;
}
#sidebar div p {
 margin-top: .75em;
}
#sidebar div img {
 display: block;
}

#sidebar ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
} 
#sidebar ul a {
 display: block;
 width: 200px;
 padding-left: 10px;
 padding-right: 10px;
 font-size: 1em;
 border-bottom:1px dotted #000;
}

/* BOTTOM BONUS */
#bottom-bonus {
    
}
#bottom-bonus h3 {
 text-transform: uppercase;
 height: 40px;
 line-height: 40px;
 padding: 0px 10px 0px 10px;
 margin: 0;    
}
#bottom-bonus img {
 display: block;
}
.bonus-text-box {
 height: 138px;
 width: 298px;
 border: solid 1px #333;
} 

/* BONUS FOLLOW US */
.newsletter-signup form {
 margin: 0px;
 padding: 0px;
 display: block;
 background: #ccc;
}
.newsletter-signup label {
 padding-left: 12px;
 text-transform: uppercase;
}
.newsletter-signup input {
 width: 140px;
}
.newsletter-signup button {
 display: inline;
 width: 40px;
 float: none;
 margin: 0;
 padding: 0;
 background: #000;
 color: #fff;
}
.newsletter-unsubscribe {
 text-align: right;
 font-size: .75em;
 padding: 0px 10px 0px 0px;
}
ul#follow-us-bonus {
  margin: 10px 0;
  padding: 0;  
}
ul#follow-us-bonus li {
 list-style-type: none;
 margin: 0;
 padding: 0;  
}
ul#follow-us-bonus img {
 display: block;
 border: none;
 margin: 0;
 padding: 0;  
 height: 64px;
 width: 64px;
}
ul#follow-us-bonus li a {
 border: none;
 display: block;
 height: 64px;
 width: 64px;
 float: left;
 padding: 0px 0px 0px 8px;
 margin: 0px;
}

/* TEXT BOX */
.text-box {
 height: 40px;
 line-height: 40px;
 text-align: center;
 margin-bottom: 30px;
}
.text-box a {
 line-height: 40px;
 border: none;
}

/* FEATURE */
.feature-presents {
 font-style: italic;
 margin-bottom: 20px;
}
.feature-presents a {
 border: none;
 font-size: 3em;
 line-height: 1em;
}

/* SUB PAGE FEATURES & MORE FEATURES */
.subpage-features {
}
.subpage-feature-row {
 margin-bottom: 20px;
}

.subpage-feature img {
 display: block;
}

.subpage-feature-excerpt {
 line-height: 30px;
 text-align: center;  
 font-style: italic; 
}

/* SHARE THIS */
.share-this {
 background: #eee;
 border-top: 1px solid #ccc;
}

/* BREAD CRUMBS */
#breadcrumbs {
 color: #fff;
 border-bottom: 1px solid #333;
 margin-top: 0px;
 background: #333;
 margin-bottom: 20px;
}
ol.breadcrumbs {
 padding: 0;
 margin: 0;
}
.breadcrumbs li {
 text-transform: uppercase;
 list-style: none;
 float: left;
 color: #ffffff;
}
.breadcrumbs li a {
 height: 32px;
 font-size: .8em;
 font-weight: bold;
 color: #ffffff;
 background-image: none;
 background-repeat: repeat;
 background-attachment: scroll;
 background-position: 0% 0%;
 margin-bottom: 0px;
 padding-top: 5px;
 padding-right: 7px;
 padding-bottom: 5px;
 padding-left: 7px;
 margin-right: 2px;
}
.breadcrumbs li span {
 height: 32px;
 font-size: .8em;
 font-weight: bold;
 color: #ffffff;
 margin-bottom: 0px;
 padding-top: 5px;
 padding-right: 7px;
 padding-bottom: 5px;
}
.breadcrumbs li + li {
 margin-left: 6px;    
}
.breadcrumbs h2 {
 margin-top: 3px;
}

h2.page-title, h2.home-sub-title {
 padding-left: 7px;
 background: #000;
 color: #fff;
 text-transform: uppercase;
 font-size: 3em;
 line-height: 48px;
 font-weight: bold;
 border-bottom: 0px;
 margin-bottom: 0px;
 font-size: 32px;
}
h2.page-title a { 
 color: #fff;
}
h2.home-sub-title {
 margin-bottom: 20px;
}
h2.page-title span.meta {
 font-size: 12px;
 font-style: italic;  
 text-transform: none; 
}


/* PROPAGANDA NAV */
#propaganda-nav {
 line-height: 40px;
 height: 40px;
 background-color: #000;
}

#store-link-box {
 height: 40px;
 text-align: center;
}
#store-link-box a.store-link {
 text-transform: uppercase;
 line-height: 40px;
 font-size: 26px;
}

#propaganda-nav-prev {
 height: 40px;
}
#propaganda-nav-next {
 height: 40px;
}

#propaganda-nav a {
 color: #fff;
 text-transform: uppercase;
}    
#propaganda-nav a:hover {
 color: #AF0C0C;
} 

#propaganda-nav-prev a {
 margin-left: 10px;
}
#propaganda-nav-next a {
 margin-right: 10px;
}
  

/* DTC MISSION */
#dtc-mission {
 color: #fff;
 background: #333;
 padding: 0 10px 5px 10px;
 font-weight: bold;
 line-height: 20px;
}

#dtc-mission img {
 float:left;
 margin: 0 10px 10px 0;
}

/* SOCIAL ICONS */
#share-this-box {
 background: #333;
 margin-bottom: 40px;
 padding: 10px 0 10px 0; 
}
#share-this-title h4 {
  color: #eee;
  font-weight: bold;
  line-height: 45px;
}
#share-this-box a {
 border: none;
}
#share-this-box a:hover {
 border: none;
}
table#social-icons {
 margin: 0;   
}
table#social-icons td {
 width: 55px;
 padding: 0;
}

/* PROPAGANDA */
div.propaganda-box {
 padding-top: 40px;
 padding-bottom: 40px;
 margin-top: -20px;
 background: #ccc;   
}
div.propaganda-box img {
 display: block;
}

/* SHOP */
div#shop-header {
 background: #000;   
}

#view-cart-box {
 color: #ccc;   
 padding-top: 10px;
}
#view-cart-box a {
 color: #ccc;
}
#view-cart-box a:hover {
 color: #AF0C0C;
}

#product-image-box {
 margin-bottom: 20px;
}

img#paypal-seal {
 margin-left: 60px;
}

#images-nav {
 margin-top: 1.6em;
 text-align: center;
}
#images-nav a {
 text-decoration: none;
 color: #fff;
 padding-left: 10px;
 padding-right: 10px;
 height: 42px;
 border: none;
}
#images-nav a:hover {
 background: none;
}

button.cart, button.add-to-cart, button.contact-send {
 color: #fff;
 background: #000;
}
a.cart-button {
 color: #fff;
 background: #333;
}    

/* NEWSLETTER */
#newsletter-form {
 margin-bottom: 0px;
}
#newsletter-form button {
 display: inline;
 width: 70px;
 float: none;
 margin: 0;
 padding: 0;
 background: #000;
 color: #fff;
}

#newsletter-unsubscribe {
 margin-top: -20px;
 text-align: right;
 font-size: .75em;
}

/* PAGE CONTENT BOX */
img.city-main-img {
 margin-bottom: 20px;   
}
.page-content-box {
}