/*
Theme Name: NYFST
Theme URI: http://nyfst.org
Description: Theme for New Yorkers for Safe Transit.
Version: 1
Author: Allison Levine
Author URI: http://allisonlevine.com

*/

body {
	padding: 0;
	margin: 0;
	background: #FFF;
	width: 100%;
	display: table;
	color: #000;
	font-size: 70.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	}
	
#container {
	width: 100%;
	}
	
#header {
	text-align: left;
	width: 1024px;
	margin-left: 150px;
	}
	
#header .headerimg {
background: #FFF url(images/nyfst_title.png) no-repeat left top;
width: 600px;
height: 112px;
float: left;
}

#header .follow {
background: transparent url(images/note1.png) no-repeat left top;
width: 325px;
float: right;
margin-top: 10px;
font-size: 1.2em;
padding-top: 13px;
padding-left: 15px;
height: 77px;
position: relative;
left: 50px;
top: 12px;
}

#header .follow .twitter {
background: transparent url(images/twitter.png) no-repeat left top;
width: 40px;
height: 51px;
display: inline-block;
}

#header .follow .twitter:hover {
background: transparent url(images/twitter_rollover.png) no-repeat left top;
width: 40px;
height: 51px;
}

#header .follow h3 {
padding: 0;
margin: 0;
}
	
#nav {
width: 100%;
background: #ffa800;
height: 50px;
clear: both;
}

#navmenu {
width: 1200px;
background: #ffa800;
margin-left: 125px;
font-size: 1.5em;
color: #FFF;
height: 50px;
word-spacing: -1em;
}

#navmenu .item {
width: 130px;
border-right: 1px solid #FFF;
display: inline-block;
padding-right: 10px;
padding-left: 10px;
height: 50px;
text-align: center;
padding-top: 12px;
word-spacing: normal;
}

#navmenu .item:hover {
background: #FFF;
height: 38px;
color: #ffa800;
}

#navmenu a.nav:link, a.nav:visited, a.nav:active {
color: #FFF;
text-decoration: none;
}

#navmenu .emphasis {
width: 130px;
background: #f10a4c;
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
display: inline-block;
padding-right: 10px;
padding-left: 10px;
height: 38px;
text-align: center;
padding-top: 12px;
word-spacing: normal;
}

#navmenu .emphasis:hover {
background: #FFF;
height: 38px;
color: #f10a4c;
}

#navmenu .before {
width: 130px;
display: inline-block;
padding-right: 10px;
padding-left: 10px;
height: 50px;
text-align: center;
padding-top: 12px;
word-spacing: normal;
}

#navmenu .before:hover {
background: #FFF;
height: 38px;
color: #ffa800;
}
	
.colmask {
clear:both;
float:left;
position:relative;
max-width:1024px;
line-height: 130%;
font-size: 1.3em;
margin-left: 245px;
}

.colmask h3 {
color: #000;
padding-bottom: 0px;
margin-bottom: -5px;
font-family: Georgia, Arial;
font-size: 1.5em;
}

.colmask h4 {
color: #000;
padding-bottom: 0px;
margin-bottom: 0px;
font-family: Georgia, Arial;
font-size: 1.3em;
}

.colmask a:link,a:visited,a:hover,a:active {
color: #f10a4c;
}

.colmask a:hover {
text-decoration: none;
}

.colright, .colmid, .colleft {
float:left;
position:relative;
width:100%;
}
.col1, .col2, .col3 {
float:left;
padding:0 0 1em;
position:relative;
}
.threecol {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}
.threecol .colmid {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
right:25%;
}
.threecol .colleft {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
right:50%;
}
.threecol .col1 {
left: 1000px;
width: 300px;
}

.threecol .col1 .headlines {
max-height: 250px;
min-height: 250px;
margin-bottom: 10px;
margin-top: 10px;
width: 400px;
}

.threecol .col1 .stories {
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
border: 1px dotted #f10a4c;
width: 350px;
background: #F3E2E7;
}

.threecol .col1 .stories small {
font-style: italic;
}

.threecol .col1 .stories h3 {
padding-bottom: 0px;
margin-bottom: 0px;
display: inline-block;
}

.threecol .col1 .stories .content {
margin-top: -15px;
}

.threecol .col1 .stories h3.title {
font-size: 1em;
font-family: arial;
color: #000;
}

.threecol .col1 .footer {
color: #999999;
font-size: .9em;
margin-top: 20px;
}

.threecol .col2 {
left: 375px;
width: 300px;
}

.threecol .col2 .bio {
background: #FDE6B9;
padding-right: 10px;
padding-left: 10px;
margin-top: 20px;
border: 1px dotted #FFA800;
}

.threecol .col2 .bio .biotext {
font-size: 1.1em;
}

.threecol .col2 .members {
padding-right: 10px;
border-right: 0px dotted #000;
}

.threecol .col2 .blog h3 {
padding-bottom: 0px;
margin-bottom: 0px;
}

.threecol .col2 .blog h3.title {
font-size: 1em;
font-family: arial;
color: #000;
}

.threecol .col2 .blog small {
padding-bottom: 0px;
margin-bottom: 0px;
}

.threecol .col2 .blog {
padding-right: 10px;
margin-top: 10px;
padding-top: 0px;
border-top: 0px dotted #000;
border-left: 1px dotted #000;
padding-left: 10px;
padding-right: 10px;
}



.threecol .col3 {
left: 800px;
width: 300px;
}

.threecol .col3 .mailback {
background: #FFF url(images/note_bottom1.png) no-repeat left top;
min-height: 113px;
width: 325px;
padding-left: 15px;
padding-top: 7px;
}
.threecol .col3 .mailback .mail {
background: transparent;
padding-left: 5px;
padding-top: 0px;
min-height: 30px;
}

.threecol .col3 .mailback .mail .email {
padding-left: 50px;
}

.threecol .col3 .mailback .mail .email .subscribe {
padding-left: 130px;
padding-top: 5px;
}

.threecol .col3 .report {
background: #FFF url(images/banner_report.png) no-repeat left top;
width: 262px;
height: 248px;
padding-top: 80px;
padding-left: 25px;
margin-left: 30px;
}

.threecol .col3 .report .excerpt {
width: 240px;
}

.threecol .col3 .safetytips {
background: #FFF url(images/banner_safety.png) no-repeat left top;
width: 262px;
height: 81px;
margin-left: 30px;
}

.threecol .col3 .experiences {
background: #FFF url(images/banner_share.png) no-repeat left top;
width: 210px;
height: 135px;
margin-left: 30px;
}

img {
border: 0;
}

/* Rotating Posts */

div#rp_frame
{
	margin: 5px 0 0 0;
	padding: 0px;
	border: solid 0px #000;
	height: 170px;
}

div.rp_post
{
}

div.rp_post h2
{
	margin: 0;
}

div.rp_post_title
{
font-size: 10px;
}

div.rp_post_time_author
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	color: #777;
	margin: 0 0 5px 0;
}

div.rp_post_content
{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div.rp_post_content p
{
	padding: 0 0 10px 0;
	margin: 0;
	line-height: normal;
}

div.rp_post p.rp_post_metadata
{
	color: #777;
	margin: 0;
	padding: 0;
}

div#rp_nav
{
	margin: 10px 0 0 0;
	padding: 0 0 3px 0;
}

div#rp_nav a
{
	cursor: pointer;
	text-decoration: none;
}

div#rp_nav #rp_nav_arrows
{
	padding: 0 15px 0 0;
}

div#rp_nav #rp_nav_arrows a.rp_nav_button:hover
{
	/*color: #b85b5a;*/
}

div#rp_nav #rp_nav_arrows a#rp_nav_left
{
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause
{
}

div#rp_nav #rp_nav_arrows img
{
}

div#rp_nav #rp_nav_arrows span.rp_nav_arrow_text
{
	padding: 2px 5px 2px 5px;
	border: solid 1px #000;
}

div#rp_nav #rp_nav_arrows span.rp_nav_arrow_text:hover
{
	background-color: #b85b5a;
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause img#rp_nav_pause_normal
{
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause img#rp_nav_pause_pressed
{
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause span#rp_nav_pause_normal
{
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause span#rp_nav_pause_pressed
{
	/*color: #b85b5a;*/
	background-color: #ddd;
}

div#rp_nav #rp_nav_arrows a#rp_nav_right
{
}

div#rp_nav #rp_nav_thumbnails
{
}

div#rp_nav #rp_nav_thumbnails a.rp_nav_thumbnail
{
}

div#rp_nav #rp_nav_thumbnails img
{
	margin: 0 5px 0 0;
	border: solid 1px #000;
}

div#rp_nav #rp_nav_thumbnails img.rp_nav_thumbnail_on
{
}

div#rp_nav #rp_nav_thumbnails img.rp_nav_thumbnail_off
{
	opacity: 0.2;
	filter: alpha(opacity=20);
}

div#rp_nav #rp_nav_thumbnails img.rp_nav_thumbnail_off:hover
{
	opacity: 0.5;
	filter: alpha(opacity=50);
}

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_on
{
	padding: 2px 5px 2px 5px;
	border: solid 1px #000;
	background-color: #ddd;
}

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_on:hover
{
	background-color: #b85b5a;
}

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_off
{
	padding: 2px 5px 2px 5px;
	border: solid 1px #000;
}

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_off:hover
{
	background-color: #b85b5a;
}

/* Non-index */

.container {
max-width: 1024px;
clear:both;
float:left;
position:relative;
line-height: 130%;
font-size: 1.3em;
margin-left: 200px;
}

.container a:link,a:visited,a:hover,a:active {
color: #f10a4c;
}

.container a:hover {
text-decoration: none;
}

.container .page_content {
width: 500px;
float: left;
}

.container .sidebar {
width: 300px;
float: right;
margin-left: 175px;
}

.container .sidebar .mailback {
background: #FFF url(images/note_bottom1.png) no-repeat left top;
min-height: 113px;
width: 325px;
padding-left: 15px;
padding-top: 7px;
}

.container .sidebar .mailback .mail {
background: transparent;
padding-left: 5px;
padding-top: 0px;
min-height: 30px;
}

.container .sidebar .page_item {
list-style: none;
margin-bottom: 20px;
}

.container .sidebar .mailback .mail .email {
padding-left: 50px;
}

.container .sidebar .mailback .mail .email .subscribe {
padding-left: 130px;
padding-top: 5px;
}

.container li {
margin-bottom: 5px;
}

.container h2 {
margin-bottom: 10px;
line-height: 130%;
}

.container .sidebar .report {
background: #FFF url(images/banner_report.png) no-repeat left top;
width: 262px;
height: 248px;
padding-top: 80px;
padding-left: 25px;
margin-left: 15px;
}

.container .sidebar .report .excerpt {
width: 240px;
}

.container .sidebar .safetytips {
background: #FFF url(images/banner_safety.png) no-repeat left top;
width: 262px;
height: 81px;
margin-left: 15px;
}

.container .sidebar .experiences {
background: #FFF url(images/banner_share.png) no-repeat left top;
width: 210px;
height: 135px;
margin-left: 15px;
margin-top: 30px;
}

#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
#footer p {
		padding:10px;
		margin:0;
	}