/* homepage.css -- CSS Document
------------------------------
- homepage logged out
- homepage logged in
------------------------------
*/
/* homepage logged out */
#homepage h1, #homepage h2 {
	color:#015899;
	margin-bottom:25px;
}
#homepage #homepage_tagline {
	font-weight:700;
	font-size:2.1em;
	text-transform:none;
	margin-bottom:30px;
}
#homepage #homepage_tagline {
	margin-top: 10px;
	/*color: #e05020;*/
}
#homepage #categories {
	float:left;	
	width: 600px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#homepage #categories li {
	float: left;
	width: 100px;
}
#homepage #categories h3 {
	font-weight: normal;
	margin-top: 3px;
	margin-bottom: 5px;
	font-size: 12px;
	height: 28px;
}
#homepage #categories .category {
	position: relative;
}
#homepage #categories .category_image {
	width: 96px;
	height: 65px;
	display: block;
	margin-bottom: 5px;
}
#homepage #categories .overlay {
	position: absolute;
	width: 96px;
	height: 65px;
	top: 0px;
	left: 0px;
}
#homepage #categories .overlay .icon {
	display: block;
	background-image:url('/img/sp_homepage_icons.png');
	width: 96px;
	height: 65px;
}
#homepage #categories .overlay .icon.shopping {
	background-position: 0px 0px;	
}
#homepage #categories .overlay .icon.office {
	background-position: 0px -65px;	
}
#homepage #categories .overlay .icon.video_game {
	background-position: 0px -130px;	
}
#homepage #categories .overlay .icon.travel {
	background-position: 0px -195px;	
}
#homepage #categories .overlay .icon.photography {
	background-position: 0px -260px;	
}
#homepage #categories .overlay .icon.pet {
	background-position: 0px -325px;	
}
#homepage #categories .overlay .icon.music {
	background-position: 0px -390px;	
}
#homepage #categories .overlay .icon.health {
	background-position: 0px -455px;	
}
#homepage #categories .overlay .icon.fashion {
	background-position: 0px -520px;	
}
#homepage #categories .overlay .icon.electronics {
	background-position: 0px -585px;	
}
#homepage #categories .overlay .icon.diet {
	background-position: 0px -650px;	
}
#homepage #categories .overlay .icon.dating {
	background-position: 0px -715px;	
}
#homepage #categories .overlay .icon.computer {
	background-position: 0px -780px;	
}
#homepage #categories .overlay .icon.mobile_phone {
	background-position: 0px -845px;	
}
#homepage #categories .overlay .icon.car {
	background-position: 0px -910px;	
}
#homepage #categories .overlay .icon.business {
	background-position: 0px -975px;	
}
#homepage #categories .overlay .icon.baby {
	background-position: 0px -1040px;	
}
#homepage #categories .overlay .icon.beauty {
	background-position: 0px -1105px;	
}
#homepage #categories .overlay.light_blue {
	background-color: rgba(114, 155, 193, 0.9);
}
#homepage #categories .overlay.blue {
	background-color: rgba(67, 121, 172, 0.9);
}
#homepage #categories .overlay.orange {
	background-color: rgba(255, 133, 46, 0.9);
}
#homepage #categories .overlay.red {
	background-color: rgba(224, 80, 32, 0.9);
}
#homepage #registration {
	float: left;
	background-image:url('/img/sp_homepage_icons.png');
	width: 300px;
	height: 270px;
	background-position: 0px -1320px;	
	position: relative;
}
#homepage #registration_content {
	text-align: center;
	padding-top: 60px;
}
#homepage #media_quote {
	font-size: 20px;
	line-height: 1.4;
	font-style: italic;
	color: #969696;
	margin-bottom: 20px;
}
#homepage #cnn_logo {
	display: block;
	background-image:url('/img/sp_homepage_icons.png');
	width: 166px;
	height: 33px;
	background-position: 0px -1211px;
	margin: 0px auto;	
}
#homepage #social_media_bar {
	height: 65px;
	width: 300px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-bottom: 0px;
}
#homepage #social_links {
	padding-top: 20px;
	margin-left: 40px;
}
#homepage #social_links .social_media_logo {
	background-image:url('/img/sp_homepage_icons.png');
	width: 26px;
	height: 26px;
	margin-right: 7px;
	float: left;
}
#homepage #social_links .social_media_logo.google {
	background-position: 0px -1244px;	
}
#homepage #social_links .social_media_logo.facebook {
	width: 25px;
	height: 25px;
	background-position: 0px -1270px;	
}
#homepage #social_links .social_media_logo.twitter {
	width: 26px;
	height: 25px;	
	background-position: 0px -1295px;	
}
#homepage #social_links #twitter_link {
	margin-right: 7px;
	float: left;
}
#homepage #social_links #google_link {
	margin-right: 7px;
	float: left;
}
#homepage #register_button {
	float: left;
	margin-bottom: 0px;
	width: auto;
	padding: 5px 20px;
}
#homepage #extension_prompt {
	float: left;
	font-family: "Source Sans Pro",sans-serif;
	background-color: #ffea9f;
	width: 300px;
	height: 270px;
}
#homepage #extension_prompt_content {
	padding: 15px 20px;
}
#homepage #extension_prompt h3 {
	font-size: 21px;
	color: #e05020;
	line-height: 1.2;
}
#homepage #extension_prompt #desc {
	font-size: 16px;
	line-height: 1.3;
	margin-top: 17px;
	margin-bottom: 23px;
}
#homepage #extension_prompt #prompt_button {
    background-image: url("/img/sp_homepage_icons.png");
    background-position: 0 -1590px;
    display: block;
    height: 50px;
    width: 180px;
	margin-bottom: 20px;
}
#homepage #extension_prompt #prompt_button.firefox {
	background-position: 0 -1640px;
}
#homepage #extension_prompt #learn_more {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
#homepage #left_side {
	float: left;
	margin-right: 20px;
	width: 600px;
}
#homepage #right_side {
	float: left;
	width: 300px;
}
#homepage #recent_searches {
	font-size: 12px;
	padding: 10px 0px;
	border-top: 1px solid #d7d6da;
	line-height: 1.2;
}
#homepage #review_feed {
	padding-top: 15px;
	border-top: 1px solid #d7d6da;	
}
#homepage .side_box_content {
	padding:15px;
}
#homepage #different {
	margin-bottom: 20px;
}
#homepage #different h2 {
	margin-bottom: 10px;
}
#homepage #different #free {
	font-size: 13px;
	line-height: 1.3;
}
#homepage #social_media h2 {
	margin-bottom: 10px;
}
#homepage .social_media_icon {
	display: inline-block;
	margin-right: 1px;
	width: 26px;
	height: 27px;
	background-image: url('/img/sp_social_media_icons.png');
	text-indent:-9999px;
}
#homepage .social_media_icon.twitter {
	background-position:-26px 0;
}
#homepage .social_media_icon.twitter:hover {
	background-position:-26px -27px;
}
#homepage .social_media_icon.facebook {
	background-position:-52px 0;
}
#homepage .social_media_icon.facebook:hover {
	background-position:-52px -27px;
}
#homepage .social_media_icon.linkedin {
	background-position:-78px 0;
}
#homepage .social_media_icon.linkedin:hover {
	background-position:-78px -27px;
}
#homepage .social_media_icon.google_plus {
	background-position:-104px 0;
}
#homepage .social_media_icon.google_plus:hover {
	background-position:-104px -27px;
}
#homepage #blog_posts h2 {
	font-size:14px;
	font-weight: normal;
	color: #969696;
	text-transform: none;
	display: inline-block;
	margin-top: 7px;
	margin-bottom: 15px;
}
#homepage #blog_heading {
	display: block;
	border-bottom: 1px solid #d7d6da;
	margin-bottom: 15px;
}
#homepage #blog_title {
	display: block;
	background-image:url('/img/sp_homepage_icons.png');
	width: 226px;
	height: 41px;
	background-position: 0px -1170px;
}
#homepage .suggested_blog_post {
	padding-bottom:15px;
	border-bottom: 1px solid #d7d6da;
	margin-bottom:15px;

}
#homepage .suggested_blog_post.last_item {
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:0px;
}
#homepage .suggested_blog_post .summary {
	margin-bottom:5px;
}
#homepage .suggested_blog_post .thumbnail {
	width:64px;
	height:64px;
	background-color: #d7d6da;
	border:1px solid #dadada;
	float: left;
	margin-right:10px;
}
#homepage .suggested_blog_post .thumbnail img {
	width:64px;
	height:64px;
}
#homepage .suggested_blog_post .title {
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.2em;
}
#homepage .suggested_blog_post .title a {
	color:#000000;
}
#homepage .suggested_blog_post .title a:hover {
	color:#D05A03;
}
#homepage .suggested_blog_post .text {
	margin-bottom:5px;
	position: relative;
	bottom: 2px;
}
#homepage .suggested_blog_post .links {
	color:#015899;
	margin-bottom:10px;
}
/* logged in homepage */
#homepage_logged_in #welcome_message {
	font-size: 2.1em;
	color: #e05020;
}
#homepage_logged_in #categories {
	width: auto;
	margin-bottom: 30px;
	margin-right: 0px;
}
#homepage_logged_in #categories li.category {
	width: 103px;
}
#homepage_logged_in #categories li.category.last {
	width: 96px;
}
#homepage_logged_in #user_info {
	margin-bottom: 30px;
}
#homepage_logged_in #profile_info {
	float: left;
	width: 120px;
}
#homepage_logged_in #profile_info .photo {
	height: 90px;
	width: 90px;
	margin-bottom: 3px;
}
#homepage_logged_in .stats {
	margin-top: 10px;
}
#homepage_logged_in .stats .badge {
	margin-bottom: 4px;
}
#homepage_logged_in .stats_text {
	font-size: 11px;
	line-height: 16px;
}
#homepage_logged_in #review_info {
	float: left;
	width: 450px;
	border-left: 1px solid #d7d6da;
	padding-left: 20px;
}
#homepage_logged_in .review_info_title {
	font-size: 17px;
	margin-bottom: 10px;
	line-height: 1.1;
}
#homepage_logged_in #next_badge {
	font-size: 14px;
	margin-bottom: 15px;
}
#homepage_logged_in #next_badge .badge {
	float: none;
	display: inline-block;
	margin: 0 0 0 0;
	position: relative;
	top: 2px;
	width: 16px;
}
#homepage_logged_in .button {
	float: none;
	display: inline-block;
	text-transform: none;
	margin-bottom: 30px;
}
#homepage_logged_in .visited_url {
	line-height: 20px;
	margin-bottom: 5px;
}
#homepage_logged_in .visited_url .star_rating {
	float: left;
	margin-right: 10px;
}
#homepage_logged_in .section_title {
	color: #000;
	margin-bottom: 15px;
}

#homepage_logged_in #tabs {
	width:600px;
}
/* review feed tab */
#homepage_logged_in #reviews-tab {
	padding-left:15px;
}
/* review questions tab */
#homepage_logged_in #qa-tab {
	padding-left: 15px;
}
#homepage_logged_in .question {
	padding-bottom: 15px;
	border-bottom: 1px solid #d7d6da;
	margin-bottom: 20px;
}
#homepage_logged_in .question .photo.medium {
	height: 60px;
	width: 60px;
	margin-bottom: 5px;
}
#homepage_logged_in .question .author_thumbnail_container {
	float: left;
	width: 80px;
	padding-right: 10px;
	overflow: hidden;
}
#homepage_logged_in .question .question_content {
	float: left;
	line-height: 1.2;
	width: 490px;
}
#homepage_logged_in .question h3 {
	font-size: 18px;
	margin-bottom: 7px;
	font-weight: normal;
}
#homepage_logged_in .question .question_text {
	font-style: italic;
	font-size: 17px;
	color: #969696;
	margin-bottom: 7px;
}
#homepage_logged_in .question .question_text a {
	color: #969696;
}
#homepage_logged_in .question .question_text a:hover {
	color: #015899;
}
/* photos tab */
#homepage_logged_in #photos-tab {
	margin-bottom: 20px;
}
#homepage_logged_in #photos-tab .photo {
	padding: 0px;
	float: left;
	width: 180px;
	height: 180px;
	overflow: hidden;
	border: 1px solid #d7d6da;
	margin-bottom: 25px;
	margin-right: 27px;
	position: relative;
}
#homepage_logged_in .url_photo img {
	width: 180px;
}
#homepage_logged_in #photos-tab .photo.last {
	margin-right:0px;
}
#homepage_logged_in .url_photo .overlay {
	position: absolute;
	width: 100%;
	background-color: rgba(77, 128, 177, 0.95);
    bottom: 0;
    color: #fff;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: normal;
    height: 40px;
    left: 0;
    margin-bottom: 0;	
}
#homepage_logged_in .url_photo .overlay h3 {
    font-size: 15px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 5px;
    margin-bottom: 3px;
}
#homepage_logged_in .url_photo .overlay .uploaded {
	font-size: 10px;
	padding-left: 10px;
	white-space: nowrap;
}
#homepage_logged_in .more_link {
	float: right;
	margin-top: -15px;
}
/* homepage updates */
#homepage_logged_in #updates_heading {
	background-color: #ffc200;
	border: 1px solid #ffc200;
	height: 4px;
}
#homepage_logged_in #updates {
	border: 1px solid #ffc200;
	margin-bottom: 15px;
	background-color: #fff3cc;
	padding: 10px 15px;
}
#homepage_logged_in #updates h3 {
	font-size: 16px;
	color: #015899;
}
#homepage_logged_in .alert_item {
	margin-bottom: 3px;
}
#homepage_logged_in .update_icon {
	background-image: url('/img/sp_update_icons.png');
	width: 17px;
	height: 17px;
	margin-right: 5px;
	background-repeat: no-repeat;
	display:block;
	float:left;
}
#homepage_logged_in .update_icon.message_icon {
	background-position: 0 0;
}
#homepage_logged_in .update_icon.vote_icon {
	background-position: 0 -17px;
}
#homepage_logged_in .update_icon.comment_icon {
	background-position: 0 -34px;
}
#homepage_logged_in .update_icon.bookmark_icon {
	background-position: 0 -52px;
}
#homepage_logged_in #updates .close_alert {
    color:#404040;
    float: right;
    font-size:14px;
    font-weight:bold;
    line-height:14px;
    opacity:0.5;
    text-shadow:0 1px 0 #FFFFFF;
	display:none;
}
/* suggested sites */
#homepage_logged_in #suggested_sites {
	margin-bottom: 20px;
}
#homepage_logged_in .suggested_site {
	margin-right: 15px;
	margin-bottom: 20px;
	float: left;
}
#homepage_logged_in .suggested_site.last {
	margin-right: 0px;
}
#homepage_logged_in .suggested_site .website_thumbnail {
	margin-bottom: 7px;
}
#homepage_logged_in .suggested_site .url {
	margin-bottom: 4px;
	font-weight: bold;
}
#homepage_logged_in .suggested_site .rating {
	float: left;
	margin-right: 5px;
}
#homepage_logged_in .suggested_site .num_reviews {
	color: #969696;
	padding-top: 2px;
}
/* related categories */
#homepage_logged_in .related_category {
	width: 188px;
	height: 132px;
	overflow: hidden;
	margin-right: 15px;
	margin-bottom: 20px;
	position: relative;
	border: 1px solid #d7d6da;
	font-size: 16px;
	float: left;
}
#homepage_logged_in .related_category.last {
	margin-right: 0px;
}
#homepage_logged_in .related_category img {
	width: 188px;
}
#homepage_logged_in .related_category .category_name {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: rgba(77, 128, 177, 0.95);
	font-weight: normal;
	color: #fff;
	height: 27px;
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom: 0px;
}
#homepage_logged_in .related_category .category_name h3 {
	font-weight: normal;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 15px;
}