/*
Theme Name: 2012 National Forum on Disability Issues
Author: Mills-James Interactive
Author URI: http://www.millsjamesinteractive.com
Description: A custom, platform-responsive theme for the National Forum on Disability Issues
Version: 1.0
Text Domain: nfdi
*/

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

/**********************************************************************
 * Global / utility
**********************************************************************/

BODY, HTML {
	min-height: 100%;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

html {overflow-y: scroll;}

.text_centered,
.text_align_center
 {
	text-align: center;
}

.text_align_right {
	text-align: right;
}
.text_align_left {
	text-align: left;
}

.display_table {
	display: table;
}

.display_table_cell {
	display: table-cell;
}

.vertical_align_middle {
	vertical-align: middle;
}


BODY {
	background: #346ebc url(images/bg_gradient.png) repeat-x bottom;
}

/* Position main content background from the top, round the corners. */
.outer {
	margin: 2em auto;
	padding: 1em;
	width: 960px;
	background: #346ebc url(images/content_gradient_bg.png) repeat-x bottom;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

H2 {
	line-height: 1.4em;
	font-size: 1em;
	margin-bottom: 1em;
}

H3 {
	font-size:.9em;
}


.all_caps {
	text-transform: uppercase;
}

.spaced_letters {
	letter-spacing:.1em;
}

.bigger {
	font-size: 130%;
}


	/**********************************************************************
	 * Colors
	**********************************************************************/

	.color_dark_blue { color: #122664; }
	.color_dark_blue_bg { background-color: #122664; }
	
	.color_light_blue { color: #d2e0f4;}
	.color_light_blue_bg { background-color: #d2e0f4;}

	
	.color_medium_blue { color: #336cb8; }
	.color_medium_blue_bg { background-color: #336cb8; }

	.color_red { color: #e51b24; }
	.color_red_bg { background-color: #e51b24; }

	.color_white {color: #fff;}
	.color_white_bg {background-color: #fff;}
	
/**********************************************************************
 * Common Styles
**********************************************************************/

.standard_inner_padding {
	padding: 1.5em;
}


.top_rounded_content_box {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.rounded_content_box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}



.short_gradient_bg {
	background: transparent url(images/short_content_box_gradient_bg.png) repeat-x top;
	min-height: 200px;
	margin-bottom: 2em;
}
.tall_gradient_bg {
	background: transparent url(images/tall_content_box_gradient_bg.png) repeat-x top;
}

.red_button 
 {
	position: relative;
	background: url(images/red_button.png) no-repeat center;
	height: 44px;
	width: 100%;
	line-height: 44px;
	font-weight: bold;
	margin-top: 1em;
	margin: 1em 0 1em 0;
	font-size: 12px;
	
}

.red_button A,
.red_button INPUT[type=image]
 {
	height: 44px;
	width: 155px;
	color: inherit;
	text-decoration: none;
}

.red_button INPUT[type=image] {
	background: url(images/submit_button.png) no-repeat center;	
}


.star_heading_blue,
.star_heading_red {
	position: relative;
	height: 38px;
	width: 100%;	
}

.star_heading_blue {
	background: #122664 url(images/white_star.png) repeat-x center;
}

.star_heading_red {
	background: #e51b24 url(images/white_star.png) repeat-x center;
}



/**********************************************************************
 * Header Menu
**********************************************************************/
#primary_nav {
	position: relative;
	margin-bottom: 2em;
}


#primary_menu {
	position: absolute;
	bottom: 29px;
	right: 0;
}


#primary_menu UL {
	color: #122664;
}

#primary_menu UL LI {
	display: inline;
	list-style: none inside none;
}

#primary_menu UL LI A {
	color: inherit;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	padding: .7em .5em .7em .5em;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#primary_menu UL LI A:HOVER,
#primary_menu UL LI.current-menu-item A,
#primary_menu UL LI.current-page-ancestor A,
#primary_menu UL LI.current-post-parent A 
{
	background-color: #122664;
	color: white;
   -webkit-transition: background-color 100ms linear;
   -moz-transition: background-color 100ms linear;
   -o-transition: background-color 100ms linear;
   -ms-transition: background-color 100ms linear;
   transition: background-color 100ms linear;

   -webkit-transition: color 200ms linear;
   -moz-transition: color 200ms linear;
   -o-transition: color 200ms linear;
   -ms-transition: color 200ms linear;
   transition: color 200ms linear;
   
   
}
/**********************************************************************
 * Header font change links
**********************************************************************/

#change_font_panel  {
	font-weight: bold;
	display: table;
}

/* "Change font size" text */
#change_font_panel SPAN {
	padding-right: 1em;
	display: table-cell;
}


#change_font_panel A {
	color: inherit;
	line-height: 1.2em;
	padding: .2em .35em;
	display: table-cell;
	width: 1em;
	text-align: center;

}

#change_font_panel A:HOVER,
#change_font_panel A.active
 {
	color: #fff;
	background-color: #122664;
	
}


#font-90 {
	font-size: .9em;	
}

#font-100 {
	font-size: 1em;
}

#font-110 {
	font-size: 1.1em;
}



/**********************************************************************
 * Home page
**********************************************************************/
#videoModal {
   width: 600px;
   height: 385px;
   margin-left: -300px;
   
}

#nfdi_video {
	position: relative;	
	top: 0;
	left: 0;
}

/* close button */
#videoModal button {
	position: absolute;
	top: 5px;
	right: 5px;
}

#videoModal P {
		text-align: center;
		margin-top: 25px;
}

.newsfeed_item {
	background-color: #edf3fb;
	margin-bottom: 1em;
	font-size: 90%;
	padding: .75em;
	line-height: 140%;
}

.newsfeed_item H3 {
	font-size: 95%;
}


#video {
	position: relative;
	top: 0;
	left: 0;
}


#video IMG {
	position: relative;
	left: 7px;

}


/**********************************************************************
 * Conference Page / Webcast Page Forms
 * 	Conference page WP body class: page-id-6
 * 	Webcast page WP body class: 
**********************************************************************/
/* Helper text for form submission errors */
FORM.form_overrides .help-block {
	font-size: 80%;
	color: red;
	height: 1.5em;

}

FORM.form_overrides INPUT[type=text],
FORM.form_overrides TEXTAREA
{
	min-width: 320px;
}

INPUT#city {
	min-width: 0 !important;
	width: 200px !important;
}

FORM.form_overrides .span1,
FORM.form_overrides .span2,
FORM.form_overrides .span3,
FORM.form_overrides .span4,
FORM.form_overrides .span5,
FORM.form_overrides .span6,
FORM.form_overrides .span7,
FORM.form_overrides .span8,
FORM.form_overrides LABEL {
	margin-left: 0;
}

.page-id-9 .alert,
.page-id-6 .alert
 {
	color: #132664;
	background-color: #ffefbd;
	border-color: #fade88;
}

.page-id-9 .alert H4,
.page-id-6 .alert H4 {
	padding-bottom: .5em;
}





/**********************************************************************
 * Invite the Candidates Page
 * 	WP body class: page-id-13
**********************************************************************/
BODY.page-id-13 H2 {
font-size: 125%;
}

BODY.page-id-13 STRONG {
}

BODY.page-id-13 .candidateEntry {
	position: relative;
	width: 250px;
	float: left;
}


BODY.page-id-13 .candidateEntry {
	margin-bottom: 2em;
}

BODY.page-id-13 .candidateEntry:nth-child(odd) {
	margin-left: 2em;
}

BODY.page-id-13 .candidateEntry:nth-child(even) {
	margin-left: 200px;
}

BODY.page-id-13 .candidateEntry H3 {
	text-align: center;
}

.candidateEntry .candidateImage {
	text-align: center;
}

.candidateEntry .candidateImage IMG {
	border: 10px solid #fff;
	-moz-box-shadow: 2px 2px 5px #6e6e6e;
	-webkit-box-shadow: 2px 2px 5px #6e6e6e;
	box-shadow: 2px 2px 5px #6e6e6e;
}

.candidateEntry .candidateCaption LI {
	list-style: none inside none;
	padding: 0;
	 margin: .5 0 .5em .5em
}

.candidateEntry .candidateCaption LI A {
	color: inherit;
}


/**********************************************************************
 * Sponsors Page
 * 	WP body class: page-id-15
**********************************************************************/


BODY.page-id-15 #content {
	line-height: 1.5em;
}

BODY.page-id-15 #content H2 {
font-size: 115%;
color: #122664;
}


BODY.page-id-15 #content H4 {
	font-weight: normal;
	font-size: 105%;
	margin: 2em 0 .75em 0;
	color: #122664;
}

.page-id-15 #sponsor_list H2 {
	font-size: 115%;
	color: #122664;
	padding-top: 1em;
}


.page-id-15 #sponsor_list UL {
	font-size: 90%;
	list-style: url(images/sponsor_bullet.png);
}

.page-id-15 #sponsor_list LI {
	margin-bottom: 1em;
}


/**********************************************************************
 * Thank you pages
**********************************************************************/
.thank_you {}

.thank_you * {
	color: #fff;
}

.thank_you H2, .thank_you H3 {
	text-align: center;	
}

.thank_you H2 {
	font-size: 1.4em;
}

.thank_you .standard_inner_padding {
	padding: 2em;
}

/**********************************************************************
 * News page
**********************************************************************/
BODY.category-news .news_item {
	min-height: 50px;
	margin-bottom: 1.25em;
	position: relative;
}

BODY.category-news .news_item .inner {
	padding: 1em;
}

BODY.category-news .news_item .pdf_icon {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -21px;
}

BODY.category-news .news_item h4 {
}

BODY.category-news .news_item A {
	color: #000;
}

BODY.category-news .news_item A:HOVER {
	text-decoration: underline;
}

BODY.category-news #freeform_news {
	font-size: .9em;
}

BODY.category-news #freeform_news H4 {
	color: #122664;
}


/**********************************************************************
 * Single Post Pages
**********************************************************************/
.single-post .content H2 {
	font-size: 1.5em;
}

.content .standard_inner_padding {
	padding-right: 5em;
}


/**********************************************************************
 * Footer
**********************************************************************/
FOOTER {
	text-align: middle;	
	padding: 2em;
	background-color: #bed5f2;
	color: #122664;
	margin-top: 3em;
	position: relative;
}

FOOTER A {
	color: inherit;
}

FOOTER UL {
	display: block;
	text-align: center;
	list-style: none outside none;
	font-weight: bold;
	
}

FOOTER UL LI {
	display: inline;
}

FOOTER UL LI:first-child:before {
	content: none;
}

FOOTER UL LI:before {
	content: "| ";
}

FOOTER p.copyright {
	text-align: center;
}

FOOTER #social_media {
	position: absolute;
	top: 1em;
	left: 1em;
}
/**********************************************************************
 * Social Media Mashup plugin
**********************************************************************/
DIV.social-media-mashup {
	height: 20em;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: .5em;
	font-size: .8em;

}