@charset "utf-8";
/* CSS Document */

/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */

/* ***Main Layout Styles*** */

html { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; height: 100%; background-color: #EAEEF7; }

#top-div { background: url(../images/build/bkg_tile.jpg) top center repeat-x; background-color: #FFFFFF; width: 100%; padding-bottom: 50px; overflow: hidden; }

.wrapper { width: 850px; margin: 0 auto 0 auto; padding-bottom: 20px; overflow: hidden; }

#header { width: 850px; height: 90px; }

#logo { background: url(../images/build/probe_logo.jpg) top left no-repeat; height: 90px; width: 185px; float: left; }

#sec-nav { width: 665px; float: right; text-align: right; }

#navigation { height: 35px; width: 850px; }

#banner { height: 200px; width: 850px; }

#banner-small { height: 146px; width: 850px; }

#recent-polls { background: url(../images/build/recent_polls_bkg.jpg) top left no-repeat; width: 250px; height: 200px; float: left; }

#recent-polls-alt { background: url(../images/build/recent_polls_bkg.jpg) top left no-repeat; width: 250px; height: 146px; float: left; }

#banner-graphics { background: url(../images/build/banner_placeholder.jpg) top left no-repeat; width: 600px; height: 200px; float: left; }

#banner-graphics-alt { background: url(../images/build/banner_small.jpg) top left no-repeat; width: 600px; height: 146px; float: left; }

#content { background: url(../images/build/content_bkg.jpg) top left no-repeat; width: 850px; overflow: hidden; }

#content-alt { background: url(../images/build/content_bkg_alt.jpg) top left no-repeat; width: 850px; overflow: hidden; }

#left { float: left; width: 255px; margin: 0 0 10px 0; padding-bottom: 25px;  }

#left-top { background:url(../images/build/left_top_bkg.png) top left no-repeat; width: 255px;  padding: 15px 0 0 0;  }
  
#left-tile { background: url(../images/build/left_tile_bkg.png) top left repeat-y; width: 225px; padding: 0 15px 0 15px;  }

#left-bottom { background: url(../images/build/left_bottom_bkg.png) top left no-repeat; width: 255px; height: 15px;  }

.left-content { background: url(../images/build/left_content_shadow.jpg) top left no-repeat; padding: 10px 5px 0 10px;  }

#right { float: left; width: 560px; padding: 10px 10px 10px 7px; }

#right-content { background: url(../images/build/right_content_shadow.jpg) top left no-repeat; padding: 8px 5px 5px 10px; clear: both; }

#rightBlogDisplay { background: url(../images/build/right_content_shadow.jpg) top left no-repeat; padding: 8px 5px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; clear: both; }

#blogDateDisplay { float: left; clear: left; color: #FFAD4F; font-style: italic; font-size: 14px; padding: 0 0 10px 0; }

#bottom-div { background: url(../images/build/footer_tile.jpg) top left repeat-x; background-color: #EBEFF8; width: 100%; padding: 20px 0 0 0; height: 9em; clear: both; float: none; background-color: #EAEEF7; }

#foot-nav-one { float: left; margin: 5px 0 0 15px;  }

#foot-nav-two { float: left; margin: 5px 0 0 60px;  }
 
.push { }

#map { height: 320px; width: 540px; border: 1px solid #184199; }

.leadin-box { background: url(../images/build/blog_summary_bkg.jpg) top left no-repeat; height: 105px; width: 550px; margin: 10px 0 10px 0; }

.datebox { background: url(../images/build/date_bkg.jpg) top left no-repeat; height: 85px; width: 50px; padding: 10px; float: left; }

.imagebox { background: url(../images/build/img_bkg.jpg) top left no-repeat; height: 105px; width: 150px; float: left; }

.imagebox span.whitetext { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 5px; }

.leadin-content { float: left; width: 400px; }

.leadin-text { width: 380px;  height: 66px; padding: 5px 10px 0 5px; }

.leadin-text p { margin: 0; padding: 0; }

.leadin-text h5 { margin: 0; padding: 0; }

.blog-content { float: left; width: 480px; }

.blog-text { width: 455px; height: 61px; padding: 10px 10px 0 10px; }

.link { margin: 10px 0 10px 0; padding: 0 0 10px; border-bottom: 1px solid #FFAD4F; overflow: hidden; }

.link-img { float: left; width: 200px; text-align: center;}

.link-content { float: left; width: 300px; margin: 0 0 0 15px; }

.contact-photo { margin: 0; padding: 5px; border: 1px solid #FF7800; background: #FFFFFF; }
 
/* ***Navigation Styles*** */

#sec-nav ul { list-style-type: none; margin: 15px 0 0 0; float: right; }

#sec-nav ul li { float: left; margin: 0 15px 0 0; line-height: normal; padding: 0px; } 

#sec-nav ul li a { display: block; height: 15px; line-height: normal; padding: 0px; margin: 0px; }

#sec-nav ul li a.recent { background: url(../images/nav/recent_btn.jpg) top left no-repeat; width: 106px; }

#sec-nav ul li a.recent:hover { background-position: 0 -15px; }

#sec-nav ul li a.privacy { background: url(../images/nav/privacy_btn.jpg) top left no-repeat; width: 117px; }

#sec-nav ul li a.privacy:hover { background-position: 0 -15px; }

#sec-nav ul li a.links { background: url(../images/nav/links_btn.jpg) top left no-repeat; width: 59px; }

#sec-nav ul li a.links:hover { background-position: 0 -15px; }

#sec-nav ul li a.contact { background: url(../images/nav/contact_btn.jpg) top left no-repeat; width: 95px; }

#sec-nav ul li a.contact:hover { background-position: 0 -15px; }

#navigation ul { list-style-type: none; margin: 0 0 0 0; }

#navigation ul li { float: left; }

#navigation ul li a { display: block; }

#navigation ul li a.home { background: url(../images/nav/home_btn.jpg) top left no-repeat; height: 35px; width: 70px; }

#navigation ul li a.home:hover { background-position: 0 -35px; }

#navigation ul li a.about { background: url(../images/nav/aboutus_btn.jpg) top left no-repeat; height: 35px; width: 91px; }

#navigation ul li a.about:hover { background-position: 0 -35px; }

#navigation ul li a.research { background: url(../images/nav/research_btn.jpg) top left no-repeat; height: 35px; width: 175px; }

#navigation ul li a.research:hover { background-position: 0 -35px; }

#navigation ul li a.omnibus { background: url(../images/nav/omnibus_btn.jpg) top left no-repeat; height: 35px; width: 90px; }

#navigation ul li a.omnibus:hover { background-position: 0 -35px; }

#navigation ul li a.syndicated { background: url(../images/nav/syndicated_btn.jpg) top left no-repeat; height: 35px; width: 156px; }

#navigation ul li a.syndicated:hover { background-position: 0 -35px; }

#navigation ul li a.focusgroup { background: url(../images/nav/focus_btn.jpg) top left no-repeat; height: 35px; width: 165px; }

#navigation ul li a.focusgroup:hover { background-position: 0 -35px; }

#navigation ul li a.newsletter { background:url(../images/nav/newsletter_btn.jpg) top left no-repeat; height: 35px; width: 103px; }

#navigation ul li a.newsletter:hover { background-position: 0 -35px; }

#foot-nav-one ul { list-style-type: none; margin: 0 0 0 0; }

#foot-nav-one ul li { margin-bottom: 4px; }

#foot-nav-one ul li a { display: block; }

#foot-nav-one ul li a.foot-home { background: url(../images/nav/home_foot_btn.jpg) top left no-repeat; height: 16px; width: 180px; }

#foot-nav-one ul li a.foot-home:hover { background-position: 0 -16px; }

#foot-nav-one ul li a.foot-about { background: url(../images/nav/about_foot_btn.jpg) top left no-repeat; height: 16px; width: 180px; }

#foot-nav-one ul li a.foot-about:hover { background-position: 0 -16px; }

#foot-nav-one ul li a.foot-research { background: url(../images/nav/research_foot_btn.jpg) top left no-repeat; height: 16px; width: 180px; }

#foot-nav-one ul li a.foot-research:hover { background-position: 0 -16px; }

#foot-nav-one ul li a.foot-services { background: url(../images/nav/services_foot_btn.jpg) top left no-repeat; height: 16px; width: 180px; }

#foot-nav-one ul li a.foot-services:hover { background-position: 0 -16px; }

#foot-nav-one ul li a.foot-omnibus { background: url(../images/nav/omnibus_foot_btn.jpg) top left no-repeat; height: 16px; width: 180px; }

#foot-nav-one ul li a.foot-omnibus:hover { background-position: 0 -16px; }

#foot-nav-one ul li a.foot-syndicated { background: url(../images/nav/syndicated_foot_btn.jpg) top left no-repeat; height: 16px; width: 180px; }

#foot-nav-one ul li a.foot-syndicated:hover { background-position: 0 -16px; }

#foot-nav-one ul li a.foot-focus { background: url(../images/nav/focusgroup_foot_btn.jpg) top left no-repeat; height: 16px; width: 180px; }

#foot-nav-one ul li a.foot-focus:hover { background-position: 0 -16px; }

#foot-nav-two ul { list-style-type: none; margin: 0 0 0 0; }

#foot-nav-two ul li { margin-bottom: 4px; }

#foot-nav-two ul li a { display: block; }

#foot-nav-two ul li a.foot-recent { background: url(../images/nav/recent_foot_btn.jpg) top left no-repeat; height: 16px; width: 180px; }

#foot-nav-two ul li a.foot-recent:hover { background-position: 0 -16px; }

#foot-nav-two ul li a.foot-newsletter { background: url(../images/nav/newsletter_foot_btn.jpg) top left no-repeat; height: 16px; width: 180px; }

#foot-nav-two ul li a.foot-newsletter:hover { background-position: 0 -16px; }

#foot-nav-two ul li a.foot-privacy { background: url(../images/nav/privacy_foot_btn.jpg) top left no-repeat; height: 16px; width: 180px; }

#foot-nav-two ul li a.foot-privacy:hover { background-position: 0 -16px; }

#foot-nav-two ul li a.foot-links { background: url(../images/nav/links_foot_btn.jpg) top left no-repeat; height: 16px; width: 180px; }

#foot-nav-two ul li a.foot-links:hover { background-position: 0 -16px; }

#foot-nav-two ul li a.foot-contact { background: url(../images/nav/contact_foot_btn.jpg) top left no-repeat; height: 16px; width: 180px; }

#foot-nav-two ul li a.foot-contact:hover { background-position: 0 -16px; }

.top-btn { clear: both; margin-top: 25px; margin-right: 15px; float: right; }

/* ***Text Styles*** */

#recent-polls h1 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 22px; display: block;  padding: 12px 0 15px 15px; }

#recent-polls p { display: block; overflow: hidden; color: #FFFFFF; font-size: 14px; padding: 0 15px 15px 15px; height: 103px; }

h2.sidebar-title{ font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #ff7800; font-weight: 100; margin: 0 0 10px 0; }

ul#recently { font-size: 12px; color: #1b429a; padding: 0 0 0 20px; margin: 0 0 0 0; }

#left-tile div.left-content ul.archive-list { font-size: 12px; color: #1b429a; padding: 0 0 0 20px; margin: 0 0 0 0; clear:both; }

#recent-polls-alt h1 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 22px; display: block;  padding: 12px 0 15px 15px; }

#recent-polls-alt p { display: block; overflow: hidden; color: #FFFFFF; font-size: 13px; padding: 0 15px 15px 15px; height: 48px; }

/* ***Blogger Styles*** */

div.post-body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }

h5.post-title { padding-bottom: 2px; }

.monthBlog { color: #FFFFFF; font-size: 15px; text-align: center; width: 50px; letter-spacing: 5px; }

.dayBlog { color: #FFFFFF; font-size: 35px; text-align: center; width: 50px; letter-spacing: 4px; margin: 4px 0 4px 0;  }

.yearBlog { color: #FFFFFF; font-size: 14px; text-align: center; width: 50px; letter-spacing: 3px; }

/* ***Additional Styles*** */

a.readmore { background: url(../images/build/readmore_btn.jpg) top left no-repeat; width: 135px; height: 33px; float: right;  }

a.readmore:hover { background-position: 0 -33px; }

a.recentpoll { background: url(../images/icons/readmore_btn.jpg) top left no-repeat; width: 125px; height: 30px; float: right; display: block; }

a.recentpoll:hover { background-position: 0 -30px; }

#icons { float: right; width: 300px; text-align: right; padding: 0 5px 0 0; }

img.probe-icon { float: right; }

img.me-link { float: right; clear: right; margin: 5px 0 5px 0; }

.bincan-link { float: right; clear: right; font-size: 12px; }

a.social-media {display:block; height:32px; width:172px; margin:10px 0 10px 25px;}
 
/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
 
* html .error { margin: 10px 25px 10px 25px; }