@charset "UTF-8";

/* 
   ------------------------------------
   Obama Progress Report (opr.css)
   mixitproductions.com
   last revised: mar.8.2010 
   ------------------------------------ 
*/


/* ---- styles for feature parent page --- */

body {
	margin:0; 
	padding:0;
	background-color:#efefef;
	background-image:url(bg_header_band.gif);
	background-repeat: repeat-x;
	}

.road-parent-wrapper {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fff;
	background-image:url(bg_obama.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0; width:950px; height:950px;
	text-align:left;
	position:relative;
	} 

#road-title-1 {padding:106px 0 0 520px; color:#fff; font-size:15px; font-weight:bold; font-style:italic; font-weight:bold;}
#road-title-2 {padding:0 0 0 520px; color:#ceff8f; width:430px; font-size:30px; font-weight:normal; line-height:90%; margin:0; text-transform:uppercase; font-family:Georgia, 'Times New Roman', Times, serif;}

/* this is the large green text if you should change your mind   */
/*  .road-p-green-big {width:350px; margin-top:130px; color:#9fd239; font-size:22px; font-weight: bolder; line-height:120%;}  */

#p-wrapper {width:370px; position:relative; top: 150px; left: 15px; color:#444; font-size:16px; line-height:140%;}
.road-p {color:#444; font-size:16px; line-height:140%;}
.road-p-green-small {margin-bottom:20px; color:#9fd239; font-size:14px; font-weight: bolder; line-height:140%;}

#road-iframe {
	padding:0;
	margin:0;
	position: absolute;
	top: 360px; /*  pixels from the top edge of the last relative containing block */
	left: 395px; /*  pixels from the left edge of the last relative containing block */
	width: 542px; /* important to define a width that doesn't cause horizontal scrollbars for opera */
	height:403px;  /*  mobile safari ignores this  */
	border: 0;
	overflow-x: hidden; overflow-y: scroll;  /* still living in a world with ie */
	}

     /* NEXT link, anchors itself to the upper left corner of the surrounding div - use top & left pixels to place  */
#road-next-wrapper {position:absolute; top:340px; left:525px; width:300px; height:20px; background-color:#ffffff; font-size:12px; font-style:italic; font-weight:bold; text-transform:uppercase; }

     /* A to Z link, position with top & left pixels */ 
#road-az-wrapper {background-color:#FFFFFF; position:absolute; top:780px; left:525px; width:370px; color:#333333; font-size:11px; font-weight:bolder; line-height:120%;}

a.roadparent,a.roadparent:link,a.roadparent:visited {color:#FF4533; border-bottom:#FFCC00 1px dotted; text-decoration:none;}
a:hover.roadparent {color:#FF4533; border-bottom:#FF4533 1px dotted; background-color:#efe4a7; text-decoration:none;}

     /* orange buttons */
.road-button-wrapper {width:208px; height:22px; margin:5px 10px 0; padding-top:1px; background-image:url(bg_button.gif); background-repeat:no-repeat;}
a.road-button {color:#ffda6b; font-size:11px; font-weight: bolder; text-transform:uppercase; text-decoration:none;}
a:hover.road-button {color: #ffffff; }

    /* hidden homepage link  */
	
#ucsmenu a { position: absolute; height: 83px; width: 385px; top: 12px; text-decoration: none; }
#ucsmenu a i { visibility: hidden; }
a#ucshome { left: 22px; }
a#ucshome:hover { border: none; }


/* ---- iframed timeline page --- */

#days-iframe-wrapper {padding:0; margin:0; width:520px; color: #333; font-family: Arial, Helvetica, sans-serif; background-color:#eee; background-image:url(bg_iframe.gif); background-repeat: repeat-y;}

.days-p {padding-left:106px; margin:0;}
.days-date {font-size:10px; font-style: italic; font-weight:bold; padding-top:18px; padding-bottom:0;}
.days-event-red {background-image:url(lights_3horiz_red.gif); background-repeat:no-repeat; font-size:14px; color:#fff; padding-top:3px; padding-bottom:5px;}
.days-event-yellow {background-image:url(lights_3horiz_yellow.gif); background-repeat:no-repeat; font-size:14px; color:#fff; padding-top:3px; padding-bottom:5px;}
.days-event-green {background-image:url(lights_3horiz_green.gif); background-repeat:no-repeat; font-size:14px; color:#fff; padding-top:3px; padding-bottom:5px;}


	/* classes for green-boxed timeline link styling */
a.days-openme,a.days-openme:link,a.days-openme:visited
	{
	display:block;
	width:380px;
	color:#444;
	background-color:#bcdb5e;
	background-image:url(bg_i.gif); 
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:11px;
	padding:0;
	padding-top:3px;
	padding-bottom:4px;
	padding-left:22px;
	border:1px solid #ffffff;
	outline:1px solid #98bf21;
	text-decoration:none;
	margin-left:1px;
	}

a.days-openme:hover,a.days-openme:active
	{
	background-color:#d2f38c;
	}


	/* classes for the plain-jane timeline link styling  */
a.days-openme-orig,a.days-openme-orig:link,a.days-openme-orig:visited 
	{
	color:#444444; 
	text-decoration:none; 
	background-image:url(bg_i.gif); 
	background-repeat:no-repeat; 
	padding-left:18px;
	}

a.days-openme-orig:hover,a.days-openme-orig:active
	{
	color:#93cb15;
	}


/* ---- styles for popups --- */

.popup-pix {margin-right:20px; padding-right:5px; padding-left:10px; float:right;}
.popup-p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; margin:15px; }
.popup-link {color:#c5e974; text-decoration:none; font-weight:bold;}
.popup-link:visited {color:#d2f388;}
.popup-link:hover {color: #d9efa7; text-decoration:underline; background-color:#ffffff;}