/*
Theme Name: Colombia Support Network
Description: Custom theme for the Colombia Support Network. Designed and developed by <a href="http://tracyappsdesign.com">tracy apps design LLC</a>
Author: tracy apps design LLC
Author URI: http://tracyappsdesign.com
Version: 2.0
Tags: csn, clean, modern, custom
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}


body {
	font:13px/1.231 sans-serif;
	*font-size:small;
}

select, input, textarea, button {
	font:99% sans-serif;
}

pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}


html {
	overflow-y: scroll;
}

a:hover, a:active {
	outline: none;
}

ul, ol {
	margin-left: 2em;
}

ol {
	list-style-type: decimal;
}

small {
	font-size: 85%;
}

strong, th {
	font-weight: bold;
}

td {
	vertical-align: top;
}


sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}


pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	padding: 15px;
}

textarea {
	overflow: auto;
}

.ie6 legend, .ie7 legend {
	margin-left: -7px;
}

input[type="radio"] {
	vertical-align: text-bottom;
}

input[type="checkbox"] {
	vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
	vertical-align: baseline;
}

.ie6 input {
	vertical-align: text-bottom;
}

label, input[type="button"], input[type="submit"], input[type="image"], button {
	cursor: pointer;
}

button, input, select, textarea {
	margin: 0;
}

input:valid, textarea:valid   {
	}

input:invalid, textarea:invalid {
	border-radius: 1px;
	-moz-box-shadow: 0px 0px 5px red;
	-webkit-box-shadow: 0px 0px 5px red;
	box-shadow: 0px 0px 5px red;
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
	background-color: #f0dddd;
}

::-moz-selection {
	background: #FF5E99;
	color:#fff;
	text-shadow: none;
}

::selection {
	background:#FF5E99;
	color:#fff;
	text-shadow: none;
}

a:link {
	-webkit-tap-highlight-color: #FF5E99;
}


button {
	width: auto;
	overflow: visible;
}

.ie7 img {
	-ms-interpolation-mode: bicubic;
}


body, select, input, textarea {
	color: #1b1b1b;
}


a, a:active, a:visited {
	color: #11357e;
	text-decoration:none;
}

a:hover {
	color: #d44f36;
}


p {
	margin:2px 0px 22px 0px;
}

.wp-caption p {
	margin-bottom:4px;
}

ul, ol {
	margin-bottom:22px;
}


h1, h2, h3, h4, h5, h6 {
	font-style:normal;
	line-height:1.2em;
}

h1 {
	font-size:3.4em;
	line-height:1em;
}

h2 {
	font-size:2.3em;
}

h3 {
	font-size:2.0em;
}

h4 {
	font-size:1.8em;
}

h5 {
	font-size:1.5em;
}

h6 {
	font-size:1.3em;
}


a, img, input, textarea {
	outline:none;
}


.alignright {
	float:right;
	margin-left:15px;
	margin-bottom:8px;
	margin-top:5px;
	clear:right;
}

.alignleft {
	float:left;
	margin-right:15px !important;
	margin-bottom:8px;
	margin-top:5px;
	clear:left;
}

.aligncenter {
	display:block;
	text-align:center;
}


.wp-caption {
	background:#efe8ba;
	padding:5px 3px;
	text-align:center;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
}


.wp-caption.alignleft {
	margin-left:3px;
}

.wp-caption.alignright {
	margin-right:3px;
}


.wp-caption img,
img.alignright,
img.alignleft,
img.aligncenter {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.8);
}

input,
textarea {
	border:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

input#searchsubmit,
input#s {
	border:none;
	padding:5px;
	background:#e5b79a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.getInvolvedBox input {
	max-width:100%;
}

.button {
	border-top: 1px solid #70787a;
	background: #424849;
	background: -webkit-gradient(linear, left top, left bottom, from(#4f5a5c), to(#424849));
	background: -moz-linear-gradient(top, #4f5a5c, #424849);
	display:inline-block;
	padding: 8px 20px;
	margin:10px 0px 0px 0px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #ddf6fa;
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
}

.button:hover {
	border-top-color: #43494a;
	background: #43494a;
	color: #ddf6fa;
}

.button:active {
	border-top-color: #1b1d1e;
	background: #1b1d1e;
}


/* --------------------------------------- main structure -- */

body {
	background:#e8dea6 url('images/bodyBG.jpg') repeat top left;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#1b1b1b;
}

header {
	position:relative;
	width:100%;
	overflow:visible;
}

#headerContent {
	width:100%;
	margin:0px;
	background:#B23926;
}

#logo {
	height:128px;
}

#logo img {
	float:left;
	margin:0px 10px 0px 10px;
}

#logo h1,
#logo h5 {
	margin:0px;
	padding:0px;
}

#logo a h1,
#logo a:visited h1 {
	color:#eee0b0;
	padding:31px 0px 0px 100px;
	font-size: 2.3em;
	font-weight:300;
	font-family: "Helvetica Neue" Helvetica, Arial, sans-serif;
	text-shadow: 0px -1px 0px #0f0f0f;
}

#logo a h5,
#logo a:visited h5 {
	color:#eec7b2;
	padding:3px 0px 0px 105px;
	font-size:1.3em;
	text-shadow: 0px -1px 0px #0f0f0f;
}

#logo a:hover h1,
#logo a:visited:hover h1,
#logo a:focus h1,
#logo a:hover h5,
#logo a:visited:hover h5,
#logo a:focus h5 {
	color:#faedc0;
}

#search {
	position:absolute;
	bottom:0px;
	right:0px;
	margin:9px;
}

.screen-reader-text {
	display:none;
}

#contentContainer {
	width:100%;
	margin:0px auto;
	padding:20px 0px 50px 0px;
	line-height:1.4em;
	background:url('images/contentBG.jpg') repeat-y top center;
	overflow:hidden;
}

#content {
	margin:0px 12px;
}

#sideBox {
	margin:0px 0px 100px 30px;
	padding: 4px;
	border: 1px solid #222;
	float:right;
}

#sideBox:empty {
	display:none;
}

footer {
	width:100%;
	clear:both;
	background:#344e79 url('images/darkBlueBG.jpg') repeat top left;
	overflow:hidden;
	margin:0px;
}

#footerContent {
	margin:0px auto;
	padding:20px 20px;
	color:#c8bfb7;
}

#footerWidgets {
	margin:0px auto;
	padding:5px 20px;
	color:#c8bfb7;
	text-align:right;
}



/* --------------------------------------- navs -- */

#menu-toggle.toggled-on {
	border: solid #fff;
}

#menu-toggle {
	position:absolute;
	top:0px;
	right:0px;
	padding:2px;
	margin:5px;
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
	background:#000;
	border: solid #000;
}

nav.toggled-on {
	left:0px;
}

nav {
	width:auto;
	position:absolute;
	top:44px;
	left:-800px;
	z-index:99999;
	text-align:left;
	margin:0px;
	padding:9px;
	font-family:"Quattrocento Sans", "Helvetica Neue" Helvetica, Arial, sans-serif;
	background:#344E79;
	-webkit-transition: left 1s; /* Safari */
	transition: left 0.7s;
}

nav ul, nav li {
	list-style:none;
	list-style-image: none;
}

nav ul {
	margin-bottom:0px;
}

nav 1i {
	padding:0px;
}

nav div.menu-header > ul {
	margin-left:0px;
}

nav a,
nav a:visited {
	background:#808080;
	color:#ffffff;
	border-radius:2pt;
	font-size:1.5em;
	line-height:1.6;
}

nav a:hover,
nav .current-menu-item>a {
	background:#101010;
	color:#ffffff;
}

#pageSubNavContainer {
	background:#344e79 url('images/darkBlueBG.jpg') repeat top left;
	display:block;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
	margin:0px 3px 20px 0px;
}

#pageSubNavContainer h4 {
	display:block;
	background:#5a759f;
	color:#f4efcd;
	padding:2px 10px;
}

ul.pageSubNav,
.pageSubNav li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.pageSubNav a,
.pageSubNav a:visited {
	color:#f4efcd;
	display:block;
	padding:8px 10px;
	border-bottom:1px solid #2d4976;
	border-top:1px solid #466595;
}

.pageSubNav a:hover,
.pageSubNav a:visited:hover,
.pageSubNav a:focus,
.pageSubNav .current_page_item a,
.pageSubNav .current_page_item a:visited {
	background:#2d4976;
	background:rgba(36,64,107,0.5);
	color:#fff;
}

/* ------- children of current sub page --- */
.pageSubNav .current_page_item .children a,
.pageSubNav .current_page_item .children a:visited {
	background:none;
	color:#f4efcd;
}

.pageSubNav .current_page_item .children a:hover,
.pageSubNav .current_page_item .children a:visited:hover,
.pageSubNav .current_page_item .children a:focus {
	background:#2d4976;
	background:rgba(36,64,107,0.5);
	color:#fff;
}


/* ------ zeroing out 2nd, 3rd tiers --- */
.pageSubNav li ul,
.pageSubNav li ul li,
.pageSubNav li ul li ul,
.pageSubNav li ul li ul li,
.pageSubNav li ul li ul li ul,
.pageSubNav li ul li ul li ul li {
	margin:0px;
	padding:0px;
}

/* ------ subnav tiers --- */
.pageSubNav li li a {
	padding:5px 10px 5px 30px;
}

.pageSubNav li li li a {
	padding:2px 10px 2px 60px;
}

.pageSubNav li li li li a {
	padding:2px 10px 2px 80px;
}



/* --------------------------------------- homepage -- */

#slideshowContainer {
	margin:0px 0px 30px 0px;
	background:#344e79 url('images/darkBlueBG.jpg') repeat top left;color:#eee0b0;
}

#ss {
	margin:0px;
	list-style-type:none;
}

ul#ss {
	height:199px;
	overflow:hidden;
}

#ss li {
	height:200px;
	overflow:hidden;
	background:none !important;
}

.ssPhoto {
	float:left;
	margin:6px 10px 0px 6px;
	width: 633px;
}

.ssPhoto img,
img.pageHeaderImage {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.8);
}

.ssText {
	margin:20px 15px 30px 650px;
	padding:0px;
	text-shadow: 0px -1px 0px #262626;
}

#slideshowPager {
	margin:-23px 30px 0px 0px;
	position:relative;
	z-index:100;
	float:right;
}

#slideshowPager a {
	text-indent:-9999px;
	background:#ccc;
	height:10px;
	width:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	float:left;
	margin:0px 3px;
}

#slideshowPager a:hover,
#slideshowPager a.activeSlide {
	background:#333;
}

#frontPageSideBox {
	margin:0px 0px 100px 30px;
	float:right;
}

#frontPageAbout {
	padding: 4px;
	border: 1px solid #222;
	clear: both;
}

.getInvolvedContainer {
	background:#314e7f;
	margin:20px 0px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	padding:5px 3px 3px 3px;
}

#getInvolvedWidgetArea {
	background:url('images/getInvolvedBG.gif') repeat-y top center;
	overflow:hidden;
}

.getInvolvedBox {
	float:left;
	width:139px;
	padding:8px 15px;
}

.getInvolvedContainer h3 {
	color:#fff;
	padding:2px 10px;
}

.story {
	clear:left;
	overflow:hidden;
	padding:2px 0px 10px 0px;
}

.teaserThumbnailImage {
	float:left;
	clear:left;
	margin:0px 15px 20px 0px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
	border:1px solid #fff;
}



/* --------------------------------------- page -- */

#headerImage img {
	margin:10px 20px 20px 0px;
}



/* --------------------------------------- sidebar -- */
.widgetBox {
	padding:10px 0px;
}


.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.hidden {
	display: none;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}



/* --------------------------------------- media -- */


/* defaults for small width */
#headerContent {
	font-size:0.7em;
}
#slideshowContainer {
	display:none;
}
.ssText {
	font-size:1.1em;
	line-height:1.5em;
}
#sideBox {
	display:none;
	width:300px;
}
#frontPageSideBox {
	display:none;
}
#news-sidebox {
	clear:both;
}
aside {
	clear:both;
	margin:10px;
	padding:10px;
	background:#8cd9fd;
	fontsize:0.8em;
	font-style:italic;
}
aside img,
aside img.alighright,
aside img.alignleft,
aside img.aligncenter {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

@media screen and (min-width: 520px) {
	/* full size title */
	#headerContent {
		font-size:1.0em;
	}
}

@media screen and (min-width: 850px) {
	/* add slides to front page */
	#slideshowContainer {
		display:block;
	}
	.ssText {
		font-size:1.0em;
		line-height:1.2em;
	}
	/* add single column Get Involved */
	#frontPageSideBox {
		display:block;
		width:177px;
	}
	#news-sidebox {
		clear:right;
		width:50%;
		float:right;
		margin:8px;
		padding:10px;
		border:2px solid #000;
	}
	aside {
		clear:right;
		width:40%;
		float:right;
	}
}

@media screen and (min-width: 1000px) {
	/* full size slides to front page */
	.ssText {
		font-size:1.1em;
		line-height:1.5em;
	}
	/* add multi-column Get Involved */
	#frontPageSideBox {
		width:515px;
	}
	/* add sidebars */
	#sideBox {
		display:block;
		clear:right;
	}
}


@media print {
	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		filter:none !important;
		-ms-filter: none !important;
	}
	a, a:visited {
		color: #444 !important;
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}