/*
Theme Name: Ten Together
Description: Wordpress Theme built by Tim Hoover for Forgotten Voices International
Version: 2.0 (Feb. 2010)
Author: Timothy Hooover (A Partner at TheInfantree.com)
Author URI: http://www.theinfantree.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* COLORS 

Tan - #e9e4d6
Orange - #e8411a

*/
/* ----------------------------------------- */




/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
html, body {height:100%}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
.clear{clear:both;}



/* GENERAL TYPOGRAPHY */
/* ----------------------------------------- */

html{font-family:Arial, Helvetica, sans-serif;}
p{font-size:10pt; margin:10px 0;}





h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold;}



/* LAYOUT */
/* ----------------------------------------- */

html{background:url(style/images/html-back.jpg) top repeat-x;}
#wrapper{width:900px; margin:0 auto -80px; min-height:100%; height:auto !important; height:100%; }

/* HEADER */
/* ----------------------------------------- */

#topBar{height:35px; }

#header{height:190px; background:url(style/images/ttheader.jpg) no-repeat; border-bottom:1px solid black;}
#header h1{text-indent:-9999px;}
#header p.description{text-indent:-9999px;}

#logoLinkArea{ width:675px; height:145px;float:left; }
a.logoLink{display:block; width:675px; min-height:110px; position:absolute; z-index:10; margin:18px 0 0 0;}



/* MAIN NAV */
/* ----------------------------------------- */



#mainNav{width:185px;  float:right; margin:16px 0 0 0;}

#mainNav a{color:#333;text-decoration:none; text-transform:uppercase; font-size:12px;  letter-spacing:.5px; font-weight:bold;}
#mainNav li.current_page_item a, #mainNav li.current_page_ancestor a{color:#e8411a;}
#mainNav a:hover{color:black;}

#mainNav li{margin:0 0 4px 0;}

#mainNav li.page-item-6 {margin:18px 0 0 0;}
#mainNav li.page-item-6 a{padding:3px 8px; background-color:#e8411a; color:white; margin:10px 0 0 0; border-radius:8px; 	-moz-border-radius:8px; 	-webkit-border-radius:8px; text-align:center; line-height:20px; }
#mainNav li.page-item-6 a:hover{background-color:#d03a17;}



/* SUB NAV */
/* ----------------------------------------- */

#subNav{width:860px; height:50px; border-bottom:1px solid black; padding:0 20px;}
#subNav li {margin:0 15px 0 0; display:inline; line-height:44px;}
#subNav li a{color:#A7A9AC; text-decoration:none; font-size:11px; text-transform:uppercase;letter-spacing:1px; font-weight:bold;}
#subNav li a:hover{color:#e8411a;}
#subNav li.current_page_item a{color:black;}

#subNav li.parentPageLink{margin:0 30px 0 0;}

#subNav li.parentPageLink a{color:#e8411a;}
#subNav li.parentPageLink a:hover{color:#e8411a;}




/* FEATURES */
/* ----------------------------------------- */

#features{width:900px; height:340px; padding:20px 0; border-bottom:1px solid black; }
#featureItems{width:900px;  }

#featureItems li.featureItem{width:900px; min-height:340px;}
#featureItems li.featureItem h2{color:black; }




/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 900px; height: 400px; position: relative; padding:10px 0 0 0; border-bottom:1px solid black;}
.anythingSlider .sliderWrapper                { width: 900px; overflow: hidden; height: 400px; position: absolute; top: 0; left: 0; }
.anythingSlider .sliderWrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0;  margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 10px 0; height: 360px; width: 900px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 50px; width: 50px;text-indent: -9999px; position: absolute; top: 155px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -60px; background:url(style/images/sliderArrowForward.jpg) top left;}
.anythingSlider .back                   { background-position: -67px 0; left: -60px; background:url(style/images/sliderArrowBack.jpg) top left; }
.anythingSlider .forward:hover          { background-position: 0 -200px; background:url(style/images/sliderArrowForward.jpg) top right;}
.anythingSlider .back:hover             { background-position: -67px -200px; background:url(style/images/sliderArrowBack.jpg) top right;}

#thumbNav                               { position: relative; top: 364px; left:20px; text-align: left; }
#thumbNav a                             { color: black; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; display: inline-block; padding: 2px 6px; height: 15px; margin: 0 7px 0 0; background-color:#A7A9AC; text-align: center;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; color:white; text-decoration:none; line-height:15px;}
#thumbNav a:hover                       { background-image: none; background-color:#e8411a;}
#thumbNav a.cur                         { background-color:#e8411a; }

#start-stop                             { /*background: green;*/ background-repeat: repeat-x; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#A7A9AC; width: 80px; height:20px;  position: absolute; right: 0px; top: 376px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; text-decoration:none; text-transform:uppercase; text-align:right;}
#start-stop.playing                     { /*background-color: red;*/ }
#start-stop:hover                       { background-image: none; color:#666666; }

/*
  Prevents
*/
.anythingSlider .sliderWrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .sliderWrapper ul ul li       { float: none; height: auto; width: auto; background: none; }





/* SUBNAVBOXES */
/* ----------------------------------------- */

#subNavBoxes{margin:20px 0 30px 0; }

#subNavBoxes .box{width:184px; height:190px; border-right:1px solid black; float:left; padding:0 20px; }

#subNavBoxes #signUpBox{border:none;}

#subNavBoxes .box h2{text-transform:uppercase;}

#subNavBoxes #goal a{}
#subNavBoxes #goal h2{margin:0 0 10px 0;}

/* RECENT BLOG POST FEED */
/* ----------------------------------------- */

#recentPosts{padding:0; margin:0px 0 0 0;}
#recentPosts h2{margin:0 0 10px 0; }
#recentPosts li{margin:0 0 15px 0;}
#recentPosts p.recentDate{font-size:8px; margin:0; padding:3px 0 0 0; color:black; float:left; width:30px;}
#recentPosts p{font-size:11px; margin:6px 0 0 0;padding:0;}

#recentPosts .recentContent{float:left; width:150px; }
#recentPosts a.recentPostTitle{font-size:10.5pt; color:#e8411a;text-decoration:none; font-weight:normal; margin:0;}
#recentPosts a.recentPostTitle:hover{color:black}

img.partnerPic{border:1px solid #ccc; padding:2px; width:178px; height:154px; margin:10px 0 0 0;}
a.partnerName{display:block; width:168px;background-color:#e8411a;; position:absolute; z-index:20; margin:-43px 0 0 3px; height:40px; color:white; line-height:38px; font-size:10pt; padding:0 0 0 10px; text-decoration:none; color:white; text-transform:uppercase}

#signUpBox a.donateNow{width:184px; height:160px; display:block; background:url(style/images/donateNow.jpg) top left; text-indent:-9999px; margin:10px 0 0 0;}

#signUpBox a.donateNow:hover{background:url(style/images/donateNow.jpg) top right;}




/* PAGES */
/* ----------------------------------------- */


#page{width:900px; margin:20px 0 0 0;}

#pageContent{width:614px;  float:left; border-right:1px solid black; padding:0px 40px 20px 20px; color:#666;}
#pageContent h2{font-size:16pt; color:black;}
#pageContent h3{color:#e8411a; margin:10px 0;}
#pageContent a{color:#e8411a; text-decoration:none;}
#pageContent a:hover{text-decoration:underline;}
#pageContent p{line-height:22px;}


/* THE MOVEMENT ICON LIST */
/* ----------------------------------------- */

#movementList li {clear:both; padding:20px 0 20px 0;}

#movementList img.movementIcon{padding:2px; border:1px solid #ccc; width:147px; height:147px; float:left; text-indent:-9999px;margin:0 20px 0 0;}

#movementList li h2{margin:-15px  0 10px 0;}
#movementLIst li p{margin:8px 0;}

#movementList li p a.linkButton{margin:20px 0;}






/* BLOG */
/* ----------------------------------------- */

#blogContent{width:654px;  float:left; border-right:1px solid black; padding:0px 20px 20px 0px; color:#666;}

 
#postTitle{padding:0 0 20px 16px; border-bottom:1px dotted #ccc; margin:0 0 20px 0;}
#blogContent #postTitle h2, #blogContent h2 a{font-size:16pt; color:black; text-decoration:none; float:left; display:block; }
#blogContent h2 a:hover{ color:#e8411a; text-decoration:none;}

#blogPostContent h3{color:#e8411a; margin:10px 0;}


#blogContent p.postSubTitleInfo{color:#666; margin:0px 0 0 0; font-size:11px;}
#blogContent p.postSubTitleInfo a{color:#e8411a; text-decoration:none;}
#blogContent p.postSubTitleInfo a:hover{text-decoration:underline;}


#blogContent img{border:1px solid #ccc; padding:2px; max-width:550px;}

#blogContent .commentNumber {min-height:20px; background:url(style/images/commentLink.jpg) no-repeat; margin:0 2px 0 0; padding:0; float:right; }
#blogContent p.commentNumber { padding:1px 0 0 24px; display:block;  }
#blogContent p.commentNumber a{text-decoration:none;color:#e8411a; }
#blogContent p.commentNumber a:hover{ color:black;}


#blogContent li.blogPost {border-bottom:1px solid black; margin:0 0 20px 0;}

#blogPostContent {padding:0 40px 40px 16px;}


#blogPostContent p{line-height:22px;}
#blogPostContent h1, #blogPostContent h2, #blogPostContent h4, #blogPostContent h5 {color:black; font-size:13pt; margin:10px 0;}

#blogContent a.more-link{text-transform:uppercase; letter-spacing:2px; font-size:10px; color:#e8411a; text-decoration:none; font-weight:bold; line-height:20px; display:block; margin:10px 0;}

#blogContent a.more-link:hover{text-decoration:none; color:#d03a17;}

#blogContent a{color:#e8411a; text-decoration:none;}
#blogContent a:hover{text-decoration:underline;}


.single #blogPostContent {border-bottom:1px solid black;}
.single #blogContent li.blogPost {border-bottom:none;}


#page h2.archiveTitle{padding:4px; background-color:#bea595; color:white; margin:0px 0 20px; border-radius:8px; -moz-border-radius:8px; 	-webkit-border-radius:8px; text-align:center; line-height:20px; text-transform:uppercase; font-weight:normal; font-size:10pt; letter-spacing:1px;}



/* Navigation below posts */
#nav-below{font-size:8pt; font-weight:bold; letter-spacing:1px;}

#nav-below .nav-previous a{color:#60a79d; text-decoration:none; padding:10px 0 0 20px; float:left;}
#nav-below .nav-previous a:hover{color:#065b52;}
#nav-below .nav-next a{color:#60a79d; text-decoration:none; padding:10px 20px 0 0px; float:right;}
#nav-below .nav-next a:hover{color:#065b52;}



/* BLOG SIDEBAR */
/* ----------------------------------------- */

#pageSidebar{width:165px; float:left; padding:0 20px 20px 40px;}
#pageSidebar h2{text-transform:uppercase; font-size:10pt; letter-spacing:1px; margin:0px 0 0 0;}
#pageSidebar p{font-size:11px; line-height:16px;}

#rssFeed{height:48px; border-bottom:1px dotted #ccc; padding:0px 0 0 0;}
#rssFeed a{text-decoration:none; color:black;  line-height:28px; display:block; background:url(style/images/rssFeed.jpg) no-repeat; padding:0 0 0 40px; margin:10px 0 0 0;}
#rssFeed a:hover{color:#e8411a}

#pageSidebar .sidebarDescription{padding:20px 0; border-bottom:1px dotted #ccc;}
#pageSidebar .sidebarDescription ul{margin:10px 0 0 0;}
#pageSidebar .sidebarDescription li h2{color:black;}
#pageSidebar .sidebarDescription li {color:#e8411a; font-size:11px; line-height:18px;}
#pageSidebar .sidebarDescription li a{color:#e8411a; text-decoration:none;}
#pageSidebar .sidebarDescription li a:hover{color:#d03a17;}

#pageSidebar .sidebarLinkBox{padding:0 0 20px 0; border-bottom:1px dotted #ccc; margin:0 0 20px 0;}
#page a.linkButton{padding:4px; background-color:#bea595; font-size:10px; font-weight:bold;color:white;  border-radius:4px; 	-moz-border-radius:4px; -webkit-border-radius:4px; text-align:left; line-height:16px;  text-transform:uppercase; text-decoration:none;}
#page a.linkButton:hover{background-color:#978376; color:white;}

#pageSidebar .sidebarLInkBox h2{color:black;}
#pageSidebar .sidebarLInkBox a{color:#e8411a; font-size:11px; line-height:18px;}
#page a{color:#e8411a; text-decoration:none;}
#page a:hover{color:#d03a17;}


#pageSidebar a.sidebarImageLink{text-indent:-9999px; width:160px; height:100px; display:block; margin:10px 0; padding:2px; border:1px solid #ccc;}
#pageSidebar a.sidebarImageLink:hover{border:1px solid #a7a9ac;}

#pageSidebar a#fviLogoLink{background-image:url(style/images/fviLogo.jpg);}
#pageSidebar a#joinNowLink{background-image:url(style/images/joinNow.jpg);}
#pageSidebar a#useYourVoiceLink{background-image:url(style/images/useYourVoice.jpg)}
#pageSidebar a#donateLink{background-image:url(style/images/donateLink.jpg); height:50px;}


/* PAGES SIDEBAR */
/* ----------------------------------------- */


/*---------------------------------
	COMMENTS STYLING
---------------------------------*/
#commentsArea{padding:0 20px;}
p.commentNumberText{color:black;font-weight:bold;font-size:10pt; line-height:16px; padding:6px 0 6px 0;}

ol.commentlist {
	margin:0;
	padding:0 0px 20px 0;
	border-bottom:1px dotted #ccc;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	background-color:#fafff4;
	border:1px solid #cfd2c7;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-size:8pt;
	font-style:normal;
	border-bottom:1px solid #d8dcd3;
	color:black;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #cfd2c7;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 11pt Arial, Helvetica, sans-serif;
	color:black;
	margin:0 0 6px 0;
	padding:0 0 0 2pt;
	}
	
.commentlist .author a{text-decoration:none;}

.commentlist .time {
	
	padding:6px 0px 6px 4px;
	}

.commenttext {
	background: #fff;
	border-top:1px solid #f1f4e7;
	padding: 0 20px 10px 20px;
	
	}

#comments .commenttext p{color:#666;}
	
#comments p{color:black;}
#commentsform p.finePrint{font-size:7pt; line-height:10pt;}






/* FOOTER */
/* ----------------------------------------- */
#push{height:80px;}
#footer{background-color:black; height:80px; margin:10px 0 0 0;}
#footerContent{width:900px; margin:0 auto; color:white; font-size:7px; line-height:35px;}


p.footerInfo{font-size:9px; margin:0; color:white; align:left; line-height:30px; color:#999;}
p.footerInfo a{color:#ccc; text-decoration:none;}
p.footerInfo a:hover{color:white; text-decoration:none;}

p#fviProject{float:left;}
p#contactUsTopLink{float:right; margin:0 56px 0 0;}
p#credit{float:right; padding:0 20px 0 0;}
p#copyright{float:left; padding: 0 0 0 20px;}


/* WORDPRESS PRESENTATIONAL CSS CLASSES */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */