/*
Theme Name: The Third World Scraps
Theme URI: http://thethirdworld.ca/
Description: A WordPress theme created for The Third World by Daryl Claudio.
Version: 143
Author: Daryl Claudio
Author URI: http://darylclaudio.com/
Tags: awesome
*/

/*
<3<3<3<3<3<3<3<3<3<3<3<3
	Serif font stack
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	Ink
#2f3163;
	Narwhal red
#5a1818;
	Enhanced anchor
#010101;
	Anchor tags
#519ead;
	Do it for love.
<3<3<3<3<3<3<3<3<3<3<3<3
*/

body {
background: #434343 url('http://darylclaudio.com/b/grasstiled.jpg') repeat fixed center top;
text-align: center;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
color: #2f3163;
}

	#supersize {
	position:fixed;
	top: 0;
	left: 0;
	}

	#supersize img {
	height:100%;
	width:100%;
	position:absolute;
	z-index: -143;
	}

/*******************
		Type
*******************/

h1 { /* lylas-- large headers */
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 32px;
color: #5a1818;
padding-bottom: 20px;
}

h3,
h5.followusontwitter { /* lylas-- homepage, general headers */
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 18px;
color: #5a1818;
padding-bottom: 20px;
}

h4 { /* lylas-- homepage */
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 12px;
color: #5a1818;
}

	h4 a:link { color: #5a1818; text-decoration: none; }
	h4 a:visited { color: #5a1818; text-decoration: none; }
	h4 a:hover,a:focus { color: #010101; text-decoration: none; }
	h4 a:active { color: #5a1818; }

p {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 14px;
color: #2f3163;
padding-bottom: 20px;
line-height: 24px;
}

a:link { color: #519ead; text-decoration: none; }
a:visited { color: #519ead; text-decoration: none; }
a:hover,a:focus { color: #010101; text-decoration: none; }
a:active { color: #519ead; }

em { font-style: oblique; }
strong { font-weight: 600; }

.postmeta {
color: #999;
font-style: oblique;
}

/*******************
		Layout
*******************/

.wrapper {
width: 974px;
margin: 0 auto;
text-align: left;
position: relative;
z-index: 0;
}

.header {
width: 974px;
height: 265px;
background: url(images/header-toptear.png) center bottom no-repeat;
position: relative;
}

	h1#header-title {
	width: 273px;
	height: 292px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(images/header-title.png) 0 -20px no-repeat;
	}

	h1#header-title a {
	width: 273px;
	height: 252px;
	float: left;
	display: block;
	text-indent: -9001px;
	}

	#nav-news {
	width: 121px;
	height: 52px;
	display: block;
	background: url(images/header-nav-news.png) 0 6px no-repeat;
	position: absolute;
	top: 150px;
	left: 46px;
	text-indent: -9001px;
	}

	#nav-outreach {
	width: 144px;
	height: 63px;
	display: block;
	background: url(images/header-nav-outreach.png) 0 6px no-repeat;
	position: absolute;
	top: 151px;
	left: 157px;
	text-indent: -9001px;
	}

	#nav-communitycleanup {
	width: 178px;
	height: 112px;
	display: block;
	background: url(images/header-nav-communitycleanup.png) 0 6px no-repeat;
	position: absolute;
	top: 115px;
	left: 294px;
	text-indent: -9001px;
	}

	#nav-specialevents {
	width: 119px;
	height: 77px;
	display: block;
	background: url(images/header-nav-specialevents.png) 0 6px no-repeat;
	position: absolute;
	top: 153px;
	left: 458px;
	text-indent: -9001px;
	}

	#nav-aboutus {
	width: 116px;
	height: 49px;
	display: block;
	background: url(images/header-nav-aboutus.png) 0 6px no-repeat;
	position: absolute;
	top: 150px;
	left: 575px;
	text-indent: -9001px;
	z-index: 2;
	}

	#nav-contactus {
	width: 135px;
	height: 50px;
	display: block;
	background: url(images/header-nav-contactus.png) 0 0 no-repeat;
	position: absolute;
	top: 189px;
	left: 585px;
	text-indent: -9001px;
	z-index: 1;
	}

.container {
background: url(images/background-paper-shadow.png) 0 0 repeat-y;
}

	.content-wrapper {
	margin: 0 7px;
	background: url(images/background-paper.jpg) 0 0 repeat-y;
	min-height: 300px;
	}

	.page {
	margin: 0 90px;
	}

		.page-content {
		
		}

			.page-content h3 { /*spaces out*/
			padding-top: 40px;
			padding-bottom: 12px;
			}

			.page-content ol {
			margin-left: 24px;
			font-size: 14px;
			line-height: 24px;
			list-style-type: decimal;
			list-style-position: inside;
			padding-bottom: 20px;
			}

	.post-edit-box {
	text-align: right;
	font-style: oblique;
	font-size: 10px;
	}

		.post-edit-link {
		padding: 3px 8px;
		background-color: #f1f1f1;
		border: 1px solid #519ead;
		}

	.post {
	margin: 0 90px;
	}

		.post-content {
		
		}

			.post-content h3 {
			padding-bottom: 12px;
			}

			.post-content .postmeta {
			padding-top: 0;
			padding-bottom: 20px;
			}

.footer {
width: 974px;
height: 143px;
background: url(images/footer-bottomtear.png) center top no-repeat;
position: relative;
}

	.footer h6 {
	text-align: center;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-transform: uppercase;
	padding-top: 100px;
	}


/*******************
		Homepage
*******************/

#home-objective {
width: 955px;
height: 287px;
position: relative;
top: 8px;
left: 7px;
padding-top: 8px;
}

#home-objective h1 {
width: 955px;
height: 287px;
background: url(images/home-objective.png) 0 0 no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 50;
text-indent: -9001px;
}

	.home-cycle {
	width: 406px;
	height: 261px;
	overflow: hidden;
	position: absolute;
	top: 12px;
	left: 14px;
	z-index: 1;
	}

#home-upcomingevents {
float: left;
width: 310px;
height: 272px;
background: url(images/home-upcomingevents.png) 0 0 no-repeat;
margin: 42px 0 0 118px;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
color: #2f3163;
}

	#home-upcomingevents h3 {
	margin: 21px 0 10px 52px;
	text-transform: lowercase;
	padding-bottom: 0;
	}

	#home-upcomingevents ul {
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 0 15px;
	}

		#home-upcomingevents li {
		background: url(images/home-star.png) -400px center no-repeat;
		padding: 10px 0 8px 38px;
		}

	#home-upcomingevents a:link,
	#home-upcomingevents a:visited {
	color: #2f3163;
	text-decoration: none;
	}
	
	#home-upcomingevents a:hover {
	color: #010101;
	text-decoration: none;
	}
	
	#home-upcomingevents a:active {
	color: #000000;
	text-decoration: none;
	}

#home-whatisthethirdworld {
float: left;
width: 390px;
height: 230px;
background: url(images/home-whatisthethirdworld.png) 0 10px no-repeat;
margin: 6px 0 0 22px;
padding: 56px 0 0 40px;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
color: #2f3163;
}

	#home-whatisthethirdworld h3 {
	text-transform: lowercase;
	}

	#home-whatisthethirdworld p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
	}

#home-followusontwitter {
float: left;
width: 301px;
height: 393px;
background: url(images/home-followusontwitter.png) 0 0 no-repeat;
margin: 20px 0 0 123px;
position: relative;
}

	#home-followusontwitter h5.followusontwitter {
	text-transform: lowercase;
	color: #f1f1f1;
	margin: 20px 0 15px 48px;
	padding-bottom: 0;
	}

	#home-followusontwitter ul#twitter_update_list {
	margin: 0 0 0 14px;
	}

	#home-followusontwitter ul#twitter_update_list li {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	background: url(images/home-asterisk.png) left center no-repeat;
	margin-bottom: 10px;
	color: #2f3163;
	padding: 0 12px 0 33px;
	}
	
	#home-followusontwitter a:link,
	#home-followusontwitter a:visited {
	color: #f1f1f1;
	text-decoration: none;
	font-style: oblique;
	}

	#home-followusontwitter a:hover {
	color: #FFF;
	text-decoration: none;
	font-style: oblique;
	}

	#home-followusontwitter a:active {
	color: #FFF;
	text-decoration: none;
	font-style: oblique;
	}

	#home-followusontwitter .twitterlinkout {
	font-size: 12px;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	position: absolute;
	bottom: 30px;
	right: 25px;
	}

#home-latestnews {
float: left;
width: 382px;
background: url(images/home-latestnews.png) 0 5px no-repeat;
padding: 40px 0 0 68px;
}

	#home-latestnews h3 {
	text-transform: lowercase;
	}

	#home-latestnews .home-newsentry {
	font-size: 12px;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	line-height: 20px;
	}

	#home-latestnews .home-newsentry h4 { /*post title*/
	margin-bottom: 2px;
	}
	
	#home-latestnews .postexcerpt p { /* post excerpt */
	font-size: 12px;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	line-height: 20px;
	}
	
	#home-latestnews .postlinkout {
	text-align: right;
	font-style: oblique;
	font-size: 12px;
	}


/* <3 */
