﻿/*
Theme Name: The Corps
Theme URI: http://www.salvationarmyvancouver.org
Description: The Corps is a theme based on theCorporate by <a href="http://www.pixelthemestudio.ca">Pixel Theme Studio</a>.
Version: 2.0
Author: Ron E. Fenrich II
Author URI: http://fenrich.gotdns.com
Tags: Full dynamic width, Two Columns, White, Tan, Clean

	This theme's CSS, XHTML and design is released under GPL 3:
	http://www.gnu.org/licenses/gpl.html

*/

/* Begin Typography & Colors */
html, body {
	vertical-align: baseline;
	outline: 0;
	padding: 0;
	margin: 0;
	}

html {
	height: 100%;
	margin-bottom: 1px;
	}

body {
	background: #330000;
	font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	/*font:normal .76em Arial, Helvetica, sans-serif;*/	color: #5A5A5A;
	padding-bottom: 20px;
	}


/* Clearing */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	clear: both;
	}

p {
	margin: 0 auto 12px;
	}

a {
	outline: none;
	}

a,
a:visited,
a:focus {
	color: #BA7A30;
	text-decoration: none;
	}

a:hover {
	color: #466677;
	}

a:active {
	color: #466677;
	}

ul,
#adcolumn2 ul {
	list-style-type:none;
	padding: 0;
	margin: 6px auto;
	}

li,
li.cat-item,
li.page_item,
li.archieve_item,
li.register,
li.loginout,
ul.wp-tag-cloud li,
ul.blogroll li,
#adcolumn2 li {
	background-image:url('images/list-green.png');
	background-repeat: no-repeat;
	background-position: 0 10px;
	border-bottom:1px solid #E8E8E8;
	padding:5px 0 5px 20px;
	}

li.post_item {
	background-image:url('images/list-green.png');
	background-repeat: no-repeat;
	background-position: 0 10px;
	padding:5px 0 5px 20px;
	}
	
ul li.page_item li,
ul li.post_item li,
ul li.archieve_item li,
ul li.register li,
ul li.loginout li  {
	border:none;
	}
	
#adcolumn2 li {
	background-image:url('images/list.png');
	background-position:0 5px;
	border:none;
	padding:2px 0 2px 20px;
	}
	
ol {
	margin-left:0px;
	}
	
ol li {
	background:none;
	padding-left:2px;
	}
	
div.entry ul li {
	margin-left:10px;
	}

/* Category and page Widget */
li.cat-item a,
li.page_item a,
li.post_item a,
li.archieve_item a, 
li.register a, 
li.loginout a {
	color:#466677;
	display: block;
	text-decoration:none;
	}
	
li.cat-item:hover,
li.page_item:hover,
li.archieve_item:hover,
li.register:hover,
li.loginout:hover {
	background-image:url('images/list.png');
	}
	
li.cat-item a:hover,
li.page_item a:hover
li.archieve_item a:hover,
li.register a:hover,
li.loginout a:hover {
	color:#BA7A30;
	}

/* Blogroll and Tag Cloud Widget */
ul.blogroll li,
ul.wp-tag-cloud li {
	background-image:url('images/list-green.png');
	}

ul.blogroll li a,
ul.wp-tag-cloud li a {
	color:#466677;
	display: block;
	padding: 0px;
	}

ul.blogroll li a:hover,
ul.wp-tag-cloud li a:hover {
	color:#BA7A30;
	}

ul.blogroll li:hover,
ul.wp-tag-cloud li:hover {
	background-image:url('images/list.png');
	}

/* Main content list styles */
#mainbody-full ul,
#mainbody-rightcol ul,
#mainbody-leftcol ul {
	list-style-type: none;
	padding: 0;
	margin: 8px 12px 6px;
	}

li {
	border:none;
	background-position: 0 5px;
	color:#466677;
	padding:0 0 3px 20px
	}

/* Round numbered list */
div.number span{
	padding:3px;
	margin-right:10px;
	margin-left:8px;
	background:transparent url('images/numberbg.png') no-repeat center center;
	color:#FFFFFF;
	}

/* Clearing */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;	clear: both;}
/* End hide from IE-mac */

#wrapper {
	width:90%;
	max-width:1200px;
	min-width:995px;
	margin:15px auto;
	}

#topleft {background:#EAEAEA url('images/topleft.png') no-repeat left top;}
#topright {background:url('images/topright.png') no-repeat right top; height:70px;}

.contentcenter {
	width:980px;
	margin:0 auto;
	}

#logo {
	width: 208px;
	height: 49px;
	float: left;
	margin: 12px 0 0 0;
	}

#menubg {
	background:url('images/menu-bg.png') repeat-x;
	width:auto;
	max-width:700px;
	min-width:200px;
	float:right;
	margin:17px 0 0 0;
	}

#menuleft {
	background:url('images/menu-left.png') no-repeat left;
	}

#menuright {
	background:url('images/menu-right.png') no-repeat right;
	height:29px;
	padding:4px 9px;
	font:normal 14px Arial, Helvetica, sans-serif;
	}

#topfooter {
	background:#466677;
	height:15px;
	}

/* Promotional */

#adwrapper1 {
	background:#C2C9CC;
	}

#adwrapper2 {
	background:#F0E2D3;
	}
	
#adwrapper3 {
	background:#FFFFFF;
	width:980px;
	margin:0 auto!important;
	}

#adcolumn1 {
	background-position: center center;
	width: 550px;
	float: left;
	height: 365px;
	background-color: #000000;
	background-image: url('images/disaster.jpg');
	background-repeat: no-repeat;
}

#adcolumn2 {
	width:425px;
	height:355px;
	float:right;
	padding:5px 0 0 0;
	}

#adwidget1 {
	background:#E7CAAD;
	}

#adwidget2 {
	background:#E5DCD1;
	}

#adwidget3 {
	background:#F5EBDF;
	}

#adwidget1, #adwidget2, #adwidget3 {height:105px; padding:5px 15px; margin-bottom:5px;font:normal 11px Arial, Helvetica, sans-serif;}
#adwidget1 img, #adwidget2 img, #adwidget3 img {float:right; margin:0 15px 0 0; border:1px solid #FFFFFF;}
#adwidget1 h2, #adwidget2 h2, #adwidget3 h2 {font:bold 14px Arial, Helvetica, sans-serif; color:#466677; font-style:italic; margin:0 auto 5px;}

#adwidget1 li, #adwidget2 li, #adwidget3 li {
	background-image:url('images/list-green.png');
	background-repeat: no-repeat;
	}

/* Hide widget titles from certain areas */
#logo h1, #adcolumn1 h1, #adwrapper1 h1, #footer h3, #menuright h2 {
	display:none!important;
	}

/* Content mainbody */
#breadcrumbs {background:#C2C9CC; height:23px; padding:7px 0 0 9px; font:normal .9em Arial, Helvetica, sans-serif; color:#466677;}
#breadcrumbs a, #breadcrumbs a:visited {color:#466677; text-decoration:none;}
#breadcrumbs a:hover {color:#000;}
#contentwrapper {background:#FFFFFF; padding:20px 9px;}
#mainbody-full {}
#mainbody-leftcol, #mainbody-rightcol {width:740px; float:right; min-height:200px; border-left:1px solid #DDD; padding-left:20px;}

#mainbody-rightcol {border-right:1px solid #DDDDDD; border-left:none; padding:0 20px 0 0 ; float:left;}

#leftcol, #rightcol {width:200px; float:right;}

#leftcol {float:left;}



/* Bottom widgets */
#bottomwrapper {background:#F5F5F5; padding:20px 0;}

#wleft, #wcenter, #wright {
	width:300px;
	min-height:100px;
	}

#wleft {
	float:left;
	}

#wcenter {
	float:left; margin:0 40px;
	}

#wright {
	float:right;
	}

#wfull {}

div.bottomimgborder {
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:5px 0;
	width:300px;
	text-align: center;
	}

#wleft h3,
#wcenter h3,
#wright h3,
#wfull h3 {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #660000;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 5px;
	margin: 0 auto 5px;
	font-weight: bold;
	}

/* Widget Styling */
.widget, .widget-grey {margin: 3px auto 17px;}
.widget-grey {background:#F5F5F5; padding:10px; margin:20px auto;}
.widget h3 {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #660000;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 5px;
	margin: 0 auto 5px;
	font-weight: bold;
}

#rightcol .widget,
#leftcol .widget {
	margin-bottom:25px;
	}

#rightcol .widget a,
#rightcol .widget a:visited,
#rightcol .widget a:focus {
	color: #466677;
	text-decoration: none;
	}

#rightcol .widget a:hover {
	color: #BA7A30;
	}

#rightcol .widget a:active {
	color: #BA7A30;
	}

/* Typography */
small {color:#466677;}
h1, h1 a {font:bold 18px Arial, Helvetica, sans-serif; color:#5B5A5A; border-bottom:1px solid #DDDDDD; padding-bottom:5px; margin:0 auto 5px; text-decoration:none;}
h2 {margin:0 auto 5px; font: normal 18px Arial, Helvetica, sans-serif;}
h2.pagetitle {text-transform:uppercase; font-weight:normal; }

h2.posttitle,
h2.posttitle a,
h2.posttitle a:visited,
h2.posttitle a:hover,
h2.posttitle a:active {
	color: #660000;
	font-weight: bold;
}
	
h3 {font:normal 16px Arial, Helvetica, sans-serif; color:#5B5A5A; border-bottom:1px solid #DDDDDD; padding-bottom:5px; margin:0 auto 5px;}

#mainbody-full h3, #mainbody-rightcol h3, #mainbody-leftcol h3 {border:none;}

blockquote {margin: 20px 0 20px 30px; padding: 0 0 0 15px; border-left: 3px solid #466677;color:#AB7333;}

/* Footer */
#footerleft {background:#466677 url('images/bottomleft.png') no-repeat bottom left;}
#footerright {background:url('images/bottomright.png') no-repeat bottom right; padding:5px 9px; color:#FFFFFF; text-align:center;}
#footer {width:980px; margin:0 auto;min-height:48px; clear:both; text-align:left; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; padding-top:5px;}
#footer a, #footer a:visited {color:#E7CAAD; text-decoration:none;}
#footer a:hover {color:#FFFFFF;}

/* Main Menu */
#menuright a {
	display:block;
	text-decoration:none;
	color:#466677;
	margin-top: 6px;
	margin-bottom: 12px;
	}

#menuright li li a {
	font-size: 11px;
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 14px;
	}

#page-nav ul {margin:0!important;padding:0;list-style:none}
#page-nav ul {line-height:1.0}
#page-nav ul ul li {width:100%}
#page-nav li:hover {visibility:inherit}
#page-nav li {float:left;position:relative; background:url('images/menu-spacer.png') no-repeat right center;margin:0!important;padding:0;}
#page-nav li.endspacer {background:none;}
#page-nav a {display:block;position:relative}
#page-nav li:hover ul,li.sfHover ul {left:0;z-index:99}
#page-nav li:hover li ul,li.sfHover li ul {}
#page-nav li li:hover ul,li li.sfHover ul {left:10em;top:0}
#page-nav li li:hover li ul,li li.sfHover li ul {top:-999em}
#page-nav li li li:hover ul,li li li.sfHover ul {left:10em;top:0}

.menu ul{position:absolute;top:-999em;width:10em}

#page-nav {float: left;}
#page-nav ul {text-align: right;}
#page-nav li {display: inline;}
#page-nav a {overflow: hidden;padding: 0 12px;}
#page-nav li.current_page_item a {color:#BA7A30;!important}
#page-nav li.current_page_item li a {background: #816D22!important;}
#page-nav li.sfHover a, #page-nav li a:hover {color:#BA7A30;}

/* Drop-down styles */
#page-nav li:hover ul, li.sfHover ul {top: 30px;background: #FFFFFF;border-left:3px solid #EDEDEE;border-right:3px solid #EDEDEE;}
#page-nav ul ul, #page-nav li li, #page-nav li li a {text-align: left;color:#466677;}
#page-nav li li {border-bottom: 1px solid #DDDDDD; background:none;}
#page-nav li li a {padding: 0px 10px;border: none !important;}
#page-nav li li a:hover {color:#BA7A30;background: #FFFFFF;}

/* Alignment and for Images */
.alignleft, .left {float: left;margin:0 15px 10px 0;}
.alignright, .right {float: right;	margin-left: 15px;	}
.aligncenter, .center {display: block;	margin: 0 auto 18px auto;	}
.alignnone, .block {clear: both;	margin: 0 0 18px 0;	}
.clear {clear: both;}
img.alignleft, img.alignright {display: inline;}	

/* thumbnail images on Category view */
.thumbnail {float:left;	margin:2px 15px 3px 0;	border: 1px solid #B9C0C7;	}

/* Captions [caption] */
.wp-caption {max-width: 576px;	margin-top: 4px;	padding: 2px 0 0 0;	border: 1px solid #DDDDDD;	text-align: center;	}
.wp-caption .wp-caption-text {margin: 0 auto;	text-align:center;	font-size: .9em;color: #65788C;	}
.wp-caption img {max-width: 920px;	border: 1px solid #DDDDDD;	}

/* No caption Styles */
.alignleft, .alignright {padding:3px; border:1px solid #DDDDDD;background:#F5F5F5; float:left;}
.alignright {float:right;}
div.wp-caption {padding:2px 0 0!important;}

/* WordPress Styles */
div.post {margin:0 auto 30px;clear:both;}
p.postmetadata {background:#f5f5f5; clear:both; margin-top:12px; padding:2px; font-size:11px;}
.postauthor {margin-bottom:8px;}
div.navigation .alignleft, div.navigation .alignright {background:none; border:none;}

/* Comments template */
#comment-body {}
div.commentlist li {list-style:none;background-image:none;background:#f5f5f5; margin:5px 0; padding:8px;}
div.commentlist { margin-left:0;}
div#respond h3 {margin:30px 0 10px;}
h3#comments {font-weight:bold;background:#E7CAAD; color:#466677; padding:0 3px;}

/* Comment headers */
.comments-header {	font-size: 1.2em;	}

/* Comments are closed */
.comments-closed {	font-style: italic;	}

/* Avatar */
img.avatar {width: 40px;height:40px;float: left!important;	margin: 0 15px 5px 0;border: 1px solid #666;	}

/* Comment meta data */
.comment-meta-data {margin: 10px 0 21px 0;	font-size: 13px;	color: #666;}
.comment-author {font:bold 14px trebuchet, Helvetica, sans-serif;	color: #000;}
.comment-reply-link, .permalink, .comment-edit-link {font-style: italic;	color: #666;}
.comment-time {border:none; font-size:.8em;}
.permalink, span.edit {font-size:.8em;}

/* Comment text */
div.comment-body p {
	clear: left;
	margin: 0;
	}


/* Form */

.text-input {
	display: block;
	padding: 3px 6px;
	width: 97%;
	}

input:focus,
textarea:focus {
	color: #000000;
	background: #FFFFCC;
	border: 2px solid #660000;
	}

#comments-template label {
	font-size: .9em;
	}

#submit, #searchsubmit {
	background:#E5DCD1;
	color:#466677;
	border:1px solid #C2B8A9;
	padding:1px 4px;
	}


/* Respond textarea */

textarea {
	width: 98%;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #555;
	}

.form-textarea {
	font:bold 1.25em Arial, Helvetica, sans-serif;
	}

.navigation-links {
	margin:10px auto;
	}